@font-face{font-family:Geist;src:url('assets/geist-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Bodoni;src:url('assets/bodoni-moda.ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{--paper:#f4f1eb;--ink:#12151a;--muted:#62646b;--line:#d6d2cc;--dark:#11151c;--cobalt:#2948df;--accent:#aebfff;--ice:#b8eaff;--gutter:clamp(22px,5.5vw,90px);--ease:cubic-bezier(.22,1,.36,1);--display:Bodoni,Georgia,serif}
*{box-sizing:border-box}html{scroll-padding-top:110px;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--cobalt);outline-offset:6px}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:400;line-height:1.08;letter-spacing:-.04em}h2{font-family:var(--display);font-size:clamp(56px,7vw,112px)}p{line-height:1.65}small{font-size:12px}::selection{background:var(--cobalt);color:white}[hidden]{display:none!important}.wrap{width:calc(100% - var(--gutter)*2);max-width:1440px;margin-inline:auto}.section{padding-block:clamp(80px,9vw,145px)}.eyebrow,.mono{font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}.eyebrow{margin-bottom:32px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:150;top:-100px;left:20px;background:var(--paper);padding:15px}.skip-link:focus{top:15px}[tabindex="-1"]:focus{outline:none}
.header{position:absolute;top:20px;left:24px;right:24px;z-index:10;display:flex;align-items:center;gap:32px;padding:14px 24px;background:#ffffffeb;border:1px solid #fff;border-radius:8px;backdrop-filter:blur(20px)}.wordmark{display:flex;align-items:center;gap:17px;font-size:14px;font-weight:500}.wordmark img{width:39px;height:34px;object-fit:contain}.name-mask{height:1.6em;inline-size:13.8em;display:grid;overflow:hidden;border-left:1px solid #b5b7bc;padding-left:17px}.name-mask>span{line-height:1.6;grid-area:1/1;white-space:nowrap;transition:transform .65s var(--ease)}.name-mask>span+span{transform:translateY(110%)}.wordmark:is(:hover,:focus-visible) .name-mask>span:first-child{transform:translateY(-110%)}.wordmark:is(:hover,:focus-visible) .name-mask>span+span{transform:translateY(0)}.header-links{display:flex;gap:32px;margin-left:auto;font-size:13px}.header-links a{position:relative}.header-links a:after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.header-links a:hover:after{transform:scaleX(1)}.menu-toggle{display:flex;align-items:center;gap:12px;font-size:12px;padding:10px 0 10px 22px;border-left:1px solid var(--line)}.menu-lines{width:19px;height:7px;border-top:1px solid;border-bottom:1px solid;transition:transform .4s}.menu-toggle:hover .menu-lines{transform:scaleX(.65)}.header.is-scrolled{position:fixed;top:14px;box-shadow:0 10px 40px #12151a08}
.hero-copy{position:absolute;inset:125px 0 auto;z-index:0}.name-stripe{overflow:hidden;transition:background .55s,color .55s;padding:0 0 22px;cursor:default;color:#101114}.name-track{display:flex;width:max-content;animation:name-drift 45s linear infinite;will-change:transform}.name-track>span{font-family:var(--display);font-weight:400;letter-spacing:-.065em;line-height:.83;font-size:clamp(130px,16.8vw,295px);white-space:nowrap;padding-right:50px;display:block}.name-stripe:is(:hover,:focus){background:#111;color:#fff}.name-stripe:is(:hover,:focus) .name-track{animation-play-state:paused}@keyframes name-drift{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.portrait-rig{position:relative;width:100%;aspect-ratio:1122/1402}.portrait-rig>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 22px #101c2510)}.portrait-smile{opacity:0;transition:opacity .4s ease}.portrait-rig.is-excited .portrait-smile{opacity:1}.face-trigger{position:absolute;left:29%;top:13%;width:43%;height:42%;border-radius:48%;pointer-events:auto}.face-trigger:focus-visible{outline-offset:12px}.portrait-caption{position:absolute;top:32%;right:-8%;background:var(--ink);color:var(--paper);padding:16px 25px;font-size:clamp(16px,2vw,27px);border-radius:2px;opacity:0;transform:translateY(10px) rotate(5deg);transition:opacity .35s,transform .55s var(--ease);white-space:nowrap}.portrait-caption:before{content:'';position:absolute;left:-10px;top:24px;border-block:9px solid transparent;border-right:12px solid var(--ink)}.portrait-caption i{font-style:normal;color:var(--accent);margin-left:16px}.is-excited .portrait-caption{opacity:1;transform:translateY(0) rotate(-4deg)}.helmet-toggle{pointer-events:auto;position:absolute;right:25%;top:75%;width:44px;height:44px;display:grid;place-items:center;background:#102b3ded;color:var(--ice);border:1px solid #a6d5e5;border-radius:50%;box-shadow:0 0 0 5px #90bed528,0 6px 14px #0005;transition:box-shadow .3s,background .3s}.helmet-toggle svg{width:23px;height:23px}.helmet-toggle:is(:hover,[aria-pressed=true]){background:var(--cobalt);box-shadow:0 0 0 9px #a6d5e520,0 0 35px #638bf47a}.visor{position:absolute;left:27%;top:10%;width:47%;height:49%;opacity:0;transform:translateY(14%) scale(.9);transform-origin:bottom;transition:opacity .5s,transform .8s var(--ease);filter:drop-shadow(0 0 7px #4e91d95c)}.visor>svg{width:100%;height:100%;overflow:visible}.visor-frame{fill:none;stroke:#1b3b50;stroke-width:12;stroke-linejoin:round}.visor-glint{fill:none;stroke:#e5fcff;stroke-width:4;opacity:.8}.hud-lines{fill:none;stroke:#7cf1ff;stroke-width:1.5}.hud-label{position:absolute;bottom:17%;left:25%;font:8px monospace;letter-spacing:.12em;color:#b8f3ff;text-shadow:0 1px 4px #003b71}.visor-on .visor{opacity:1;transform:translateY(0) scale(1)}
.home-about-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:9%;align-items:start}.home-about h2{font-size:clamp(80px,10vw,160px);line-height:1}.home-about-grid>div{border-left:1px solid #ffffff38;padding-left:12%}.home-about h3{font-size:clamp(28px,3.3vw,49px);letter-spacing:-.04em}.home-about p{max-width:43ch;color:#b5b7bf;margin-top:22px;font-size:16px}.line-link{display:flex;justify-content:space-between;gap:25px;width:fit-content;max-width:100%;border-bottom:1px solid currentColor;padding:12px 0;margin-top:22px;font-size:14px}.line-link span{transition:transform .35s var(--ease)}.line-link:hover span{transform:translate(4px,-4px)}.home-about .line-link{border-color:var(--accent)}
body[data-view]:not([data-view=home]) #main>section{display:none}body[data-view=home] #main>:is(#about,#journey,#process,#services){display:none}body[data-view=work] #main>#work,body[data-view=about] #main>#about,body[data-view=journey] #main>#journey,body[data-view=process] #main>#process,body[data-view=contact] #main>#contact,body[data-view=contact] #main>#services{display:block}body[data-view]:not([data-view=home]) #main{padding-top:130px;min-height:80svh}body[data-view=contact] #main{display:flex;flex-direction:column}body[data-view=contact] #contact{order:-1}body[data-view=journey]{background:var(--dark)}body[data-view=journey] .site-footer{color:#b9becb;border-color:#ffffff30}
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-heading>p,.section-heading>span{font-size:13px;color:var(--muted)}.work-heading{margin-bottom:50px}.project-feature{border-top:1px solid var(--line);padding:45px 0 35px}.project-row{display:grid;grid-template-columns:1fr 1.2fr;column-gap:7%;position:relative;align-items:start;padding:25px 0;min-height:490px}.project-index{grid-column:1;font:11px/1 monospace;color:var(--muted);margin:12px 0 28px}.project-name{grid-column:1;align-self:end}.project-name h3{font-family:var(--display);font-size:clamp(40px,5vw,78px);line-height:1.1;letter-spacing:-.05em}.project-name>p{font-size:12px;color:var(--muted);margin-top:12px}.project-subtitle{display:block;font-size:20px;margin-top:24px;letter-spacing:-.03em}.project-description{grid-column:1;max-width:31ch;font-size:15px;color:var(--muted);margin:15px 0}.project-status{grid-column:1;font:10px/1.4 Geist,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalt);border:1px solid #2948df42;border-radius:3px;padding:7px 10px;width:fit-content;margin:20px 0 0}.project-arrow{grid-column:1;display:block;font-size:30px;margin:20px 0 0;width:64px;height:64px;border:1px solid var(--line);border-radius:50%;text-align:center;line-height:60px;transition:background .4s,color .4s,transform .6s var(--ease)}.project-row:is(:hover,:focus-visible) .project-arrow{background:var(--ink);color:white;transform:rotate(45deg)}.project-row>.row-art{grid-column:2;grid-row:1/7;height:100%;min-height:470px;border-radius:3px}.project-feature:nth-child(even) .project-row{grid-template-columns:1.2fr 1fr}.project-feature:nth-child(even) .project-row>:not(.row-art){grid-column:2}.project-feature:nth-child(even) .project-row>.row-art{grid-column:1}.row-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#e8e5df;perspective:1200px}.fit-art{background:radial-gradient(ellipse at 50% 90%,#c9bcaa,transparent 60%),#e6e1d7}.phone{width:28%;max-width:190px;border:5px solid #22252b;border-radius:27px;overflow:hidden;box-shadow:15px 25px 28px #12151a26;background:#101113;position:relative;z-index:1;transform-style:preserve-3d}.phone img{width:100%;height:auto}.phone-one{transform:rotate(-10deg) translateY(-15px);margin-right:6%}.phone-two{transform:rotate(9deg) translateY(22px)}.art-word{position:absolute;font-family:var(--display);font-size:clamp(45px,6vw,80px);opacity:.14;bottom:4%;left:5%;letter-spacing:-.07em;z-index:0}.nexus-art{background:radial-gradient(ellipse at 40% 85%,#bac7de,transparent 60%),#e1e5ed}.laptop{width:87%;transform:rotate(-5deg) rotateY(-9deg);z-index:1;filter:drop-shadow(0 35px 20px #15223a24)}.laptop img{width:100%;border:7px solid #1c2029;border-bottom-width:16px;border-radius:9px 9px 2px 2px}.laptop>span{display:block;height:10px;background:linear-gradient(#e7eaf1,#7f899a);margin-inline:-6%;border-radius:0 0 100% 100%}.byte-art{background:#e4e0d7}.browser-mockup{position:relative;width:82%;height:76%;overflow:hidden;border:1px solid #b8b7b5;border-radius:7px;background:#fff;box-shadow:0 25px 35px #29292920;transform:rotate(-3deg);margin-right:7%}.browser-bar{display:flex;align-items:center;gap:4px;padding:8px;background:#e9e9e9;border-bottom:1px solid #d2d2d2}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#aaa}.browser-bar span{font-size:8px;color:#666;margin:auto}.browser-mockup>img{width:100%;height:auto;max-width:none}.byte-phone{position:absolute;bottom:7%;right:5%;width:25%;max-width:150px;transform:rotate(6deg);border-width:4px;border-radius:19px}.project-preview{display:none}.work-decision{margin-top:20px;border-block:1px solid var(--line)}.work-decision summary{list-style:none;display:flex;align-items:center;gap:30px;padding:19px 0;font-size:12px;cursor:pointer}.work-decision summary>span{font:10px monospace;letter-spacing:.06em;color:var(--cobalt)}.work-decision summary i{font-size:22px;margin-left:auto;font-style:normal}.work-decision[open] summary i{transform:rotate(45deg)}.decision-body{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:35px 0 45px}.decision-body .eyebrow{margin-bottom:16px}.decision-body h4{font-size:30px;line-height:1.15;margin-bottom:20px}.decision-body p{font-size:15px;color:var(--muted);max-width:44ch}.decision-stack{display:block;font:11px monospace;color:var(--cobalt);margin-top:24px}.decision-body>img{max-height:330px;width:100%;object-fit:contain;object-position:left}.backend-proof{border-block:1px solid var(--line);margin-block:55px;padding-block:35px;display:grid;grid-template-columns:1fr 1.2fr;gap:20px 7%}.backend-proof .eyebrow{grid-column:1/-1;margin:0}.backend-proof h3{font-family:var(--display);font-size:56px}.backend-proof p:not(.eyebrow){color:var(--muted);max-width:55ch}.backend-proof .line-link{grid-column:2;margin-top:0}.workbench{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.workbench>span{grid-column:1/-1;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.workbench a{font-size:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.workbench small{display:block;color:var(--muted);margin-top:9px}
.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:10%}.intro h2{font-size:clamp(48px,6vw,90px)}.intro-note{max-width:45ch}.intro-note p{font-size:18px}.intro-note p+p{margin-top:25px;color:var(--muted);font-size:16px}.about-proof{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid var(--line);margin-top:80px;padding-top:40px}.about-proof h3{font-size:25px;margin:24px 0 16px}.about-proof p,.about-proof li{font-size:15px;color:var(--muted)}.about-proof ul{padding-left:17px}.about-proof li{padding:10px 0}.about-proof small{display:block;margin-top:6px}.about-proof a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.journey{background:var(--dark);color:var(--paper);position:relative}.journey-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.journey-sticky{position:sticky;top:110px;align-self:start}.journey h2{font-size:clamp(52px,5.8vw,85px)}.outline-type{font-style:italic;color:var(--accent)}.journey-sticky>p:not(.eyebrow){font-size:14px;color:#aeb7c6;margin-top:24px}.journey-map{position:relative;max-width:330px;margin-top:10px}.journey-map svg{width:100%;max-height:180px;overflow:visible}.map-base,.map-progress{fill:none;stroke:#404958;stroke-width:1.5}.map-progress{stroke:var(--accent);stroke-width:2}.journey-map circle{fill:var(--accent)}.journey-chapter{position:absolute;right:0;bottom:8px;font:11px monospace;color:var(--accent)}.chapter-nav{display:flex;gap:12px;margin-top:12px}.chapter-nav a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #485061;border-radius:50%;font-size:11px;transition:background .3s,color .3s}.chapter-nav a[aria-current]{background:var(--accent);border-color:var(--accent);color:var(--dark)}.chapter{min-height:500px;padding:60px 0;border-top:1px solid #ffffff25;scroll-margin-top:110px;position:relative}.chapter-label{font:11px monospace;letter-spacing:.1em;color:var(--accent)}.chapter h3{font-family:var(--display);font-size:clamp(36px,4.2vw,60px);margin:30px 0 25px}.chapter>p{max-width:43ch;font-size:18px;color:#c1c6cf}.chapter .line-link{color:var(--accent)}.chapter:last-child{min-height:360px}.chapter-evidence{display:none}.story-artifact{width:100%;height:190px;object-fit:contain;object-position:left;margin-top:20px}.journey-sticky:has(.story-artifact:not([hidden])) .journey-map{display:none}.milestone-rail{margin-bottom:50px;border-top:1px solid #ffffff25;padding-top:20px}.milestone-rail .eyebrow{margin-bottom:20px}.milestone-rail ol{list-style:none;padding:0;font-size:12px;display:grid;gap:12px;color:#b0b8c8}.milestone-rail time{display:inline-block;min-width:125px;font:10px monospace;color:var(--accent)}.story-toys{height:145px;position:relative;margin-top:18px;border-block:1px solid #ffffff20}.story-toys>.float-object:first-child{left:0;top:5px}.story-toys>.float-object:nth-child(2){left:110px;top:14px;width:100px;height:100px}.story-toys>p{position:absolute;right:0;top:35px;max-width:150px;font-size:10px;color:#98a5b9}.reset-objects{position:absolute;right:0;bottom:12px;font-size:10px;text-decoration:underline;text-underline-offset:4px}
.process-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;margin-top:65px;align-items:start}.process-visual{background:#e7e5de;aspect-ratio:1.1;position:sticky;top:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.process-visual svg{width:90%}.process-orbits{stroke:#939bac;stroke-width:1;transform-origin:220px 195px}.process-core{fill:var(--dark)}.process-visual text{fill:var(--paper);font:42px var(--display)}.process-satellite{fill:var(--cobalt);transform-origin:220px 195px}.process-visual>span{font-size:12px;margin:0 20px 25px;text-align:center}.process-step{border-top:1px solid var(--line)}.process-step:last-child{border-bottom:1px solid var(--line)}.process-step summary{list-style:none;display:flex;gap:24px;align-items:center;cursor:pointer;padding:28px 0}.process-step summary>span{font:11px monospace;color:var(--muted)}.process-step h3{font-size:clamp(22px,2.3vw,35px)}.process-step i{font-style:normal;font-size:24px;margin-left:auto;transition:transform .4s}.process-step[open] i{transform:rotate(90deg)}.process-step>div{padding:0 0 30px 36px}.process-step p{color:var(--muted);font-size:15px}.process-step small{display:block;margin-top:20px}.service-list{margin-top:50px}.service-list>a{display:grid;grid-template-columns:1fr 1fr 30px;gap:40px;align-items:center;padding:32px 0;border-top:1px solid var(--line);transition:padding .5s var(--ease)}.service-list>a:hover{padding-left:15px}.service-list h3{font-size:27px}.service-list p{font-size:14px;color:var(--muted);max-width:35ch}.service-list>a>span{font-size:30px}
.contact{background:#e6e8ef;position:relative;isolation:isolate;overflow:hidden;min-height:650px}.contact-curve{display:none}.contact>.wrap{position:relative}.contact .eyebrow{max-width:500px;line-height:1.7}.contact-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;z-index:1}.contact h2{font-family:var(--display);font-size:clamp(70px,10vw,155px);line-height:.98;max-width:900px;pointer-events:none}.contact em{font-weight:400;color:var(--cobalt)}.round-link{position:relative;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;width:115px;height:115px;font-size:48px;flex-shrink:0;isolation:isolate;overflow:hidden;transition:color .4s}.round-link:before{content:'';position:absolute;inset:100% -10px -100%;border-radius:50%;background:var(--ink);z-index:-1;transition:inset .7s var(--ease)}.round-link:hover{color:white}.round-link:hover:before{inset:-10px}.contact-routes{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap}.pill-link{display:inline-flex;border:1px solid #8992a1;padding:16px 25px;border-radius:50px;font-size:13px;transition:background .4s,color .4s}.pill-link:hover{background:var(--ink);color:var(--paper)}.email-row{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:55px}.email-row>a{font-size:clamp(21px,2.6vw,38px);letter-spacing:-.04em}.email-row button{border-bottom:1px solid;padding:6px 0;font-size:11px}.email-row>span{font-size:11px}.social-links{display:flex;gap:27px;margin-top:30px;font-size:13px}.social-links a:hover{color:var(--cobalt)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:22px;padding-block:26px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.float-object{width:120px;height:120px;position:absolute;z-index:1;will-change:transform}.float-object canvas{width:100%;height:100%;display:block;pointer-events:none}.object-hit{position:absolute;inset:0;border-radius:50%;touch-action:none;cursor:grab;z-index:1}.object-hit:active{cursor:grabbing}.object-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:85px;color:var(--cobalt)}.float-object.has-webgl .object-fallback{display:none}.hero-object{right:12%;top:45%;width:115px;height:115px;z-index:3}.contact-orbit{right:9%;top:-20px;width:200px;height:200px;opacity:.75}.motion-paused .name-track{animation-play-state:paused}
.welcome{position:fixed;inset:0;background:var(--dark);color:var(--paper);z-index:100;display:grid;place-items:center;transition:transform .66s cubic-bezier(.76,0,.24,1),border-radius .66s cubic-bezier(.76,0,.24,1)}.welcome.leaving{transform:translateY(-110%);border-radius:0 0 45% 45%}.welcome>span{font-size:clamp(42px,6vw,90px);font-weight:400;letter-spacing:-.04em;text-align:center;max-width:100%;padding:20px}.welcome>span:before{content:'•';display:inline-block;font-family:Geist,sans-serif;font-size:.25em;vertical-align:middle;margin-inline-end:1.1em}.welcome>span[lang=hi]{font-family:'Nirmala UI',sans-serif;letter-spacing:0}.welcome>span[lang=ur],.welcome>span[lang=ar]{font-family:'Urdu Typesetting','Segoe UI',sans-serif;letter-spacing:0}.welcome button{position:absolute;right:var(--gutter);top:35px;color:#b7bdc8;font-size:12px}.transition-curtain{position:fixed;inset:0;background:var(--dark);color:var(--paper);z-index:90;display:grid;place-items:center;transform:translateX(105%);pointer-events:none}.transition-curtain>span{font-family:var(--display);font-size:clamp(60px,10vw,150px)}
dialog{border:0;padding:0;color:var(--ink)}dialog::backdrop{background:#080f2155;backdrop-filter:blur(6px)}.menu-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;padding-bottom:24px;border-bottom:1px solid #ffffff30}.menu-top>span{margin-left:auto;color:#a7afbe}.menu-top button{padding:10px}.menu-panel nav{display:flex;flex-direction:column;margin:30px 0}.menu-panel nav a{font-family:var(--display);font-size:clamp(44px,6.2vw,82px);line-height:1.18;letter-spacing:-.045em;display:flex;justify-content:space-between;align-items:center;transition:color .35s,padding .55s var(--ease)}.menu-panel nav a:hover{padding-left:20px;color:var(--accent)}.menu-panel nav span{font:10px Geist,sans-serif;letter-spacing:0;color:#a7afbe}.menu-footer{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid #ffffff30;padding-top:25px;font-size:12px;color:#aeb7c7}.case-study{width:100%;height:100dvh;max-width:100%;max-height:100dvh;margin:0;background:var(--paper);overflow-x:hidden}.case-toolbar{position:sticky;top:0;z-index:3;background:#f4f1ebed;backdrop-filter:blur(20px);display:flex;justify-content:space-between;gap:20px;padding:24px var(--gutter);border-bottom:1px solid var(--line);font-size:12px}.case-header,.case-body{max-width:1440px;margin:auto;padding:70px var(--gutter)}.case-header h2{font-size:clamp(65px,10vw,150px);margin-bottom:25px}.case-header>.project-status{margin:0 0 25px}.case-header>p:last-child{font-size:clamp(22px,2.6vw,37px);max-width:40ch;line-height:1.35;letter-spacing:-.025em}.case-art{height:min(65vw,750px);min-height:360px}.case-art .phone{max-width:230px}.case-art .laptop{max-width:1000px}.case-art .browser-mockup{max-width:900px}.case-art .byte-phone{right:15%}.case-image{width:100%;max-height:700px;object-fit:contain;background:#e6e3db}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.case-grid h3{font-size:28px;margin-bottom:20px}.case-grid h3:not(:first-child){margin-top:35px}.case-grid p,.case-grid li{font-size:16px;color:var(--muted);line-height:1.7}.case-grid ul{padding-left:20px}.case-boundary{display:grid;grid-template-columns:1fr 2fr;gap:30px;border-top:1px solid var(--line);padding-top:35px;margin-top:50px}.case-boundary>p:last-child{color:var(--muted)}.case-links{display:flex;flex-wrap:wrap;gap:30px;margin-top:40px;font-size:13px}.case-links a{border-bottom:1px solid;padding-bottom:10px}.system-reveal{margin:40px var(--gutter);border-block:1px solid var(--line);padding:20px 0}.system-reveal summary{cursor:pointer;font-size:15px}.system-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:25px 0}.system-panel img{max-height:500px;object-fit:contain;object-position:left}.system-panel p{max-width:45ch;color:var(--muted)}.line-mask{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}.line-inner{display:block;will-change:transform}.noscript-note{padding:30px}
@media(min-width:1700px){.hero-copy{top:130px}}
@media(max-width:1100px){.hero-copy{top:145px}.portrait-caption{right:4%;top:40%}.header-links{gap:20px}.header{gap:20px}.name-mask{font-size:12px}.project-row>.row-art{min-height:430px}.project-name h3{font-size:51px}.story-toys>p{display:none}.journey-layout{gap:7%}.chapter>p{font-size:16px}.contact-orbit{right:5%;top:20px;width:140px;height:140px}}
@media(max-width:760px){
 .header{top:12px;left:12px;right:12px;padding:13px 14px;gap:10px}.header.is-scrolled{top:10px}.wordmark{gap:9px}.wordmark img{width:30px;height:29px}.name-mask{padding-left:9px;inline-size:14.1em;font-size:10px}.name-mask>span:first-child{display:none}.name-mask>span+span{transform:none}.wordmark:is(:hover,:focus-visible) .name-mask>span+span{transform:none}.header-links{display:none}.menu-toggle{margin-left:auto;padding-left:12px;font-size:11px;gap:9px}.menu-lines{width:16px}
 .hero-copy{top:140px}.name-track>span{font-size:24vw;line-height:.95;padding-right:35px}.name-stripe{padding-bottom:14px}.portrait-rig{width:100%}.hero-object{width:76px;height:76px;top:38%;right:7%}.portrait-caption{top:40%;right:7%;padding:12px 17px;font-size:16px}.helmet-toggle{width:42px;height:42px;top:75%;right:28%}.hud-label{font-size:6px}
 .home-about-grid{grid-template-columns:1fr;gap:35px}.home-about h2{font-size:76px}.home-about-grid>div{padding-left:0;border:0}.home-about h3{font-size:32px}.home-about p{font-size:15px}.section-heading{align-items:start;flex-direction:column;gap:20px}h2{font-size:60px}.eyebrow{font-size:10px;margin-bottom:25px}.work-heading{margin-bottom:35px}.project-feature{padding:25px 0}.project-row,.project-feature:nth-child(even) .project-row{grid-template-columns:1fr;gap:0;min-height:0;padding:0}.project-row>:not(.row-art),.project-feature:nth-child(even) .project-row>:not(.row-art){grid-column:1}.project-row>.row-art,.project-feature:nth-child(even) .project-row>.row-art{grid-column:1;grid-row:auto;min-height:0;height:400px;margin-top:30px;order:10}.project-name h3{font-size:50px}.project-index{margin:0 0 20px}.project-subtitle{font-size:20px;margin-top:15px}.project-name>p{font-size:11px}.project-status{margin-top:18px;font-size:9px}.project-description{max-width:35ch;font-size:14px}.project-arrow{position:absolute;right:0;top:155px;width:48px;height:48px;font-size:24px;line-height:46px}.phone{border-width:4px;border-radius:22px;width:31%}.laptop{width:87%}.work-decision summary{gap:16px;font-size:11px}.work-decision summary>span{font-size:8px}.decision-body{grid-template-columns:1fr;gap:25px;padding-top:20px}.decision-body h4{font-size:27px}.decision-body>img{max-height:300px}.backend-proof{grid-template-columns:1fr;gap:20px;margin-block:40px}.backend-proof h3{font-size:48px}.backend-proof .line-link{grid-column:1}.workbench{grid-template-columns:1fr;gap:20px}.workbench a{font-size:22px}.intro-grid,.about-proof{grid-template-columns:1fr;gap:35px}.intro h2{font-size:52px}.intro-note p{font-size:17px}.about-proof{margin-top:50px;padding-top:20px}.journey-layout{grid-template-columns:1fr;gap:40px}.journey-sticky{position:relative;top:0}.journey h2{font-size:57px}.journey-map{max-width:270px}.journey-map svg{max-height:130px}.story-artifact{display:none}.story-toys{max-width:360px}.story-toys>p{display:block;font-size:9px;max-width:125px}.chapter{min-height:0;padding:45px 0}.chapter h3{font-size:42px}.chapter:last-child{min-height:0}.chapter-evidence{display:block;max-height:350px;object-fit:contain;object-position:left;margin-top:25px}.milestone-rail{margin-bottom:35px}.milestone-rail time{min-width:105px;font-size:9px}.milestone-rail li{font-size:11px}.process-layout{grid-template-columns:1fr;margin-top:40px;gap:35px}.process-visual{position:relative;top:0;aspect-ratio:1.35}.process-visual svg{height:250px}.process-step h3{font-size:25px}.service-list>a{grid-template-columns:1fr 25px;gap:15px;padding:27px 0}.service-list h3{font-size:25px}.service-list p{grid-column:1}.service-list>a>span{grid-column:2;grid-row:1}.contact{min-height:0}.contact h2{font-size:clamp(56px,13vw,90px)}.contact-heading{gap:10px}.contact .round-link{width:55px;height:55px;font-size:28px}.contact-orbit{width:100px;height:100px;top:-10px;right:0;opacity:.6}.contact .eyebrow{max-width:230px}.contact-routes{margin-top:32px;gap:10px}.pill-link{font-size:11px;padding:14px 17px}.email-row{margin-top:38px;gap:18px}.email-row>a{font-size:clamp(18px,5.1vw,27px)}.social-links{flex-wrap:wrap;gap:22px;font-size:12px}.site-footer{flex-wrap:wrap;gap:18px;font-size:10px}.site-footer>span{width:100%}body[data-view]:not([data-view=home]) #main{padding-top:95px}.menu-panel nav a{font-size:57px;line-height:1.2}.menu-panel nav{margin:35px 0}.menu-footer{font-size:11px}.case-header,.case-body{padding:45px var(--gutter)}.case-header h2{font-size:64px}.case-toolbar{font-size:11px;padding:22px}.case-toolbar>span{max-width:160px;text-align:right}.case-grid,.case-boundary,.system-panel{grid-template-columns:1fr;gap:30px}.case-art{min-height:350px;height:400px}.case-art .phone{max-width:150px}.case-art .byte-phone{right:7%}.system-reveal{margin:30px var(--gutter)}.system-reveal summary{font-size:13px}.case-links{gap:25px}.welcome>span{font-size:42px}
}
@media(max-width:380px){.name-mask{font-size:9px}.header{padding-inline:10px}.project-row>.row-art{height:350px}.story-toys>p{display:none}.menu-panel nav a{font-size:51px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.name-track{transform:translateX(0)!important}.portrait-rig,.line-inner,.chapter,.contact-heading{transform:none!important;opacity:1!important}.welcome{display:none!important}}

h2,.name-track>span,.home-about h2,.project-name h3,.backend-proof h3,.chapter h3,.contact h2,.menu-panel nav a,.transition-curtain>span{font-optical-sizing:none;font-variation-settings:'opsz' 24;}

/* Registered portrait state artwork; animated readout stays outside the face. */
.portrait-visor{opacity:0;transition:opacity .65s ease,clip-path .85s var(--ease);clip-path:inset(65% 0 0 0)}
.visor-on .portrait-visor{opacity:1;clip-path:inset(0)}
.visor-on .portrait-smile{opacity:0!important}
.visor-readout{position:absolute;left:5%;top:61%;width:100px;padding:11px;background:#102b3ddb;border:1px solid #a3e7ef8c;border-radius:4px;color:#c8faff;font:8px monospace;letter-spacing:.08em;opacity:0;transform:translateX(12px);transition:opacity .5s,transform .7s var(--ease)}
.visor-readout i{display:block;height:1px;background:#a3e7ef;margin:8px 0;transform:scaleX(.4);transform-origin:left;transition:transform 1.5s var(--ease)}
.visor-readout small{font-size:7px}.visor-on .visor-readout{opacity:1;transform:none}.visor-on .visor-readout i{transform:scaleX(1)}
@media(max-width:760px){.visor-readout{left:13%;top:63%;width:85px;padding:8px;font-size:7px}.visor-readout small{font-size:6px}}

/* Single-line editorial identity and open-space interactions. */
.hero-copy{top:26%}.name-stripe{padding-block:8px 16px;line-height:1;color:var(--ink);transition:background-color .42s ease,color .42s ease}.name-track>span{font-size:clamp(122px,14vw,250px);font-weight:500;line-height:1.04;letter-spacing:-.07em;padding-right:.45em}.name-stripe:is(:hover,:focus-visible){background:var(--ink);color:var(--paper)}
.story-drift{left:4%;top:19%;width:110px;height:110px;z-index:1}.story-drift-second{left:auto;right:6%;top:48%;width:90px;height:90px}.journey-layout{position:relative;z-index:2;pointer-events:none}.journey-layout :is(a,button,summary,.chapter){pointer-events:auto}.journey-layout .chapter{pointer-events:auto}.story-drift .object-hit{pointer-events:auto}
.contact-form{position:relative;z-index:2;max-width:1000px;margin-top:70px;border-top:1px solid #818a9a;padding-top:28px}.contact-form-intro{font-size:18px;margin-bottom:35px}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 42px}.contact-form label{display:flex;flex-direction:column;border-bottom:1px solid #9299a7;padding-bottom:12px}.contact-form label>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:15px}.contact-form :is(input,select,textarea){width:100%;border:0;background:transparent;color:var(--ink);font:400 clamp(20px,2.4vw,31px)/1.25 Geist,sans-serif;outline:0;border-radius:0;resize:vertical}.contact-form :is(input,select,textarea)::placeholder{color:#858c9a}.contact-form label:focus-within{border-color:var(--ink)}.contact-form label:focus-within>span{color:var(--cobalt)}.contact-message{grid-column:1/-1}.contact-form-actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.contact-form-actions button{background:var(--ink);color:var(--paper);padding:17px 27px;border-radius:50px;transition:transform .3s var(--ease),background .3s}.contact-form-actions button:hover{transform:translateY(-3px);background:var(--cobalt)}.contact-form-actions button:disabled{opacity:.65;cursor:wait}.contact-form-actions p,.contact-form-status{font-size:12px;color:var(--muted)}.contact-form-status{min-height:1.6em;margin-top:15px}.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:760px){.hero-copy{top:29%}.name-track>span{font-size:30vw;line-height:1.08}.story-drift{left:4%;top:10%;width:75px;height:75px}.story-drift-second{right:3%;top:55%;width:65px;height:65px}.contact-form{margin-top:50px}.contact-form-grid{grid-template-columns:1fr;gap:24px}.contact-message{grid-column:1}.contact-form-intro{font-size:16px}}
@media(prefers-reduced-motion:reduce){.story-drift,.story-drift-second{transform:none!important}.contact-form-actions button:hover{transform:none}}

/* Keep the moving name legible on narrow screens and story objects reachable. */
.journey-layout{pointer-events:auto}.story-drift{z-index:4}
@media(max-width:760px){.name-track>span{font-size:24vw}}

/* The original black vector mark stays crisp at both header sizes. */
.brand-symbol{display:grid;place-items:center;flex:none;width:40px;height:36px}.wordmark .brand-symbol img{position:static;width:39px;height:34px;max-width:100%;object-fit:contain}
@media(max-width:760px){.brand-symbol{width:32px;height:30px}.wordmark .brand-symbol img{width:32px;height:29px}}

/* Deliberate hero-to-About handoff and stable navigation layer. */
.header{position:fixed;top:20px;transition:transform .8s var(--ease),opacity .55s ease,box-shadow .55s ease;will-change:transform}
.header.is-scrolled{position:fixed;top:20px;box-shadow:0 14px 38px #12151a10}
.header.is-hero-scrolling{transform:translate3d(0,calc(-100% - 42px),0);opacity:0;pointer-events:none}

.home-about-grid{position:relative;z-index:1}
.work-heading{scroll-margin-top:120px}
/* NexusOps uses the unaltered landscape capture in a restrained screen frame. */
.nexus-art .laptop{width:92%;max-width:1050px;transform:rotate(-2deg);filter:drop-shadow(0 25px 22px #15223a2c)}
.nexus-art .laptop img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1400/749;object-fit:contain}
.nexus-art .laptop>span{height:8px}
/* Animate composited transforms and opacity; avoid the former radius morph. */

.menu-panel::backdrop{animation:menu-backdrop-in .95s ease both}
.menu-panel.is-closing::backdrop{animation:menu-backdrop-out 1.1s ease both}
@keyframes menu-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes menu-backdrop-out{from{opacity:1}to{opacity:0}}
.menu-exit-label{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:var(--dark);color:var(--paper);font-family:var(--display);font-size:clamp(60px,10vw,150px);opacity:0;pointer-events:none}
@media(max-width:760px){.header,.header.is-scrolled{top:12px}.project-row>.nexus-art{height:330px}.nexus-art .laptop{width:94%;transform:rotate(-1deg)}.menu-exit-label{font-size:clamp(54px,14vw,100px)}}
@media(prefers-reduced-motion:reduce){.header{transition:none}.menu-panel::backdrop,.menu-panel.is-closing::backdrop{animation:none}.home-about-grid{transform:none!important;opacity:1!important}}

/* Story artifact and chapter navigation remain visible together. */


.journey-sticky:has(.story-artifact:not([hidden])) .journey-map{display:block;max-width:270px;margin-top:12px}
.journey-sticky:has(.story-artifact:not([hidden])) .journey-map svg{max-height:90px}
@media(max-width:760px){.hero-copy{top:42%}.journey-sticky:has(.story-artifact:not([hidden])) .journey-map{max-width:220px}}

/* Hero geometry: metadata has reserved rows; artwork alone is layered. */
.hero{position:relative;isolation:isolate;height:100svh;min-height:620px;overflow:hidden;background-color:var(--paper);background-image:linear-gradient(#282d3810 1px,transparent 1px),linear-gradient(90deg,#282d3810 1px,transparent 1px);background-size:12px 12px}
.hero-image{position:absolute;top:120px;left:50%;width:min(58vw,calc((100svh - 190px)*1.03),820px);z-index:2;transform:translateX(-50%);pointer-events:none}
.hero-meta{position:absolute;inset:auto var(--gutter) 26px;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:24px 30px;align-items:end;pointer-events:none}
.hero-meta>*{pointer-events:auto;position:static;width:fit-content;max-width:220px}
.hero-role{grid-column:1;grid-row:1;border-left:1px solid var(--ink);padding-left:18px;font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
.hero-role>span{display:block;text-transform:none;letter-spacing:0;margin-top:12px;color:var(--muted);font-size:12px}
.hero-location{grid-column:2;grid-row:1;justify-self:end;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.hero-location>span{font-size:18px;margin-right:8px}.hero-location small{font-size:11px;text-transform:none;letter-spacing:0;color:var(--muted)}
.hero-scroll{grid-column:1;grid-row:2;font-size:11px;display:flex;align-items:center;gap:14px}.hero-scroll>span{font-size:25px}
.motion-toggle{grid-column:2;grid-row:2;justify-self:end;font-size:11px;padding:8px;border-bottom:1px solid var(--line)}
.home-about{position:relative;z-index:3;background:var(--dark);color:var(--paper);margin:0;padding:95px 0 100px;border-radius:0;isolation:isolate}
.menu-panel{position:fixed;inset:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;background:transparent;color:var(--paper);padding:0;overflow:hidden}
.menu-panel::backdrop{backdrop-filter:none;background:#080f2166}
.menu-surface{margin-left:auto;width:min(780px,100%);height:100%;padding:32px clamp(25px,6vw,85px);overflow:auto;background:var(--dark);will-change:transform;overscroll-behavior:contain}
.menu-exit-label{transform:translateX(101%)}
@media(max-width:1100px) and (min-width:761px){.hero-meta{inset-inline:30px}.hero-meta>*{max-width:180px}.hero-role,.hero-location{font-size:10px}}
@media(max-width:760px){.hero{height:100svh;min-height:720px;background-size:10px 10px}.hero-image{top:180px;width:min(135vw,650px);left:48%}.hero-meta{inset:96px 22px 22px;grid-template-rows:auto 1fr auto;gap:18px 20px;align-items:start}.hero-meta>*{max-width:155px}.hero-role{border:0;padding:0;font-size:9px}.hero-role>span{display:none}.hero-location{font-size:9px}.hero-location>span{font-size:14px}.hero-location small{font-size:8px}.hero-scroll,.motion-toggle{grid-row:3;align-self:end;font-size:9px;background:#f4f1ebed;padding:8px 12px;border-radius:24px}.home-about{padding:65px 0 70px}.menu-surface{padding:25px}}
@media(prefers-reduced-motion:reduce){.home-about-grid{transform:none!important;opacity:1!important}}