@font-face{font-family:Bruno;src:url('assets/brand/fonts/bruno-ace-sc-latin-400.woff2')}@font-face{font-family:Manrope;src:url('assets/brand/fonts/manrope-latin-variable.woff2')}@font-face{font-family:Mono;src:url('assets/brand/fonts/ibm-plex-mono-latin-400.woff2')}
:root{--navy:#06162d;--ink:#030d1b;--cyan:#00b9ff;--white:#edf5fa;--muted:#98abc0;--line:#ffffff22;--s:clamp(24px,6vw,100px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--white);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}::selection{background:var(--cyan);color:var(--ink)}.cyan{color:var(--cyan)}.mono{font:11px Mono,monospace;letter-spacing:.12em}.skip{position:fixed;top:-100px;left:10px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:10px}.scroll-progress{position:fixed;inset:0 auto auto 0;height:2px;background:var(--cyan);width:0;z-index:60;box-shadow:0 0 14px var(--cyan)}header{height:100px;padding:0 var(--s);display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:10}.logo{width:155px;display:block}.logo img{width:100%;height:64px;object-fit:contain}nav{display:flex;gap:36px;font-size:13px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-9px;left:0;width:0;height:1px;background:var(--cyan);transition:width .3s}nav a:hover:after{width:100%}.talk{border:1px solid #00b9ff70;border-radius:99px;padding:12px 22px;font-size:12px;display:flex;gap:30px}.talk span{color:var(--cyan)}.hero{min-height:850px;height:100svh;max-height:1150px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 40%,#082844 0,transparent 53%),var(--ink)}#field{position:absolute;inset:0;width:100%;height:100%;z-index:1}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#32566c55 1px,transparent 1px),linear-gradient(90deg,#32566c55 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,black)}.hero-content{position:relative;z-index:2;padding:170px 0 100px var(--s);max-width:760px;pointer-events:none}.hero-content a{pointer-events:auto}h1,h2,h3{font-weight:400;margin:0}h1{font-family:Bruno,sans-serif;font-size:clamp(44px,5.4vw,88px);line-height:1.14;letter-spacing:-.065em}h1 span{display:block;animation:enter 1.2s cubic-bezier(.2,.8,.2,1) both}h1 span:nth-child(2){animation-delay:.12s}h1 span:nth-child(3){animation-delay:.24s}h1 span:nth-child(4){animation-delay:.36s}.hero-content p{max-width:430px;font-size:17px;line-height:1.7;color:#b8c8d7;margin:30px 0}.button{display:inline-flex;align-items:center;gap:44px;background:var(--cyan);color:#001729;padding:17px 25px;border-radius:3px;font-size:13px;font-weight:700;transition:background .3s,box-shadow .3s,transform .3s}.button:hover{background:#64d6ff;box-shadow:0 0 45px #00b9ff44}.button span{font-size:23px}.orbit-caption{position:absolute;right:13%;bottom:22%;font:10px Mono;color:#7fc4e0;letter-spacing:.15em;z-index:2}.orbit-caption i,.cinema-top i{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;margin-right:8px;box-shadow:0 0 14px var(--cyan)}.hero-bottom{position:absolute;bottom:32px;left:var(--s);right:var(--s);display:flex;justify-content:space-between;align-items:center;font:10px Mono;letter-spacing:.04em;color:var(--muted);z-index:3;border-top:1px solid var(--line);padding-top:24px}.hero-bottom a span{margin-left:20px;color:var(--cyan)}#motion-toggle{border:0;background:none;font:inherit;color:inherit;padding:8px}.section{padding:110px var(--s)}h2{font-family:Bruno,sans-serif;font-size:clamp(32px,4vw,64px);line-height:1.17;letter-spacing:-.05em}p{color:var(--muted);line-height:1.8}.approach{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 65% 50%,#08233b88,transparent 70%)}.section-heading p{max-width:360px;margin-top:30px;font-size:16px}.steps{position:relative}.steps:before{content:'';width:1px;position:absolute;left:22px;top:24px;bottom:60px;background:linear-gradient(var(--cyan),#00b9ff20)}.step{display:flex;gap:30px;padding:0 0 40px}.step:last-child{padding-bottom:0}.step b{position:relative;flex:0 0 45px;height:45px;display:grid;place-items:center;border:1px solid #00b9ff80;border-radius:50%;background:#041426;font:12px Mono;box-shadow:0 0 20px #00b9ff11}.step h3{font-size:22px;padding-top:8px}.step p{font-size:14px;max-width:360px}.work{overflow:hidden;background:linear-gradient(#030d1b,#06162d)}.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.work-head .mono{color:var(--muted)}.project-stage{display:grid;grid-template-columns:27% 1fr;gap:5%;align-items:center;min-height:440px;perspective:1300px}.project-copy{transition:opacity .2s}.project-number{color:var(--cyan)}.project-copy h3{font-family:Bruno;font-size:clamp(25px,2.8vw,44px);letter-spacing:-.06em;line-height:1.2;margin:24px 0}.project-copy p{font-size:14px;max-width:250px}.text-link{display:inline-flex;align-items:center;gap:24px;background:none;border:0;padding:10px 0;font-size:12px;letter-spacing:.04em;color:var(--cyan)}.project-copy .text-link{margin-top:20px}.project-visual{padding:10px;background:#10233880;border:1px solid #6ebdd84d;border-radius:12px;box-shadow:0 35px 90px #0006,0 0 60px #00b9ff0c;transform:rotateY(-5deg) rotateX(3deg);transition:transform .7s,opacity .25s;position:relative;overflow:hidden}.project-visual:hover{transform:rotateY(0) rotateX(0)}.window-bar{height:26px;display:flex;align-items:center;gap:5px;padding:0 8px 10px}.window-bar i{height:4px;width:4px;border-radius:50%;background:#4b7087}.window-bar span{font:8px Mono;letter-spacing:.15em;margin-left:auto;color:#87aabe}.project-visual img{width:100%;height:355px;object-fit:cover;object-position:top;display:block;border-radius:4px}.scanline{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#00b9ff80,transparent);animation:scan 7s linear infinite;pointer-events:none}.project-controls{display:flex;margin-top:50px;border-bottom:1px solid var(--line);gap:40px}.project-controls button{padding:18px 0;border:0;background:none;border-bottom:2px solid transparent;color:var(--muted);font-size:13px;transition:color .3s,border .3s}.project-controls button span{font:10px Mono;margin-right:12px;opacity:.5}.project-controls button.active{color:white;border-color:var(--cyan)}.brain{background:radial-gradient(ellipse at 50% 60%,#0b2c47,#030d1b 73%)}.brain-copy{display:grid;grid-template-columns:1.35fr 1fr;gap:10%;align-items:center;margin-bottom:48px}.brain-copy p{font-size:16px;max-width:400px}.brain-copy strong{color:white;font-weight:500}.cinema{position:relative;border:1px solid #00b9ff44;background:#020914;box-shadow:0 0 65px #00b9ff10;padding:10px}.cinema-top{display:flex;align-items:center;justify-content:space-between;padding:0 14px 8px}.cinema-top .mono{color:#98bfce;font-size:9px}.cinema-top button{font-size:10px}.cinema video{display:block;width:100%;max-height:570px;aspect-ratio:16/8.4;object-fit:cover}.frame-corner{position:absolute;width:25px;height:25px;border-color:var(--cyan);border-style:solid;pointer-events:none}.tl{top:-1px;left:-1px;border-width:2px 0 0 2px}.tr{top:-1px;right:-1px;border-width:2px 2px 0 0}.bl{bottom:-1px;left:-1px;border-width:0 0 2px 2px}.br{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.gallery{display:flex;gap:18px;margin-top:22px;overflow-x:auto;padding:0 0 15px;scroll-snap-type:x mandatory}.gallery button{min-width:0;flex:1;border:0;background:none;padding:0;text-align:left;scroll-snap-align:start}.gallery img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover;object-position:top;border:1px solid #30485b;opacity:.7;transition:opacity .3s,transform .3s}.gallery button:hover img{opacity:1;transform:translateY(-4px)}.gallery span{font:10px Mono;display:flex;justify-content:space-between;padding:13px 0;color:#b7c9d8}.gallery b{color:var(--cyan)}.cuevon{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.cuevon h2{color:var(--cyan)}.cuevon p{font-size:20px;margin:23px 0}.cuevon-art{height:260px;position:relative;perspective:600px}.route-grid{position:absolute;inset:0;transform:rotateX(55deg) rotateZ(-25deg);display:grid;grid-template-columns:repeat(3,1fr);gap:25px;animation:float 8s ease-in-out infinite}.route-grid i{border:1px solid #00b9ff55;background:linear-gradient(140deg,#00b9ff20,transparent);box-shadow:0 10px 30px #0007;position:relative}.route-grid i:after{content:'';position:absolute;left:20%;right:20%;top:30%;height:1px;box-shadow:0 14px #00b9ff33,0 28px #00b9ff22;background:#00b9ff77}.route-dot{position:absolute;top:50%;left:50%;width:10px;height:10px;background:white;border-radius:50%;box-shadow:0 0 20px 7px var(--cyan),0 0 100px 40px #00b9ff44}.route-label{position:absolute;bottom:-15px;font:10px Mono;letter-spacing:.14em;color:#91b2c9;left:10%}.closing{min-height:580px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.closing h2{font-size:clamp(45px,6vw,90px);margin-bottom:40px;position:relative}.closing .button{position:relative}.closing-orbit{position:absolute;width:100%;height:300px;bottom:-180px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 80px #00b9ff44,inset 0 0 90px #00b9ff22;animation:glow 6s ease-in-out infinite}footer{display:flex;justify-content:space-between;align-items:center;padding:30px var(--s);font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.footer-logo{font-family:Bruno;color:white;letter-spacing:.25em}.prototype-note{font-size:9px}.reveal{opacity:0;transform:translateY(45px);transition:opacity 1s,transform 1s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}dialog{max-width:95vw;width:1250px;max-height:94svh;padding:50px 20px 20px;background:#06162d;color:white;border:1px solid #00b9ff55;border-radius:8px}dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}#close-viewer{position:absolute;right:20px;top:12px;border:0;background:none;padding:8px;color:var(--cyan)}#viewer-content img,#viewer-content video{display:block;max-width:100%;max-height:80svh;margin:auto}body.modal-open{overflow:hidden}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-paused .reveal{transition:none}.noscript-message{padding:20px}@keyframes enter{from{opacity:0;transform:translateY(35px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes scan{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}@keyframes float{50%{transform:rotateX(50deg) rotateZ(-20deg) translateY(-10px)}}@keyframes glow{50%{box-shadow:0 0 120px #00b9ff55,inset 0 0 120px #00b9ff33}}
@media(max-width:900px){header{height:80px}.logo{width:115px}nav{gap:20px}.hero{min-height:850px}.hero-content{padding-top:150px;max-width:580px}h1{font-size:clamp(44px,7vw,66px)}.hero-content p{max-width:340px}.orbit-caption{right:6%;bottom:17%}.section{padding-top:80px;padding-bottom:80px}.approach{gap:6%}.step{gap:18px}.work-head{display:block}.work-head .mono{display:block;margin-top:20px}.project-stage{grid-template-columns:30% 1fr;gap:4%;min-height:340px}.project-visual img{height:280px}.brain-copy{grid-template-columns:1fr;gap:15px}.brain-copy p{max-width:600px}.cuevon{gap:6%}.cuevon p{font-size:17px}}
@media(max-width:600px){header{padding:0 22px}nav{display:none}.talk{font-size:10px;padding:10px 15px;gap:15px}.hero{height:100svh;min-height:840px;max-height:none}.hero-content{padding:125px 24px 0;max-width:100%}h1{font-size:43px;line-height:1.13;letter-spacing:-.065em}.hero-content p{font-size:14px;max-width:290px;margin:24px 0}.button{font-size:11px;padding:13px 18px;gap:30px}.hero-bottom{bottom:24px;left:24px;right:24px;font-size:8px;flex-wrap:wrap;gap:15px}.hero-bottom>span{display:none}.orbit-caption{right:25px;bottom:120px;font-size:8px}.section{padding:70px 24px}h2{font-size:34px}.approach{grid-template-columns:1fr;gap:35px}.section-heading p{font-size:14px}.step h3{font-size:19px}.step p{font-size:13px}.project-stage{display:flex;flex-direction:column;gap:30px;align-items:stretch}.project-copy h3{font-size:32px;margin:15px 0}.project-copy p{max-width:100%;font-size:14px}.project-copy .text-link{margin-top:4px}.project-visual{transform:none}.project-visual img{height:235px}.project-controls{gap:20px;overflow:auto;margin-top:25px}.project-controls button{font-size:10px;white-space:nowrap}.project-controls button span{display:none}.work-head{margin-bottom:35px}.work-head .mono{font-size:8px}.brain-copy h2{font-size:31px}.brain-copy p{font-size:14px}.cinema{padding:6px}.cinema-top{padding:2px 4px 8px;gap:8px}.cinema-top .mono{font-size:6px;letter-spacing:0}.cinema-top button{font-size:8px}.cinema video{aspect-ratio:16/10}.gallery{gap:12px}.gallery button{flex:0 0 43%}.gallery span{font-size:8px}.cuevon{grid-template-columns:1fr;gap:50px}.cuevon-art{height:200px}.cuevon h2{font-size:35px}.closing{min-height:450px}.closing h2{font-size:42px}footer{padding:25px 24px;gap:20px;flex-wrap:wrap}.prototype-note{width:100%;font-size:8px}.reveal{transform:translateY(22px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.project-visual,.route-grid{transform:none}}

/* Quality revision: keep complete source pixels and aspect ratios. */
.project-scroll{height:400px;overflow:auto;scrollbar-width:thin;scrollbar-color:#00b9ff66 #06162d;overscroll-behavior:contain;border-radius:4px;background:#06162d}
#enlarge-project{display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in}
.project-visual #project-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:top;border-radius:0}
.capture-label{display:block;width:100%;padding:12px 4px 3px;border:0;background:none;color:#8ab5c9;font:9px Mono;letter-spacing:.08em;text-align:right}
.cinema video{aspect-ratio:16/9;object-fit:contain;max-height:none;background:#06162d}
#viewer-zoom{position:absolute;left:20px;top:12px;border:1px solid #00b9ff55;background:#06162d;padding:8px 12px;color:var(--cyan);font-size:11px}
#viewer-zoom[hidden]{display:none}
#viewer-content{max-height:80svh;overflow:auto;overscroll-behavior:contain}
#viewer-content img{height:auto;max-height:none;width:auto;max-width:100%}
.image-zoom #viewer-content img{max-width:none;width:auto;margin:0}
#viewer-content video{object-fit:contain;max-height:80svh}
@media(max-width:900px){.project-scroll{height:320px}}
@media(max-width:600px){.project-scroll{height:290px}.capture-label{font-size:8px}.cinema video{aspect-ratio:16/9}}

/* The endpoint is the approved SVG, never a reconstructed or generated logo. */
#hero-mark{position:absolute;z-index:1;pointer-events:none;opacity:0;filter:drop-shadow(0 0 18px #00b9ff28)}
.orbit-caption{bottom:20%;display:flex;align-items:center;gap:3px;flex-wrap:wrap;max-width:290px}
#replay-morph{display:block;flex:0 0 100%;border:0;background:none;text-align:left;color:#83aec6;padding:14px 0;font:9px Mono;letter-spacing:.08em}
@media(max-width:600px){.orbit-caption{bottom:95px;max-width:240px}#replay-morph{font-size:8px;padding-top:8px}}
@media(prefers-reduced-motion:reduce){#replay-morph{display:none}#hero-mark{opacity:.78!important}}

#hero-mark{left:56%;top:22%;width:40%;height:auto}@media(max-width:600px){#hero-mark{left:34%;top:59%;width:60%}}

.mobile-nav{display:none}.footer-links{display:flex;gap:15px}
@media(max-width:600px){.mobile-nav{display:block;font:10px Mono}.mobile-nav summary{cursor:pointer;list-style:none;padding:12px;color:#b8d6e6}.mobile-nav nav{display:flex;position:absolute;top:70px;left:24px;right:24px;flex-direction:column;padding:24px;gap:22px;border:1px solid #00b9ff44;background:#06162df5;backdrop-filter:blur(16px);font:15px Manrope}.footer-links{font-size:9px}}

#actual-network{position:absolute;z-index:0;pointer-events:none;transform-origin:center;will-change:transform,opacity}#field{z-index:1}

/* Shared transform preserves the original electrical circuit overlay exactly. */
#hero-mark{pointer-events:auto;display:block;cursor:crosshair}#hero-mark>.v5-monogram-base{display:block;width:100%;height:100%;object-fit:contain}#hero-mark:focus-visible{outline:2px solid var(--cyan);outline-offset:8px}