/* Florals OC — V35 CINEMATIC SCROLL. A distinct scroll-directed homepage, not V34's gentle image drift. */
:root{--oc-ink:#161a16;--oc-cream:#eae9e2;--oc-forest:#25372e}
#home{overflow:visible!important;background:#fafaf7!important}
#home .cinema-hero,#home .cinema-manifesto,#home .cinema-editorial{position:relative;isolation:isolate;width:100%;margin:0;padding:0}
#home .cinema-hero{height:235svh;background:#121715;color:#fff}
#home .cinema-hero-stage{position:sticky;top:0;height:100svh;min-height:530px;overflow:hidden;isolation:isolate;background:#18211b;display:block}
#home .cinema-hero-gallery{position:absolute;inset:0;display:grid;grid-template-columns:34% 35% 31%;gap:4px;overflow:hidden;transform:scale(calc(1 + var(--hero-motion,0)*.07));transform-origin:50% 50%;will-change:transform}
#home .cinema-photo{position:relative;overflow:hidden;min-width:0;min-height:0;transform:translate3d(0,0,0);will-change:transform}
#home .cinema-photo img{height:100%;width:100%;object-fit:cover;max-width:none;display:block;filter:brightness(.72) saturate(.77) contrast(1.08);transform:scale(1.18);transition:none!important}
#home .cinema-photo-left{transform:translate3d(calc(var(--hero-motion,0)*-18vw),calc(var(--hero-motion,0)*-8vh),0)}
#home .cinema-photo-center{transform:translate3d(0,calc(var(--hero-motion,0)*-18vh),0);z-index:1}
#home .cinema-photo-right{transform:translate3d(calc(var(--hero-motion,0)*18vw),calc(var(--hero-motion,0)*8vh),0)}
#home .cinema-photo-left img{transform:scale(calc(1.18 + var(--hero-motion,0)*.17)) translate3d(0,calc(var(--hero-motion,0)*-5%),0)!important}
#home .cinema-photo-center img{transform:scale(calc(1.20 + var(--hero-motion,0)*.28)) translate3d(0,calc(var(--hero-motion,0)*6%),0)!important}
#home .cinema-photo-right img{transform:scale(calc(1.16 + var(--hero-motion,0)*.12)) translate3d(0,calc(var(--hero-motion,0)*-7%),0)!important}
#home .cinema-hero-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(3,10,7,.66),rgba(3,10,7,.22) 65%,rgba(3,10,7,.09)),linear-gradient(0deg,rgba(0,0,0,.47),transparent 36%,transparent 70%,rgba(0,0,0,.25));pointer-events:none;opacity:calc(1 - var(--h,0)*.25)}
#home .cinema-hero-topline,#home .cinema-hero-bottomline{position:absolute;z-index:4;left:clamp(22px,4vw,78px);right:clamp(22px,4vw,78px);display:flex;justify-content:space-between;gap:22px;font:700 clamp(9px,.72vw,12px)/1.35 Arial,Helvetica,sans-serif;letter-spacing:.12em}
#home .cinema-hero-topline{top:clamp(24px,4.1vw,62px);opacity:calc(1 - var(--h,0)*2)}
#home .cinema-hero-headline{position:absolute;z-index:3;left:clamp(20px,4vw,78px);right:4vw;top:44%;transform:translate3d(0,calc(-45% - var(--hero-motion,0)*26vh),0);opacity:calc(1 - var(--h,0)*1.7);will-change:transform,opacity}
#home .cinema-hero-eyebrow{display:block;font:800 clamp(9px,.77vw,12px)/1 Arial,sans-serif;letter-spacing:.24em;margin-bottom:20px;color:#f4f2e7}
#home .cinema-hero-headline h1{margin:0!important;padding:0!important;color:#fff!important;font:900 clamp(65px,11.5vw,204px)/.785 Arial,Helvetica,sans-serif!important;letter-spacing:-.09em!important;text-transform:uppercase!important;max-width:none!important;text-shadow:0 4px 25px rgba(0,0,0,.09)}
#home .cinema-hero-headline h1 span{display:block;white-space:nowrap}
#home .cinema-hero-headline .cinema-outline-word{-webkit-text-stroke:1.5px #fff;color:transparent!important;text-shadow:none}
#home .cinema-hero-bottomline{bottom:clamp(35px,5.4vw,80px);align-items:flex-end;transition:none;opacity:calc(1 - var(--h,0)*1.65);transform:translateY(calc(var(--hero-motion,0)*80px))}
#home .cinema-hero-intro{max-width:min(620px,70vw);font-size:15px;letter-spacing:0}
#home .cinema-hero-intro p{font:400 clamp(12px,1.1vw,17px)/1.45 Arial,sans-serif;letter-spacing:.005em;max-width:540px;color:#fff;margin:0 0 19px}
#home .cinema-hero-ctas{display:flex;flex-wrap:wrap;gap:10px}
#home .cinema-hero-ctas button{min-height:46px;padding:12px 18px;background:#fff;color:#101410;border:1px solid #fff;font:800 11px/1 Arial,sans-serif;letter-spacing:.025em;cursor:pointer;display:inline-flex;align-items:center;justify-content:space-between;gap:40px}
#home .cinema-hero-ctas .cinema-cta-alt{color:#fff;background:transparent}
#home .cinema-hero-ctas button:hover{background:#dbe2dc;color:#111}
#home .cinema-signin{font:600 10px/1.5 Arial,sans-serif;color:#fff;background:transparent;border:0;padding:7px 12px 0 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#home .cinema-hero-scroll{display:flex;gap:15px;align-items:flex-end;font-size:10px;line-height:1.5;text-align:right;white-space:nowrap}
#home .cinema-progress-indicator{display:block;width:2px;height:66px;background:rgba(255,255,255,.35);position:relative}
#home .cinema-progress-indicator i{display:block;background:#fff;position:absolute;left:0;top:0;width:2px;height:calc(var(--h,0)*100%)}
#home .cinema-stage-index{position:absolute;bottom:32px;right:4vw;z-index:4;opacity:var(--h,0);font:700 10px Arial;letter-spacing:.2em;pointer-events:none}
/* Typographic chapter: entire section pins while the three lines slide into alignment. */
#home .cinema-manifesto{height:180svh;color:#18231b;background:#e9e9df}
#home .cinema-manifesto-stage{position:sticky;top:0;height:100svh;min-height:520px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,75px);background:#e9e9df;box-sizing:border-box}
#home .cinema-manifesto-index,#home .cinema-manifesto-footer{font:800 clamp(10px,.78vw,13px)/1.3 Arial,sans-serif;letter-spacing:.17em}
#home .cinema-manifesto-copy p{font:800 clamp(10px,.9vw,13px)/1.3 Arial,sans-serif;letter-spacing:.22em;margin:0 0 clamp(22px,3vw,44px)}
#home .cinema-manifesto-copy h2{font:900 clamp(54px,9.2vw,160px)/.9 Arial,Helvetica,sans-serif!important;letter-spacing:-.08em!important;margin:0!important;color:#203329!important;text-transform:uppercase}
#home .cinema-manifesto-copy h2 span,#home .cinema-manifesto-copy h2 em{display:block;font:inherit;white-space:nowrap;will-change:transform,opacity}
#home .cinema-manifesto-copy h2 span:first-child{transform:translate3d(calc((1 - var(--m,0))*-15vw),0,0);opacity:calc(.25 + .75*var(--m,0))}
#home .cinema-manifesto-copy h2 span:nth-child(2){transform:translate3d(calc((1 - var(--m,0))*14vw),0,0);opacity:calc(.25 + .75*var(--m,0))}
#home .cinema-manifesto-copy h2 em{color:#778c79;-webkit-text-stroke:1px #778c79;font-style:normal;transform:translate3d(0,calc((1 - var(--m,0))*9vh),0);opacity:calc(.15 + .85*var(--m,0))}
#home .cinema-manifesto-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b4bcaf;padding-top:22px;font-size:10px;color:#667667}
/* Chapter transition and collections: open white area with photo reveals */
#home .alo-category-section{background:#fff!important;padding-top:clamp(100px,11vw,180px)!important;padding-bottom:clamp(100px,10vw,160px)!important}
#home .alo-category-section .alo-section-title h2{font-size:clamp(54px,7vw,115px)!important;letter-spacing:-.085em!important}
#home .alo-category-tile{transition:transform .65s cubic-bezier(.2,.6,.2,1),opacity .65s ease!important}
#home.cinema-active .alo-category-tile:not(.cinema-visible){transform:translateY(48px)!important;opacity:.3}
#home .alo-category-tile img{transition:transform .7s cubic-bezier(.2,.65,.2,1)!important}
#home .alo-category-tile:hover img{transform:scale(1.075)!important}
#home .alo-drop-band{background:#2c4032!important;color:#fff!important}
#home .alo-drop-band button{color:#fff!important;border-color:#fff!important}
/* Full-height scroll-controlled chapter crossfade with pinned scenery. */
#home .cinema-editorial{height:250svh;background:#182319;color:#fff}
#home .cinema-editorial-stage{position:sticky;top:0;height:100svh;min-height:550px;overflow:hidden;background:#15251b;isolation:isolate}
#home .cinema-editorial-layer{position:absolute;inset:0;overflow:hidden;will-change:opacity,transform}
#home .cinema-editorial-layer img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(.77);transform:scale(calc(1.09 + var(--editorial-motion,0)*.17))!important;transition:none!important}
#home .cinema-editorial-coast{opacity:calc(1 - var(--cross,0))}
#home .cinema-editorial-wild{opacity:var(--cross,0)}
#home .cinema-editorial-wild img{transform:scale(calc(1.19 - var(--editorial-motion,0)*.12))!important}
#home .cinema-editorial-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.67),rgba(0,0,0,.05) 95%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 40%);z-index:1}
#home .cinema-editorial-upper{position:absolute;left:clamp(26px,5vw,86px);right:clamp(26px,5vw,86px);top:clamp(32px,5vw,80px);z-index:3;display:flex;justify-content:space-between;gap:15px;font:800 10px Arial,sans-serif;letter-spacing:.16em}
#home .cinema-editorial-scene{position:absolute;left:clamp(26px,5vw,86px);right:clamp(26px,5vw,86px);top:50%;z-index:3;transform:translate3d(0,calc(-50% - var(--e,0)*9vh),0);opacity:calc(1 - var(--fadeout,0));max-width:1050px;pointer-events:none}
#home .cinema-editorial-scene-two{transform:translate3d(0,calc(-42% + (1 - var(--fadein,0))*9vh),0);opacity:var(--fadein,0)}
#home .cinema-editorial-scene span{font:800 clamp(10px,.9vw,14px) Arial,sans-serif;letter-spacing:.16em}
#home .cinema-editorial-scene h2{font:900 clamp(76px,12vw,192px)/.84 Arial,sans-serif!important;letter-spacing:-.08em!important;color:#fff!important;margin:26px 0!important}
#home .cinema-editorial-scene h2 em{font:inherit;font-style:normal;-webkit-text-stroke:1.2px #fff;color:transparent}
#home .cinema-editorial-scene p{font:400 clamp(13px,1.3vw,18px)/1.5 Arial,sans-serif;color:#fff;max-width:500px;margin:0 0 24px}
#home .cinema-editorial-scene button{pointer-events:auto;background:#fff;color:#171b16;border:0;min-height:47px;padding:15px 19px;font:800 11px Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
#home .cinema-editorial-scene-two{pointer-events:auto}
#home .cinema-editorial-counter{position:absolute;right:clamp(30px,5vw,85px);bottom:clamp(34px,5vw,70px);z-index:3;font:600 12px Arial,sans-serif;display:flex;align-items:center;gap:6px;letter-spacing:.07em}
#home .cinema-editorial-counter strong{font-size:25px}
#home .cinema-editorial-counter div{height:2px;width:100px;background:rgba(255,255,255,.3);margin-left:14px;position:relative}
#home .cinema-editorial-counter i{position:absolute;left:0;top:0;height:100%;width:calc(var(--e,0)*100%);background:#fff}
#home .alo-about-band{overflow:hidden!important}
#home .alo-about-band .editorial-story-media img{transform:scale(calc(1.03 + var(--story-reveal,0)*.09))!important;transition:none!important}
/* Fallback state when scripts/motion are unavailable: content remains legible. */
@media(max-width:960px){
 #home .cinema-hero-headline h1{font-size:clamp(57px,12vw,115px)!important}
 #home .cinema-manifesto-copy h2{font-size:clamp(57px,9vw,105px)!important}
 #home .cinema-editorial-scene h2{font-size:clamp(68px,11vw,115px)!important}
}
@media(max-width:600px){
 #home .cinema-hero{height:195svh}
 #home .cinema-hero-stage{min-height:620px;height:100svh}
 #home .cinema-hero-gallery{grid-template-columns:66% 34%;gap:3px}
 #home .cinema-photo-right{display:none}
 #home .cinema-photo-left img{object-position:center}
 #home .cinema-hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.04) 88%),linear-gradient(90deg,rgba(0,0,0,.22),transparent)}
 #home .cinema-hero-topline{top:23px;left:20px;right:20px;font-size:8px}
 #home .cinema-hero-topline span:last-child{display:none}
 #home .cinema-hero-headline{top:43%;left:15px;right:15px;transform:translate3d(0,calc(-42% - var(--hero-motion,0)*15vh),0)}
 #home .cinema-hero-eyebrow{font-size:8px;letter-spacing:.15em;line-height:1.4;margin-bottom:22px}
 #home .cinema-hero-headline h1{font-size:clamp(44px,12.8vw,82px)!important;letter-spacing:-.082em!important;line-height:.89!important}
 #home .cinema-hero-headline .cinema-outline-word{-webkit-text-stroke:1.1px #fff}
 #home .cinema-hero-bottomline{left:19px;right:19px;bottom:28px;flex-direction:column;align-items:stretch;gap:18px}
 #home .cinema-hero-intro{max-width:100%}
 #home .cinema-hero-intro p{max-width:340px;font-size:12px;line-height:1.45}
 #home .cinema-hero-ctas{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 #home .cinema-hero-ctas button{min-height:43px;font-size:8px;letter-spacing:0;padding:9px;gap:5px}
 #home .cinema-hero-scroll{font-size:8px;flex-direction:row;align-self:flex-end;position:absolute;top:-85px;right:0}
 #home .cinema-progress-indicator{height:41px}
 #home .cinema-manifesto{height:150svh}
 #home .cinema-manifesto-stage{min-height:520px;padding:26px 18px}
 #home .cinema-manifesto-copy h2{font-size:clamp(40px,10.9vw,73px)!important;line-height:.99!important;letter-spacing:-.07em!important}
 #home .cinema-manifesto-copy p{font-size:9px;letter-spacing:.1em}
 #home .cinema-manifesto-footer{display:grid;gap:8px;font-size:8px}
 #home .cinema-editorial{height:210svh}
 #home .cinema-editorial-stage{min-height:600px}
 #home .cinema-editorial-upper{top:30px;left:20px;right:20px;font-size:8px}
 #home .cinema-editorial-upper span:last-child{display:none}
 #home .cinema-editorial-scene{left:20px;right:18px;top:48%}
 #home .cinema-editorial-scene h2{font-size:clamp(57px,14.5vw,86px)!important;line-height:.93!important;margin:18px 0!important}
 #home .cinema-editorial-scene span{font-size:8px;letter-spacing:.09em}
 #home .cinema-editorial-scene p{font-size:12px}
 #home .cinema-editorial-counter{right:20px;bottom:30px;font-size:10px}
 #home .cinema-editorial-counter div{width:60px}
}
@media(prefers-reduced-motion:reduce){
 #home .cinema-hero,#home .cinema-manifesto,#home .cinema-editorial{height:auto!important;min-height:auto!important}
 #home .cinema-hero-stage,#home .cinema-manifesto-stage,#home .cinema-editorial-stage{position:relative!important;height:auto!important;min-height:720px!important}
 #home .cinema-photo,#home .cinema-photo img,#home .cinema-hero-gallery,#home .cinema-hero-headline,#home .cinema-hero-bottomline,#home .cinema-editorial-layer img,#home .cinema-manifesto-copy h2 span,#home .cinema-manifesto-copy h2 em{transform:none!important;transition:none!important;opacity:1!important}
 #home .cinema-hero-headline{top:32%!important}
 #home .cinema-manifesto-copy h2>*{opacity:1!important}
 #home .cinema-editorial-stage{height:850px!important}
 #home .cinema-editorial-layer{opacity:1!important}
 #home .cinema-editorial-wild,#home .cinema-editorial-scene-two{display:none!important}
 #home .cinema-editorial-scene-one{opacity:1!important;transform:translateY(-50%)!important}
}
/* Keep the campaign's CTAs above the fold below the persistent navigation. */
@media(min-width:601px){
 #home .cinema-hero-stage{top:74px;height:calc(100svh - 74px);min-height:545px}
 #home .cinema-manifesto-stage,#home .cinema-editorial-stage{top:74px;height:calc(100svh - 74px)}
}
@media(max-width:600px){
 #home .cinema-hero-stage{top:102px;height:calc(100svh - 102px);min-height:610px}
 #home .cinema-manifesto-stage,#home .cinema-editorial-stage{top:102px;height:calc(100svh - 102px)}
 #home .cinema-hero-bottomline{bottom:19px}
 #home .cinema-hero-headline{top:40%}
}
@media(prefers-reduced-motion:reduce){
 #home .cinema-hero-stage,#home .cinema-manifesto-stage,#home .cinema-editorial-stage{top:auto!important;height:auto!important}
}
/* Mobile body overflow-x:hidden creates a non-scrolling containing block;
   clip does not, so sticky chapters genuinely pin on touch screens. */
html:has(#home.active),body:has(#home.active){overflow-x:clip!important;overflow-y:visible!important}
#home.tabpage.active{animation:none!important;transform:none!important}

@media(max-width:600px){
 body:has(#home.active) .help-pill{padding:9px!important;min-width:40px!important;width:44px!important;height:44px!important;gap:0!important;justify-content:center!important;right:12px!important;bottom:12px!important}
 body:has(#home.active) .help-pill #helpPillLabel{display:none!important}
}