.brand-film,.brand-film svg{width:100%;height:100%;display:block}.brand-film{background:#ebdfc7}.film-small{font:18px Manrope;fill:#173d36;letter-spacing:2px}.film-pro{font:650 440px Manrope;fill:#102f2c;letter-spacing:-35px}.reduced .hero-reel{background:#ebdfc7}.brand-orbit,.brand-plus,.brand-letters{will-change:transform}
.type-art{background:#e8dfcf}.art-a{font-size:330px;top:0;left:9%;color:#173d36}.type-module{background:#173d36;display:grid;place-items:center;color:#eab67b;overflow:clip}.type-module>span{font:260px/.8 Manrope;z-index:1}.type-module i{position:absolute;border:1px solid #eab67b88;border-radius:50%;width:90%;aspect-ratio:1}.type-module i:nth-of-type(2){width:65%}.type-module i:nth-of-type(3){width:40%}.type-module i:nth-of-type(4){width:15%}.art-caption{z-index:2}.experiences-intro{padding-bottom:25px}.comparison-story{background:var(--paper);color:var(--ink)}.comparison-sticky{position:relative;height:95svh;min-height:650px;overflow:clip}.compare-stage{position:absolute;left:6%;right:6%;top:110px;bottom:50px;aspect-ratio:auto;overflow:clip;background:#fff}.after-plane{clip-path:inset(0);background:#e8ddc8}.after-image{inset:0}.after-image img,.after-image canvas{width:100%;height:100%;object-fit:cover;object-position:50% 50%;position:absolute;inset:0}.after-image canvas{visibility:hidden}.after-image canvas.ready{visibility:visible}.after-shade{position:absolute;inset:0;background:linear-gradient(90deg,#051e22b3,transparent 70%),linear-gradient(0deg,#051e2266,transparent 35%);opacity:1;pointer-events:none}.after-plane h3{font:12vw/.89 var(--serif);letter-spacing:-.035em;top:28%;left:7%;color:#fff4df;z-index:2}.after-nav{top:125px;left:7%;right:7%;font:34px var(--serif);color:#fff4df;z-index:2}.after-nav span{font:10px Manrope;letter-spacing:.15em;padding-top:10px}.after-foot{left:7%;bottom:12%;z-index:2;color:#fff4df;font-size:10px;letter-spacing:.12em}.after-foot p{font:27px var(--serif);letter-spacing:0;margin:10px 0 0}.story-rail{position:absolute;bottom:24px;left:7%;right:7%;display:flex;gap:25px;align-items:center;font-size:10px;letter-spacing:.04em;color:#fff4df;z-index:4}.story-rail a{margin-left:auto;padding:8px;border-bottom:1px solid currentColor}.story-progress{height:1px;background:currentColor;opacity:.8;width:120px;position:relative}.story-progress i{display:block;height:3px;background:currentColor;position:absolute;inset:-1px 0;transform-origin:0 50%}.static-compare{position:absolute;z-index:4;bottom:20px;right:7%;display:flex;gap:20px;color:#fff4df;background:#082b2cdd;padding:10px 15px;font-size:12px}.static-compare button{border-bottom:1px solid}.static-story .story-rail{display:none}.static-story .compare-stage{inset:0}.static-story.show-before .after-plane{visibility:hidden}
.motion-enabled .comparison-story{height:285svh}.motion-enabled .comparison-sticky{position:sticky;top:0;height:100svh;min-height:650px}.motion-enabled .compare-stage{top:110px;bottom:60px;left:6%;right:6%}.motion-enabled .after-plane{clip-path:inset(0 0 0 100%)}.motion-enabled .after-image{left:47%;top:18%;right:0;bottom:0}.motion-enabled .after-shade{opacity:0}.motion-enabled .after-plane h3{font-size:clamp(70px,8vw,130px);top:23%;left:35px;color:#18372f}.motion-enabled .after-nav{top:25px;left:35px;right:35px;color:#18372f}.motion-enabled .after-foot{bottom:30px;left:35px;color:#18372f}.motion-enabled .story-rail{color:#173d36}.comparison-story .plain-content img{height:clamp(130px,27vh,300px)}.comparison-story .plain-content{padding:25px}.comparison-story .plain-content h3{font-size:30px}.comparison-story .plain-content p{margin-bottom:15px}
@media(max-width:760px){.film-small{font-size:22px}.hero-reel{background:#ebdfc7}.type-module>span{font-size:190px}.art-a{font-size:280px}.experiences-intro .comparison-heading h2{font-size:60px}.comparison-sticky{height:90svh;min-height:660px}.motion-enabled .comparison-story{height:235svh}.motion-enabled .comparison-sticky{min-height:620px}.motion-enabled .compare-stage{top:96px;bottom:70px}.motion-enabled .after-image{left:15%;top:46%}.motion-enabled .after-plane h3{font-size:22vw;left:22px;top:18%}.motion-enabled .after-nav{font-size:25px;top:24px;left:22px;right:22px}.after-nav span{font-size:8px;letter-spacing:.03em}.motion-enabled .after-foot{left:22px;bottom:28px;font-size:8px;max-width:65%}.after-foot p{font-size:20px}.after-plane h3{font-size:24vw}.after-nav{top:108px}.story-rail{font-size:9px;gap:12px;bottom:20px}.story-progress{width:50px}.story-rail a{white-space:nowrap}.comparison-story .plain-content img{width:100%;height:210px}.comparison-story .plain-content{padding:28px 20px}.comparison-story .plain-nav{font-size:19px}.after-image img,.after-image canvas{object-position:60% 50%}.static-story .after-foot{bottom:16%}}
@media(prefers-reduced-motion:reduce){.comparison-sticky{height:90svh}.story-rail{display:none}.static-compare{display:flex}}
#water-toggle{font-size:10px;padding:8px;border-bottom:1px solid currentColor;margin-left:auto}.story-rail a{margin-left:0}@media(max-width:760px){.story-progress{display:none}#water-toggle{font-size:9px}}
.comparison-story .after-foot{background:none;padding:0}

/* Keep the water canvas inside the hidden after composition. */
.static-story.show-before .after-image canvas{visibility:hidden}