@font-face{font-family:Arcadio Serif;src:url('assets/cormorant-garamond-latin-400-normal.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arcadio Serif;src:url('assets/cormorant-garamond-latin-500-normal.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Arcadio Serif;src:url('assets/cormorant-garamond-latin-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Arcadio Sans;src:url('assets/dm-sans-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Arcadio Sans;src:url('assets/dm-sans-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--navy:#081e27;--deep:#04151d;--paper:#eff1ed;--ink:#102e35;--muted:#5b6f72;--white:#f6f5ec;--copper:#dca77f;--teal:#72adb0;--rule:rgba(16,46,53,.22);--serif:'Arcadio Serif',Georgia,serif;--sans:'Arcadio Sans',Arial,sans-serif;--ease:cubic-bezier(.22,.68,0,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);line-height:.97;letter-spacing:-.035em}h2{font-size:clamp(3rem,5.6vw,6rem)}h2 em,h1 em{font-weight:400;color:inherit}p+p{margin-top:1rem}a{color:inherit;text-underline-offset:.25em}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:6px}img,video{display:block;max-width:100%;height:auto}::selection{background:var(--copper);color:var(--navy)}.skip{position:fixed;top:10px;left:10px;background:var(--white);color:var(--ink);padding:1rem;z-index:150;transform:translateY(-150%)}.skip:focus{transform:none}.eyebrow,.micro{font-family:var(--sans);font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;line-height:1.5}.eyebrow{color:var(--muted)}.eyebrow.light{color:var(--copper)}.micro{font-size:.75rem;letter-spacing:.09em}.wrap{padding:clamp(4rem,8vw,8rem) max(5.5vw,1.5rem);max-width:1800px;margin:auto}.section-meta{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--rule);margin-bottom:3.5rem}.section-number{font-family:var(--serif);font-size:1.5rem;font-style:italic}.body-large{font-size:clamp(1.125rem,1.8vw,1.45rem);line-height:1.45;letter-spacing:-.015em}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:1.05rem 1.7rem;border:1px solid transparent;border-radius:2px;text-decoration:none;font-size:.9375rem;font-weight:500;line-height:1.4;transition:background .3s,color .3s,transform .3s}.button.copper{background:var(--copper);color:var(--navy)}.button:hover{background:var(--white);transform:translateY(-2px)}.text-link{text-decoration:none;display:inline-block;font-size:.9375rem;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:.2rem;transition:color .2s,border-color .2s}.text-link:hover{color:var(--copper);border-color:var(--copper)}
/* A quiet, persistent route to the buying decisions. */
.site-header{height:96px;position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;padding:0 3vw;gap:3rem;color:var(--white);border-bottom:1px solid rgba(255,255,255,.16);transition:background .35s,height .35s,backdrop-filter .35s}.site-header.scrolled{height:78px;background:rgba(4,21,29,.95);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.9rem;text-decoration:none;margin-right:auto}.brand svg{width:40px;color:var(--copper)}.brand span{font-size:1.1rem;letter-spacing:.2em;font-weight:500;line-height:1.1}.brand small{display:block;font-size:.5625rem;letter-spacing:.16em;margin-top:7px}.site-header nav{display:flex;gap:2.25rem}.site-header nav a{text-decoration:none;font-size:.875rem;transition:color .2s}.site-header nav a:hover{color:var(--copper)}.header-contact{font-size:.875rem;border:1px solid rgba(255,255,255,.5);padding:.65rem 1.2rem;text-decoration:none;transition:background .2s,color .2s}.header-contact:hover{background:var(--copper);border-color:var(--copper);color:var(--navy)}.menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent}.menu-toggle span{display:block;width:22px;height:1px;background:currentColor;margin:6px auto}
/* The visible surface. */
.hero{position:relative;min-height:820px;height:100svh;max-height:1200px;overflow:hidden;background:var(--navy);color:var(--white)}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;filter:brightness(.62) saturate(.65);transform:scale(1.03);will-change:transform}.hero-shade{background:linear-gradient(90deg,rgba(4,21,29,.95) 0%,rgba(4,21,29,.85) 30%,rgba(4,21,29,.15) 75%),linear-gradient(0deg,rgba(4,21,29,.9),transparent 45%)}.hero-content{position:relative;padding:clamp(11rem,21vh,15rem) 5.5vw 9rem;max-width:1100px;z-index:2}.hero-content .eyebrow{margin-bottom:1.8rem}.hero h1{font-size:clamp(4.3rem,7.65vw,8.4rem);letter-spacing:-.04em;line-height:.93}.hero h1 em{color:#e3b48d}.hero-lede{margin-top:2rem;font-size:clamp(1rem,1.25vw,1.2rem);color:#d2dfe0;line-height:1.65}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.hero-bottom{position:absolute;bottom:2.4rem;left:5.5vw;right:5.5vw;display:flex;justify-content:space-between;align-items:end;gap:2rem;font-size:.8125rem;line-height:1.55;color:#c6d7d8;z-index:3}.explore-depth{display:flex;align-items:center;gap:.8rem;text-decoration:none}.scroll-line{display:block;height:34px;width:1px;background:linear-gradient(var(--copper),transparent);animation:scrollpulse 2.4s infinite}.hero-coordinate{font-size:.6875rem;letter-spacing:.1em}.surface-note{position:absolute;right:5.5vw;top:46%;color:#ebede7;max-width:14rem;display:grid;gap:.65rem;font-size:.9375rem;line-height:1.4}.surface-note .micro{color:#c6d7d8}.surface-note i{width:6rem;height:1px;background:var(--copper);margin-top:1rem}.orientation-content{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:end}.orientation-content h2{font-size:clamp(3.3rem,6.2vw,6.5rem)}.orientation-content>div{max-width:32rem;color:var(--muted)}.orientation-content .body-large{color:var(--ink);margin-bottom:1.3rem}
/* The supplied dimensional ocean and arches, reframed as an economic journey. */
.depth{position:relative;background:var(--deep);color:var(--white)}.depth-stage{position:relative;padding:5rem 5.5vw 7rem;isolation:isolate}.depth.enhanced{height:380vh}.depth.enhanced .depth-stage{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;padding-top:clamp(7rem,16vh,10rem)}.depth-backdrop{position:absolute;inset:0;z-index:-3;overflow:hidden;opacity:.18}.depth-backdrop img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.5)}.depth-visual{position:absolute;right:0;top:0;width:66%;height:100%;z-index:-2;overflow:hidden;background:linear-gradient(#03161a,#183d40 50%,#171d1c)}.depth-visual canvas{width:100%;height:100%;display:block;opacity:.9}.depth-canvas-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--deep),transparent 40%),linear-gradient(0deg,var(--deep),transparent 35%,transparent 80%,var(--deep))}.visual-caption{position:absolute;right:5.5vw;top:8rem;max-width:12rem;text-align:right;color:#a4b7b9;z-index:2}.depth-copy{width:43%;max-width:580px}.depth-copy h2{font-size:clamp(2.8rem,4.7vw,5rem);margin-top:1rem}.depth-copy h2 em{color:var(--copper)}.depth-scenes{margin-top:2.3rem}.depth-panel{padding:2rem 0;border-top:1px solid rgba(255,255,255,.2)}.depth-panel .micro{color:var(--copper)}.depth-panel h3{font-family:var(--serif);font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.04;margin:.8rem 0 1rem;letter-spacing:-.025em}.depth-panel p{color:#bacdd0;max-width:29rem;font-size:1rem}.depth-question{display:block;max-width:28rem;color:var(--white);margin-top:1.4rem;font-size:.9375rem}.depth.enhanced .depth-panel{display:none;padding:0;border:0;animation:panelIn .5s var(--ease)}.depth.enhanced .depth-panel.is-active{display:block}.depth-copy>.text-link{margin-top:1.6rem;font-size:.875rem}.depth-footer{display:none}.depth.enhanced .depth-footer{position:absolute;bottom:2.4rem;left:5.5vw;right:5.5vw;display:flex;align-items:center;justify-content:space-between;gap:2rem}.depth-controls{display:flex;gap:.3rem;border:1px solid rgba(255,255,255,.2);padding:.35rem;border-radius:2px;background:rgba(4,21,29,.7)}.depth-controls button{background:transparent;border:0;padding:.65rem 1rem;color:#b8cbcd;font-size:.8125rem;transition:background .3s,color .3s}.depth-controls button[aria-pressed=true]{background:var(--copper);color:var(--navy)}.depth-controls button:hover{color:var(--white);background:#183c45}.depth-controls button[aria-pressed=true]:hover{background:var(--copper);color:var(--navy)}.depth-meter{display:flex;align-items:center;gap:1rem;color:#8eafb4}.depth-meter i{display:block;width:7rem;height:1px;background:#38565d}.depth-meter b{display:block;height:1px;background:var(--copper);width:0}.reduced-motion .depth-visual{display:none}.reduced-motion .depth-copy{width:100%;max-width:none}.reduced-motion .depth-scenes{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 4rem}.reduced-motion .depth-copy>.text-link{color:var(--copper)}
/* Analysis as an editorial document, with exact illustrative arithmetic. */
.example{background:var(--paper)}.example-heading{display:flex;justify-content:space-between;align-items:end;gap:4rem;margin-bottom:3.5rem}.example-heading>p{color:var(--muted);max-width:25rem}.analysis-sheet{border:1px solid var(--rule);background:#f7f8f3;padding:2.5rem 3rem;box-shadow:0 16px 50px rgba(16,46,53,.035)}.sheet-header{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-bottom:1px solid var(--rule);padding-bottom:1.5rem}.sheet-header p{font-size:.8125rem;color:var(--muted);margin-top:.4rem}.scenario-controls{display:flex;gap:.3rem;flex-wrap:wrap}.scenario-controls button{font-size:.8125rem;background:transparent;border:1px solid var(--rule);padding:.6rem .85rem;border-radius:2px}.scenario-controls button[aria-pressed=true]{background:var(--navy);color:var(--white);border-color:var(--navy)}.scenario-controls button:hover{border-color:var(--ink)}.analysis-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:4rem;padding:2.5rem 0}.bridge-row{display:grid;grid-template-columns:12rem 1fr 6rem;gap:1rem;align-items:center;font-size:.875rem;margin:1.2rem 0}.bridge-row strong{font-weight:500;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.bar-track{height:14px;background:#e4e9e5;overflow:hidden}.bar-track i{display:block;height:100%;background:#839da0;transition:width .65s var(--ease)}.sales .bar-track i{background:#153e49}.result .bar-track i{background:#ad7851}.bridge-row.result{margin-top:1.8rem;padding-top:1.5rem;border-top:1px solid var(--rule);font-weight:500}.analysis-verdict{border-left:1px solid var(--rule);padding-left:3rem}.analysis-verdict .micro{font-size:.6875rem;color:var(--muted)}.verdict-number{font-family:var(--serif);font-size:6rem;line-height:1.05;color:var(--ink);letter-spacing:-.05em;margin-top:.3rem}.verdict-number small{font-size:2.5rem;margin-left:.2rem}.margin-caption{font-size:.875rem;color:var(--muted);display:block;margin-bottom:1.5rem}.analysis-verdict>p:not(.verdict-number){font-size:.875rem;color:var(--muted)}.analysis-verdict>p.decision-caption{color:var(--ink);font-weight:500}.sheet-note{border-top:1px solid var(--rule);padding-top:1.3rem;font-size:.8125rem;line-height:1.6;color:var(--muted)}
/* The offer is an executive brief, with a clear scope. */
.audit{background:var(--navy);color:var(--white);max-width:none}.audit .section-meta{border-color:rgba(255,255,255,.2)}.audit .section-meta .eyebrow{color:#96b0b7}.audit-top{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:center}.audit-top h2{font-size:clamp(3.6rem,6.3vw,7rem);margin-top:1.4rem}.audit-top h2 em{color:var(--copper)}.audit-intro{max-width:31rem}.audit-intro .body-large{margin-bottom:1.5rem}.audit-intro p:not(.body-large){color:#b9cdd0}.audit-intro .button{margin-top:1.8rem}.audit-timing{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.2);font-size:.875rem}.audit-timing strong{display:block;font-weight:500}.audit-timing span{display:block;color:#9db7bd;margin-top:.4rem}.deliverables{display:grid;grid-template-columns:1fr 1.7fr;gap:6vw;margin-top:6rem;padding-top:3rem;border-top:1px solid rgba(255,255,255,.2)}.deliverables-intro>p{font-family:var(--serif);font-size:2.5rem;line-height:1.15;margin-top:1.3rem;color:#aec7cc}.deliverables ol{list-style:none;padding:0;margin:0}.deliverables li{display:grid;grid-template-columns:3rem 1fr;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.18)}.deliverables li:first-child{padding-top:0}.deliverables li>span{font-family:var(--serif);font-style:italic;font-size:1.7rem;color:var(--copper)}.deliverables h3{font-size:1.2rem;font-weight:500;margin-bottom:.5rem;line-height:1.3}.deliverables li p{font-size:.9375rem;color:#a6bec5;max-width:36rem}.audit-disclosures{margin-top:4rem;margin-left:calc((100% - 6vw)/2.7 + 6vw)}details{border-bottom:1px solid rgba(255,255,255,.2);padding:1.15rem 0}summary{cursor:pointer;font-size:.9375rem;list-style:none;display:flex;justify-content:space-between;gap:2rem;align-items:center}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:1.5rem;line-height:1;color:var(--copper)}details[open] summary:after{content:'−'}details>div{font-size:.9375rem;color:#aec3c9;padding:1rem 2rem .5rem 0;max-width:42rem}details ul{padding-left:1.2rem;margin:.8rem 0}details li+li{margin-top:.35rem}
/* The brand mark carries the service architecture. */
.method-top{display:grid;grid-template-columns:1.4fr 1fr;gap:6vw;align-items:end}.method-top>p{color:var(--muted);max-width:27rem}.arch-system{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-top:4rem}.arch-diagram{position:relative;max-width:38rem}.arch-diagram svg{width:100%;overflow:visible}.arch-diagram path{stroke:var(--ink)}.arch-names{display:flex;justify-content:space-between;padding:.75rem .5rem;border-top:1px solid var(--rule);font-size:.8125rem;color:var(--muted);margin-top:2rem}.method-path article{padding:1.8rem 0;border-bottom:1px solid var(--rule)}.method-path .micro{color:#966341}.method-path h3{font-family:var(--serif);font-size:2.1rem;line-height:1.1;margin:.6rem 0}.method-path p{font-size:.9375rem;color:var(--muted);max-width:29rem}.phase-label{font-size:.8125rem;display:block;margin-top:.8rem;color:#966341}
.founder{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:center;border-top:1px solid var(--rule)}.founder-photo{position:relative;overflow:hidden;max-width:37rem;aspect-ratio:4/5;background:var(--navy)}.founder-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:none}.founder-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,21,29,.65),transparent 45%);pointer-events:none}.founder-photo>.micro{position:absolute;bottom:1.5rem;left:1.8rem;color:var(--white);z-index:2}.portrait-mark{position:absolute;right:1.8rem;bottom:1.5rem;color:var(--copper);z-index:2;width:50px}.founder-copy .eyebrow{margin-bottom:1.5rem}.founder-copy h2{font-size:clamp(3rem,4.9vw,5.5rem)}.founder-copy .body-large{margin:2rem 0 1.5rem;color:var(--ink)}.founder-copy>p{color:var(--muted);max-width:33rem}.founder-proof{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.2rem;padding-top:1.5rem;border-top:1px solid var(--rule)}.founder-proof strong{display:block;font:400 2.6rem/1.1 var(--serif)}.founder-proof span{display:block;font-size:.8125rem;line-height:1.5;color:var(--muted);margin-top:.5rem}
.contact{position:relative;overflow:hidden;color:var(--white);background:var(--navy);padding:7rem 5.5vw;min-height:760px;display:grid;place-items:center;text-align:center}.contact-ocean,.contact-shade{position:absolute;inset:0}.contact-ocean video{width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.55)}.contact-shade{background:linear-gradient(180deg,rgba(4,21,29,.85),rgba(4,21,29,.42) 50%,rgba(4,21,29,.85))}.contact-inner{position:relative;z-index:2}.contact h2{font-size:clamp(4rem,8vw,8.5rem);margin:1.5rem 0}.contact h2 em{color:#e4c2a4}.contact-inner>p:not(.eyebrow){color:#d0ddda;margin-bottom:2rem}.contact-email{display:block;font-size:.875rem;width:max-content;margin:1.1rem auto 0;text-decoration:none;color:#d0ddda}.contact-email:hover{color:var(--white);text-decoration:underline}.site-footer{padding:3rem 5.5vw;background:var(--deep);color:#9bb0b6;display:flex;align-items:center;justify-content:space-between;gap:3rem;font-size:.8125rem}.footer-brand{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--white);letter-spacing:.13em;line-height:1.3}.footer-brand svg{width:40px;color:var(--copper)}.footer-brand small{font-size:.5625rem;letter-spacing:.08em}.site-footer>div{display:grid;gap:.5rem}.site-footer>a:last-child{text-decoration:none;border-bottom:1px solid #38535c;padding-bottom:.2rem}
.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal-ready.visible{opacity:1;transform:none}@keyframes panelIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes scrollpulse{0%,100%{opacity:.3;transform:scaleY(.7);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}
@media(min-width:1800px){.hero-content{max-width:1250px}.site-header{padding:0 max(5.5vw,calc((100vw - 1600px)/2))}.audit{padding-left:max(5.5vw,calc((100vw - 1600px)/2));padding-right:max(5.5vw,calc((100vw - 1600px)/2))}}
@media(max-width:1200px){.hero-coordinate{display:none}.surface-note{right:4vw;max-width:11rem}.analysis-sheet{padding:2rem}.analysis-grid{gap:2rem}.bridge-row{grid-template-columns:10rem 1fr 5rem;gap:.6rem;font-size:.8125rem}.analysis-verdict{padding-left:2rem}.depth-copy{width:47%}.depth-meter{display:none}.depth-copy h2{font-size:3.5rem}.depth-controls button{padding:.6rem .8rem}.audit-intro .button{padding:1rem;font-size:.875rem}}
@media(max-width:900px){.site-header{padding:0 1.5rem;gap:1.5rem}.site-header nav{gap:1.3rem}.hero{min-height:820px;max-height:none}.hero-content{padding-top:12rem}.hero h1{font-size:5.5rem}.surface-note{display:none}.hero-media img{object-position:62% 50%}.hero-shade{background:linear-gradient(90deg,rgba(4,21,29,.94),rgba(4,21,29,.55) 70%,rgba(4,21,29,.15)),linear-gradient(0deg,rgba(4,21,29,.85),transparent 60%)}.orientation-content{gap:4rem}.example-heading{gap:2rem}.analysis-grid{grid-template-columns:1.5fr 1fr}.bridge-row{grid-template-columns:9rem 1fr 5rem}.analysis-verdict{padding-left:1.5rem}.analysis-sheet{padding:1.5rem}.sheet-header{align-items:start}.scenario-controls{max-width:240px;justify-content:flex-end}.verdict-number{font-size:5rem}.depth.enhanced .depth-stage{min-height:700px}.depth-copy{width:53%}.depth-visual{width:80%;right:-15%}.depth-copy h2{font-size:3rem}.depth-copy h3{font-size:2.8rem}.depth-copy>p.eyebrow{font-size:.8125rem}.depth-panel p{font-size:.9375rem}.visual-caption{display:none}.audit-top{gap:3rem}.audit-top h2{font-size:4.5rem}.audit-timing{margin-top:1.5rem}.deliverables{gap:3rem}.deliverables-intro>p{font-size:2rem}.method-top{grid-template-columns:1.4fr 1fr;gap:3rem}.arch-system{gap:4rem}.founder{gap:4rem}.founder-copy h2{font-size:3.4rem}.founder-proof{gap:1rem}.founder-proof strong{font-size:2.2rem}.site-footer{gap:1.5rem}.site-footer>div>span:first-child{max-width:18rem}}
@media(max-width:700px){html{scroll-padding-top:80px}.wrap{padding:4rem 1.4rem}h2{font-size:3.2rem}.section-meta{margin-bottom:2.5rem;padding-bottom:1rem}.eyebrow{font-size:.75rem;letter-spacing:.09em}.section-number{font-size:1.2rem}.site-header,.site-header.scrolled{height:76px;padding:0 1.25rem;gap:1rem;background:rgba(4,21,29,.92)}.brand svg{width:31px}.brand{gap:.65rem}.brand span{font-size:.875rem;letter-spacing:.13em}.brand small{font-size:.5rem;letter-spacing:.07em;margin-top:5px}.header-contact{font-size:.8125rem;padding:.55rem .8rem;margin-left:auto}.menu-toggle{display:block;margin-left:-.4rem}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--deep);padding:1.2rem 1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.2)}.site-header nav.open{display:flex;flex-direction:column;gap:0}.site-header nav a{padding:.8rem 0;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.hero{height:auto;min-height:800px}.hero-content{padding:9.5rem 1.4rem 12rem;max-width:none}.hero h1{font-size:clamp(3.5rem,11.8vw,5.5rem);line-height:.98}.hero-content .eyebrow{font-size:.6875rem;letter-spacing:.075em;margin-bottom:1.5rem;max-width:20rem}.hero-lede{font-size:1rem;max-width:22rem;margin-top:1.5rem}.desktop-br{display:none}.hero-media img{object-position:65% 50%;filter:brightness(.65) saturate(.6)}.hero-shade{background:linear-gradient(90deg,rgba(4,21,29,.83),rgba(4,21,29,.28)),linear-gradient(0deg,var(--deep),transparent 80%)}.hero-actions{align-items:start;flex-direction:column;gap:1.1rem;margin-top:1.7rem}.hero-actions .button{padding:1rem 1.5rem}.hero-bottom{left:1.4rem;right:1.4rem;bottom:2rem;align-items:start;flex-direction:column;gap:1.1rem;font-size:.75rem}.scroll-line{height:23px}.orientation-content{grid-template-columns:1fr;gap:2rem}.orientation-content h2{font-size:3.8rem}.orientation-content>div{max-width:100%}.depth.enhanced{height:370vh}.depth.enhanced .depth-stage{height:100svh;min-height:740px;padding:7rem 1.4rem 10rem}.depth-stage{padding:4rem 1.4rem}.depth-copy{width:100%;max-width:none}.depth-copy h2{font-size:2.8rem;max-width:21rem}.depth-copy h2 br{display:none}.depth-visual{width:100%;height:100%;right:0;opacity:.55}.depth-canvas-shade{background:linear-gradient(90deg,rgba(4,21,29,.9),rgba(4,21,29,.2)),linear-gradient(0deg,var(--deep),transparent 50%,rgba(4,21,29,.7) 80%,var(--deep))}.depth-backdrop{opacity:.1}.depth-scenes{margin-top:2.2rem;max-width:25rem}.depth-copy h3{font-size:3.2rem;max-width:20rem}.depth-panel p{font-size:1rem;color:#c9d7d9}.depth-question{max-width:23rem;font-size:.9375rem}.depth-copy>.text-link{font-size:.875rem;margin-top:1.3rem}.depth.enhanced .depth-footer{left:1.4rem;right:1.4rem;bottom:2rem;display:block}.depth-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;width:100%;max-width:26rem}.depth-controls button{font-size:.8125rem;min-height:44px;padding:.5rem .25rem}.depth-controls button:last-child{grid-column:span 2}.reduced-motion .depth-scenes{display:block}.reduced-motion .depth-panel{padding:2rem 0}.example-heading{flex-direction:column;align-items:start;gap:1.5rem;margin-bottom:2rem}.example-heading h2{font-size:3.8rem}.sheet-header{flex-direction:column;gap:1.25rem}.scenario-controls{max-width:none;justify-content:start;gap:.4rem}.scenario-controls button{font-size:.75rem;min-height:44px;padding:.6rem .6rem}.analysis-sheet{padding:1.3rem}.analysis-grid{grid-template-columns:1fr;gap:1.8rem;padding:1.3rem 0}.bridge-row{grid-template-columns:1fr 5.2rem;gap:.5rem;margin:1.15rem 0;font-size:.8125rem}.bridge-row .bar-track{grid-column:1/3;grid-row:2;height:8px}.bridge-row strong{grid-column:2;grid-row:1}.bridge-row.result{margin-top:1.2rem;padding-top:1.2rem}.analysis-verdict{border-left:0;border-top:1px solid var(--rule);padding:1.5rem 0 0}.verdict-number{font-size:5rem}.margin-caption{margin-bottom:1rem}.analysis-verdict>p:not(.verdict-number){font-size:.9375rem}.sheet-note{font-size:.75rem}.audit-top{grid-template-columns:1fr;gap:2rem}.audit-top h2{font-size:3.8rem}.audit-intro{max-width:100%}.audit-intro .button{padding:1rem 1.2rem;font-size:.875rem}.audit-timing{margin-top:2rem}.deliverables{grid-template-columns:1fr;gap:2rem;margin-top:3rem;padding-top:2rem}.deliverables-intro>p{font-size:2rem}.deliverables-intro>p br{display:none}.deliverables li{gap:.65rem;grid-template-columns:2rem 1fr}.deliverables h3{font-size:1.05rem}.deliverables li p{font-size:.9375rem}.audit-disclosures{margin-left:0;margin-top:2.5rem}summary{font-size:.9375rem;gap:1rem}details>div{padding-right:0}.method-top{grid-template-columns:1fr;gap:1.5rem}.method-top h2{font-size:3.3rem}.arch-system{grid-template-columns:1fr;gap:1.8rem;margin-top:3rem}.arch-diagram{max-width:25rem;width:90%;margin:0 auto}.arch-names{font-size:.75rem;margin-top:1rem}.method-path h3{font-size:2rem}.method-path article:first-child{padding-top:0}.founder{grid-template-columns:1fr;gap:2.5rem}.founder-photo{width:100%;max-width:none;aspect-ratio:4/4.6}.founder-copy h2{font-size:3.3rem}.founder-copy .body-large{margin-top:1.5rem}.founder-proof strong{font-size:2.3rem}.founder-proof>div:last-child strong{font-size:2rem}.founder-proof span{font-size:.75rem}.contact{padding:5rem 1.4rem;min-height:680px}.contact h2{font-size:3.7rem;margin:1.3rem 0 1.8rem}.contact .button{font-size:.875rem;padding:1rem 1.2rem}.contact-inner>p:not(.eyebrow){font-size:.9375rem}.site-footer{padding:2.5rem 1.4rem;display:grid;grid-template-columns:1fr;gap:1.8rem}.site-footer>div>span:first-child{max-width:none}.site-footer>a:last-child{width:max-content}.hero-coordinate{display:none}}
@media(max-width:380px){.hero h1{font-size:3.5rem}.hero-content{padding-top:8.5rem}.header-contact{padding:.5rem .65rem}.brand span{font-size:.8rem}.brand svg{width:25px}.site-header{gap:.6rem}.depth-copy h3{font-size:2.8rem}.depth.enhanced .depth-stage{padding-top:6.5rem}}
@media(max-height:740px) and (min-width:701px){.hero{min-height:740px}.hero-content{padding-top:10rem}.hero h1{font-size:6.8vw}.depth.enhanced .depth-stage{min-height:640px;padding-top:6.5rem}.depth-copy h2{font-size:2.8rem}.depth-scenes{margin-top:1.5rem}.depth-copy h3{font-size:2.8rem}.depth-question{margin-top:1rem}.depth-copy>.text-link{margin-top:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-media img{transform:none!important}.reveal-ready{opacity:1;transform:none}}
.depth-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:14%;color:var(--copper);z-index:1}.fallback-arch{width:clamp(260px,32vw,540px);position:relative;transform-style:preserve-3d;transition:transform .25s linear;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}.fallback-arch svg{width:100%;overflow:visible}.arch-front{position:relative;z-index:2;color:#dba47b}.arch-back{position:absolute;inset:12px -8px -12px 8px;color:#76573e}.fallback-layer{margin:2rem auto 0;text-align:center;display:grid;gap:.75rem;color:#a9c2c7}.fallback-layer .micro{font-size:.75rem;letter-spacing:.07em}.fallback-layer>span:last-of-type{font-family:var(--serif);font-size:1.6rem;font-style:italic;color:var(--white)}.fallback-layer i{display:block;height:1px;width:100px;background:var(--copper);margin:.75rem auto 0}.scene-ready .depth-fallback{display:none}.scene-fallback #doorCanvas{display:none}.depth-backdrop{opacity:.12}.depth-visual{background:linear-gradient(145deg,#06212b,#173e46 50%,#071e27)}.scene-fallback .depth-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--deep),transparent 40%);pointer-events:none}.reduced-motion .depth-fallback{display:none}
.scenario-controls button,.depth-controls button{font-size:.875rem}.micro,.hero-coordinate,.sheet-header p,.sheet-note,.scenario-label,.analysis-verdict .micro{font-size:.75rem}.reduced-motion{scroll-behavior:auto}.reduced-motion .reveal-ready{opacity:1;transform:none}.reduced-motion .scroll-line{animation:none}.reduced-motion *{transition:none!important;animation:none!important}
@media(max-width:900px){.depth-fallback{padding-left:18%}.fallback-arch{width:290px}.fallback-layer .micro{font-size:.75rem;max-width:15rem}.fallback-layer>span:last-of-type{font-size:1.5rem}}
@media(max-width:700px){.depth-fallback{padding-left:35%;opacity:.28;justify-content:center}.fallback-arch{width:240px}.fallback-layer{display:none}.scenario-controls button,.depth-controls button{font-size:.875rem}.hero-coordinate{display:none}.hero-content .eyebrow{font-size:.75rem}.site-header nav a{font-size:1rem}.analysis-verdict .micro{font-size:.75rem}.brand small{font-size:.625rem}.footer-brand small{font-size:.75rem}}
.compact-depth .depth-visual{display:none}.compact-depth .depth-copy{width:100%;max-width:none}.compact-depth .depth-scenes{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 4rem}.compact-depth .depth-footer{display:none}.compact-depth .depth-panel{display:block;padding:2rem 0;border-top:1px solid rgba(255,255,255,.2)}
@media(max-width:700px){.compact-depth .depth-scenes{display:block}.depth-copy h2{line-height:1.04}}
@media(max-width:700px){.depth.enhanced .depth-stage{padding-top:6.5rem}.depth-copy h2{font-size:2.15rem;line-height:1.05}.depth-copy h3{font-size:2.65rem;line-height:1.05}.depth-scenes{margin-top:1.8rem}.depth-question{margin-top:1rem}.depth-copy>.text-link{margin-top:1rem}.depth-controls button{min-height:42px}.depth-copy h2 br{display:block}}
@media(max-width:380px){.brand small{display:none}.brand svg{flex-shrink:0}.brand span{white-space:nowrap}.header-contact{white-space:nowrap;flex-shrink:0}.menu-toggle{flex-shrink:0}.depth-copy h3{font-size:2.65rem}}
.hero{height:auto;min-height:100svh;max-height:none}h1,h2,h3{overflow-wrap:break-word}.large-text .site-header nav{display:none}.large-text .header-contact{display:none}.large-text .menu-toggle{display:block}.large-text .brand small{display:none}.large-text .site-header{height:100px}.large-text .site-header nav.open{display:flex;position:absolute;top:100px;left:0;right:0;flex-direction:column;background:var(--deep);padding:1rem 1.5rem}.large-text .analysis-grid,.large-text .audit-top,.large-text .deliverables,.large-text .method-top,.large-text .arch-system,.large-text .founder,.large-text .orientation-content{grid-template-columns:1fr}.large-text .analysis-verdict{border-left:0;border-top:1px solid var(--rule);padding:2rem 0 0}.large-text .audit-disclosures{margin-left:0}.large-text .sheet-header{align-items:start;flex-direction:column}.large-text .hero-bottom{flex-wrap:wrap}.large-text .surface-note{display:none}

/* Art direction: ocean light, patinated metal, deliberate movement. */
.hero-media img{object-position:57% 48%;filter:brightness(.84) saturate(1.06) contrast(1.08);transform:scale(1.06)}
.hero-shade{background:linear-gradient(90deg,rgba(3,22,29,.95),rgba(3,22,29,.77) 36%,rgba(3,22,29,.12) 73%,rgba(3,22,29,.24)),linear-gradient(0deg,rgba(3,22,29,.95),transparent 48%),linear-gradient(180deg,rgba(3,22,29,.4),transparent 25%)}
.depth-visual{background:radial-gradient(ellipse at 65% 12%,#2e6064 0%,#103a44 32%,#051b25 67%,#04151d 100%)}
.depth-fallback{display:block;padding:0;opacity:1;overflow:hidden}
.depth-fallback:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 32%,rgba(171,215,204,.06) 43%,transparent 52%);transform:skewX(-12deg)}
.ocean-contours{position:absolute;inset:0;width:100%;height:100%;opacity:.9;transform:translateY(calc(var(--dive,0)*-45px));transition:transform .6s ease-out}
.surface-light{position:absolute;top:18%;left:8%;right:0;height:1px;background:linear-gradient(90deg,transparent,#8cbbba 70%,transparent);opacity:calc(.7 - var(--dive,0)*.5);box-shadow:0 -8px 35px 8px #82bcb320;transform:translateY(calc(var(--dive,0)*-80px))}
.fallback-arch{position:absolute;left:27%;top:14%;width:clamp(350px,40vw,650px);filter:drop-shadow(25px 20px 28px #0008);transform-origin:50% 50%;transition:transform .8s ease-out;will-change:transform}
.fallback-arch svg{width:100%;overflow:visible}
.fallback-layer{position:absolute;left:24%;right:0;bottom:15%;margin:0;gap:.7rem;color:#91aaa9}
.fallback-layer .micro{letter-spacing:.16em;font-size:.65rem;max-width:none}
.fallback-layer>span:last-of-type{font-size:1.8rem;color:#d9e2db}
.fallback-layer i{height:1px;width:50px;background:#c9a781;margin:.6rem auto 0}
.depth-canvas-shade{z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--deep),rgba(4,21,29,.2) 32%,transparent 52%),linear-gradient(0deg,var(--deep),transparent 28%,transparent 85%,rgba(4,21,29,.45))}
.scene-fallback .depth-visual:after{display:none}
.visual-caption{z-index:3}
.arch-story{margin-top:3rem}
.arch-story-stage{display:grid;grid-template-columns:1.05fr 1fr;gap:8vw;align-items:center;padding:3rem 0 4rem}
.arch-diagram{width:100%;max-width:38rem}
.arch-diagram path{stroke:revert;transition:opacity .6s ease}
#brand-arch-0{stroke:#193832}#brand-arch-1{stroke:#F2994A}#brand-arch-2{stroke:#1FA5B8}
.arch-scroll{display:none;color:var(--muted);margin-top:1.5rem;font-size:.65rem;letter-spacing:.16em}
.arch-copy{padding:1.5rem 0;border-top:1px solid var(--rule)}
.arch-copy .micro{color:var(--muted)}
.arch-copy h3{font:400 clamp(2.1rem,3.2vw,3.5rem)/1.06 var(--serif);letter-spacing:-.025em;margin:1rem 0}
.arch-copy p{max-width:29rem;color:var(--muted)}
.arch-select{display:none;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.arch-select button{border:0;border-bottom:1px solid transparent;padding:.5rem 0;background:none;color:var(--muted);font-size:.8125rem;min-height:44px}
.arch-select button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}
.arch-story.is-animated .arch-select{display:flex}
.arch-story.is-animated .arch-copy{display:none;border:0;padding:0;animation:panelIn .55s ease}
.arch-story.is-animated .arch-copy.is-active{display:block}
.arch-story.is-animated .arch-copies{min-height:18rem}
.arch-story.is-pinned{height:240vh}
.arch-story.is-pinned .arch-story-stage{position:sticky;top:80px;height:calc(100svh - 80px);min-height:560px}
.arch-story.is-pinned .arch-scroll{display:block}
.engagement-system{display:block;margin-top:3rem;border-top:1px solid var(--rule)}
.engagement-system .method-path{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}
.engagement-system .method-path article{border-bottom:0;padding-top:2rem}
.engagement-system .method-path h3{font-size:2rem}
@keyframes archDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.arch-story.play-drawing path{stroke-dasharray:1;animation:archDraw 1.6s cubic-bezier(.22,1,.36,1) both}
.arch-story.play-drawing #brand-arch-1{animation-delay:.7s}
.arch-story.play-drawing #brand-arch-2{animation-delay:1.4s}
@media(max-width:1000px){.fallback-arch{left:33%;width:430px;top:23%}.fallback-layer{left:38%;bottom:19%}.arch-story-stage{gap:4vw}.engagement-system .method-path{gap:1.8rem}}
@media(max-width:700px){
.hero-media img{object-position:52% 48%;filter:brightness(.8) saturate(1.03) contrast(1.08)}
.hero-shade{background:linear-gradient(90deg,rgba(3,22,29,.85),rgba(3,22,29,.28)),linear-gradient(0deg,var(--deep),transparent 70%),linear-gradient(180deg,rgba(3,22,29,.4),transparent 35%)}
.depth-fallback{opacity:.6;padding:0}.fallback-arch{left:32%;top:24%;width:400px}.fallback-layer{display:none}.depth-canvas-shade{background:linear-gradient(90deg,rgba(4,21,29,.97),rgba(4,21,29,.48)),linear-gradient(0deg,var(--deep),transparent 60%)}
.arch-story-stage{grid-template-columns:1fr;gap:2rem;padding-top:0}.arch-diagram{width:88%;max-width:24rem}.arch-story.is-animated .arch-copies{min-height:14rem}.arch-copy h3{font-size:2.3rem}.arch-names{margin-top:1rem}.arch-select{margin-top:1rem;gap:1.5rem}.engagement-system .method-path{grid-template-columns:1fr;gap:0}.engagement-system .method-path article{border-bottom:1px solid var(--rule);padding:1.8rem 0}
}
.large-text .arch-story-stage,.large-text .engagement-system .method-path{grid-template-columns:1fr}
@media(prefers-reduced-motion:reduce){.arch-story path{animation:none!important;stroke-dashoffset:0!important}.ocean-contours,.surface-light,.fallback-arch{transform:none!important;transition:none!important}}

.hero{overflow:hidden}.depth-backdrop{opacity:0}
/* Land inside the pinned scene with all five controls in view. */
#depth{scroll-margin-top:-100px}
@media(max-width:700px){#depth{scroll-margin-top:-80px}}

/* Restored beach film and ocean funnel. The arches use one shared renderer. */
.hero-media video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:brightness(.86) saturate(.95)}
.hero-shade{background:linear-gradient(90deg,rgba(3,22,29,.85),rgba(3,22,29,.61) 42%,rgba(3,22,29,.15) 75%),linear-gradient(0deg,rgba(3,22,29,.85),transparent 55%),linear-gradient(180deg,rgba(3,22,29,.3),transparent 30%)}
.surface-note{color:#f6f5ec;text-shadow:0 1px 10px #04151d}
.ocean-flow{background:#04151d;color:var(--white);position:relative;overflow:clip}
.flow-stage{position:relative;min-height:760px;height:100svh;isolation:isolate;padding:clamp(9rem,22vh,13rem) 5.5vw 6rem}
.ocean-flow.flow-enhanced{height:210vh}
.flow-enhanced .flow-stage{position:sticky;top:0}
.flow-visual{position:absolute;inset:0 0 0 29%;z-index:-1;background:radial-gradient(ellipse at 55% 60%,#12383b,transparent 65%);overflow:hidden}
.flow-visual canvas{width:100%;height:100%;display:block}
.flow-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#04151d,transparent 20%),linear-gradient(0deg,#04151d,transparent 20%)}
.flow-copy{width:36%;max-width:31rem;position:relative;z-index:2}
.flow-copy h2{font-size:clamp(3rem,5.5vw,5.7rem);line-height:1.03;margin:1.2rem 0 2rem}
.flow-copy h2 em{color:var(--copper)}
.flow-copy p:not(.eyebrow){color:#b9ced0;font-size:1rem;max-width:27rem}
.flow-copy .flow-caption{margin-top:1.8rem;padding-top:1.5rem;border-top:1px solid #ffffff25;color:var(--white)!important}
.flow-note{position:absolute;bottom:2.5rem;left:5.5vw;color:#93b3b5;font-size:.75rem}
.funnel-label{position:absolute;top:0;left:0;padding:.4rem .7rem;font-size:.8125rem;color:#d5e6e3;white-space:nowrap;background:#04151d99;border:1px solid #aad8d122;pointer-events:none;will-change:transform}
.funnel-label.core{color:#efcea4;border-color:#c8a37888;background:#04151dbb}
.large-text .flow-copy{width:100%;max-width:40rem}.large-text .flow-stage{height:auto;min-height:700px}
@media(max-width:1000px){.flow-copy{width:43%}.flow-visual{left:28%}}
@media(max-width:700px){.hero-media video{object-position:54% 50%;filter:brightness(.85) saturate(1)}.hero-shade{background:linear-gradient(90deg,rgba(3,22,29,.76),rgba(3,22,29,.38)),linear-gradient(0deg,var(--deep),transparent 75%)}.ocean-flow.flow-enhanced{height:auto}.flow-stage{height:auto;min-height:900px;padding:6rem 1.4rem 30rem}.flow-copy{width:100%;max-width:26rem}.flow-copy h2{font-size:3.4rem;margin-bottom:1.5rem}.flow-copy h2 br{display:none}.flow-visual{inset:42% 0 4%;}.flow-visual:after{background:linear-gradient(0deg,#04151d,transparent 20%),linear-gradient(180deg,#04151d,transparent 20%)}.flow-copy .flow-caption{margin-top:1.4rem}.flow-note{left:1.4rem;right:1.4rem;bottom:1.5rem;font-size:.6875rem}.funnel-label{font-size:.75rem;padding:.3rem .5rem}}
@media(prefers-reduced-motion:reduce){.ocean-flow.flow-enhanced{height:auto}.flow-stage{position:relative}.hero-media video{transform:none}}

#ocean-flow{scroll-margin-top:-100px}
@media(max-width:700px){#ocean-flow{scroll-margin-top:-80px}}

@media(min-width:701px){.flow-visual:after{background:linear-gradient(90deg,#04151d,transparent 30%),linear-gradient(0deg,#04151d,transparent 20%)}}

/* Profit intelligence belongs beside the connected-channel visual. */
.flow-stage{height:auto;min-height:850px;padding:7.25rem 5.5vw 6rem}
.flow-enhanced .flow-stage{height:100svh;min-height:850px}
.flow-copy{width:40%;max-width:34rem}
.flow-copy h2{font-size:clamp(3rem,4.6vw,4.8rem);margin:1rem 0 1.2rem}
.flow-copy .flow-intro{max-width:29rem;line-height:1.65}
.flow-method{margin-top:1.8rem}
.flow-copy .flow-method-label{font-size:.75rem;letter-spacing:.11em;text-transform:uppercase;color:var(--copper);margin-bottom:.85rem}
.flow-method ol{list-style:none;margin:0;padding:0}
.flow-method li{display:grid;grid-template-columns:1.6rem 1fr;gap:.7rem;border-top:1px solid #ffffff24;padding:.85rem 0}
.flow-step{font-size:.75rem;line-height:1.7;color:#8db4b6;padding-top:.1rem}
.flow-method h3{font-family:var(--sans);font-size:1rem;font-weight:500;line-height:1.4;letter-spacing:0;margin:0 0 .25rem;color:var(--white)}
.flow-method li p{font-size:1rem!important;line-height:1.55;margin:0;max-width:29rem!important;color:#b9ced0}
.flow-audit-link{font-size:.9375rem;min-height:44px;display:inline-flex;align-items:center;margin-top:.85rem}
@media(min-width:701px) and (max-height:849px){.ocean-flow.flow-enhanced{height:auto}.flow-enhanced .flow-stage{position:relative;height:auto}}
@media(max-width:1000px){.flow-copy{width:46%}.flow-copy h2{font-size:3.4rem}.flow-method li{padding:.75rem 0}}
@media(max-width:700px){
.flow-stage,.flow-enhanced .flow-stage{display:flex;flex-direction:column;position:relative;height:auto;min-height:0;padding:6.5rem 1.4rem 3rem}
.flow-copy{width:100%;max-width:none;order:1}.flow-copy h2{font-size:3rem;line-height:1.05;margin-bottom:1.4rem}
.flow-copy .flow-method-label{font-size:.75rem;line-height:1.5}.flow-method{margin-top:1.6rem}.flow-method li{padding:1rem 0}
.flow-visual{position:relative;inset:auto;order:2;z-index:0;width:calc(100% + 2.8rem);height:420px;margin:1.5rem -1.4rem .5rem;flex:none}
.flow-note{position:relative;inset:auto;order:3;font-size:.75rem;line-height:1.5}
.flow-visual:after{background:linear-gradient(0deg,#04151d,transparent 20%),linear-gradient(180deg,#04151d,transparent 20%)}
}
.large-text .flow-stage{height:auto;min-height:0;padding-top:7rem}.large-text .flow-copy{width:100%;max-width:48rem}.large-text .flow-visual{opacity:.2}

.flow-copy p.flow-method-label{font-size:.875rem;color:var(--copper)}
.flow-copy h2{overflow-wrap:anywhere}
@media(min-width:701px){.flow-visual:after{background:linear-gradient(90deg,#04151d,#04151d 18%,transparent 42%),linear-gradient(0deg,#04151d,transparent 20%)}}
@media(max-width:700px){
.flow-copy{display:contents}
.flow-visual{order:2;height:380px;margin-top:1.5rem;margin-bottom:1.4rem}
.flow-method{order:3;margin-top:0}
.flow-audit-link{order:4;align-self:flex-start}
.flow-note{order:5;margin-top:1.5rem}
}

/* Buyer-first composition: the ocean carries the story; the offer stays clear. */
.hero{min-height:870px}
.hero-content{padding-top:clamp(9.5rem,17vh,12rem);max-width:74%;padding-bottom:10rem}
.hero h1{font-size:clamp(4.5rem,7.2vw,7.8rem);line-height:.96}
.hero-lede{max-width:39rem;font-size:1.0625rem;line-height:1.65;margin-top:1.6rem}
.hero-content .eyebrow{font-size:.875rem;margin-bottom:1.5rem}
.hero-proof{margin-top:1.4rem!important;font-size:.875rem;color:#d2dfe0;max-width:38rem}
.hero-offer{position:absolute;right:5.5vw;top:38%;width:19rem;border-top:1px solid #ffffff55;padding-top:1.3rem;color:var(--white)}
.hero-offer .eyebrow{font-size:.75rem}
.hero-offer h2{font-size:2.55rem;line-height:1.06;letter-spacing:-.02em;margin:1.1rem 0}
.hero-offer h2 em{color:var(--copper)}
.hero-offer p{color:#d7e1df;font-size:1rem;line-height:1.7}
.offer-timing{display:block;border-top:1px solid #ffffff35;padding-top:1rem;margin-top:1.2rem;color:#d7e1df;font-size:.875rem}
.hero-bottom{font-size:.875rem}
.site-header{gap:1.8rem}.site-header nav{gap:1.6rem}
.motion-toggle{position:fixed;right:1.4rem;bottom:1.25rem;border:1px solid #ffffff55;background:#04151dee;color:var(--white);padding:.6rem .9rem;min-height:44px;font-size:.875rem;z-index:70;border-radius:2px;box-shadow:0 2px 12px #0002}
.motion-toggle:disabled{opacity:.8;cursor:default}
[hidden]{display:none!important}
.motion-paused{scroll-behavior:auto}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}
.reveal-ready{opacity:1;transform:none}
.audit-fit{border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;padding:1.7rem 0;margin:3rem 0 0;display:grid;grid-template-columns:1fr 2fr;gap:3rem}
.audit-fit ul{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;color:#c2d3d4}
.audit-fit li{position:relative;padding-left:1.15rem;font-size:1rem}
.audit-fit li:before{content:'—';position:absolute;left:0;color:var(--copper)}
.deliverables-intro>.text-link{margin-top:1.5rem;color:var(--copper);font-size:1rem}
.audit-disclosures summary{min-height:48px}
.decision-brief{margin-top:3rem;padding:3rem 0 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:.8fr 1.8fr;gap:5vw}
.brief-intro h3{font:400 clamp(2.8rem,3.5vw,4rem)/1.05 var(--serif);letter-spacing:-.025em;margin:1.25rem 0}
.brief-intro p{color:var(--muted);max-width:27rem;font-size:1rem}
.brief-label{display:block;color:var(--ink);font-size:.875rem;margin-top:1.5rem;border-top:1px solid var(--rule);padding-top:1rem}
.brief-table-wrap{overflow-x:auto;max-width:100%}
.brief-table-wrap:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.brief-content table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.5;text-align:left;min-width:550px}
.brief-content caption{text-align:left;font-weight:500;padding-bottom:1rem;color:var(--ink);font-size:1rem}
.brief-content th,.brief-content td{padding:1rem .7rem;border-bottom:1px solid var(--rule);vertical-align:top}
.brief-content th:first-child,.brief-content td:first-child{padding-left:0}
.brief-content thead th{font-weight:500;color:var(--muted);font-size:.875rem}
.brief-content tbody th{font-weight:500;width:20%}
.brief-content td:nth-child(2),.brief-content td:nth-child(3){white-space:nowrap;font-variant-numeric:tabular-nums}
.brief-content tfoot{color:var(--ink);font-weight:500}
.decision-tag{display:block;color:var(--ink);font-weight:500;margin-bottom:.35rem}
.brief-assumption{font-size:.875rem;color:var(--muted);margin-top:1.2rem;line-height:1.65}
.plan-example{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:1.7rem;padding:1rem 0}
.plan-example summary{cursor:pointer;font-size:1rem;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none}
.plan-example summary:after{content:'+';font-size:1.5rem}.plan-example[open] summary:after{content:'−'}
.plan-example ol{list-style:none;padding:0;margin:1.5rem 0;display:grid;gap:1.5rem}
.plan-example li{display:grid;grid-template-columns:7rem 1fr;gap:1rem}
.plan-example li>span{font-size:.875rem;color:var(--muted)}
.plan-example p{font-size:1rem;color:var(--muted);margin-top:.3rem}
.plan-example strong{font-weight:500}
.ink-link{color:var(--ink);border-color:var(--rule);font-size:1rem;margin-top:1.8rem}
.ink-link:hover{color:var(--ink);border-color:var(--ink)}
/* Stable space for the lazy canvas prevents anchor targets moving on load. */
@media(min-width:701px) and (min-height:850px){.ocean-flow{height:150vh}.flow-stage{position:sticky;top:0;height:100svh;min-height:850px}}
.depth.enhanced{height:260vh}
.arch-story.is-pinned{height:175vh}
.flow-copy h2{font-size:clamp(3rem,4.2vw,4.5rem);line-height:1.06}
.flow-copy{width:43%;max-width:36rem}
.conversation-outline{display:flex;justify-content:center;gap:2.5rem;color:#d7e1df;font-size:.875rem;margin:2rem 0}
.contact h2{font-size:clamp(3.5rem,7vw,7.5rem)}
.contact-inner>p:not(.eyebrow){font-size:1.0625rem}
.copy-email{display:block;margin:1rem auto 0;background:transparent;color:#d7e1df;border:0;border-bottom:1px solid #ffffff55;padding:.35rem 0;min-height:44px;font-size:.875rem}
.contact-status{min-height:1.7em;margin:.7rem auto!important;max-width:36rem;font-size:.875rem!important;color:#d7e1df}
.contact-footnote{font-size:.875rem!important;color:#d7e1df}
.site-footer{padding-bottom:6rem}
@media(max-width:1150px){.hero-offer{display:none}.hero-content{max-width:100%;padding-right:9vw}.hero-lede{max-width:37rem}.site-header nav{gap:1.1rem}.site-header{gap:1.2rem}.brand span{font-size:1rem}.header-contact{padding:.6rem .8rem}.flow-copy{width:46%}}
@media(max-width:1000px){.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--deep);padding:1.2rem 1.5rem 2rem;border-bottom:1px solid #ffffff30}.site-header nav.open{display:flex;flex-direction:column;gap:0}.site-header nav a{padding:.8rem 0;font-size:1rem;border-bottom:1px solid #ffffff30}.menu-toggle{display:block}.decision-brief{grid-template-columns:1fr;gap:2.5rem}.brief-intro{max-width:42rem}.brief-intro h3 br{display:none}.brief-intro p{max-width:38rem}.audit-fit{grid-template-columns:1fr;gap:1rem}.orientation-content{gap:4vw}}
@media(max-width:700px){
.hero{height:auto;min-height:890px}.hero-content{padding:8.5rem 1.4rem 12rem;max-width:none}.hero h1{font-size:clamp(3.5rem,12.8vw,5.6rem);line-height:1.01}.hero h1 span{white-space:nowrap}.hero-lede{margin-top:1.4rem;font-size:1rem;max-width:25rem}.hero-proof{font-size:.875rem;line-height:1.55;max-width:24rem}.hero-actions{gap:1.2rem;margin-top:1.5rem}.hero-actions .button{padding:1rem 1.3rem}.hero-content .eyebrow{font-size:.875rem;max-width:23rem;line-height:1.6}.hero-bottom{bottom:2rem;font-size:.875rem;left:1.4rem;right:1.4rem;gap:1rem}.hero-coordinate{display:none}.header-contact{font-size:.875rem;padding:.55rem .7rem}.brand{flex-shrink:0}.brand small{display:block;font-size:.55rem;letter-spacing:.05em}.brand svg{width:28px}.site-header{padding:0 1.1rem;gap:.65rem}.brand span{font-size:.8rem}.menu-toggle{flex-shrink:0}.motion-toggle{font-size:.8125rem;right:1rem;bottom:1rem;padding:.5rem .75rem}
.audit-fit{margin-top:2rem;padding:1.5rem 0}.audit-fit ul{gap:1rem}.deliverables-intro>.text-link{margin-top:1rem}.decision-brief{padding-top:2rem}.brief-intro h3{font-size:3rem}.brief-table-wrap{margin-right:0}.brief-content table{min-width:550px}.brief-content caption{font-size:.9375rem}.plan-example li{grid-template-columns:1fr;gap:.4rem}.plan-example summary{font-size:1rem}.conversation-outline{flex-direction:column;gap:.65rem;margin:1.5rem 0}.contact{padding:5rem 1.4rem}.contact h2{font-size:clamp(3.5rem,12vw,5rem)}.contact-inner>p:not(.eyebrow){font-size:1rem}.flow-copy{width:auto;max-width:none}.flow-copy h2{font-size:3rem}.flow-note{font-size:.75rem;max-width:27rem}
}
@media(max-width:359px){.hero h1{font-size:3.15rem}.header-contact{padding:.5rem .55rem;font-size:.8rem}.brand span{font-size:.72rem}.brand small{font-size:.48rem}.brand svg{width:24px}.site-header{gap:.45rem;padding:0 .8rem}.hero-content{padding-top:8rem}.hero-proof{max-width:18rem}.hero{min-height:970px}}
@media(prefers-reduced-motion:reduce){.ocean-flow{height:auto}.flow-stage{position:relative;height:auto;min-height:0;padding-top:5rem}.hero-media video{transform:none}.arch-story{height:auto}.arch-story-stage{height:auto}.motion-toggle{box-shadow:none}}
.large-text .hero-content{max-width:100%;padding:8rem 5.5vw 12rem}.large-text .hero{height:auto;max-height:none;min-height:0}.large-text .hero-offer{display:none}.large-text .hero h1{font-size:3.5rem}.large-text .hero-lede{font-size:1rem}.large-text .ocean-flow{height:auto}.large-text .flow-stage{height:auto;min-height:0;position:relative}.large-text .flow-copy{width:100%;max-width:none}.large-text .decision-brief{grid-template-columns:1fr}.large-text .audit-fit{grid-template-columns:1fr}.large-text .hero h1 span{white-space:normal}

.hero-offer{text-shadow:0 1px 8px #04151d90}.hero-shade{background:linear-gradient(90deg,rgba(3,22,29,.85),rgba(3,22,29,.61) 42%,rgba(3,22,29,.48) 75%),linear-gradient(0deg,rgba(3,22,29,.85),transparent 55%),linear-gradient(180deg,rgba(3,22,29,.3),transparent 30%)}
.decision-brief>*{min-width:0}.brief-table-wrap{width:100%}
@media(max-width:700px){.decision-brief{grid-template-columns:minmax(0,1fr)}.hero h1{font-size:clamp(3.2rem,11.6vw,4.8rem)}}
@media(max-width:359px){.hero h1{font-size:2.95rem}}
.reduced-motion .ocean-flow{height:auto}.reduced-motion .flow-stage{height:auto;position:relative;min-height:0;padding-top:5rem}
.motion-paused .arch-story path{stroke-dashoffset:0!important}
@media(max-width:700px){.hero-bottom{padding-right:7rem}}
.large-text h1,.large-text h2,.large-text h3{overflow-wrap:anywhere}
.large-text .orientation-content,.large-text .analysis-grid,.large-text .audit-top,.large-text .deliverables,.large-text .method-top,.large-text .arch-system,.large-text .founder,.large-text .decision-brief{grid-template-columns:minmax(0,1fr)}
.large-text .wrap>*,.large-text .wrap>div>*{min-width:0}
.large-text .button{max-width:100%;white-space:normal}
.large-text .brand small{display:block;font-size:.55rem;letter-spacing:.05em}
.large-text .hero-bottom{padding-right:0;position:relative;inset:auto;margin:0 5.5vw 3rem;gap:1.5rem;align-items:start}
.large-text .hero-content{padding-bottom:3rem}
.large-text .hero h1 span{white-space:normal}
.large-text .bridge-row{grid-template-columns:minmax(0,1fr);gap:.5rem;align-items:start;margin-bottom:1.5rem}
.large-text .bridge-row>*{min-width:0;width:auto;text-align:left}.large-text .bar-track{width:100%;height:10px}
.large-text .arch-story-stage{grid-template-columns:minmax(0,1fr);gap:2rem;height:auto;position:relative}
.large-text .arch-story-stage>*{min-width:0;width:100%}
.large-text .arch-names{display:flex;flex-direction:column;gap:.5rem;align-items:center}
.large-text .engagement-system .method-path{grid-template-columns:minmax(0,1fr)}
.large-text .contact-email{max-width:100%;overflow-wrap:anywhere}
.large-text .founder-proof{grid-template-columns:minmax(0,1fr)}.large-text .founder-proof>div{min-width:0}
.large-text .deliverables-intro p{overflow-wrap:anywhere}
.large-text .section-meta{gap:1rem;align-items:start}.large-text .section-meta .eyebrow{min-width:0;overflow-wrap:anywhere}.section-number{flex-shrink:0}
.large-text .arch-names span{width:auto;max-width:100%}


/* A simple brand introduction, composed from the supplied ocean reference. */
.brand-introduction{position:relative;min-height:100svh;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:var(--navy);color:var(--white);padding:8rem 5.5vw}
.introduction-media,.introduction-shade{position:absolute;inset:0;z-index:-1}
.introduction-media{background:url('assets/ocean.jpg') center/cover no-repeat}
.introduction-media video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:brightness(.94) saturate(.95)}
.introduction-shade{background:linear-gradient(180deg,#04151d12 0%,#04151d40 48%,#04151d80 100%)}
.introduction-center{width:100%;text-align:center;transform:translateY(-1rem);text-shadow:0 2px 22px #04151d80}
.introduction-logo{width:clamp(100px,11vw,180px);height:auto;display:block;margin:0 auto 1.8rem;filter:drop-shadow(0 2px 16px #04151d45)}
.introduction-center h2{font:400 clamp(2.6rem,4.7vw,6rem)/1.15 var(--serif);font-variant:small-caps;letter-spacing:.065em;overflow-wrap:normal}
.introduction-center>p{font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.65;max-width:48rem;margin:1.9rem auto 0;color:#f4f5ee}
.introduction-skip{position:absolute;top:1.5rem;right:3vw;min-height:44px;display:flex;align-items:center;font-size:.875rem;color:#f4f5ee;text-decoration:none;text-shadow:0 1px 6px #04151d;opacity:.85}
.introduction-skip:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}
.introduction-bottom{position:absolute;left:5.5vw;right:5.5vw;bottom:2.5rem;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:1rem}
.introduction-explore{grid-column:2;text-align:center;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:.8rem;text-decoration:none;color:var(--white);font-size:1rem;min-height:44px;text-shadow:0 1px 8px #04151d}
.introduction-explore span{display:block;width:1px;height:30px;background:linear-gradient(#f6f5ec,transparent)}
.introduction-motion{justify-self:start;border:0;background:transparent;font:400 .8125rem var(--sans);color:#edf2ee;cursor:pointer;min-height:44px;text-shadow:0 1px 8px #04151d;padding:.5rem 0}
.introduction-motion:disabled{cursor:default}
.introduction-visible .site-header{transform:translateY(-110%);opacity:0;pointer-events:none}
.introduction-visible body>.motion-toggle{visibility:hidden}
.site-header{transition:transform .4s var(--ease),opacity .4s var(--ease),background .3s}
.footer-actions{display:flex!important;gap:1.5rem!important;align-items:center;flex-wrap:wrap}
.footer-actions>a{min-height:44px;display:flex;align-items:center;text-decoration:none;border-bottom:1px solid #38535c;font-size:.8125rem;color:#b8cacd}
.brand-introduction a:focus-visible,.brand-introduction button:focus-visible{outline:2px solid var(--white);outline-offset:5px}
@media(max-width:700px){.brand-introduction{padding:7rem 1.4rem;min-height:100svh}.introduction-center{transform:none}.introduction-logo{width:112px;margin-bottom:1.5rem}.introduction-center h2{font-size:clamp(2.4rem,8.8vw,3.8rem);letter-spacing:.045em;line-height:1.12}.introduction-center h2 span{display:block}.introduction-center>p{max-width:26rem;font-size:1rem;margin-top:1.4rem}.introduction-skip{top:1rem;right:1.4rem;font-size:.8125rem}.introduction-bottom{left:1.4rem;right:1.4rem;bottom:1.25rem;grid-template-columns:1fr;gap:.25rem}.introduction-explore{grid-column:1;grid-row:1;font-size:.9375rem}.introduction-motion{grid-column:1;justify-self:center;font-size:.75rem}.introduction-media video{object-position:54% 50%}.footer-actions{gap:1rem!important}}
@media(max-height:550px) and (min-width:701px){.brand-introduction{padding:5rem 5.5vw 7rem}.introduction-logo{width:85px;margin-bottom:1rem}.introduction-center h2{font-size:3rem}.introduction-center>p{margin-top:1rem}.introduction-bottom{bottom:1rem}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}
.large-text .brand-introduction{min-height:100svh;padding:8rem 5.5vw 10rem}.large-text .introduction-center h2{font-size:2.5rem}.large-text .introduction-center h2 span{display:block}.large-text .introduction-center>p{font-size:1rem}.large-text .introduction-bottom{grid-template-columns:1fr}.large-text .introduction-explore{grid-column:1}.large-text .introduction-motion{justify-self:center}

/* One uninterrupted ocean film carries the introduction into the offer. */
.ocean-opening{position:relative;isolation:isolate;background:var(--deep);overflow:clip}
.opening-backdrop{position:sticky;top:0;height:100dvh;margin-bottom:-100dvh;z-index:0;pointer-events:none}
.opening-media,.opening-shade,.opening-tint{position:absolute;inset:0}
.opening-media{background:url('assets/ocean.jpg') center/cover no-repeat;overflow:hidden}
.opening-media video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:brightness(.96) saturate(.95);border:0}
.opening-shade{background:linear-gradient(180deg,#04151d14,#04151d36 50%,#04151d75)}
.opening-tint{opacity:var(--opening-depth,0);background:linear-gradient(90deg,#04151df5,#04151dc9 45%,#04151d50 100%),linear-gradient(0deg,#04151dd9,transparent 60%)}
.ocean-opening .brand-introduction,.ocean-opening .hero{position:relative;z-index:1;background:transparent}
.ocean-opening .brand-introduction{isolation:auto}
.ocean-opening .introduction-center{opacity:var(--intro-opacity,1)}
.ocean-opening:after{content:'';position:relative;display:block;height:8rem;background:linear-gradient(180deg,#eff1ed00,var(--paper));z-index:2;pointer-events:none}
@media(max-width:700px){.opening-media video{object-position:54% 50%}.ocean-opening:after{height:6rem}}
@media(prefers-reduced-motion:reduce){.ocean-opening .introduction-center{opacity:1}}

.orientation{position:relative;background:var(--paper);z-index:1}

/* Creator strategy: the original portrait ad carousel, with deliberate pacing. */
.creators{background:var(--deep);color:var(--white);max-width:none;overflow:hidden}
.creators .section-meta{border-color:#ffffff28}
.creators .section-number{font-family:var(--sans);font-style:normal;font-size:.875rem;color:#a8c1c6}
.creator-layout{display:grid;grid-template-columns:1fr 1.1fr;column-gap:5vw;align-items:start}
.creator-advice-group{grid-column:1;grid-row:2}
.creator-copy h2{font-size:clamp(3rem,5vw,5.5rem);line-height:1.04;max-width:10em}
.creator-copy h2 em{color:var(--copper)}
.creator-copy .body-large{margin-top:2rem;max-width:30rem}
.creator-copy>p:not(.body-large){color:#b7cbd0;margin-top:1.2rem;max-width:33rem}
.creator-advice{margin:2rem 0;display:grid}
.creator-advice>div{display:grid;grid-template-columns:2rem 1fr;gap:1rem;border-top:1px solid #ffffff24;padding:1.1rem 0}
.creator-advice>div>span{font:italic 1.5rem var(--serif);color:var(--copper)}
.creator-advice p{font-size:1rem;line-height:1.6;color:#afc6cb}
.creator-advice strong{display:block;font-weight:500;color:var(--white);margin-bottom:.35rem}
.creator-copy .text-link{font-size:.9375rem}
.creator-showcase{min-width:0;grid-column:2;grid-row:1 / span 2}
.creator-gallery{--phone-width:190px;--ring-radius:290px;--phone-height:338px;position:relative;min-height:540px;perspective:1600px;touch-action:pan-y;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#21465070,transparent 65%)}
.creator-ring{display:flex;gap:1rem;overflow-x:auto;padding:2rem}
.creator-ad{width:var(--phone-width);flex:0 0 var(--phone-width);height:var(--phone-height);margin:0;position:relative;border:1px solid #ffffff40;border-radius:12px;overflow:hidden;background:var(--navy);box-shadow:0 24px 40px #0006;backface-visibility:hidden}
.creator-ad img{width:100%;height:100%;object-fit:cover}
.creator-ad figcaption{position:absolute;bottom:0;left:0;right:0;padding:3.5rem 1rem 1.1rem;background:linear-gradient(transparent,#04151de0 55%,#04151dfa);color:var(--white)}
.creator-ad figcaption>span{display:block;font-size:.75rem;color:#e2c3ac;margin-bottom:.4rem}
.creator-ad figcaption>strong{font-weight:500;font-size:1.1rem}
.creator-ad figcaption>p{font-size:.875rem;line-height:1.4;margin-top:.35rem}
.creator-gallery.is-enhanced .creator-ring{position:absolute;top:50%;left:50%;width:var(--phone-width);height:var(--phone-height);margin-left:calc(var(--phone-width)/-2);margin-top:calc(var(--phone-height)/-2);padding:0;display:block;overflow:visible;transform-style:preserve-3d}
.creator-gallery.is-enhanced .creator-ad{position:absolute;inset:0;transform:rotateY(var(--card-angle)) translateZ(var(--ring-radius))}
.creator-ring.is-stepped{transition:transform .6s var(--ease)}
.creator-carousel-controls{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:.5rem}
.creator-carousel-controls[hidden]{display:none}
.creator-carousel-controls button{min-height:44px;font-size:.875rem;border:1px solid #ffffff30;background:transparent;padding:.55rem .9rem;border-radius:2px;transition:background .2s}
.creator-carousel-controls button:hover{background:#ffffff10}
.creator-carousel-controls button:disabled{opacity:.65;cursor:default}
.creator-position{font-variant-numeric:tabular-nums;font-size:.875rem;color:#a8c1c6;min-width:3.5rem;text-align:center}
.creator-example-note{font-size:.875rem;line-height:1.5;color:#a8c1c6;text-align:center;margin:1.2rem auto 0;max-width:25rem}
.creator-scope{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-top:4rem;padding-top:2rem;border-top:1px solid #ffffff28}
.creator-scope p{margin:0;color:#afc6cb;font-size:1rem;max-width:35rem}
.creator-scope strong{display:block;font-weight:500;color:var(--white);margin-bottom:.6rem}
@media(min-width:1200px){.site-header{gap:1.5rem}.site-header nav{gap:1.5rem}}
@media(max-width:1000px){.creator-layout{grid-template-columns:1fr}.creator-copy{max-width:45rem}.creator-copy h2{max-width:14em}.creator-gallery{--ring-radius:310px;min-height:560px}.creator-scope{gap:2rem}}
@media(max-width:700px){.creators .section-meta{align-items:flex-start;gap:1.5rem}.creators .section-number{font-size:.75rem;text-align:right;max-width:7rem}.creator-copy h2{font-size:clamp(2.8rem,9vw,4rem)}.creator-gallery{--phone-width:154px;--phone-height:274px;--ring-radius:210px;min-height:415px;perspective:1200px;margin:0 -1.5rem}.creator-ad figcaption{padding:3rem .8rem .8rem}.creator-ad figcaption>strong{font-size:1rem}.creator-ad figcaption>p{font-size:.8125rem}.creator-carousel-controls{gap:.6rem}.creator-carousel-controls button{font-size:.8125rem;padding:.55rem .7rem}.creator-scope{grid-template-columns:1fr;gap:1.5rem;margin-top:3rem}.creator-example-note{max-width:20rem}}
@media(prefers-reduced-motion:reduce){.creator-ring.is-stepped,.creator-carousel-controls button{transition:none}}
.large-text .creator-layout,.large-text .creator-scope{grid-template-columns:1fr}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.creator-showcase{grid-column:1;grid-row:2}.creator-advice-group{grid-column:1;grid-row:3}.creator-layout{row-gap:1.5rem}}
.large-text .creator-showcase{grid-column:1;grid-row:2}.large-text .creator-advice-group{grid-column:1;grid-row:3}
/* Full-service agency offer */
.agency-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 3rem;margin:4.5rem 0 2rem}.agency-service-grid article{padding:2rem 0 2.5rem;border-top:1px solid rgba(243,240,232,.22)}.agency-service-grid .micro{color:var(--copper,#cf936b)}.agency-service-grid h3{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,2.8vw,2.8rem);line-height:1.08;margin:1.3rem 0 1rem}.agency-service-grid p{color:#d1d9d8;line-height:1.75;font-size:1rem;max-width:28rem}.agency-fit{display:grid;grid-template-columns:1fr 2fr;gap:3rem;border-top:1px solid rgba(243,240,232,.22);padding:2.3rem 0}.agency-fit>p:last-child{font-size:1.2rem;line-height:1.7;max-width:47rem;color:#e1e6e4}.agency-faq{margin:2rem 0 0!important;max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 3rem;align-items:start}.agency-faq details{border-top:1px solid rgba(243,240,232,.22);padding:1.3rem 0}.agency-faq summary{line-height:1.5}.agency-faq p{line-height:1.75;color:#d1d9d8}.legacy-anchor{position:absolute;top:0}.agency-services{position:relative}.hero-offer h2{font-size:clamp(2.6rem,3.8vw,4.5rem)}
@media(max-width:1000px){.agency-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2rem}.agency-fit{grid-template-columns:1fr;gap:.7rem}.agency-faq{grid-template-columns:1fr}}
@media(max-width:600px){.agency-service-grid{grid-template-columns:1fr;margin-top:2.5rem}.agency-service-grid article{padding:1.7rem 0}.agency-service-grid h3{font-size:2.25rem}.agency-fit>p:last-child{font-size:1.05rem}.agency-services .audit-top h2{font-size:clamp(2.5rem,12vw,3.7rem)}}

.tp-chart{margin:0;padding:clamp(1.2rem,2.2vw,2rem);border-radius:1.2rem;background:rgba(4,30,38,.62);border:1px solid rgba(248,250,248,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 80px rgba(0,10,16,.45)}

.tp-chart svg{width:100%;height:auto;display:block;overflow:visible}

.tp-chart figcaption{margin-top:.8rem;font-size:.85rem;color:rgba(233,244,243,.7)}
/* Shared columns keep the front-page copy aligned at every desktop width. */
.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:clamp(3rem,7vw,7rem);align-items:start;padding:clamp(9.5rem,17vh,12rem) 5.5vw 10rem;z-index:2}
.hero-layout .hero-content{padding:0;max-width:none;min-width:0}.hero-layout .hero-offer{position:relative;inset:auto;width:auto;min-width:0;max-width:26rem;justify-self:end;border-top:0;padding-top:0}.hero-layout .hero-offer .eyebrow{display:block;line-height:1.6;margin-bottom:1.5rem;font-size:.875rem}.hero-layout .hero-offer h2{font-size:clamp(2.5rem,3vw,4.1rem);line-height:1.12;margin:0 0 1.6rem}.hero-layout .hero-offer h2 span,.hero-layout .hero-offer h2 em{display:block;white-space:nowrap;overflow-wrap:normal}.hero-layout .hero-offer p{max-width:24rem}.hero-layout h1{font-size:clamp(4rem,6.9vw,7.8rem);line-height:1.02}.hero-bottom{gap:2rem}
@media(max-width:1150px){.hero-layout{grid-template-columns:minmax(0,1fr);padding-right:9vw}.hero-layout .hero-offer{display:none}.hero-layout .hero-content{max-width:52rem}}
@media(max-width:700px){.hero-layout{padding:8.5rem 1.4rem 12rem;gap:0}.hero-layout h1{font-size:clamp(2.95rem,11.6vw,4.8rem);line-height:1.05}.hero-layout .hero-content{max-width:none}}
.large-text .hero-layout{display:block;padding:8rem 5.5vw 3rem}.large-text .hero-layout h1{font-size:3.5rem}.large-text .hero-layout .hero-offer{display:none}
/* Restored photographic wave, rising tide and drawn comparison. */
.agency-wave{position:relative;background:#04151d;color:var(--white)}.wave-stage{position:relative;overflow:hidden;padding:6rem 5.5vw}.agency-wave .wave-photo,.agency-wave #spray,.agency-wave .wave-scrim{position:absolute;inset:0;width:100%;height:100%}.agency-wave .wave-photo img{width:100%;height:100%;object-fit:cover;object-position:52% 60%;transform-origin:52% 64%}.agency-wave #spray{pointer-events:none;z-index:1}.agency-wave .wave-scrim{background:linear-gradient(90deg,#03161ee8 0%,#03161eaa 40%,#03161e33 100%);z-index:1}.agency-wave .tide{position:absolute;left:0;right:0;bottom:0;z-index:2;height:0;pointer-events:none}.agency-wave .tide svg{position:absolute;left:0;bottom:100%;width:100%;height:60px}.agency-wave .tide .body{position:absolute;inset:0;background:linear-gradient(180deg,#143c52f5 0%,#0c2c42fa 35%,#071d30 70%,#04151d 100%)}.wave-panels{position:relative;z-index:3}.agency-wave h2{font-size:clamp(3.8rem,6.5vw,7rem);line-height:1;letter-spacing:-.025em}.agency-wave h2 em{color:#edb98c}.agency-wave .body-large{margin:1.5rem 0 1rem;color:#fff;font-size:clamp(1.1rem,1.5vw,1.4rem)}.wave-intro{max-width:34rem}.wave-intro>p:not(.eyebrow),.tp-text>p:not(.eyebrow){max-width:32rem;line-height:1.7;color:#e0e9e8}.agency-wave .tide-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:5vw;align-items:center;margin-top:6rem}.agency-wave .tp-chart{min-width:0;margin:0}.agency-wave .tp-chart svg{width:100%;height:auto;display:block}.agency-wave .tp-chart figcaption{font-size:.875rem;color:#d7e8e7;line-height:1.6;margin-top:1rem;max-width:32rem}.agency-wave .tp-text .text-link{display:inline-block;margin-top:1.5rem}.wave-controls{display:none;position:absolute;left:5.5vw;bottom:2.5rem;z-index:4;gap:1rem}.wave-controls button{color:#dae8e7;background:transparent;border:0;border-bottom:1px solid #ffffff40;padding:.7rem .2rem;min-height:44px;font:inherit;font-size:.875rem;cursor:pointer}.wave-controls button[aria-pressed=true]{border-color:#edb98c;color:#edb98c}.wave-gauge{display:none;position:absolute;right:5.5vw;bottom:3rem;z-index:4;color:#d7e8e7;font-size:.875rem;gap:1rem}.agency-wave.wave-enhanced{height:245svh}.wave-enhanced .wave-stage{position:sticky;top:0;height:100svh;min-height:650px;padding:0}.wave-enhanced .wave-panels{position:absolute;inset:0}.wave-enhanced .wave-intro,.wave-enhanced .tide-panel{position:absolute;top:50%;transform:translateY(-50%);left:5.5vw;right:5.5vw;margin:0}.wave-enhanced .tide-panel{visibility:hidden;opacity:0}.wave-enhanced .wave-controls,.wave-enhanced .wave-gauge{display:flex}.wave-enhanced [inert]{pointer-events:none}
@media(max-width:700px){.wave-stage{padding:4rem 1.4rem}.agency-wave h2{font-size:clamp(3.25rem,13vw,4rem)}.agency-wave .tide-panel{grid-template-columns:1fr;gap:1.5rem;margin-top:4rem}.agency-wave .body-large{font-size:1.125rem;margin:1rem 0}.wave-intro>p:not(.eyebrow),.tp-text>p:not(.eyebrow){font-size:1rem;line-height:1.6}.wave-enhanced .wave-intro,.wave-enhanced .tide-panel{left:1.4rem;right:1.4rem;top:48%}.wave-enhanced .tide-panel{gap:1.25rem;margin:0}.agency-wave .tp-chart{max-width:26rem}.wave-enhanced .tp-chart svg{max-height:180px}.agency-wave .tp-chart figcaption{font-size:.75rem;margin-top:.5rem}.wave-controls{left:1.4rem;right:1.4rem;bottom:2rem;gap:1rem}.wave-controls button{font-size:.8125rem}.wave-gauge{display:none!important}.agency-wave .tp-text .text-link{margin-top:.7rem}.agency-wave .tide-panel h2{font-size:3.15rem}.wave-enhanced .tide-panel .eyebrow{margin-bottom:.8rem}}
@media(prefers-reduced-motion:reduce){.agency-wave .wave-photo img{transform:none!important;filter:none!important}}
@media(min-width:701px){.hero{min-height:max(800px,calc(100svh - 78px))}.hero-layout{padding-top:clamp(8rem,14vh,10rem);padding-bottom:8rem}}
.agency-wave:not(.wave-enhanced) #tpViral,.agency-wave:not(.wave-enhanced) #tpTide{stroke-dashoffset:0!important}.agency-wave:not(.wave-enhanced) #tpArea,.agency-wave:not(.wave-enhanced) #tpLblV,.agency-wave:not(.wave-enhanced) #tpLblT{opacity:1}
@media(max-width:700px){.wave-enhanced .tp-chart{padding:1rem}.wave-enhanced .tp-chart svg{max-height:150px}.wave-enhanced .wave-controls{bottom:4.5rem}}
/* Company beliefs and the experience we intend to create. */
.founder:has(.values-copy){align-items:start}.values-copy h2{font-size:clamp(3.3rem,5.2vw,5.8rem)}.values-copy .body-large{margin:1.8rem 0 1.2rem}.brand-values{margin-top:1.7rem}.brand-values article{padding:1.2rem 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1.1rem}.brand-values .micro{padding-top:.3rem;color:var(--muted);font-size:.75rem;letter-spacing:.07em;line-height:1.6}.brand-values h3{font-family:var(--serif);font-weight:400;font-size:1.9rem;line-height:1.15;margin:0 0 .6rem}.brand-values p{font-size:1rem;line-height:1.65;margin:0}.values-copy .values-promise{border-top:1px solid var(--rule);padding-top:1.4rem;margin-top:.2rem;font-size:1rem;line-height:1.7;color:var(--ink)}
@media(max-width:1000px){.brand-values article{grid-template-columns:1fr;gap:.6rem}.brand-values .micro{padding:0}}
@media(max-width:700px){.values-copy h2{font-size:3.3rem}.values-copy .body-large{margin-top:1.3rem}.brand-values article{padding:1.4rem 0}.brand-values h3{font-size:1.9rem}}
.large-text .brand-values article{grid-template-columns:1fr;gap:.6rem}
@media(min-width:701px){.founder:has(.values-copy) .founder-photo{position:sticky;top:7rem}}
/* Keep the arch story directly below its introduction. */
.arch-story{margin-top:2rem}.arch-story-stage{align-items:start;padding-top:1.5rem}
@media(max-width:700px){.arch-story{margin-top:1.5rem}.arch-story-stage{padding-top:0}}
/* Original uploaded arch scene: original geometry, typography and timing. */
@font-face{font-family:Arcadio Cinzel;src:url('assets/cinzel-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Arcadio Jost;src:url('assets/jost-400.ttf') format('truetype');font-weight:400;font-display:swap}
.method{max-width:none}
.arch-story{background:#0F2427;color:#EEF4F2;margin:2rem calc(-1 * max(5.5vw,1.5rem)) 0}
.arch-story.is-pinned{height:440vh}
.arch-story .arch-story-stage{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:4vw;padding:5rem clamp(1.5rem,7vw,7rem)}
.arch-story.is-pinned .arch-story-stage{position:sticky;top:0;height:100svh;min-height:0;overflow:hidden;padding-block:0}
.arch-story .arches{width:100%;height:auto;max-height:78vh;overflow:visible}
.arch-story .arches path{fill:none;stroke-width:75;transition:opacity .4s}
.arch-story .arch-label{opacity:0}
.arch-story .arch-narrative{position:relative;min-height:22rem}
.arch-story .arch-copies{position:relative;min-height:22rem}
.arch-story .arch-copy{padding:0;border:0;margin:0 0 2rem}
.arch-story .arch-copy :is(h2,h3){font-family:Arcadio Cinzel,'Times New Roman',serif;font-size:clamp(2.1rem,5vw,4.2rem);font-weight:400;letter-spacing:.02em;line-height:1.05;margin:0;color:#EEF4F2}
.arch-story .arch-copy p{font-family:Arcadio Jost,var(--sans);font-size:clamp(1.05rem,1.35vw,1.25rem);max-width:34em;margin:1.2rem 0 0;line-height:1.6;color:#A9C0BC}
.arch-story .arch-tag{display:block;width:2.4rem;height:.35rem;border-radius:1rem;margin-bottom:1.4rem}
.arch-story.is-animated .arch-copy{display:block;position:absolute;inset:auto 0 auto 0;top:0;margin:0;animation:none;transition:none;opacity:0;visibility:hidden}
.arch-story.is-animated .arch-copies{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:22rem;min-height:0}
.arch-story .arch-select{margin:2rem 0 0;gap:1.25rem;display:flex;flex-wrap:wrap}
.arch-story.is-animated .arch-select{position:absolute;top:calc(50% + 11rem);left:0;margin-top:1.5rem}
.arch-story .arch-select button{font-family:Arcadio Jost,var(--sans);font-size:.9375rem;min-height:44px;color:#A9C0BC;border-color:transparent;padding:.4rem 0;background:transparent}
.arch-story .arch-select button[aria-pressed=true]{color:#EEF4F2;border-bottom-color:#F2994A}
.arch-story .arch-select button:hover{color:#EEF4F2}
.arch-story:not(.is-animated).is-selected .arch-copy{display:none}
.arch-story:not(.is-animated).is-selected .arch-copy.is-active{display:block}
@media(max-width:820px){
 .arch-story .arch-story-stage{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:calc(env(safe-area-inset-top,0px) + 5.5rem) 1.5rem 4rem;gap:1.6rem}
 .arch-story.is-pinned .arch-story-stage{padding:calc(env(safe-area-inset-top,0px) + 4.5rem) 1.5rem 4rem}
 .arch-story .arches{max-height:32vh;width:auto;max-width:78%;margin:0 auto;flex:0 0 auto}
 .arch-story .arch-narrative{min-height:17rem;flex:0 0 auto}
 .arch-story .arch-copies{min-height:17rem}
 .arch-story.is-animated .arch-copies{position:relative;top:auto;height:17rem;transform:none}
 .arch-story.is-animated .arch-select{position:relative;top:auto;margin:0}
 .arch-story .arch-copy :is(h2,h3){font-size:clamp(2.1rem,5vw,4.2rem)}
}
@media(max-width:700px){.arch-story{margin:1.5rem -1.4rem 0}.arch-story .arch-copy :is(h2,h3){font-size:2.1rem}.arch-story .arch-copy p{font-size:1.05rem}.arch-story .arch-select{gap:1.25rem}}
.large-text .arch-story .arch-story-stage{display:block;height:auto;position:relative;overflow:visible}.large-text .arch-story .arches{max-height:30vh;max-width:400px;margin:auto;display:block}.large-text .arch-story .arch-narrative{margin-top:2rem}
@media(prefers-reduced-motion:reduce){.arch-story .arches path{transition:none}}
.arch-story.is-animated .arch-copies{position:relative;left:auto;right:auto;top:auto;transform:none;height:22rem}
.arch-story.is-animated .arch-copy{top:50%}
@media(max-width:820px){.arch-story.is-animated .arch-copies{height:17rem}.arch-story.is-animated .arch-copy{top:0}}
/* Floating channel economics above the ocean cost narrative. */
html.analysis-open{overflow:hidden}
.analysis-window{padding:0;border:1px solid #d7ddd9;border-radius:12px;width:calc(100% - 6rem);max-width:1440px;max-height:calc(100svh - 6rem);background:var(--paper);color:var(--ink);box-shadow:0 32px 110px #0008;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.analysis-window::backdrop{background:rgba(2,20,27,.4);backdrop-filter:blur(3px)}
.analysis-window[open]{animation:analysisWindowIn .32s var(--ease)}
.analysis-window-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.75rem;background:var(--paper);border-bottom:1px solid var(--rule)}
.analysis-window-bar>.micro{color:var(--muted)}
.analysis-close{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:.4rem .7rem;background:transparent;border:1px solid var(--rule);border-radius:3px;font-size:.875rem}
.analysis-close span{font-size:1.4rem;line-height:1}
.analysis-close:hover{background:var(--ink);color:var(--paper)}
.analysis-window .example{max-width:none;margin:0;padding:1.7rem 2rem 2rem}
.analysis-window .section-meta{display:none}
.analysis-window .example-heading{margin-bottom:1.8rem;gap:3rem}
.analysis-window .example-heading h2{font-size:clamp(2.7rem,4.5vw,4.4rem);line-height:1.02}
.analysis-window .example-heading>p{font-size:1rem;max-width:23rem}
.analysis-window .analysis-sheet{padding:1.7rem 2rem;box-shadow:none}
.analysis-window .sheet-header{padding-bottom:1.2rem}
.analysis-window .analysis-grid{gap:2.2rem;padding:1.4rem 0}
.analysis-window .analysis-verdict{padding-left:2rem}
.analysis-window .bridge-row{margin:1rem 0}
.analysis-window .bridge-row.result{margin-top:1.25rem;padding-top:1.25rem}
.analysis-window .verdict-number{font-size:5.5rem}
.analysis-window .margin-caption{margin-bottom:1rem}
.analysis-window .analysis-verdict>p:not(.verdict-number){font-size:.9375rem}
.analysis-window .sheet-note{padding-top:1.2rem;font-size:.8125rem}
@keyframes analysisWindowIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1000px){.analysis-window{width:calc(100% - 3rem)}.analysis-window .example-heading{gap:1.5rem}.analysis-window .analysis-grid{grid-template-columns:1fr;gap:1.25rem}.analysis-window .analysis-verdict{padding:1.25rem 0 0;border-left:0;border-top:1px solid var(--rule)}.analysis-window .sheet-header{flex-direction:column;align-items:start;gap:1rem}.analysis-window .scenario-controls{max-width:none;justify-content:start}.analysis-window .bridge-row{grid-template-columns:12rem 1fr 6rem}}
@media(max-width:700px){.analysis-window{width:calc(100% - 1rem);max-height:calc(100svh - 1rem);border-radius:8px}.analysis-window-bar{padding:.6rem 1rem}.analysis-window .example{padding:1.5rem 1rem}.analysis-window .example-heading{display:block}.analysis-window .example-heading h2{font-size:2.65rem;margin-bottom:1.2rem}.analysis-window .example-heading>p{font-size:1rem}.analysis-window .analysis-sheet{padding:1.1rem}.analysis-window .bridge-row{grid-template-columns:1fr 5.4rem;gap:.5rem;font-size:.875rem}.analysis-window .bar-track{height:8px}.analysis-window .scenario-controls{gap:.4rem}.analysis-window .scenario-controls button{font-size:.8125rem;min-height:44px;padding:.6rem .7rem}.analysis-window .sheet-header .eyebrow{font-size:.8125rem}.analysis-window .sheet-note{font-size:.8125rem}.analysis-window .verdict-number{font-size:4.5rem}}
.large-text .analysis-window .example-heading{display:block}.large-text .analysis-window .example-heading>p{margin-top:1.5rem}.large-text .analysis-window .analysis-grid{grid-template-columns:1fr}.large-text .analysis-window .analysis-verdict{border-left:0;border-top:1px solid var(--rule);padding:1.5rem 0 0}
@media(prefers-reduced-motion:reduce){.analysis-window[open]{animation:none}}

/* Enter directly into the original arch scene. */
.method{padding-top:0}.method>.arch-story{margin-top:0}
/* A continuous ocean boundary, with a longer hold for the funnel. */
@media(min-width:701px) and (min-height:850px) and (prefers-reduced-motion:no-preference){
 .ocean-flow{height:320svh}
 .ocean-flow .flow-stage{position:sticky;top:0;height:100svh;min-height:850px}
 .ocean-flow .flow-copy,.ocean-flow .flow-note{opacity:calc(1 - var(--flow-exit,0))}
 .ocean-flow .flow-visual{opacity:calc(1 - var(--flow-exit,0) * .9)}
}
.depth-stage::before{content:'';position:absolute;top:0;left:0;right:0;height:clamp(160px,24svh,280px);z-index:-1;pointer-events:none;background:linear-gradient(180deg,#04151d 0%,#04151de0 28%,#04151d70 65%,#04151d00 100%)}
/* Ease the wave's lower edge into the restored dark arch screen too. */
.wave-stage::after{content:'';position:absolute;left:0;right:0;bottom:0;height:clamp(110px,20svh,220px);z-index:2;pointer-events:none;background:linear-gradient(0deg,#0F2427 0%,#0F2427b0 35%,#0F242700 100%)}
.large-text .ocean-flow{height:auto}.large-text .ocean-flow .flow-stage{position:relative;height:auto;min-height:0}
.reduced-motion .ocean-flow{height:auto}.reduced-motion .ocean-flow .flow-stage{position:relative;height:auto;min-height:0}
.funnel-scroll-window{display:contents}
@media(max-width:700px) and (min-height:650px) and (prefers-reduced-motion:no-preference){
 .funnel-scroll-window{display:block;position:relative;order:2;height:150svh;flex:none;width:calc(100% + 2.8rem);margin:1.5rem -1.4rem 1.4rem}
 .funnel-scroll-window .flow-visual{position:sticky;top:90px;inset-inline:auto;height:60svh;min-height:380px;max-height:580px;width:100%;margin:0}
}
.large-text .funnel-scroll-window,.reduced-motion .funnel-scroll-window{display:contents}
.large-text .funnel-scroll-window .flow-visual,.reduced-motion .funnel-scroll-window .flow-visual{position:relative;top:auto}