/* Scroll choreography inspired by premium editorial product experiences. */
.hero-cinematic{height:310vh;min-height:2400px;display:block;padding:0;position:relative;overflow:visible;background:#252723}
.hero-sticky{position:sticky;top:72px;height:calc(100vh - 72px);display:grid;grid-template-columns:58% 42%;overflow:hidden;background:#252723;color:#f4f3ed}
.hero-copy-new,.hero-media{height:100%;min-height:0}
.hero-copy-new{grid-column:1;grid-row:1;transition:background .8s}
.hero-media{grid-column:2;grid-row:1}
.hero-cinematic h1,.hero-cinematic .hero-intro,.hero-actions{transition:opacity .6s,transform .8s cubic-bezier(.16,1,.3,1),filter .6s}
.hero-cinematic[data-phase="2"] h1,.hero-cinematic[data-phase="3"] h1,.hero-cinematic[data-phase="2"] .hero-intro,.hero-cinematic[data-phase="3"] .hero-intro,.hero-cinematic[data-phase="2"] .hero-actions,.hero-cinematic[data-phase="3"] .hero-actions{opacity:0;transform:translateY(-34px);filter:blur(8px);pointer-events:none}
.hero-scroll-copy{position:absolute;left:var(--pad);right:4vw;top:50%;transform:translateY(-48%);pointer-events:none}
.hero-scroll-copy p{position:absolute;inset:auto 0;margin:0;font-size:clamp(76px,8.1vw,144px);line-height:.79;letter-spacing:-.085em;font-weight:500;opacity:0;transform:translateY(52px);filter:blur(10px);transition:opacity .7s,transform .9s cubic-bezier(.16,1,.3,1),filter .7s}
.hero-scroll-copy p span{display:block;color:#cad7c5;margin-left:4vw;white-space:nowrap}
.hero-cinematic[data-phase="2"] .hero-scroll-copy p:first-child,.hero-cinematic[data-phase="3"] .hero-scroll-copy p:last-child{opacity:1;transform:none;filter:none}
.hero-cinematic[data-phase="3"] .hero-scroll-copy p:first-child{opacity:0;transform:translateY(-45px);filter:blur(8px)}
.hero-media>video{transform:scale(calc(1.04 + var(--hero-progress,0) * .1));transition:filter .8s}
.hero-product{transform:translate3d(calc(var(--hero-progress,0) * 7vw),calc(var(--hero-progress,0) * -13vh),0) rotate(calc(var(--hero-progress,0) * -5deg)) scale(calc(1 - var(--hero-progress,0) * .14))!important}
.hero-editorial{transform:translate3d(0,calc(var(--hero-progress,0) * 18vh),0) rotate(calc(2deg + var(--hero-progress,0) * 5deg));transition:opacity .5s,transform .2s linear}
.hero-cinematic[data-phase="3"] .hero-editorial{opacity:.18}
.hero-proof-row{transition:opacity .5s,transform .7s}.hero-cinematic[data-phase="2"] .hero-proof-row,.hero-cinematic[data-phase="3"] .hero-proof-row{opacity:0;transform:translateY(18px)}
.hero-bottom-line{position:absolute;left:var(--pad);right:24px;bottom:22px}
.hero-phase-index{position:absolute;z-index:8;right:20px;top:50%;transform:translateY(-50%);display:grid;justify-items:center;gap:9px;font:8px "DM Mono";letter-spacing:.08em;color:rgba(255,255,255,.68)}
.hero-phase-index i{display:block;width:1px;height:120px;background:rgba(255,255,255,.18);position:relative;overflow:hidden}.hero-phase-index i:after{content:"";position:absolute;inset:0;background:#fff;transform-origin:top;transform:scaleY(var(--hero-progress,0))}

.story-stack{position:relative;background:#252723}.story{position:sticky;top:72px;height:calc(100vh - 72px);min-height:700px;box-shadow:0 -1px rgba(41,43,39,.13)}
.story:nth-child(2){top:82px}.story:nth-child(3){top:92px}.story:nth-child(4){top:102px}

.motion-word{display:inline-block;opacity:.13;transform:translateY(.42em);filter:blur(5px);transition:opacity .65s,transform .8s cubic-bezier(.16,1,.3,1),filter .65s;transition-delay:calc(var(--word-index) * 34ms)}
.words-in .motion-word{opacity:1;transform:none;filter:none}
.motion-media{clip-path:inset(0 0 100%);transform:scale(1.08);transition:clip-path 1.15s cubic-bezier(.16,1,.3,1),transform 1.4s cubic-bezier(.16,1,.3,1)}
.motion-media.media-in{clip-path:inset(0);transform:scale(1)}

.studio-stream{padding:15vh 0 13vh;background:#eeece6;overflow:hidden}
.studio-head{padding:0 var(--pad);display:grid;grid-template-columns:.55fr 1.5fr .75fr;gap:5vw;align-items:start}
.studio-head h2{font-size:clamp(62px,8vw,128px);line-height:.89;letter-spacing:-.075em;font-weight:500;margin:0}.studio-head h2 span{color:#92809f}.studio-head>p:last-child{font-size:14px;line-height:1.7;color:var(--muted);max-width:430px;margin:8px 0 0}
.studio-viewport{margin-top:11vh;overflow:hidden}.studio-track{display:flex;gap:14px;padding:0 var(--pad);width:max-content;will-change:transform;transform:translate3d(calc(var(--studio-progress,0) * -38vw),0,0)}
.studio-track figure{width:min(31vw,470px);height:69vh;min-height:610px;margin:0;position:relative;overflow:hidden;background:#ddd}.studio-track figure:nth-child(even){margin-top:10vh}.studio-track img{height:100%;object-fit:cover;clip-path:none;transform:scale(1.02);transition:transform 1s cubic-bezier(.16,1,.3,1)}.studio-track figure:hover img{transform:scale(1.075)}.studio-track figcaption{position:absolute;left:14px;bottom:14px;background:rgba(248,247,242,.85);backdrop-filter:blur(12px);padding:10px 12px;font:8px "DM Mono";letter-spacing:.1em}

.desktop-brief-dock{position:fixed;z-index:65;right:22px;bottom:20px;width:min(510px,calc(100vw - 44px));padding:10px 10px 10px 14px;border:1px solid rgba(41,43,39,.14);border-radius:10px;background:rgba(247,246,241,.9);backdrop-filter:blur(18px);box-shadow:0 14px 50px rgba(30,24,38,.16);display:flex;align-items:center;justify-content:space-between;gap:20px;opacity:0;transform:translateY(130%);transition:opacity .45s,transform .7s cubic-bezier(.16,1,.3,1)}
.desktop-brief-dock.show{opacity:1;transform:none}.desktop-brief-dock>div{display:flex;align-items:center;gap:12px}.desktop-brief-dock img{width:86px;height:auto}.desktop-brief-dock span{display:grid;gap:2px}.desktop-brief-dock b{font-size:11px;font-weight:600}.desktop-brief-dock small{font:8px "DM Mono";color:var(--muted)}.desktop-brief-dock>a{padding:14px 17px;border-radius:7px;background:#c9b1dc;font:9px "DM Mono";white-space:nowrap}.desktop-brief-dock>a b{margin-left:12px}

.magnetic{will-change:transform}.magnetic:hover{transition:transform .15s}

@media(max-width:780px){
  .hero-cinematic{height:auto;min-height:152vh;padding:70px 0 0;display:block;overflow:hidden}
  .hero-sticky{position:relative;top:auto;height:auto;min-height:calc(152vh - 70px);display:block;overflow:hidden}
  .hero-copy-new{height:77vh;min-height:640px}.hero-media{height:75vh;min-height:590px}
  .hero-scroll-copy,.hero-phase-index{display:none}.hero-product{transform:none!important}.hero-editorial{transform:rotate(2deg)}
  .hero-cinematic[data-phase] h1,.hero-cinematic[data-phase] .hero-intro,.hero-cinematic[data-phase] .hero-actions{opacity:1;transform:none;filter:none;pointer-events:auto}
  .story,.story:nth-child(2),.story:nth-child(3),.story:nth-child(4){top:70px;height:calc(100vh - 70px);min-height:700px}
  .studio-stream{padding:12vh 0}.studio-head{padding:0 24px;grid-template-columns:1fr}.studio-head h2{font-size:17vw;margin-top:22px}.studio-head>p:last-child{margin-top:24px}.studio-viewport{overflow-x:auto;margin-top:8vh;scroll-snap-type:x mandatory}.studio-track{transform:none!important;padding:0 24px 18px;gap:10px}.studio-track figure{width:82vw;height:70vh;min-height:600px;flex:none;scroll-snap-align:center}.studio-track figure:nth-child(even){margin-top:0}
  .desktop-brief-dock{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-cinematic{height:auto;min-height:0}.hero-sticky{position:relative;top:auto}.hero-product,.hero-editorial,.studio-track{transform:none!important}.motion-word,.motion-media{opacity:1;filter:none;transform:none;clip-path:none;transition:none}.story{position:relative;top:auto!important}.desktop-brief-dock{transition:none}}