/* Two independent chapters: a full-screen wave interlude, then anatomy. */
:root{--journey-neon:#78efb2;--journey-white:#f6ffe9}
html{scrollbar-color:#58b68c #031a13;overflow-x:clip}
.wave-interlude{position:relative;isolation:isolate;height:350vh;height:350svh;background:#021a12;color:var(--journey-white)}
.journey-stage{position:sticky;top:0;height:100vh;height:100svh;min-height:480px;overflow:clip;isolation:isolate}
.interlude-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 70% 48%,#104b37 0,transparent 58%),#021a12}
.neon-waves{position:absolute;inset:-15% -8%;width:116%;height:130%;overflow:visible;transform-origin:50% 50%}
.wave-ribbon{opacity:1}.wave-ribbon[data-band="0"]{opacity:.88}
.interlude-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#021a1270,transparent 20%,transparent 80%,#021a1270)}
.transition-topline,.transition-bottomline{position:absolute;left:5.4vw;right:5.4vw;display:flex;align-items:center;justify-content:space-between;z-index:4;font-size:12px;letter-spacing:.19em;line-height:1.6;color:#d5e6c5}
.transition-topline{top:116px}.transition-topline>span:first-child{color:var(--journey-neon)}.transition-bottomline{bottom:30px}
.journey-heading,.journey-second-copy{position:absolute;z-index:3;top:41%;width:65%;transform:translateY(-50%);will-change:transform,opacity;isolation:isolate}
.journey-heading{left:7.5%}.journey-second-copy{right:7.5%;top:56%;text-align:right;opacity:0;pointer-events:none}
.journey-kicker{font-size:12px;letter-spacing:.2em;line-height:1.6;color:#e5f5d6;margin:0 0 25px}
.journey-heading h2,.journey-second-copy>p:last-child{font-family:var(--serif);font-size:clamp(74px,9vw,155px);line-height:1.01;font-weight:400;letter-spacing:-.055em;margin:0;color:#fbfff4;text-shadow:0 3px 26px #000b05a8}
.journey-heading em,.journey-second-copy em{color:#e4f9eb;font-weight:400;text-shadow:0 2px 28px #002216}
.journey-heading:before,.journey-second-copy:before{content:"";position:absolute;inset:-90px -95px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 50%,#021a12c9,transparent 70%)}
.journey-second-copy:before{background:radial-gradient(ellipse at 70% 50%,#021a12c9,transparent 70%)}
.transition-direction{display:flex;align-items:center;gap:22px;font-size:12px}.transition-progress{width:120px;height:2px;background:#9dca6a40;overflow:hidden}.transition-progress i{display:block;width:100%;height:100%;background:var(--journey-neon);transform:scaleX(var(--transition-progress,0));transform-origin:left}
.journey-down{display:flex;align-items:center;gap:18px;min-height:48px;color:#efffe1;font-size:12px;letter-spacing:.12em}.journey-down svg{width:44px;height:44px;padding:11px;border:1px solid #78efb275;border-radius:50%;fill:none;stroke:#78efb2;stroke-width:1.2;transition:transform .4s,background .4s}.journey-down:hover svg{background:#78efb225;transform:translateY(4px)}
.explorer-surface{position:relative;isolation:isolate;overflow:visible;min-width:0;scroll-margin-top:92px;padding:55px 0 12px;background:#021a12;color:#f3ffe6;border-top:0}
.explorer-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 73% 30%,#0c402e,transparent 64%),#021a12}
.explorer-atmosphere .neon-waves{left:20%;top:-100px;width:105%;height:1050px;opacity:.7;transform:rotate(-17deg)}
.explorer-atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#021a12 0,#021a12ed 23%,#021a1255 54%,#021a1200 80%),linear-gradient(180deg,#021a1255,transparent 30%,#021a12d9 94%)}
.explorer-section-label{position:relative;display:flex;justify-content:space-between;margin:0 5.4vw 25px;padding-bottom:20px;border-bottom:0;font-size:12px;line-height:1.5;letter-spacing:.18em;color:#78efb2}
.explorer-section-label>span:last-child{color:#d5e8c5}
#sami-hand-explorer{position:relative;z-index:1;width:100%;height:1060px;display:block;border:0;background:transparent;color-scheme:dark;overflow:hidden}
.journey-no-script{padding:30px 6vw;font-size:16px}.journey-static-hand{display:block;max-height:620px;max-width:90%;object-fit:contain;margin:auto}
@media(max-width:1050px){.journey-heading,.journey-second-copy{width:80%}.journey-heading h2,.journey-second-copy>p:last-child{font-size:clamp(68px,10vw,110px)}}
@media(max-width:760px){.wave-interlude{height:290svh}.journey-stage{min-height:480px}.transition-topline,.transition-bottomline{left:6vw;right:6vw}.transition-topline{top:97px}.transition-topline>span:last-child{letter-spacing:.1em}.journey-heading,.journey-second-copy{width:90%;left:6%;right:auto}.journey-heading{top:38%}.journey-second-copy{top:58%;left:auto;right:6%}.journey-heading h2,.journey-second-copy>p:last-child{font-size:clamp(58px,13.4vw,95px)}.journey-kicker{font-size:12px;letter-spacing:.09em;margin-bottom:22px}.neon-waves{inset:-5% -40%;width:180%;height:110%}.ribbon-aura{filter:none;stroke-width:3px;opacity:.5}.transition-bottomline{bottom:25px}.transition-direction{max-width:130px;flex-wrap:wrap;gap:12px;letter-spacing:.08em}.transition-progress{width:82px}.journey-down{font-size:12px;letter-spacing:.05em;gap:12px}.journey-down span{max-width:96px;line-height:1.7}.journey-down svg{flex-shrink:0}.explorer-surface{padding-top:28px}.explorer-section-label{margin:0 24px 15px;padding-bottom:20px;font-size:12px;letter-spacing:.09em}.explorer-atmosphere .neon-waves{left:-25%;top:220px;width:170%;height:1100px;opacity:.62}.explorer-atmosphere:after{background:linear-gradient(180deg,#021a12,transparent 22%,#021a1290 62%,#021a12 95%)}#sami-hand-explorer{height:1840px}}
@media(prefers-reduced-motion:reduce){.wave-interlude{height:100svh;min-height:480px}.journey-stage{position:relative}.journey-heading{opacity:1!important;transform:translateY(-50%)!important}.journey-second-copy{display:none}.transition-progress{display:none}.journey-down svg{transition:none}}

/* The hero's pearl and emerald palette flows across curved, overlapping folds. */
.hero-bridge{position:absolute;top:-1px;left:0;z-index:2;width:100%;height:220px;pointer-events:none;mask-image:linear-gradient(#000 0%,#000 62%,transparent 100%)}
.interlude-atmosphere .neon-waves{mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 75%,transparent 100%)}
.interlude-shade{background:linear-gradient(180deg,#021a121f,transparent 20%,transparent 70%,#021a12)}
.section-wrap{position:absolute;top:-130px;left:0;width:100%;height:260px;z-index:0;pointer-events:none;overflow:visible}
.wrap-edge{animation:wrap-light 9s ease-in-out infinite}
.explorer-atmosphere .neon-waves{mask-image:linear-gradient(transparent 0%,#000 22%,#000 80%,transparent 100%)}
.explorer-section-label{padding-bottom:10px}
.transition-topline{color:#e8f6ed;text-shadow:0 1px 12px #002418}.transition-topline>span:first-child{color:#c8f5db}
.transition-progress i{background:linear-gradient(90deg,#388d65,#b6f2d0,#54d5a1);background-size:200%;animation:progress-light 8s ease-in-out infinite}
.journey-down svg{animation:living-border 8s ease-in-out infinite}
@keyframes progress-light{50%{background-position:100% 0}}
@keyframes living-border{0%,100%{border-color:#56be9166}50%{border-color:#c9edd1b3}}
@keyframes wrap-light{0%,100%{stroke:#3ba67b;stroke-opacity:.35}50%{stroke:#d7f1dc;stroke-opacity:.6}}
/* The same header remains at the top of the viewport on every section. */
.header{position:fixed;z-index:150;transition:top .45s,padding .45s,background .45s,border-color .45s,box-shadow .45s;border:1px solid transparent}
.header.header-floating{top:12px;padding:12px 22px;align-items:center;border-radius:18px;background:linear-gradient(110deg,#06291fea,#041b15ee);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:#eff9f0;box-shadow:0 12px 35px #00160f38;animation:living-border 8s ease-in-out infinite}
.header-floating .wordmark-name{font-size:24px}.header-floating .wordmark-description{font-size:9px;letter-spacing:.18em;margin-top:4px}
.header-floating .desktop-nav{padding-top:9px;gap:clamp(15px,2vw,32px)}
.header-floating .desktop-nav .nav-link{color:#eef9ef}.header-floating .nav-link:hover{color:#a9efca}.header-floating .nav-link:after{background:linear-gradient(90deg,#49c593,#dcf5dc)}
.header-floating .menu-toggle{color:#ecf9ef}.header-floating .header-actions{gap:20px}
.header-floating .button-header{min-height:45px;padding:0 22px;font-size:11px;background:#154c36;color:#f4fcf0;border-color:#90cba566;box-shadow:none}
@media(max-width:1100px){.header-floating .desktop-nav{display:none}}
@media(max-width:760px){.hero-bridge{height:165px}.section-wrap{top:-90px;height:180px}.header.header-floating{top:10px;left:16px;right:16px;padding:10px 15px;border-radius:14px}.header-floating .wordmark-name{font-size:22px}.header-floating .wordmark-description{display:none}.header-floating .menu-toggle{margin-top:0;height:36px}.explorer-surface{scroll-margin-top:78px}.journey-heading{top:43%}.journey-second-copy{top:57%}}
@media(prefers-reduced-motion:reduce){.header,.journey-down svg{transition:none}.header-floating,.wrap-edge,.transition-progress i,.journey-down svg{animation:none!important}.header.header-floating{border-color:#78cba780}}

/* A longer scroll interval unwraps the anatomy surface beneath two silk folds. */
.hand-reveal{position:relative;--reveal-travel:85svh;overflow-anchor:none;background:#021a12}
.reveal-curtain{display:none}
.reveal-enhanced .hand-reveal:after{content:"";display:block;height:var(--reveal-travel);pointer-events:none}
.reveal-enhanced .explorer-surface{position:sticky;top:var(--nav-offset,96px);min-height:calc(100svh - var(--nav-offset,96px));overflow-anchor:none}
.reveal-enhanced .reveal-curtain{display:block;position:absolute;left:0;right:0;top:0;height:calc(100svh - var(--nav-offset,96px));z-index:5;pointer-events:none;overflow:clip;will-change:opacity}
.reveal-curtain svg{width:100%;height:100%;overflow:visible}
.reveal-enhanced #sami-hand-explorer{transform-origin:50% 0;will-change:transform,opacity;overflow-anchor:none}
.reveal-enhanced .explorer-surface[data-reveal-complete=true] #sami-hand-explorer{will-change:auto}
.explorer-surface{outline:none}
.header-floating .button-header:before{background:linear-gradient(115deg,#275e46,#3b9670,#164f38)}
.header-floating .button-header:hover{box-shadow:0 0 0 1px #8ce4b04d,0 7px 22px #35bc8226}
@media(max-width:760px){.hand-reveal{--reveal-travel:70svh}.reveal-enhanced .explorer-surface{top:var(--nav-offset,74px)}}
@media(prefers-reduced-motion:reduce){.reveal-enhanced .hand-reveal:after{display:none}.reveal-enhanced .explorer-surface{position:relative;top:auto}.reveal-enhanced .reveal-curtain{display:none}.reveal-enhanced #sami-hand-explorer{transform:none!important;opacity:1!important}}

/* One gold tone across navigation; the consultation button keeps its treatment. */
.header .desktop-nav .nav-link{--nav-hover:#f1cc91}
.header .wordmark:hover{color:#f1cc91}
.header-floating .desktop-nav .nav-link,.header-floating .wordmark,.header-floating .menu-toggle{color:#efd09e}
.header-floating .desktop-nav .nav-link:is(:hover,:focus-visible),.header-floating .wordmark:hover,.header-floating .menu-toggle:hover{color:#ffe5b8}
.header-floating .desktop-nav .nav-link:after{background:linear-gradient(90deg,#c6a56b,#ffe4ae)}