/* The approved closing material now defines the entrance and navigation. */
.water-host{isolation:isolate}.world-water{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.header{position:fixed;top:12px;left:3%;right:3%;width:94%;height:78px;min-height:0;padding:0 2.5%;border:0;border-radius:50px;background:#edebe9ed;box-shadow:0 12px 28px #31313012;backdrop-filter:none;transform:none!important}
.header.water-drawn{background:transparent;box-shadow:none}
.header>.world-water{z-index:-1}.header .wordmark,.header nav,.header-actions{position:relative;z-index:1}
.header nav{gap:24px}.header-cta{font-size:12px}.header nav a{font-size:13px}
.hero-journey,.motion-enabled .hero-journey{height:210svh!important}
.hero,.motion-enabled .hero{position:sticky;top:0;height:100svh!important;min-height:700px;overflow:hidden;background:#edebe9}
.hero .hero-photo,.hero .cinema-layer{inset:15% 4% 12% 55%!important;clip-path:inset(0 round 48% 48% 8px 8px)!important;z-index:1;visibility:visible!important;border:1px solid #ffffffaa}
.hero .hero-photo img,.hero .cinema-layer img{transform:none!important;object-position:65% center}
.hero .cinema-breathe{clip-path:inset(0 0 var(--breathe-wipe,100%) 0 round 48% 48% 8px 8px)!important;z-index:2}
.hero .cinema-belong{clip-path:inset(0 var(--belong-wipe,100%) 0 0 round 48% 48% 8px 8px)!important;z-index:3}
.hero .cinema-shade,.hero .cinema-curtains{display:none}
.hero .hero-copy,.motion-enabled .hero .hero-copy{top:28%!important;bottom:auto!important;left:6%;right:40%;z-index:5;opacity:1!important;transform:none!important}
.hero h1{font-size:clamp(3.4rem,6.6vw,6.3rem)!important;line-height:1.12;letter-spacing:-.04em}
.hero h1 .line{overflow:visible}.hero h1 .line em{font-style:normal}
.hero-bottom{flex-direction:column;align-items:start;gap:1.8rem;margin-top:2rem}
.hero .pill{min-width:0;width:auto;font-size:13px!important;padding:16px 24px;min-height:52px}
.hero-topline{top:105px;padding:15px 6%}.hero-topline>span:last-child{display:none}
.cinema-chapters{top:auto;bottom:5%;left:56%;right:4%;justify-content:space-between;gap:12px}
.cinema-words{z-index:4;inset:10% 0 0;align-items:end;padding-bottom:14%;opacity:.18}
.cinema-word,.cinema-word-two,.cinema-word-three{color:#313130;text-shadow:none;font-size:16vw}
.hero .scroll-cue{left:6%;right:48%;bottom:5%}
.phone-scene{isolation:isolate;overflow:visible}.phone-scene>.world-water{inset:-10% -8%;width:116%;height:120%;z-index:0;max-width:none}
.phone-scene .phone,.phone-scene .ritual-fan,.phone-scene .phone-caption{z-index:2}.phone-scene .orbit{display:none}
@media(max-width:900px){.header nav{gap:12px}.header nav a{font-size:11px}.header-cta{display:none}}
@media(max-width:700px){
 .header{top:8px;left:3%;right:3%;width:94%;height:68px;padding:0 5%}.header-actions{gap:14px}.header .wordmark{gap:7px}
 .hero,.motion-enabled .hero{min-height:720px}
 .hero-journey,.motion-enabled .hero-journey{height:190svh!important}
 .hero .hero-photo,.hero .cinema-layer{inset:38% 6% 10% 32%!important;clip-path:inset(0 round 48% 48% 6px 6px)!important}
 .hero .cinema-breathe{clip-path:inset(0 0 var(--breathe-wipe,100%) 0 round 48% 48% 6px 6px)!important}
 .hero .cinema-belong{clip-path:inset(0 var(--belong-wipe,100%) 0 0 round 48% 48% 6px 6px)!important}
 .hero .hero-copy,.motion-enabled .hero .hero-copy{top:17%!important;left:6%;right:6%;bottom:auto!important}
 .hero h1{font-size:clamp(2.6rem,11.4vw,4rem)!important;line-height:1.12;margin-bottom:0!important}
 .hero-bottom{margin-top:1rem;gap:1rem}.hero-bottom p{max-width:19ch;font-size:12px!important}.hero .pill{font-size:11px!important;max-width:55%;padding:12px 14px;min-height:46px;background:#313130!important}
 .hero-topline{top:88px;padding:0 6%;font-size:9px!important}.hero .scroll-cue{right:6%;bottom:3%}.cinema-chapters{left:6%;right:auto;bottom:12%;top:auto;flex-direction:column;gap:10px;font-size:9px}.cinema-chapters span{min-width:60px;padding-top:5px}.cinema-words{display:none}
 .phone-scene>.world-water{inset:-5% 0;width:100%;height:110%}
}
.motion-paused .hero-journey{height:auto!important}.motion-paused .hero{position:relative}

@media(max-width:700px){.hero h1{font-size:clamp(2rem,9.5vw,3rem)!important}.hero-bottom p{max-width:22ch}.hero .pill{max-width:57%}}
.hero .cinema-layer{border-radius:48% 48% 8px 8px;overflow:hidden}
.hero .cinema-breathe{clip-path:polygon(var(--water-breathe,0% 0%,0% 0%,0% 100%))!important}
.hero .cinema-belong{clip-path:polygon(var(--water-belong,100% 0%,100% 0%,100% 100%))!important}