.collection-hero{isolation:isolate;padding:clamp(150px, 20vh, 220px) var(--page-gutter) clamp(64px, 8vw, 112px);position:relative;overflow:hidden}.collection-hero__sky{z-index:-1;background:radial-gradient(80% 70% at 70% 0%, #fff9, transparent 70%), linear-gradient(180deg, #cbd5da 0%, #dfe4e4 45%, var(--page-paper) 100%);position:absolute;inset:0}.collection-hero h1{letter-spacing:-.058em;text-wrap:balance;max-width:13ch;animation:collection-rise 1.1s var(--page-ease) both 50ms;margin-top:22px;font-size:clamp(46px,7vw,116px);font-weight:400;line-height:.98}.collection-hero__lead{color:#3b403e;max-width:46ch;animation:collection-rise 1.1s var(--page-ease) both .15s;margin-top:28px;font-size:clamp(17px,1.45vw,22px);line-height:1.5}.collection-families{animation:collection-rise 1.1s var(--page-ease) both .25s;flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.collection-families a{border:1px solid #14141438;border-radius:999px;align-items:center;gap:12px;min-height:46px;padding:10px 16px 10px 18px;font-size:14px;transition:background-color .25s,border-color .25s;display:inline-flex}.collection-families span:last-child{background:var(--page-ink);color:#fff;border-radius:999px;place-items:center;min-width:26px;height:26px;font-size:12px;display:inline-grid}@media (hover:hover){.collection-families a:hover{background:#fff;border-color:#fff}}.collection-family+.collection-family{padding-top:0}@keyframes collection-rise{0%{opacity:0;transform:translateY(22px)}}.collection-hero__stage{z-index:-1;top:16%;right:calc(var(--page-gutter) * -.75);pointer-events:none;width:min(56vw,960px);height:76%;position:absolute}.collection-hero__unit{width:58%;animation:collection-unit 1.5s var(--page-ease) both;animation-delay:calc(.2s + var(--unit) * .14s);position:absolute}.collection-hero__unit:first-child{opacity:.92;width:50%;top:0;right:4%}.collection-hero__unit:nth-child(2){width:56%;top:27%;right:27%}.collection-hero__unit:nth-child(3){width:46%;top:50%;right:0}@keyframes collection-unit{0%{opacity:0;transform:translateY(40px)scale(.96)}}@media (width<=1000px){.collection-hero__stage{aspect-ratio:3/2;width:100%;height:auto;margin-top:32px;position:relative;inset:auto}.collection-hero__unit:first-child{width:56%;top:0;right:0}.collection-hero__unit:nth-child(2){width:64%;top:22%;left:0;right:auto}.collection-hero__unit:nth-child(3){width:52%;top:44%;right:0}}