#entrance{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;padding:0;border:0;background:#061c1a;color:#e7e3dd;overflow:hidden;opacity:1;transition:opacity .6s ease}
.flow-experience{background:#061c1a;color:#e7e3dd;overflow:hidden}.flow-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:25px;padding-top:35px;padding-bottom:35px}.flow-copy h2{font:clamp(32px,4vw,54px)/1.16 var(--serif);margin:20px 0}.flow-copy h2 em{color:#d6bd8d}.flow-copy>p:not(.eyebrow){max-width:440px;line-height:1.8;color:#becdc5}.flow-copy .flow-note{font-size:11px;margin-top:25px;max-width:360px}.flow-copy .text-button{color:#e3c68f}#flow-status{display:block;font-size:11px;color:#a9beb2;margin-top:8px}#flow-network{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}.flow-copy .primary{margin-top:15px}@media(max-width:780px){.flow-layout{grid-template-columns:1fr;padding-top:36px;gap:0}.flow-copy h2{font-size:36px}#flow-network{max-height:480px}.flow-copy .flow-note{margin-top:18px}}
#entrance-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 43%;pointer-events:none}#entrance-canvas{position:relative}.entrance-caption{text-shadow:0 2px 18px #031310}
#entrance-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 43%;background:#061c1a}
#entrance::backdrop{background:#061c1a}#entrance.leaving{opacity:0;pointer-events:none}#entrance-canvas{display:block;width:100%;height:100%}.entrance-top{position:absolute;top:32px;left:40px;right:40px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.entrance-top>span{font:24px var(--serif);letter-spacing:.24em}.entrance-top small{display:block;font:8px var(--sans);letter-spacing:.25em;margin-top:10px;color:#bd9b6e}.entrance-top button{background:#163a3666;border:1px solid #9caf9566;border-radius:3px;padding:11px 16px;color:#e7e3dd;font-size:12px}.entrance-caption{position:absolute;bottom:10%;left:20px;right:20px;text-align:center;pointer-events:none}.entrance-caption p{font:clamp(28px,4vw,48px)/1.2 var(--serif);margin:0 0 14px;color:#ead8b7}.entrance-caption>span{font-size:12px;letter-spacing:.1em;color:#b2c5b9}.entrance-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff09}.entrance-progress>span{display:block;height:100%;width:0;background:#b57a45;transition:none}.entrance-replay{color:#657e72;font-size:12px}
.about-brand-mark{position:relative;isolation:isolate;background:transparent;border-radius:0;overflow:visible;padding:20px 0;min-width:0}.about-brand-mark img{position:relative;z-index:1;mask-image:radial-gradient(ellipse 65% 65% at 50% 50%,#000 47%,#000d 57%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse 65% 65% at 50% 50%,#000 47%,#000d 57%,transparent 73%)}.brand-water{position:absolute;inset:20px 0;pointer-events:none;z-index:2}.brand-water-drop{position:absolute;left:50.4%;top:15%;width:9px;height:13px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 32% 26%,#f0dfbb,#538778 32%,#163a36 68%);box-shadow:0 0 9px #e5c89188;animation:brand-drop 6.8s infinite ease-in;opacity:0}.brand-water-ring{position:absolute;left:50.4%;top:46%;width:20%;height:7%;border:1px solid #e8dbb1a8;border-radius:50%;transform:translate(-50%,-50%) scale(.2);animation:brand-ring 6.8s infinite ease-out;opacity:0}.brand-water-ring.second{animation-delay:.24s}.brand-fragments{position:absolute;inset:-5% -4%;z-index:0;pointer-events:none;overflow:hidden}.brand-fragments i{position:absolute;width:var(--size);height:var(--size);left:var(--x);top:var(--y);background:var(--green);clip-path:polygon(10% 0,100% 22%,75% 100%,0 68%);opacity:0;animation:fragment-drift var(--duration) var(--delay) infinite ease-in-out;will-change:transform,opacity}
@keyframes brand-drop{0%,7%{opacity:0;top:10%;transform:scale(.65)}12%{opacity:.85}29%{top:45%;opacity:.8;transform:scale(.65,1.2)}30%,100%{top:46%;opacity:0;transform:scale(.2)}}
@keyframes brand-ring{0%,29%{opacity:0;transform:translate(-50%,-50%) scale(.2)}32%{opacity:.55}60%,100%{opacity:0;transform:translate(-50%,-50%) scale(2.7)}}
@keyframes fragment-drift{0%{opacity:0;transform:translate(0,0) rotate(0)}25%{opacity:.18}75%{opacity:.09}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn))}}
.ambient-paused .brand-water-drop,.ambient-paused .brand-water-ring,.ambient-paused .brand-fragments i{animation-play-state:paused}
.entrance-top>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}#play-entrance-motion{font-size:11px;border-color:#b57a4599}.entrance-top>span{flex-shrink:0}
@media(max-width:780px){.entrance-top{top:23px;left:22px;right:22px}.entrance-top>span{font-size:19px}.entrance-top button{font-size:11px;padding:9px}.entrance-caption{bottom:12%}.entrance-caption>span{font-size:11px;letter-spacing:.04em}.about-brand-mark{max-width:100%;padding:10px 0}.brand-water{inset:10px 0}.brand-water-drop{width:7px;height:10px}}
@media(prefers-reduced-motion:reduce){#entrance{transition:none}.brand-water-drop,.brand-water-ring,.brand-fragments i{animation:none!important}.brand-fragments i{opacity:.08}.entrance-progress{display:none}}
@media(max-width:780px){#flow-network{order:-1;max-height:340px}.flow-layout{padding-top:16px}.flow-copy h2{margin-top:14px}}
.flow-experience{background:radial-gradient(ellipse at 73% 46%,#0b2420 0%,#031411 52%,#020e0c 100%)}
#entrance{background:#031512}.entrance-caption{bottom:5%;pointer-events:auto}.entrance-caption>span{display:block}.gateway-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:22px}.gateway-actions .button{min-width:145px;justify-content:center;border:1px solid #bb9b61}.gateway-actions .text-button{color:#d5c197}#entrance-canvas{cursor:pointer}.entrance-progress{display:none}.entrance-caption p{margin-bottom:10px}@media(max-width:600px){.entrance-caption{bottom:9%}.entrance-caption p{font-size:30px}.gateway-actions{flex-direction:column;gap:12px;margin-top:20px}.entrance-top{left:20px;right:20px}.entrance-top>span{font-size:16px}.entrance-top button{padding:8px;font-size:10px}.entrance-top small{font-size:7px}}
@media(max-width:600px){#entrance-art{top:22%;height:39%;object-fit:cover;object-position:center}.entrance-caption{bottom:7%}}
/* Exact ivory video composition selected by Sindy. */
.flow-experience{background:#fff;color:#163a36}.flow-copy h2 em{color:#877344}.flow-copy>p:not(.eyebrow){color:#45645a}.flow-copy .text-button{color:#68552f}#flow-status{color:#65786c}.flow-film{position:relative;aspect-ratio:3056/2712;overflow:hidden;background:#fff}#flow-network.flow-film{height:auto;max-height:none;object-fit:initial}.flow-film img,.flow-film video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.flow-film video{pointer-events:none}#flow-sound{margin-left:18px}.flow-experience .eyebrow{color:#5a705e}@media(max-width:780px){#flow-network.flow-film{max-height:none}#flow-sound{margin-left:14px}}
.flow-motion-settings{margin-top:12px;font-size:11px;color:#68766c}.flow-motion-settings summary{cursor:pointer;width:max-content}.flow-motion-settings[open]{padding-bottom:8px}.flow-motion-settings .text-button{margin-top:10px;font-size:12px}#flow-sound{margin-left:0}
/* Thin moving wavefronts connect sections without crossing text or controls. */
.ripple-boundary{position:relative;isolation:isolate;height:78px;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at var(--origin) 90%,#c0ab6d0b,transparent 62%);contain:paint}.ripple-boundary i{position:absolute;left:var(--origin);top:52%;width:90%;height:70px;border:1px solid #aa915b4a;border-radius:50%;transform:translate(-50%,-50%) scale(.12);opacity:0;animation:page-ripple 18s var(--delay) linear infinite}.ripple-boundary i:nth-of-type(even){border-color:#56786c24}.ripple-film-band{height:150px;background:#071e19}.ripple-film-band video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 72%;opacity:.65;filter:saturate(.72) brightness(.8)}.ripple-film-band:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06191488,transparent 35%,transparent 65%,#06191488)}.ripple-film-band i{border-color:#d6c38a38;z-index:1}.ripples-paused i{animation-play-state:paused}@keyframes page-ripple{0%{transform:translate(-50%,-50%) scale(.12);opacity:0}15%{opacity:.55}80%{opacity:.25}100%{transform:translate(-50%,-50%) scale(2.7);opacity:0}}@media(max-width:780px){.ripple-boundary{height:56px}.ripple-film-band{height:105px}.ripple-boundary i{width:130%;height:46px}}@media(prefers-reduced-motion:reduce){.ripple-boundary.ripples-paused i{opacity:.22;transform:translate(-50%,-50%) scale(1.4)}}
/* Cohesive emerald art direction: light and depth instead of boxed sections. */
:root{--paper:#102e2a;--muted:#b1c6bc;--line:#728c7140}
body{color:#e7e3dd;background:radial-gradient(ellipse at 9% 24%,#1e4840 0%,transparent 31%),radial-gradient(ellipse at 95% 60%,#20483c66 0%,transparent 36%),linear-gradient(165deg,#0a211e,#163a36 42%,#0c2521 100%);background-attachment:fixed}
.preview-bar{background:#0b2420aa;color:#bdcbbd}.header{border-bottom-color:#b5c4a322}.brand small{color:#c6a379}.nav-cta{border-color:#899a6c66;border-radius:24px}.flow-experience{background:transparent;color:#e7e3dd;overflow:visible}.flow-copy>p:not(.eyebrow){color:#bdcfc5}.flow-copy h2 em,h1 em,h2 em{color:#ceb58b}.flow-experience .eyebrow{color:#c0cbb5}.flow-copy .text-button,.flow-motion-settings,#flow-status{color:#cfbea0}.flow-layout{padding-top:60px;padding-bottom:42px;gap:42px}.flow-film{background:#fff;border-radius:42% / 16%;box-shadow:0 0 95px #dce7d720,0 35px 80px #02130f66;isolation:isolate}.flow-film img,.flow-film video{border-radius:inherit}.primary{background:linear-gradient(145deg,#315c4c,#1c4037);color:#f3eadb;border:1px solid #bba37866;border-radius:26px;box-shadow:0 10px 26px #03171233}.primary:hover{background:#3c6654}.hero{gap:80px}.guide{background:radial-gradient(ellipse at 50% 27%,#46715b33,transparent 68%);box-shadow:none;border-radius:0;padding:26px 8px}.message{background:#ffffff04;border:0;border-left:1px solid #bcab7744;border-radius:0}.message.user{background:#ffffff09}.suggestions button,.voice-button{border-color:#b5bd8e66}.principles{border-color:#b2be9528;color:#cfdbc9}.approach-grid article{border-top-color:#b6ba8c33}.number{color:#bfa67d}.about-intro{display:block;text-align:center;padding-top:24px;padding-bottom:40px}.about-intro>div:last-child{max-width:740px;margin:auto}.about-intro p:not(.eyebrow){max-width:740px}.about-brand-mark{max-width:580px;margin:0 auto 36px;padding:0;background:transparent;overflow:visible}.about-brand-mark canvas{display:block;width:100%;height:auto;mask-image:radial-gradient(ellipse 75% 78% at 50% 50%,#000 62%,transparent 96%)}.signature small{color:#c0cbbb}.discovery{background:transparent;padding:50px 0}.brief{background:radial-gradient(ellipse at 50% 0%,#41614e22,transparent 80%);padding:28px 14px;border:0;border-radius:0}.brief input,.brief select,.brief textarea{color:#ecede3;background:#061b1826;border:0;border-bottom:1px solid #92a88b88;border-radius:0}.brief select option{background:#163a36;color:#e7e3dd}.brief input::placeholder,.brief textarea::placeholder{color:#a6bbb1}.takeaways li{border-bottom-color:#c8cec322}.takeaways li:before{color:#c0aa79}.footer{border-top:1px solid #a5b28e22}.ripple-boundary{background:radial-gradient(ellipse at var(--origin) 90%,#7d9b7420,transparent 64%)}.ripple-boundary i{border-color:#c3ac7855}.ripple-film-band{height:165px;background:transparent;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.ripple-film-band video{opacity:.42;filter:saturate(.7) brightness(.86)}.ripple-film-band:after{background:linear-gradient(90deg,#15393299,transparent 28%,transparent 72%,#12342c99)}.text-button.entrance-replay{color:#bfccbb}.quiet-link{color:#d6dccb}
@media(max-width:780px){.flow-layout{padding-top:24px;gap:24px}.flow-film{border-radius:34% / 12%;box-shadow:0 0 45px #dce7d71c}.hero{gap:32px}.guide{padding:20px 0}.about-brand-mark{max-width:440px;margin-bottom:28px}.about-intro{text-align:left}.signature small{display:block;margin:10px 0 0}.ripple-film-band{height:110px}.brief{padding:24px 0}.flow-copy h2{font-size:36px}}

/* Composite only the globe film; the rest of the approved page is unchanged. */
.flow-film.is-composited{background:transparent;border-radius:0;box-shadow:none;overflow:visible}.flow-film.is-composited>img,.flow-film.is-composited>video{visibility:hidden}.flow-composite{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;visibility:hidden}.is-composited>.flow-composite{visibility:visible}

/* Selected video replaces the former canvas/drop welcome only. */
#entrance.video-gateway{padding:100px 24px 24px;box-sizing:border-box;overflow:auto}
.video-gateway .entrance-film-wrap{height:calc(100dvh - 300px);min-height:150px;max-width:960px;margin:0 auto}
#entrance-film{display:block;width:100%;height:100%;object-fit:contain}
.video-gateway .entrance-caption{position:static;margin:18px auto 0;text-align:center}
.video-gateway .gateway-actions{margin-top:16px}
@media(max-width:600px){#entrance.video-gateway{padding:100px 16px 24px}.video-gateway .entrance-film-wrap{height:calc(100dvh - 340px)}.video-gateway .entrance-caption{margin-top:24px}.video-gateway .gateway-actions{margin-top:20px}}
.video-gateway .entrance-film-wrap{height:auto;min-height:0;width:100%;max-width:min(960px,calc((100dvh - 300px)*1.3376))}
#entrance-film{height:auto;aspect-ratio:1664/1244}
@media(max-width:600px){.video-gateway .entrance-film-wrap{height:auto;max-width:100%}}

.video-gateway .entrance-film-wrap{max-width:min(1100px,calc((100dvh - 300px)*2.3333))}#entrance-film{aspect-ratio:1470/630}@media(max-width:600px){.video-gateway .entrance-film-wrap{max-width:100%}}
.entrance-settings{font:11px var(--sans);color:#b2c5b9;text-align:right}.entrance-settings summary{cursor:pointer;list-style:none}.entrance-settings[open] button{margin:10px 0 0 8px}.entrance-film-wrap[role=button]{cursor:pointer}.entrance-film-wrap[role=button]:focus-visible{outline:1px solid #bba378;outline-offset:5px}
