/* v7: the original ocean world restored in the actual portable build.
   This layer owns environment, pinned reveal and commercial landing pages.
   site.css remains the shared editorial / example component foundation. */
:root{--surface-ink:#15364a;--surface-muted:#3e5e6d;--gold:#e7c381;--aqua:#a4e3ea}
html{scroll-padding-top:95px;overflow-x:clip}body{overflow-x:clip}.home-main{overflow:visible}.ocean-environment{background:var(--water-color,#d7f4f8);contain:strict;z-index:-2;--light-x:75vw;--light-y:55vh;--lamp:0;--bed:0}
.ocean-fill{background:var(--water-color,#d7f4f8);opacity:1}.page-ocean{--water-color:#082134}.page-ocean .ocean-fill{display:block}
.ocean-opening{position:absolute;top:0;right:0;width:100%;height:var(--opening-height,240vh);opacity:var(--opening-opacity,1);transform:translate3d(0,var(--opening-y,0px),0);will-change:transform;mask-image:linear-gradient(#000 0%,#000 80%,transparent 100%)}
.ocean-opening img{width:100%;height:100%;object-fit:cover;object-position:66% top;filter:saturate(.9)}
.opening-wash{position:absolute;inset:0;opacity:var(--wash-opacity,1);background:linear-gradient(90deg,rgba(244,250,249,.96),rgba(241,249,249,.80) 32%,rgba(228,246,249,.36) 54%,rgba(217,242,249,0) 74%);mask-image:linear-gradient(#000 0%,#000 64%,#000a 84%,transparent)}
.water-light{display:none}.water-grain{opacity:.045}.marine-snow{opacity:1;z-index:3;width:100%;height:100%;pointer-events:none}
.ocean-bed{position:absolute;inset:0;opacity:var(--bed,0);transform:translate3d(0,calc((1 - var(--bed,0))*14vh),0);mask-image:linear-gradient(transparent,#0007 33%,#000 65%)}
.ocean-bed img{width:100%;height:100%;object-fit:cover;object-position:center bottom;filter:saturate(.75) brightness(.63)}
.ocean-wildlife{position:absolute;inset:0;opacity:1;z-index:2}
.ocean-fauna{position:absolute;left:0;top:0;pointer-events:none;background-size:100% 100%;background-repeat:no-repeat;aspect-ratio:1.5;will-change:transform;filter:saturate(.65) brightness(.85);opacity:0;visibility:hidden}
.ocean-fauna[data-fauna=fish]{width:clamp(112px,11vw,175px);background-image:url('/assets/fish.webp')}
.ocean-fauna[data-fauna=jellyfish]{width:clamp(78px,7vw,112px);background-image:url('/assets/jellyfish.webp');filter:saturate(.65) brightness(.80)}
.ocean-fauna[data-fauna=octopus]{width:clamp(63px,6vw,94px);background-image:url('/assets/octopus.webp');filter:saturate(.45) brightness(.76)}
.site-header{background:rgba(235,247,248,.13);border-color:transparent;backdrop-filter:blur(12px)}
html[data-submerged=true] .site-header,html[data-page=editorial] .site-header{background:rgba(3,19,31,.82);border-color:rgba(143,207,223,.12);color:var(--ink)}
html[data-submerged=true] .site-header .wordmark,html[data-submerged=true] .site-header .nav-link,html[data-submerged=true] .nav-menu>summary{color:var(--ink)}
html[data-submerged=true] .site-header .menu-toggle span{background:var(--ink)}
html[data-submerged=true] .site-header .dark-button{border-color:#cce9ed3b;background:#d5eced;color:#15384c}
html[data-page=home] .hero{max-width:1520px;min-height:calc(100svh - 80px);height:auto;padding:170px 70px 100px;align-items:center;color:var(--surface-ink)}
.hero-definition{position:absolute;top:32px;left:70px;max-width:344px;font-size:12px;line-height:1.6;color:var(--surface-muted);z-index:2}
.hero-definition strong{font-weight:600;color:var(--surface-ink);display:block;letter-spacing:.01em}.hero-definition sup{font-size:.67em;line-height:0;position:relative;vertical-align:super;margin-left:1px}.hero-definition .definition-type{display:block;font:10px/1.7 'Courier New',monospace;letter-spacing:.10em;text-transform:uppercase;margin:4px 0 5px}.hero-definition p{font-size:12px;line-height:1.6;margin:0}
.hero-copy{max-width:710px}.hero h1{font-size:clamp(4.3rem,6.9vw,7rem);line-height:1.02;letter-spacing:-.062em;margin:0;max-width:760px}.hero h1 em{color:#326178;font-style:italic}.hero-lead{font-size:clamp(1.2rem,1.55vw,1.55rem);line-height:1.45;margin-top:28px;font-weight:400;letter-spacing:-.023em}.hero-body{font-size:.87rem;line-height:1.7;margin-top:18px;max-width:475px;color:#33566a}.hero .actions{margin-top:28px}.academy-quiet{font-size:.74rem;margin-top:20px;color:#345569}.hero-coordinate{right:70px;bottom:50px;color:#24495b;text-shadow:0 1px 15px #e9faff99}.scroll-cue{left:70px;bottom:32px;color:#1e4b60;gap:15px}.hero .scroll-cue{font-size:.67rem}
.depth-instrument{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;z-index:15;pointer-events:none;color:#b7e5ee;opacity:0;transition:opacity .3s}
html[data-submerged=true] .depth-instrument{opacity:.6}.depth-instrument>span{writing-mode:vertical-rl;font:9px 'Courier New',monospace;letter-spacing:.2em}.depth-instrument i{height:150px;width:1px;background:#bae9ed33;position:relative}.depth-instrument i:after{content:'';position:absolute;top:0;left:0;width:2px;height:calc(var(--progress,0)*100%);background:var(--aqua);box-shadow:0 0 9px #80d4dd99}
/* The physical background stays fixed while the camera travels through the story. */
.scroll-chapter{position:relative;max-width:1280px;margin:auto;padding:0 40px;color:var(--ink)}
.scroll-pin{position:relative;padding:34px 0 32px}
html.js-ready[data-motion=on] .scroll-chapter[data-can-pin=true]{height:310svh}
html.js-ready[data-motion=on] .scroll-chapter[data-can-pin=true] .scroll-pin{position:sticky;top:76px}
.scroll-pin .section-heading{margin:0 0 10px;max-width:850px}.scroll-pin .section-heading h2{font-size:clamp(2.1rem,3.5vw,3.6rem);margin:10px 0 14px}.scroll-pin .section-heading>p{max-width:680px;font-size:.88rem;line-height:1.7}
.signature{position:relative;padding:10px 0 0;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;isolation:isolate}
.signature-visual .caption{font-size:.66rem;text-align:center;color:#b0d1dc}
.signature-controls h3{font-size:clamp(1.6rem,2.3vw,2.25rem);margin:14px 0;line-height:1.15;max-width:460px}
.signature-controls>p{min-height:78px;max-width:470px;font-size:.88rem;line-height:1.7}
.pose-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.pose-buttons .chip{text-align:left;padding:10px 12px;font-size:.68rem;min-height:42px;position:relative;background:rgba(4,24,36,.5)}
.pose-buttons .chip[aria-pressed=true]{color:var(--gold);border-color:#d8b97177;background:rgba(120,99,51,.13)}
.signature-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding-top:12px;border-top:1px solid #b6d6df25;font:.62rem/1.6 'Courier New',monospace;color:#b3d2dd}
.signature-bottom [data-resume-scroll]{color:var(--gold);font:inherit}.signature-note{margin-top:12px;padding-top:12px}.signature-note p{font-size:.73rem;line-height:1.5}
.scroll-pin>.text-link{margin-top:10px;font-size:.77rem}.story-progress{height:1px;position:relative;background:#a8d8e425;margin:16px 0 0}.story-progress:after{content:'';position:absolute;left:0;height:2px;top:0;width:calc(var(--story-progress,0)*100%);background:linear-gradient(90deg,var(--aqua),var(--gold))}
.double-art{height:360px;perspective:1100px;overflow:visible}
.signature .double-assembly{left:21%;top:87px;transform:rotateX(58deg) rotateZ(-32deg);width:200px;height:200px}
.signature .glass-layer{transform:translateZ(calc(var(--layer)*(18px + var(--open-progress,0)*7px)));transition:background .5s,border-color .5s}
.signature .metal-shell{height:214px;width:107px;opacity:calc(1 - var(--open-progress,0)*.85);transition:none}
.signature .shell-left{transform:translate3d(calc(var(--open-progress,0)*-138px),0,calc(110px + var(--open-progress,0)*20px)) rotateY(calc(var(--open-progress,0)*-35deg))!important}
.signature .shell-right{transform:translate3d(calc(var(--open-progress,0)*138px),0,calc(110px + var(--open-progress,0)*20px)) rotateY(calc(var(--open-progress,0)*35deg))!important}
.signature .gold-seam{opacity:calc(1 - var(--open-progress,0));transition:none}
.signature .double-relationship{opacity:var(--context-progress,0)!important;top:175px;right:20%;left:55%;border-color:#e7c381b0;transition:none}
.signature .personal-orb{opacity:calc(.20 + .80*var(--context-progress,0));right:2%;top:127px;width:83px;height:83px;transform:none!important;transition:none}
.signature .object-label{color:#c0dfe6}.signature .gold-seam{height:210px}
.signature .glass-layer span{transition:opacity .4s}
.signature-artifact{position:absolute;left:16%;right:10%;bottom:0;max-width:330px;padding:13px 16px;background:#0b2d3feb;border:1px solid #c9e2d54d;border-radius:8px;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .5s}
.signature-artifact span{display:block;font:9px/1.5 'Courier New',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--aqua)}.signature-artifact strong{display:block;font-size:.8rem;font-weight:500;margin:4px 0;color:#eef7f5}.signature-artifact small{display:block;font-size:.67rem;color:var(--muted);line-height:1.5}
.signature[data-pose='3'] .signature-artifact{opacity:1;transform:none}.signature[data-pose='3'] .object-label{opacity:.35}
.home-section{padding-top:100px;padding-bottom:100px}.capability-card{background:linear-gradient(130deg,#16384a33,#03121f66);backdrop-filter:blur(8px)}
.ip-bridge{position:relative;border-top:1px solid #d2c19744;border-bottom:1px solid #d2c19744;padding:27px 0;margin:55px 0 0;display:flex;gap:30px;justify-content:space-between;align-items:center}.ip-bridge h3{font-size:1.8rem;margin:8px 0 9px}.ip-bridge p{max-width:650px;font-size:.87rem;color:var(--muted)}.ip-bridge .eyebrow{color:var(--gold)}.ip-bridge .text-link{white-space:nowrap;color:var(--gold)}
.authority-bridge,.two-doors article{background:linear-gradient(120deg,#16405533,#06142355);backdrop-filter:blur(8px)}
.ip-bridge:before,.capability-card:before,.authority-bridge:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(400px circle at var(--lamp-x,90%) var(--lamp-y,50%),rgba(126,226,240,.07),transparent);opacity:var(--illumination,0);pointer-events:none}
.adoption{min-height:540px;padding-top:100px;padding-bottom:110px}.adoption>.seabed{display:none}.adoption-copy{max-width:800px}.site-footer{background:#020c1399}
/* Confident marketing pages: outcome first, detail when it earns its place. */
.pathway-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:35px 0 50px}.credential-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#153c5055,#061725bb)}
.credential-card .eyebrow{color:var(--gold)}.credential-card h2,.credential-card h3{font-size:1.75rem;line-height:1.14;margin:17px 0}.credential-card p{font-size:.85rem;color:var(--muted);line-height:1.7}.credential-card .credential-name{color:var(--aqua);font-size:.78rem;margin:20px 0 0}.credential-meta{display:flex;flex-wrap:wrap;gap:8px 16px;padding:18px 0;margin-top:20px;border-top:1px solid var(--line);font-size:.73rem;color:var(--muted)}.credential-card .text-link{margin-top:18px;font-size:.79rem}
.course-path{display:grid;gap:0;margin:30px 0}.course-row{display:grid;grid-template-columns:46px minmax(0,1fr) 90px;gap:20px;padding:21px 0;border-top:1px solid var(--line);align-items:start}.course-number{font:.7rem 'Courier New',monospace;color:var(--gold);padding-top:4px}.course-row h3{font-size:1.18rem;margin:0 0 7px}.course-row p{font-size:.8rem;line-height:1.6;color:var(--muted);margin:0}.course-length{font:.66rem 'Courier New',monospace;color:var(--muted);text-align:right;line-height:1.8}
.pace-planner{border:1px solid #c7a86555;background:linear-gradient(125deg,#29373155,#08192bbb);padding:26px;border-radius:12px;margin:27px 0}.pace-planner h3{font-size:1.7rem;margin:0 0 10px}.pace-options{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:23px 0}.pace-options label{display:grid;gap:8px;font-size:.76rem}.pace-options select{background:#092435;color:#e8f3f3;border:1px solid var(--line);padding:10px 14px;border-radius:7px;min-height:44px}.pace-output{display:flex;gap:22px;align-items:baseline;border-top:1px solid var(--line);padding-top:20px}.pace-output strong{font-size:2.5rem;font-weight:400;letter-spacing:-.04em;color:var(--gold)}.pace-output p{font-size:.82rem;margin:0}.pace-planner .caption{margin-top:14px;max-width:70ch}.pathway-track{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.pathway-track>span,.pathway-track>a{border:1px solid var(--line);padding:12px 15px;font-size:.78rem;border-radius:7px}.pathway-track>span[aria-hidden]{border:0;padding:12px 1px;color:var(--gold)}
.ip-records{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0}.ip-record{border:1px solid var(--line);padding:28px;border-radius:12px;background:#11344544}.ip-record h3{font-size:1.3rem;line-height:1.35;margin:12px 0 17px}.ip-record p{color:var(--muted);font-size:.86rem}.ip-record .tag{color:var(--gold);border-color:#d4b87955}.ip-record dl{margin:20px 0 0}.ip-record dt{font:.65rem 'Courier New',monospace;text-transform:uppercase;color:var(--muted)}.ip-record dd{font-size:.8rem;margin:5px 0 15px;overflow-wrap:anywhere}.ip-record .text-link{font-size:.77rem}
.page-intro sup{font-size:.45em;vertical-align:super;line-height:0}.outcome-quote{border-left:2px solid var(--gold);font-family:Georgia,serif;font-size:1.6rem;padding-left:23px;margin:35px 0;color:#d5ecee}
html[data-page=editorial] .page-intro h1{max-width:1030px}.page-close.academy-close h2{font-size:clamp(2rem,3.8vw,3.4rem)}
@media(min-width:1700px){html[data-page=home] .hero{max-width:1600px;min-height:calc(100svh - 80px);padding-left:90px}.hero-definition{left:90px}}
@media(max-width:1100px){html[data-page=home] .hero{padding-left:45px;padding-right:45px}.hero-definition{left:45px}.hero h1{font-size:clamp(4rem,7vw,6rem)}.signature{gap:20px}.signature .double-assembly{left:13%}.signature .personal-orb{right:0;width:73px;height:73px}.depth-instrument{right:12px}.pathway-summary{grid-template-columns:1fr 1fr}.pathway-summary .credential-card:last-child:nth-child(3){grid-column:1/-1}.ip-bridge{align-items:start;flex-direction:column;gap:10px}}
@media(max-width:759px){
 .site-header{backdrop-filter:blur(8px)}html[data-page=home] .hero{padding:30px 25px 85px;min-height:calc(100svh - 72px);display:block}.hero-definition{position:relative;top:auto;left:auto;max-width:285px;margin-bottom:34px}.hero-definition strong{font-size:11px}.hero-definition p{font-size:11px;line-height:1.65}.hero-definition .definition-type{font-size:9px}.hero h1{font-size:clamp(3.35rem,11.3vw,5rem);margin:0}.hero-lead{font-size:1.18rem;line-height:1.45;margin-top:21px}.hero-body{font-size:.80rem;margin-top:16px;max-width:335px}.hero .actions{margin-top:23px;gap:8px}.hero .button{font-size:.70rem;padding:12px 14px}.academy-quiet{font-size:.68rem;margin-top:18px}.hero-coordinate{display:none}.scroll-cue{bottom:26px;left:25px}.ocean-opening{top:0;right:0;width:100%;height:var(--opening-height,210vh)}.ocean-opening img{object-position:64% top}.opening-wash{background:linear-gradient(90deg,#edf8f9ed,#edf8f9bd 49%,#e6f6f85c 87%,#d8f1f925);mask-image:linear-gradient(#000 0%,#000 63%,#000a 86%,transparent)}
 .depth-instrument{display:none}.ocean-fauna[data-fauna=fish]{width:104px}.ocean-fauna[data-fauna=jellyfish]{width:76px}.ocean-fauna[data-fauna=octopus]{width:62px}
 .scroll-chapter{padding:0 25px}.scroll-pin{padding:20px 0 18px}.scroll-pin .section-heading{margin-bottom:0}.scroll-pin .section-heading h2{font-size:2.05rem;margin:10px 0 10px}.scroll-pin .section-heading p{font-size:.78rem;line-height:1.5;max-width:360px}.scroll-pin .section-heading .eyebrow{font-size:.57rem}.signature{display:grid;grid-template-columns:1fr;gap:0;padding:0}.signature-visual{order:0}.signature-controls{order:1}.signature-visual .caption{display:none}.signature .double-art{height:223px;overflow:hidden}.signature .double-assembly{left:18%;top:47px;transform:rotateX(58deg) rotateZ(-32deg) scale(.68);transform-origin:left top;width:200px;height:200px}.signature .metal-shell{width:107px;height:214px}.signature .personal-orb{right:5%;top:69px;width:59px;height:59px}.signature .personal-orb span{font-size:.57rem}.signature .double-relationship{top:105px;left:57%;right:25%}.signature .double-relationship span{font-size:.47rem;top:-28px;width:70px}.signature .object-label{bottom:13px;left:16%;font-size:.55rem}.signature .double-ground{bottom:24px;left:5%}.signature-controls>.eyebrow{display:none}.signature-controls h3{font-size:1.5rem;line-height:1.13;margin:0 0 10px;max-width:360px}.signature-controls>p{font-size:.79rem;line-height:1.6;min-height:65px;margin:0}.pose-buttons{margin-top:11px;gap:5px}.pose-buttons .chip{min-height:37px;padding:8px 10px;font-size:.61rem}.signature-note{display:none}.signature-bottom{margin-top:10px;padding-top:9px;font-size:.56rem}.story-progress{margin-top:8px}.signature-artifact{left:7%;right:10%;bottom:8px;padding:8px 12px;max-width:290px}.signature-artifact strong{font-size:.71rem}.signature-artifact small{font-size:.57rem}.signature-artifact span{font-size:8px}.scroll-pin>.text-link{margin-top:12px;font-size:.70rem}.signature[data-pose='3'] .double-assembly{opacity:.75}
 html.js-ready[data-motion=on] .scroll-chapter[data-can-pin=true]{height:290svh}html.js-ready[data-motion=on] .scroll-chapter[data-can-pin=true] .scroll-pin{top:66px}
 .home-section{padding-top:70px;padding-bottom:70px}.ip-bridge{margin-top:36px;padding:23px 0}.ip-bridge h3{font-size:1.5rem}.ip-bridge p{font-size:.80rem}.ip-bridge .text-link{white-space:normal;font-size:.73rem}.adoption{padding-top:90px;padding-bottom:85px;min-height:500px}
 .pathway-summary{grid-template-columns:1fr;gap:14px;margin:27px 0}.pathway-summary .credential-card:last-child:nth-child(3){grid-column:auto}.credential-card{padding:24px}.credential-card h2,.credential-card h3{font-size:1.6rem}.course-row{grid-template-columns:25px minmax(0,1fr);gap:12px;padding:19px 0}.course-length{grid-column:2;text-align:left;margin-top:-6px}.course-row h3{font-size:1.09rem}.course-row p{font-size:.77rem}.pace-planner{padding:20px}.pace-output{gap:15px;flex-wrap:wrap}.pace-options label{width:100%}.pace-options select{width:100%}.ip-records{grid-template-columns:1fr}.ip-record{padding:23px}.pathway-track{gap:6px}.pathway-track>span,.pathway-track>a{font-size:.68rem;padding:10px 11px}
}
@media(max-width:359px){html[data-page=home] .hero{padding-left:20px;padding-right:20px}.hero h1{font-size:3.15rem}.hero-lead{font-size:1.04rem}.hero-definition{margin-bottom:25px}.hero .actions{flex-wrap:wrap}.scroll-chapter{padding:0 20px}.signature .double-assembly{left:15%;transform:rotateX(58deg) rotateZ(-32deg) scale(.6)}.signature .personal-orb{right:2%;width:54px;height:54px}.signature .double-art{height:195px}.signature-controls>p{font-size:.75rem;min-height:75px}.signature-controls h3{font-size:1.35rem}.scroll-pin .section-heading p{font-size:.74rem}.scroll-pin .section-heading h2{font-size:1.88rem}}
@media(max-height:700px) and (min-width:760px){html[data-page=home] .hero{min-height:780px;padding-top:185px}.scroll-pin .section-heading h2{font-size:2.3rem}.signature .double-art{height:270px}.signature .double-assembly{top:70px;transform:rotateX(58deg) rotateZ(-32deg) scale(.78)}.signature .personal-orb{top:95px}.signature .double-relationship{top:140px}.signature-controls h3{font-size:1.7rem}.signature-controls>p{font-size:.80rem;min-height:60px}.pose-buttons .chip{min-height:35px;padding:8px 10px}.signature-note{display:none}.scroll-pin{padding-top:18px}.signature-artifact{bottom:-5px}}
html[data-motion=off] .scroll-chapter{height:auto!important}html[data-motion=off] .scroll-pin{position:relative!important}html[data-motion=off] .ocean-fauna{will-change:auto}html[data-motion=off] .signature *{transition:none!important;animation:none!important}
html:not(.js-ready) .scroll-chapter{height:auto}html:not(.js-ready) .ocean-environment{background:linear-gradient(#cbe9ee,#09253b)}html:not(.js-ready) .ocean-opening{position:absolute;height:1500px;mask-image:linear-gradient(#000,#000 50%,transparent)}html:not(.js-ready) .home-main{background:linear-gradient(transparent 450px,#0c334899 1000px,#041523 2200px)}
@media print{.depth-instrument,.ip-bridge:before{display:none!important}.scroll-chapter{height:auto!important}.scroll-pin{position:static!important}.pathway-summary,.ip-records{display:block}.credential-card,.ip-record{break-inside:avoid;background:none}.course-row{break-inside:avoid}.home-main{background:none!important}}

@media(max-width:600px){.signature-visual{margin-top:12px}}
/* Reserve reading space so changing a scroll pose cannot change its own timeline. */
.signature-controls h3{min-height:2.3em}
@media(max-width:759px){.signature-controls>p{min-height:6.4em}}
/* UI review fixes: readable course lengths and pathway links (this file loads after site.css). */
.course-length{font-size:.72rem}
@media(max-width:759px){.pathway-track>span,.pathway-track>a{font-size:.75rem}}