/* The Ocean Within: composition layer above the shared Navy & Ivory system. */
.hero{background:#101f34;min-height:max(720px,calc(100svh - 100px));color:var(--ivory)}
.hero .dreamscape{background:#132b45}
.hero .legacy-scene{inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;mask-image:none;max-width:none}
.hero .dreamscape::after{background:linear-gradient(90deg,#0b1d32f5 0,#0b1d32e8 29%,#10273e9e 50%,#10273e14 78%),linear-gradient(0deg,#091a2d80,transparent 50%)}
.hero .mission-headline{color:var(--ivory);text-shadow:0 2px 24px #0a1c3130}
.hero .mission-headline em{color:#d1ddeb}
.hero .eyebrow{color:#c3d0df}
.hero .hero-thai-line{color:var(--ivory)}
.hero .serif-accent{color:#d0ddeb}
.hero .hero-description{color:#d2dce7;font-size:15px;line-height:1.95;max-width:45ch}
.hero .button{background:var(--ivory);color:var(--navy);border-color:var(--ivory)}
.hero .button:hover{background:#dce6ef;border-color:#dce6ef;color:var(--navy)}
.hero .button:active{background:#c9d7e5;border-color:#c9d7e5}
.hero .text-link{color:#e7edf2;border-color:#92a9c2}
.hero .text-link:hover{color:white;border-color:var(--ivory)}
.hero :focus-visible{outline-color:var(--ivory)}
.hero .hero-personal-note{color:#e7edf2;bottom:36px;font-size:32px}
.hero-content{padding-block:64px 80px}
.recognition .margin-note{color:#526c8c}
.reflection-invite{background:#eef1f3}
.reflection-orbit{aspect-ratio:.92;background:none;max-width:480px;width:100%;margin-inline:auto}
.reflection-orbit::before{display:none}
.reflection-orbit::after{inset:0;border-radius:48% 48% 3px 3px;background:url('/assets/ocean-depth.svg') center 35%/cover;opacity:1}
.reflection-orbit .orbit-ring{display:none}
.philosophy-heading.manifesto-heading .manifesto-note{font-size:31px;color:#4b688a}
.workshop-art .tide-window{width:100%;aspect-ratio:.78;border-radius:48% 48% 3px 3px;overflow:hidden;outline:1px solid #718ba54d;outline-offset:14px;background:#17344e}
.tide-window img{width:100%;height:100%;object-fit:cover;object-position:78% 50%;display:block}
.workshop-art>p{color:#dae4ed;font-size:35px}
.founder-art{background:#e5ebf0;isolation:isolate}
.founder-art::before{border-radius:0;border:0;inset:auto 0 0;height:40%;background:url('/assets/ocean-horizon.svg') 55% 72%/cover;opacity:.18;z-index:-1;mask-image:linear-gradient(transparent,#000)}
.founder-art p,.founder-name{color:#435f7d}
.mission::before{background:linear-gradient(#0a2037c9,#0a2037e8),url('/assets/ocean-horizon.svg') 65% 62%/cover}
.mission .mission-hand{color:#ccdbe8!important}
.welcome-horizon{height:180px;background:none;max-width:480px}
.welcome-horizon div{border-radius:48% 48% 0 0;background:url('/assets/ocean-horizon.svg') 70% 45%/cover;opacity:1}
.welcome-horizon::after{background:linear-gradient(90deg,transparent,#a4b8cd,transparent)}
.social-canvas{background:#10253c;color:var(--ivory)}
.social-canvas main{background:#10253c}
.social-ocean{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%;max-width:none;z-index:-1}
.social-canvas main{isolation:isolate}
.social-canvas main::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#0b1d32f2 0,#0b1d32dc 36%,#10273e45 65%,transparent)}
.social-canvas .social-wordmark,.social-canvas .social-mission-title,.social-canvas .social-thai,.social-canvas .social-mission{color:var(--ivory);z-index:2}
.social-canvas .social-mission-title em{color:#d1ddeb}
.social-canvas .social-signature{color:var(--ivory);z-index:2}
.ocean-study{padding:0;background:#13263d}
.ocean-study img{display:block;width:100%;height:100%;object-fit:cover}
.ocean-study.surface-study img{object-position:75% 45%}
.ocean-study.depth-study img{object-position:center 30%}
@media(min-width:761px) and (max-width:1000px){.hero .dreamscape::after{background:linear-gradient(90deg,#0b1d32f5 0,#0b1d32d9 42%,#10273e70 65%,#10273e20 90%)}.hero .legacy-scene{object-position:72% 50%}.hero .hero-description{max-width:40ch}}
@media(max-width:760px){.hero{min-height:945px}.hero-content{padding-block:38px 375px}.hero .legacy-scene{inset:0;width:100%;height:100%;object-position:74% 50%}.hero .dreamscape::after{background:linear-gradient(#0c2036ed 0,#0c2036e8 45%,#0c203687 65%,#0c20362b 83%,#0a1a2d66)}.hero .hero-description{font-size:14px;line-height:1.9}.hero .hero-personal-note{font-size:27px;bottom:28px}.reflection-orbit{max-width:310px;width:85%;aspect-ratio:.9}.workshop-art .tide-window{outline-offset:11px}.workshop-art>p{font-size:31px}.welcome-horizon{height:165px}.philosophy-heading.manifesto-heading .manifesto-note{font-size:28px}}