.stage-landing{display:grid;gap:24px}.stage-landing.section-shell{width:100%;max-width:none;margin:0}.stage-opening-shell{width:calc(100vw - 20px);max-width:none;margin:12px auto 0;position:relative;--stage-center-shift: 0px;--takeover-height: min(88vh, 860px);height:0;overflow:clip;transition:height .82s cubic-bezier(.22,1,.36,1),margin-top .45s ease}.stage-opening-shell.is-open{height:calc(var(--takeover-height) + 125vh);margin-top:18px}.stage-opening{position:sticky;top:var(--takeover-sticky-top, 18px);height:var(--takeover-height);border-radius:0;overflow:hidden;isolation:isolate;background:var(--stage-surface);box-shadow:0 24px 64px rgba(var(--stage-accent-rgb),.24);will-change:transform}.stage-opening-shell.is-active .stage-opening{box-shadow:0 24px 64px rgba(var(--stage-accent-rgb),.24)}.stage-opening__media,.stage-opening__overlay,.stage-opening__content{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .34s ease}.stage-opening__media{opacity:0}.stage-opening__intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;transition:opacity .34s ease}.stage-opening__intro-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--stage-surface);opacity:1}.stage-opening__intro-title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;transform:translateY(0) scale(1);transform-origin:center;opacity:1;pointer-events:none;will-change:transform,opacity}.stage-opening__intro-title-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(4rem,9vw,8rem);font-style:italic;font-weight:500;line-height:.9;letter-spacing:.01em;white-space:nowrap}.stage-opening__intro-title-layer--base{color:#191512}.stage-opening__intro-title-layer--mask{color:#fff;-webkit-text-stroke:.55px rgba(255,255,255,.96);text-shadow:0 0 1px rgba(255,255,255,.35);clip-path:inset(var(--intro-clip-top, 50%) var(--intro-clip-right, 50%) var(--intro-clip-bottom, 50%) var(--intro-clip-left, 50%) round var(--intro-clip-radius, 999px))}.stage-opening__intro-subtitle{position:absolute;left:calc(50% + var(--stage-center-shift, 0px));top:var(--intro-subtitle-top, 62%);z-index:4;width:min(42rem,calc(100% - 120px));margin:0;color:transparent!important;text-shadow:none!important;font-size:1.2rem;line-height:1.4;letter-spacing:.01em;text-align:center;transform:translate(-50%) translateY(0);opacity:0;pointer-events:none}.stage-opening__intro-cue{position:absolute;left:calc(50% + var(--stage-center-shift, 0px));top:var(--intro-cue-top, 50%);z-index:4;transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:12px;color:#1f1a16c7;text-align:center;pointer-events:none;opacity:0;white-space:nowrap}.stage-opening__intro-cue-line{width:1px;height:60px;background:#1f1a168a}.stage-side-link{position:absolute;top:50%;z-index:4;display:grid;gap:10px;max-width:none;padding:0;background:none;border:0;color:#191512;cursor:pointer;pointer-events:auto;transition:opacity .34s ease,filter .24s ease;--hover-x: 78px;--hover-y: 196px}.stage-side-link--left{left:-64px;transform:translateY(-50%);text-align:left;justify-items:start}.stage-side-link--right{right:-64px;transform:translateY(-50%);text-align:right;justify-items:end}.stage-side-link__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;opacity:.56;transition:opacity .24s ease,letter-spacing .24s ease}.stage-side-link__title{font-size:.9rem;font-weight:600;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .24s ease}.stage-side-link__hover-badge{position:absolute;left:var(--hover-x);top:var(--hover-y);z-index:3;width:112px;height:112px;display:grid;align-content:center;justify-items:center;gap:2px;padding:16px;border-radius:999px;background:#1b1614b3;color:#fff;box-shadow:0 18px 40px #1b16143d;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.76);transform-origin:center;transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease;will-change:left,top,opacity,transform}.stage-side-link__hover-kicker{font-family:Cormorant Garamond,serif;letter-spacing:.01em;font-style:italic;font-size:1rem;line-height:1;opacity:.9}.stage-side-link__hover-title{width:100%;max-width:100%;font-family:Cormorant Garamond,serif;font-size:var(--hover-title-size, 1.82rem);font-weight:600;line-height:.9;letter-spacing:.01em;text-align:center;text-wrap:balance}.stage-orb{position:absolute;overflow:hidden;border-radius:999px;box-shadow:0 12px 30px #1f1a161f;transition:width .28s cubic-bezier(.22,1,.36,1),height .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,transform .28s cubic-bezier(.22,1,.36,1),filter .28s ease}.stage-orb img,.stage-orb video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s cubic-bezier(.22,1,.36,1),filter .28s ease}.stage-orb--left,.stage-orb--right{width:156px;height:392px;position:relative;z-index:1;opacity:1}.stage-orb--left{left:0;top:0;transform:translate(0)}.stage-orb--right{right:0;top:0;transform:translate(0)}.stage-side-link:hover,.stage-side-link:focus-visible{filter:saturate(1.04)}.stage-side-link:hover .stage-side-link__eyebrow,.stage-side-link:focus-visible .stage-side-link__eyebrow{opacity:.82;letter-spacing:.22em}.stage-side-link:hover .stage-side-link__title,.stage-side-link:focus-visible .stage-side-link__title{transform:scale(1.08)}.stage-side-link:hover .stage-side-link__hover-badge,.stage-side-link:focus-visible .stage-side-link__hover-badge,.stage-side-link.is-engaged .stage-side-link__hover-badge{opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 24px 52px #1b161447}.stage-side-link.is-engaged .stage-side-link__eyebrow,.stage-side-link.is-engaged .stage-side-link__title{opacity:1}.stage-side-link:hover .stage-orb--left,.stage-side-link:focus-visible .stage-orb--left{width:174px;height:428px;transform:translate(18px);box-shadow:0 18px 42px #1f1a1638;filter:saturate(1.08)}.stage-side-link:hover .stage-orb--right,.stage-side-link:focus-visible .stage-orb--right{width:174px;height:428px;transform:translate(-18px);box-shadow:0 18px 42px #1f1a1638;filter:saturate(1.08)}.stage-side-link:hover .stage-orb img,.stage-side-link:focus-visible .stage-orb img{transform:scale(1.08);filter:contrast(1.04) saturate(1.1)}.stage-side-link.is-engaged .stage-orb--left,.stage-side-link.is-engaged .stage-orb--right{box-shadow:0 18px 42px #1f1a1638;filter:saturate(1.08)}.stage-side-link.is-engaged .stage-orb--left{width:174px;height:428px;transform:translate(18px)}.stage-side-link.is-engaged .stage-orb--right{width:174px;height:428px;transform:translate(-18px)}.stage-side-link.is-engaged .stage-orb img{transform:scale(1.08);filter:contrast(1.04) saturate(1.1)}.stage-orb--center{left:calc(50% + var(--stage-center-shift, 0px));top:var(--center-orb-top, 50%);width:min(34vw,320px);height:min(34vw,320px);transform:translate(-50%,var(--center-orb-translate-y, -50%));transform-origin:top center;background:#ddd;z-index:2;box-shadow:0 18px 48px rgba(var(--stage-accent-rgb),.28),0 8px 22px #1f1a1624;will-change:transform,width,height,border-radius}.stage-opening__media video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);will-change:transform}.stage-opening__overlay{background:linear-gradient(180deg,#141d1814,#141d1885),radial-gradient(circle at 50% 40%,rgba(255,255,255,.08),transparent 34%);opacity:0}.stage-opening__content{z-index:2;display:grid;grid-template-rows:auto 1fr auto;padding:26px;color:#fff;transform:translateY(28px);opacity:0;will-change:transform,opacity}.stage-opening__top,.stage-opening__bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.stage-opening__ghost{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-opening__close{width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;cursor:pointer}.stage-opening__center{display:grid;place-items:center;text-align:center;gap:14px}.stage-opening__title{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(4rem,9vw,9rem);font-weight:500;line-height:.88;letter-spacing:.01em}.stage-opening__lead{margin:0;max-width:42rem;color:#ffffffd6;line-height:1.65}.stage-chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.stage-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(var(--stage-accent-rgb),.42);border:1px solid rgba(255,255,255,.34);box-shadow:0 10px 26px rgba(var(--stage-accent-rgb),.26)}.scroll-cue{display:none}.stage-landing__body{--stage-products-edge-gutter: clamp(24px, 2.6vw, 50px);display:block;width:calc(100vw - var(--stage-products-edge-gutter) - var(--stage-products-edge-gutter));max-width:none;margin:0 auto}.stage-landing__collection{padding:clamp(24px,3vw,34px);border-radius:34px;background:#fffbf5e6;border:1px solid rgba(36,49,40,.08);box-shadow:var(--shadow-soft)}.stage-landing__collection{padding:0;background:transparent;border:0;box-shadow:none}.stage-products-browser{display:grid;gap:18px;margin-top:18px}.stage-products-browser__layout{align-items:start;grid-template-columns:0 minmax(0,1fr);gap:0;transition:grid-template-columns .32s cubic-bezier(.22,1,.36,1),gap .32s cubic-bezier(.22,1,.36,1)}[data-stage-products-root].is-filter-open .stage-products-browser__layout{grid-template-columns:clamp(260px,22vw,430px) minmax(0,1fr);gap:clamp(24px,1.8vw,34px)}.stage-products-browser__sidebar{min-width:0;opacity:0;pointer-events:none;transform:translate(-12px);visibility:hidden;transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s}[data-stage-products-root].is-filter-open .stage-products-browser__sidebar{opacity:1;pointer-events:auto;transform:translate(0);visibility:visible;transition-delay:80ms,0s,0s}.stage-products-browser__main{min-width:0}.stage-products-browser__toolbar{padding-top:4px}.stage-products-browser__filters{display:inline-flex}.stage-products-browser__count{justify-self:center}.stage-products-browser__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 6px;padding-top:0;transition:grid-template-columns .32s cubic-bezier(.22,1,.36,1)}[data-stage-products-root].is-filter-open .stage-products-browser__grid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-stage-products-root] .all-pieces-card__media{aspect-ratio:4 / 5}.stage-products-browser__empty{padding-top:0}@media(max-width:1180px){[data-stage-products-root].is-filter-open .stage-products-browser__layout{grid-template-columns:clamp(232px,24vw,300px) minmax(0,1fr);gap:24px}.stage-products-browser__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 6px}[data-stage-products-root].is-filter-open .stage-products-browser__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.stage-opening-shell{width:calc(100vw - 20px);--stage-center-shift: 0px;--takeover-height: min(82vh, 760px)}.stage-opening-shell.is-open{height:calc(var(--takeover-height) + 54vh)}.stage-opening__top,.stage-opening__bottom{align-items:start}.stage-side-link{width:min(24vw,190px)}.stage-side-link--left{left:-72px}.stage-side-link--right{right:-72px}.stage-orb--left,.stage-orb--right{width:138px;height:334px}.stage-orb--center{width:min(42vw,260px);height:min(42vw,260px)}.stage-side-link__title{font-size:clamp(1.4rem,3vw,2rem)}.stage-opening__intro-subtitle{font-size:1rem;width:min(30rem,calc(100% - 68px))}.stage-landing__body{width:min(100%,calc(100vw - 32px))}.stage-products-browser__layout,[data-stage-products-root].is-filter-open .stage-products-browser__layout{grid-template-columns:1fr;gap:18px}.stage-products-browser__sidebar{display:none}.stage-products-browser__toolbar{grid-template-columns:auto 1fr auto;gap:12px;padding-bottom:14px}.stage-products-browser__filters{display:inline-flex}.stage-products-browser__grid,[data-stage-products-root].is-filter-open .stage-products-browser__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}}@media(max-width:640px){.stage-opening-shell{width:100vw;--stage-center-shift: 0px;--takeover-height: min(86svh, 760px)}.stage-opening-shell.is-open{height:calc(var(--takeover-height) + 68vh)}.stage-opening{top:var(--takeover-sticky-top, 8px);height:var(--takeover-height);border-radius:0}.stage-side-link{display:none}.stage-opening__intro-title-layer{font-size:clamp(4rem,17vw,5.8rem);white-space:normal;padding:0 16px;text-align:center}.stage-opening__intro-subtitle{width:min(19rem,calc(100% - 52px));font-size:1.08rem;line-height:1.38}.stage-opening__intro-cue{top:var(--intro-cue-top, calc(50% + 160px) )}.stage-opening__intro-cue-line{height:64px}.stage-opening__top{justify-content:end}.stage-opening__top .stage-opening__ghost,.stage-opening__bottom .stage-opening__ghost{display:none}.stage-opening__content{padding:16px 16px 22px}.stage-opening__center{align-content:center;gap:18px}.stage-opening__title{font-size:clamp(3.2rem,18vw,5.4rem)}.stage-opening__lead{max-width:19rem;font-size:.9rem;line-height:1.55}.stage-opening__bottom{justify-content:center;align-items:center}.stage-orb--center{width:min(56vw,214px);height:auto;aspect-ratio:4 / 5}.stage-products-browser__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/stage-opening.css.map */