.home-main{padding-top:56px}
.home-opening{position:relative;height:calc(100svh - 56px);min-height:420px;background:#050505;overflow:hidden}
.home-opening video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-video-toggle{position:absolute;right:var(--pad);bottom:24px;border:0;border-bottom:1px solid currentColor;padding:4px 0;color:#fff;background:transparent;font:inherit;font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
/* Positioning statement between the film and the projects. Same type as "View all projects" (inherited family, regular weight,
   uppercase, -.035em); larger than body text, smaller than the footer title. */
.home-statement{padding:clamp(90px,11vw,180px) var(--pad) clamp(30px,4vw,64px)}
.home-statement p{margin:0;max-width:21em;font-size:clamp(25px,3.9vw,64px);line-height:1.04;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance}
.home-statement .nowrap{white-space:nowrap}
.home-selection{padding:0 var(--pad)}
/* Single continuous sequence: text steps scroll on the left, one sticky stage (identical frame for every image) on the right. */
.home-sequence{--step:clamp(170px,27svh,260px);--stage-top:96px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);column-gap:var(--gap)}
.home-list{grid-column:1;grid-row:1;padding-block:max(0px,calc(50svh - var(--stage-top) - var(--step) / 2))}
.home-info{display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:var(--step);opacity:.25;will-change:opacity,transform}
.home-info h2{margin:0;font-size:clamp(30px,4.2vw,68px);font-weight:500;line-height:.97;letter-spacing:-.045em}
.home-info p{margin:0;font-size:10px;letter-spacing:.1em;line-height:1.6;text-transform:uppercase;color:var(--muted)}
.home-stage{grid-column:2;grid-row:1;align-self:start;position:sticky;top:var(--stage-top);width:100%;height:max(360px,calc(100svh - 2 * var(--stage-top)));overflow:hidden;background:#080808}
.home-shot{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none;will-change:opacity}
.home-shot-1{opacity:1}
.home-shot.is-active{pointer-events:auto}
.home-shot img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;will-change:transform}
.home-shot-1 img{object-position:50% 50%}.home-shot-2 img{object-position:50% 50%}.home-shot-3 img{object-position:50% 50%}
@media(min-width:701px){.home-stage{width:calc(100% + var(--pad));margin-right:calc(-1 * var(--pad))}}
.home-all{padding:clamp(40px,6vw,90px) var(--pad) clamp(100px,12vw,180px)}
.home-all a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(24px,3.5vw,52px);letter-spacing:-.035em;text-transform:uppercase}
@media(hover:hover) and (pointer:fine){.home-all a:hover{opacity:.6}}
@media(max-width:900px){.home-sequence{--stage-top:96px;grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.home-info h2{font-size:clamp(26px,4.6vw,40px)}}
/* Mobile: plain succession image + info, no sticky, no scroll-driven styles (JS is inactive here). */
@media(max-width:700px){
.home-selection{padding-top:48px}
.home-sequence{display:flex;flex-direction:column}
.home-stage,.home-list{display:contents;padding:0}
.home-shot{position:relative;inset:auto;height:60svh;min-height:320px;opacity:1!important;pointer-events:auto;overflow:hidden;background:#080808}
.home-shot img{transform:none!important}
.home-shot-1{order:1}.home-project-1{order:2}.home-shot-2{order:3}.home-project-2{order:4}.home-shot-3{order:5}.home-project-3{order:6}.home-shot-4{order:7}.home-project-4{order:8}.home-shot-5{order:9}.home-project-5{order:10}.home-shot-6{order:11}.home-project-6{order:12}.home-shot-7{order:13}.home-project-7{order:14}
.home-project{margin-bottom:64px}
.home-info{min-height:0;opacity:1!important;transform:none!important;gap:14px;padding-top:18px}
.home-info h2{font-size:clamp(28px,8vw,42px)}
.home-opening{min-height:360px}
}