:root{--deep-2: #0a2f57;--deep-3: #051b34;--deep-4: #03101f;--ink: #ffffff;--ink-soft: rgba(255, 255, 255, .78);--ink-mute: rgba(255, 255, 255, .55);--accent: #8fd4f5;--page-x: clamp(1.25rem, 5.5vw, 4.5rem);--nav-pad-y: clamp(1rem, 2.2vw, 1.5rem);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--stage-h: 100vh;--stage-h: 100dvh}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{background:var(--deep-3)}body{font-family:Inter,sans-serif;background:var(--deep-3);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}body.is-overlay-open{overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(var(--nav-pad-y) + var(--safe-top)) max(var(--page-x),var(--safe-right)) var(--nav-pad-y) max(var(--page-x),var(--safe-left));z-index:50}.logo{font-family:Fraunces,serif;font-weight:600;font-size:clamp(1rem,1.8vw,1.15rem);letter-spacing:-.01em;opacity:.78}.nav-actions{display:flex;align-items:center;gap:clamp(1rem,2.5vw,1.75rem)}.nav-about{font-size:.92rem;color:var(--ink-soft);min-height:44px;padding:.25rem 0;transition:color .25s ease}.nav-about:hover{color:var(--ink)}.nav-cta{font-size:.9rem;color:var(--ink);border:1px solid rgba(255,255,255,.55);padding:.55rem 1.05rem;border-radius:2px;min-height:40px;transition:border-color .22s cubic-bezier(.22,1,.36,1),background-color .22s cubic-bezier(.22,1,.36,1),color .22s cubic-bezier(.22,1,.36,1)}.nav-cta:hover{border-color:var(--accent);background:#8fd4f514}.stage{position:relative;height:var(--stage-h);width:100%;overflow:hidden}.dive-bg{position:absolute;top:-18%;right:0;bottom:-8%;left:0;background:var(--deep-2);overflow:hidden}.dive-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.96)}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,rgba(3,16,31,.55) 100%)}.horizon-glow{position:absolute;top:22%;left:0;right:0;height:3%;background:linear-gradient(to bottom,rgba(255,255,255,.28),transparent);filter:blur(6px);pointer-events:none;z-index:1}.headline{position:absolute;top:50%;left:calc(max(clamp(2rem,6vw,5rem),var(--safe-left)) + 32px);transform:translateY(-50%);width:fit-content;max-width:calc(50% - min(15.75vw,156px) - 2.25rem);z-index:5}.headline h1{font-family:Fraunces,serif;font-weight:900;font-size:clamp(2.6rem,4.35vw,4.35rem);line-height:1.08;letter-spacing:-.03em;color:var(--ink);text-shadow:0 4px 28px rgba(0,0,0,.35)}.headline-line{display:block;overflow:hidden;padding-bottom:.22em;margin-bottom:-.22em}.headline-line-inner{display:block;padding-bottom:.06em}@media(min-width:1025px){.headline-line-inner{white-space:nowrap}}.headline h1 .accent{color:var(--accent);font-style:italic;font-weight:600}.depth-gauge{position:absolute;top:50%;left:calc(50% - min(15.75vw,156px) - 2.6rem);transform:translate(-50%,-50%);z-index:3;pointer-events:none;opacity:1;font-family:Inter,sans-serif}.depth-caption{position:absolute;top:-1.05rem;left:.05rem;font-size:.52rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#ffffff73;line-height:1}.depth-rail{position:relative;height:min(58vh,calc(var(--stage-h) * .62));width:2.4rem}.depth-line{position:absolute;top:0;bottom:0;left:.35rem;width:1px;background:#ffffff29}.depth-tick{position:absolute;top:calc(var(--d) * 100%);left:.35rem;height:1px;background:#ffffff38;transform:translateY(-50%)}.depth-tick--minor{width:3px;margin-left:0;opacity:.55}.depth-mark{position:absolute;top:calc(var(--d) * 100%);left:0;display:flex;align-items:center;gap:.32rem;transform:translateY(-50%)}.depth-mark i{display:block;width:7px;height:1px;background:#fff6;flex-shrink:0;margin-left:.12rem}.depth-mark span{font-size:.62rem;font-weight:500;letter-spacing:.05em;color:#ffffff85;line-height:1}.phone-anchor{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4}@keyframes sway{0%,to{transform:translateY(0) rotate(-.55deg)}50%{transform:translateY(-12px) rotate(.55deg)}}.phone{width:min(31.5vw,312px,calc(var(--stage-h) * .72 * 300 / 610));aspect-ratio:300 / 610;border:8px solid #0c0f14;border-radius:38px;background:#0c0f14;box-shadow:0 30px 60px #00000073;overflow:hidden;position:relative;container-type:size;container-name:phone}.phone .notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:38%;height:22px;background:#0c0f14;border-radius:0 0 14px 14px;z-index:5;pointer-events:none}.phone-screen{height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;background:#05070a;scrollbar-width:none;position:relative;container-type:size;container-name:phone-screen}.phone-screen::-webkit-scrollbar{display:none}.phone-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a243c;opacity:0;pointer-events:none;z-index:1}.phone-content{position:relative;z-index:2}.portfolio-item{position:relative;height:100%;min-height:100%;height:100cqh;min-height:100cqh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:flex-end;padding:0 14px 22px;overflow:hidden;flex-shrink:0}.portfolio-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.portfolio-video{object-fit:cover;object-position:center center;pointer-events:none;border:0;opacity:0;transition:opacity .35s cubic-bezier(.22,1,.36,1)}.portfolio-video.is-active{opacity:1;z-index:1}.portfolio-media--placeholder{background:#070b12}.portfolio-item .label{position:relative;z-index:2;pointer-events:none}.portfolio-item .label b{display:block;font-size:.78rem;font-family:Inter,sans-serif;font-weight:600;letter-spacing:.02em;color:#ffffffeb;text-shadow:0 1px 8px rgba(0,0,0,.4)}.portfolio-item .label span{display:block;margin-top:3px;font-size:.62rem;font-weight:400;letter-spacing:.04em;color:#ffffff8c;text-shadow:0 1px 8px rgba(0,0,0,.35)}.narrative{position:absolute;top:50%;left:calc(50% + min(15.75vw,156px) + 1.75rem);right:auto;transform:translateY(-50%);width:min(14.5rem,16vw);max-width:calc(50% - min(15.75vw,156px) - 3.25rem);z-index:5;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(1.75rem,4.5vh,3.25rem);min-height:min(58vh,calc(var(--stage-h) * .62));max-height:min(68vh,calc(var(--stage-h) * .7));font-family:Inter,sans-serif}.narrative-item{max-width:13.5rem;transition:opacity .25s cubic-bezier(.22,1,.36,1)}.narrative-num{display:block;font-size:.72rem;font-weight:500;letter-spacing:.08em;color:var(--accent);margin-bottom:.45rem;opacity:.9}.narrative-title{font-family:Inter,sans-serif;font-size:clamp(.98rem,1.15vw,1.12rem);font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--ink);margin-bottom:.4rem}.narrative-text{font-size:clamp(.82rem,.95vw,.9rem);font-weight:400;line-height:1.5;color:var(--ink-soft)}body.is-settled .narrative:hover .narrative-item{opacity:.55}body.is-settled .narrative:hover .narrative-item:hover{opacity:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:max(1.25rem,var(--safe-top)) max(var(--page-x),var(--safe-right)) max(1.25rem,var(--safe-bottom)) max(var(--page-x),var(--safe-left))}.overlay[hidden]{display:none}.overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#03101f73;cursor:pointer}.panel{position:relative;z-index:1;width:min(100%,28rem);background:#051b34f0;border:1px solid rgba(255,255,255,.12);padding:clamp(1.5rem,3vw,2.25rem);color:var(--ink);box-shadow:0 24px 60px #00000059;animation:panelIn .35s ease}@keyframes panelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-about{width:min(100%,26rem)}.panel-demo{width:min(100%,28rem)}.panel-close{position:absolute;top:1rem;right:1.1rem;font-size:.8rem;letter-spacing:.04em;color:var(--ink-mute);transition:color .2s ease}.panel-close:hover{color:var(--ink)}.panel-kicker{font-family:Fraunces,serif;color:var(--accent);font-size:.9rem;margin-bottom:.65rem}.panel h2{font-family:Fraunces,serif;font-weight:700;font-size:clamp(1.5rem,3vw,1.9rem);line-height:1.15;margin-bottom:1.25rem;letter-spacing:-.02em}.panel-copy{display:grid;gap:1rem}.panel-copy p{color:var(--ink-soft);font-size:.98rem;line-height:1.65}.demo-mail-copy{margin-top:.25rem;font-size:.95rem;color:var(--ink-soft);line-height:1.5}.demo-mail-link{display:inline-block;margin-top:.85rem;font-family:Fraunces,serif;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;color:var(--accent);border-bottom:1px solid rgba(143,212,245,.45);padding-bottom:.15rem;transition:border-color .2s ease,color .2s ease}.demo-mail-link:hover{color:var(--ink);border-bottom-color:#ffffff8c}@media(max-width:1100px)and (min-width:1025px){.headline{left:calc(max(clamp(2rem,6vw,5rem),var(--safe-left)) + 16px);max-width:calc(50% - min(16.5vw,140px) - 1.75rem)}.headline h1{font-size:clamp(2.35rem,4.1vw,3.4rem)}.narrative{left:calc(50% + min(15vw,140px) + 1.35rem);width:min(13rem,17vw);gap:clamp(1.25rem,3.2vh,2.25rem);min-height:min(52vh,calc(var(--stage-h) * .55));max-height:min(62vh,calc(var(--stage-h) * .64))}.narrative-title{font-size:clamp(.92rem,1.1vw,1.02rem)}.narrative-text{font-size:clamp(.78rem,.9vw,.85rem)}.phone{width:min(33vw,280px,calc(var(--stage-h) * .68 * 300 / 610))}.depth-gauge{left:calc(50% - min(16.5vw,140px) - 2.1rem)}.depth-rail{height:min(52vh,calc(var(--stage-h) * .55))}}@media(max-width:1024px){body{overflow-x:hidden;overflow-y:auto}.stage{height:auto;min-height:100vh;min-height:100svh;min-height:-webkit-fill-available;overflow:visible;display:flex;flex-direction:column;align-items:stretch;padding:calc(5.25rem + var(--safe-top)) max(var(--page-x),var(--safe-right)) calc(2.75rem + var(--safe-bottom)) max(var(--page-x),var(--safe-left))}.dive-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100lvh;min-height:100%;min-height:-webkit-fill-available}.dive-video{object-position:center 36%}.headline{position:relative;top:auto;left:auto;transform:none;width:100%;max-width:none;margin:0 0 1.35rem;z-index:5}.headline h1{font-size:clamp(2.45rem,10.5vw,3.5rem)}.headline-line-inner{white-space:normal}.phone-anchor{position:relative;top:auto;left:auto;transform:none;align-self:center;margin:0 auto 2.25rem;z-index:4}.depth-gauge{display:none}.phone{width:min(72vw,280px);border-width:6px;border-radius:32px}.narrative{position:relative;top:auto;left:auto;right:auto;transform:none;width:100%;max-width:none;min-height:0;max-height:none;margin:0;gap:1.85rem;z-index:5}.narrative-item{max-width:none}.narrative-title{font-size:clamp(1rem,2.8vw,1.12rem)}.narrative-text{font-size:clamp(.88rem,2.4vw,.95rem)}.nav-cta{padding:.5rem .85rem;font-size:.84rem}}@media(max-width:600px){.nav-actions{gap:.65rem}.nav-about{font-size:.86rem}.headline{margin-bottom:1.15rem}.headline h1{font-size:clamp(2.35rem,11vw,3.1rem)}.phone{width:min(76vw,270px)}.phone-anchor{margin-bottom:2rem}.narrative{gap:1.65rem;padding-top:.25rem}}@media(min-width:601px)and (max-width:1024px){.headline{align-self:center;text-align:center;max-width:28rem;margin-bottom:1.6rem}.headline h1{font-size:clamp(2.75rem,5.5vw,3.75rem)}.phone{width:min(38vw,300px);border-width:7px;border-radius:36px}.phone-anchor{margin-bottom:2.75rem}.narrative{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2rem);align-items:start}.narrative-item{text-align:left}.narrative-title{font-size:clamp(.95rem,1.6vw,1.08rem)}.narrative-text{font-size:clamp(.82rem,1.35vw,.9rem)}}@media(max-height:720px)and (min-width:1025px){.headline h1{font-size:clamp(2.15rem,5.4vh,3.2rem)}.depth-gauge{left:calc(50% - min(14vw,130px) - 1.75rem)}.depth-rail{height:min(48vh,calc(var(--stage-h) * .5))}.narrative{top:50%;gap:clamp(1rem,2.5vh,1.75rem);min-height:min(48vh,calc(var(--stage-h) * .5));max-height:min(58vh,calc(var(--stage-h) * .58))}.narrative-title{font-size:.92rem}.narrative-text{font-size:.8rem}.phone{width:min(28vw,260px,calc(var(--stage-h) * .76 * 300 / 610))}}:root{--ease-out-premium: cubic-bezier(.22, 1, .36, 1)}body:not(.is-entered):not(.reduce-motion) .logo,body:not(.is-entered):not(.reduce-motion) .nav-actions{opacity:0}body:not(.is-entered):not(.reduce-motion) .headline-line-inner{opacity:0;transform:translateY(24px)}body:not(.is-entered):not(.reduce-motion) .phone-screen:before{opacity:0}body:not(.is-entered):not(.reduce-motion) .phone-content{opacity:0;pointer-events:none}body:not(.is-entered):not(.reduce-motion) .narrative-item{opacity:0;transform:translate(14px)}body:not(.is-entered):not(.reduce-motion) .depth-gauge{opacity:0}.logo,.nav-actions{transition:opacity .4s var(--ease-out-premium)}.headline-line-inner{transition:opacity .55s var(--ease-out-premium),transform .55s var(--ease-out-premium)}.headline-line:nth-child(1) .headline-line-inner{transition-delay:.08s}.headline-line:nth-child(2) .headline-line-inner{transition-delay:.18s}.phone-screen{transition:background-color .55s var(--ease-out-premium) .28s}.phone-screen:before{transition:opacity .45s var(--ease-out-premium) .28s}.phone-content{transition:opacity .55s var(--ease-out-premium) .42s}.narrative-item{transition:opacity .5s var(--ease-out-premium),transform .5s var(--ease-out-premium)}.narrative-item:nth-child(1){transition-delay:.78s}.narrative-item:nth-child(2){transition-delay:.9s}.narrative-item:nth-child(3){transition-delay:1.02s}.depth-gauge{transition:opacity .6s var(--ease-out-premium) .55s}body.is-entered .logo{opacity:.78}body.is-entered .nav-actions{opacity:1}body.is-entered .headline-line-inner{opacity:1;transform:translateY(0)}body.is-entered .phone-screen{background-color:#071a2e}body.is-entered .phone-screen:before{opacity:1}body.is-entered .phone-content{opacity:1;pointer-events:auto}body.is-settled .phone-screen:before{opacity:0;transition-delay:0s;transition-duration:.4s}body.is-entered .narrative-item{opacity:1;transform:translate(0)}body.is-entered .depth-gauge{opacity:1}body.is-settled .phone-wrap{animation:sway 7s ease-in-out infinite}body.is-settled .narrative-item{transition:opacity .25s var(--ease-out-premium);transition-delay:0s}@media(max-width:1024px){body:not(.is-entered):not(.reduce-motion) .headline-line-inner{transform:translateY(16px)}body:not(.is-entered):not(.reduce-motion) .narrative-item{transform:translateY(12px)}.headline-line:nth-child(1) .headline-line-inner{transition-delay:.05s}.headline-line:nth-child(2) .headline-line-inner{transition-delay:.12s}.phone-screen{transition-delay:.2s}.phone-screen:before{transition-delay:.2s}.phone-content{transition-delay:.32s;transition-duration:.45s}.narrative-item:nth-child(1){transition-delay:.55s}.narrative-item:nth-child(2){transition-delay:.65s}.narrative-item:nth-child(3){transition-delay:.75s}body.is-entered .narrative-item{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.phone-wrap,.panel{animation:none!important}.phone-screen{scroll-behavior:auto;background-color:#071a2e!important;transition:none!important}.phone-screen:before{opacity:0!important;transition:none!important}.logo,.nav-actions,.headline-line-inner,.phone-content,.narrative-item{transition:none!important;transform:none!important;opacity:unset}.logo{opacity:.78}.nav-actions,.headline-line-inner,.phone-content,.narrative-item{opacity:1}.depth-gauge{transition:none!important;opacity:1}}