:root{color-scheme:dark;--bg:#060912;--surface:#0b1423;--surface2:#101c2d;--ink:#f1f7ff;--muted:#aebdd0;--cyan:#84e7fa;--blue:#3f8fff;--line:#ffffff27;--max:1320px}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.58;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:.98;letter-spacing:-.065em}h1{font-size:clamp(4.3rem,8.7vw,9.5rem);font-weight:850}h2{font-size:clamp(3rem,6.4vw,6.4rem);font-weight:850}h3{font-size:clamp(1.5rem,2.4vw,2.8rem)}p{color:var(--muted)}img,video{display:block;max-width:100%}.shell{width:min(calc(100% - 80px),var(--max));margin-inline:auto}.eyebrow{font-size:.69rem;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);font-weight:800}.lead{font-size:clamp(1.15rem,2.1vw,1.75rem);max-width:800px;line-height:1.45}.skip-link{position:absolute;left:-9999px;z-index:100;background:white;color:#05121b;padding:10px 16px}.skip-link:focus{left:10px;top:10px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;z-index:110;pointer-events:none}.site-header{position:fixed;inset:0 0 auto;z-index:60;background:#060912d9;border-bottom:1px solid #ffffff19;backdrop-filter:blur(15px);transition:background .25s}.site-header.scrolled{background:#060912f2}.nav-shell{height:76px;display:flex;align-items:center;gap:32px}.wordmark{display:inline-flex;align-items:center;gap:12px;font-size:.88rem;font-weight:900;white-space:nowrap;letter-spacing:.11em}.wordmark i{font-style:normal;color:#8da8c0}.mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #84e7faaa;font-size:.8rem;letter-spacing:-.11em;color:var(--cyan);padding-right:.1em;box-shadow:inset 0 0 17px #34c1e52a}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(15px,2.1vw,32px)}.desktop-nav a{font-size:.79rem;font-weight:700;color:#bfcdde;transition:color .2s}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--cyan)}.header-cta{margin-left:5px;border:1px solid #7be5f987;font-size:.75rem;font-weight:800;padding:10px 15px;white-space:nowrap;transition:background .2s,color .2s}.header-cta:hover{background:var(--cyan);color:#05101a}.header-cta span{margin-left:9px}.menu-button,.mobile-nav{display:none}
.button{display:inline-flex;min-height:52px;align-items:center;justify-content:space-between;gap:34px;padding:11px 18px;font-size:.82rem;font-weight:850;line-height:1.2;border:1px solid var(--cyan);transition:transform .24s,background .24s,color .24s,border-color .24s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--cyan);color:#06111c}.button-primary:hover{background:#baf5ff;color:#06111c}.button-outline{background:#06111b5c;color:var(--ink);border-color:#9aabbc}.button-outline:hover{border-color:var(--cyan);color:var(--cyan)}
.hero{min-height:max(720px,100svh);position:relative;isolation:isolate;overflow:hidden;background:#060912;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#82dffb12 1px,transparent 1px),linear-gradient(90deg,#82dffb12 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,#000,transparent 80%)}.hero:after{content:"";position:absolute;z-index:-1;right:0;top:12%;width:53vw;aspect-ratio:1;border:1px solid #9beaff2d;border-radius:50%;box-shadow:0 0 0 80px #6ddaff0b,0 0 0 160px #6ddaff05;pointer-events:none;opacity:.75}.hero-shell{position:relative;min-height:inherit;display:flex;align-items:center;padding-top:125px;padding-bottom:105px}.hero-copy{max-width:800px}.hero-copy .eyebrow{margin-bottom:32px}.hero h1{font-size:clamp(4.5rem,8.5vw,9rem);white-space:nowrap;text-transform:uppercase;text-shadow:0 10px 40px #05080db8}.hero h1 span{color:var(--cyan)}.hero-lead{color:#d5e2f1;font-size:clamp(1rem,1.45vw,1.25rem);max-width:485px;margin:34px 0 32px;text-shadow:0 2px 12px #060912}.hero-actions,.cta-links{display:flex;flex-wrap:wrap;gap:12px}.hero-modes{position:absolute;bottom:92px;right:0;display:flex;gap:7px;align-items:center;flex-direction:column}.hero-modes>span{font-size:.63rem;letter-spacing:.19em;color:#acc4d6;margin-bottom:8px}.mode-button{width:125px;text-align:left;border:1px solid transparent;background:#07132099;color:#b9cee0;padding:7px 9px;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.mode-button.selected,.mode-button:hover{border-color:#7ce5fb80;color:var(--cyan);background:#071725d6}.hero[data-mode=developer] .hero-grid{opacity:.8;background-size:48px 48px}.hero[data-mode=designer]:after{transform:scale(.87);border-color:#b6f7ff88}.hero[data-mode=builder] .scroll-hint{position:absolute;bottom:34px;left:0;color:#a7bed0;font-size:.69rem;text-transform:uppercase;letter-spacing:.17em}.scroll-hint span{color:var(--cyan);margin-left:20px}
.statement{padding:155px 0 170px;border-top:1px solid var(--line);background:radial-gradient(circle at 88% 44%,#102d4b,transparent 44%),#070d18}.statement h2{font-size:clamp(3.3rem,6.5vw,7rem);margin:25px 0 40px;text-transform:uppercase}.statement em{font-style:normal;color:var(--cyan)}.statement p:last-child{font-size:1.1rem}.section{padding:125px 0;border-top:1px solid #ffffff16;position:relative}.section:nth-of-type(2n){background:#090f1b}.section-top{display:grid;grid-template-columns:190px 1fr;align-items:start;gap:30px;margin-bottom:56px}.section-top .eyebrow{padding-top:12px}.section-top h2{text-transform:uppercase}.section-action{display:flex;justify-content:flex-end;margin-top:40px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px 26px}.project-card{min-width:0}.project-large{grid-column:1/-1}.project-cover{display:block;overflow:hidden;background:#112038}.project-art{--accent:#4ba6d4;position:relative;aspect-ratio:1.42;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 75% 38%,color-mix(in srgb,var(--accent) 65%,transparent),transparent 50%),linear-gradient(140deg,#163249,#081321 70%)}.project-large .project-art{aspect-ratio:2.16}.theme-table{--accent:#c9855e;background:radial-gradient(circle at 73% 38%,#a4583bba,transparent 49%),linear-gradient(135deg,#392020,#160e15)}.theme-form{--accent:#aca68b;background:radial-gradient(circle at 73% 38%,#868274ad,transparent 50%),linear-gradient(135deg,#343934,#151c1b)}.theme-counter{--accent:#818bcf;background:radial-gradient(circle at 73% 38%,#626db7a8,transparent 50%),linear-gradient(135deg,#222d55,#0c1225)}.theme-atlas{--accent:#6dbdb0;background:radial-gradient(circle at 73% 38%,#479f97a8,transparent 50%),linear-gradient(135deg,#183e43,#0a1b20)}.art-disc{position:absolute;width:72%;aspect-ratio:1;border:1px solid #ffffff36;border-radius:50%;transform:translate(30%,10%);box-shadow:0 0 0 60px #ffffff09,0 0 0 120px #ffffff05}.art-device{position:relative;width:68%;height:65%;border-radius:9px;background:#0a1423e5;border:1px solid #ffffff67;box-shadow:0 30px 75px #0009,0 0 55px color-mix(in srgb,var(--accent) 30%,transparent);transform:perspective(1000px) rotateY(-10deg) rotateX(5deg) translateY(4%);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.project-cover:hover .art-device{transform:perspective(1000px) rotateY(-3deg) rotateX(1deg) translateY(-2%)}.device-bar{display:flex;gap:5px;align-items:center;height:12%;padding:0 4%;border-bottom:1px solid #ffffff2d}.device-bar i{width:5px;height:5px;background:#a2b4c4;border-radius:50%}.device-bar span{font-size:clamp(.43rem,.65vw,.68rem);color:#9faec0;margin-left:auto}.device-content{height:88%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:5% 7%;background:linear-gradient(105deg,#0a1424f0,#0a142455),radial-gradient(circle at 80% 50%,var(--accent),transparent 60%)}.device-content small{font-size:clamp(.5rem,.7vw,.8rem);letter-spacing:.17em;text-transform:uppercase;color:#deecf5}.device-content strong{font-size:clamp(1.55rem,3.6vw,4.8rem);line-height:1;letter-spacing:-.075em;margin:4% 0;color:white}.device-content em{font-style:normal;color:#d3e2eb;font-size:clamp(.48rem,.85vw,1rem)}.device-content b{border:1px solid #ffffffaa;padding:.5em 1em;margin-top:5%;font-size:clamp(.45rem,.67vw,.75rem);font-weight:600}.project-caption{display:grid;grid-template-columns:120px 1fr auto;align-items:end;gap:24px;padding:27px 0;border-bottom:1px solid var(--line)}.project-caption h3{margin:8px 0 12px}.project-caption h3 a:hover{color:var(--cyan)}.project-caption p:not(.eyebrow){max-width:510px}.project-num{font-size:.7rem;color:#9bb2c7;letter-spacing:.12em}.case-link{white-space:nowrap;font-size:.8rem;font-weight:800;color:var(--cyan)}.case-link:hover{text-decoration:underline;text-underline-offset:5px}.project-card:not(.project-large) .project-caption{grid-template-columns:1fr auto}.project-card:not(.project-large) .project-num{grid-column:1/-1}
.service-list{border-top:1px solid var(--line)}.service-line{display:grid;grid-template-columns:65px minmax(230px,1fr) minmax(230px,.8fr) 35px;gap:26px;align-items:center;border-bottom:1px solid var(--line);padding:29px 10px;transition:background .25s,padding .25s}.service-line:hover{background:#12304a86;padding-left:26px}.service-index{color:var(--cyan);font-size:.79rem}.service-line h3{font-size:clamp(1.4rem,2.4vw,2.7rem)}.service-line p{font-size:.89rem}.service-arrow{font-size:1.5rem;color:var(--cyan)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line)}.value-card{background:#0c1626;min-height:330px;padding:40px 32px}.value-card>span{display:block;color:var(--cyan);font-size:1.7rem;margin-bottom:70px}.value-card h3{margin-bottom:16px}.value-card p{font-size:.95rem}.process-track{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--cyan)}.process-stop{padding:28px 10px 35px 0;border-right:1px solid var(--line)}.process-stop span{display:block;color:var(--cyan);font-size:.75rem}.process-stop strong{display:block;margin-top:25px;font-size:.95rem}.about-split{display:grid;grid-template-columns:1fr 1fr;min-height:480px;background:#0c192b}.about-monogram{position:relative;display:grid;place-items:center;overflow:hidden;min-height:420px;background:radial-gradient(circle,#165276,#0d263f 45%,#091725 75%)}.monogram-rings,.monogram-rings:after{position:absolute;display:block;width:70%;aspect-ratio:1;border:1px solid #8decff72;border-radius:50%;content:""}.monogram-rings:after{width:70%;top:15%;left:15%;border-color:#a2eeff4a}.about-monogram>span{position:relative;font-size:clamp(6rem,12vw,12rem);font-weight:900;letter-spacing:-.17em;color:var(--cyan);padding-right:.17em;text-shadow:0 0 55px #3bb9e8}.about-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:22px;padding:clamp(30px,6vw,90px)}.about-text p{font-size:clamp(1.13rem,1.8vw,1.55rem);line-height:1.5}.about-text .button{margin-top:15px}.faq-list{max-width:950px;margin-left:auto;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 6px;font-weight:700;font-size:clamp(1.03rem,1.5vw,1.35rem)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{color:var(--cyan);font-size:1.7rem;font-weight:300;transition:transform .2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{padding:0 6px 24px;max-width:710px}
.end-cta{padding:125px 0 130px;border-top:1px solid #8de8f862;background:radial-gradient(circle at 82% 40%,#124769,transparent 45%),#081725}.end-cta h2{font-size:clamp(4rem,10vw,10rem);margin:23px 0 52px;text-transform:uppercase;line-height:.9}.end-cta em{font-style:normal;color:var(--cyan)}.footer{background:#04060b;padding:80px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:95px}.footer-brand{font-size:clamp(3.6rem,7.3vw,7.5rem);font-weight:900;line-height:.75;letter-spacing:-.095em}.footer-brand span{color:var(--cyan)}.footer-grid p{margin-top:25px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-grid>div:not(:first-child) p{margin:0 0 10px}.footer-grid a:hover{color:var(--cyan)}.footer-grid .footer-muted{font-size:.8rem;margin-top:13px!important;color:#91a2b5}.footer-base{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#9fb0c2;font-size:.75rem}.footer-base a:hover{color:var(--cyan)}
.page-hero{min-height:550px;padding:190px 0 115px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 77% 37%,#153454,transparent 42%),#080f1d}.page-hero .shell{position:relative;z-index:1}.page-hero h1{max-width:1100px;margin:23px 0 28px;text-transform:uppercase}.page-orbit{position:absolute;width:600px;aspect-ratio:1;border:1px solid #86e6fb42;border-radius:50%;right:-130px;top:12%;box-shadow:0 0 0 70px #7ee5ff0b,0 0 0 140px #7ee5ff05}.case-hero{padding:165px 0 0;background:radial-gradient(circle at 77% 17%,#102e4c,transparent 50%)}.case-hero h1{margin:20px 0 22px;text-transform:uppercase}.case-facts{display:flex;gap:28px;flex-wrap:wrap;margin:50px 0 30px;color:#abc1d4;font-size:.72rem;letter-spacing:.1em}.case-hero .project-art{aspect-ratio:2.1}.case-columns{display:grid;grid-template-columns:1fr 1fr;gap:10%}.case-columns h3{font-size:1.35rem;margin-bottom:9px}.case-columns h3:not(:first-child){margin-top:32px}.case-columns .button{margin-top:28px}.feature-rows{border-top:1px solid var(--line)}.feature-row{display:grid;grid-template-columns:100px 1fr;align-items:center;padding:29px 0;border-bottom:1px solid var(--line)}.feature-row span{color:var(--cyan)}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip-row span{padding:10px 15px;border:1px solid #688498;color:#d3e3ef;font-size:.86rem}.case-note{margin-top:26px;font-size:.84rem}.media-slot{min-height:340px;background:radial-gradient(circle at 50% 45%,#193e5b,#091828 65%);border:1px solid var(--line);display:grid;place-content:center;text-align:center;gap:10px;padding:35px}.media-slot span{font-size:4rem;color:var(--cyan)}.media-slot p{max-width:430px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px}.gallery img{width:100%;height:auto}.video-frame{border:1px solid #658097;border-radius:10px;overflow:hidden;background:#0d1725;box-shadow:0 25px 70px #0009}.video-bar{height:36px;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid var(--line)}.video-bar i{width:7px;height:7px;background:#93a8ba;border-radius:50%}.video-bar span{margin:auto;font-size:.68rem;color:#a4b8c9}.video-stage{position:relative}.video-stage video{width:100%;aspect-ratio:16/9;background:#0c1726}.video-start{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);min-height:52px;padding:12px 20px;background:var(--cyan);border:0;color:#06111c;font-weight:800}.video-start[hidden]{display:none}.next-work{padding:100px 0;background:#10213a}.next-work a{display:flex;justify-content:space-between;gap:15px;font-size:clamp(2.5rem,6vw,6.5rem);line-height:1.1;letter-spacing:-.06em;font-weight:850}.next-work a:hover{color:var(--cyan)}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-tile{display:flex;flex-direction:column;min-height:330px;padding:36px;background:linear-gradient(135deg,#13263e,#0a1524);border:1px solid var(--line);transition:transform .25s,border-color .25s}.service-tile:nth-child(3n){background:linear-gradient(135deg,#101b2e,#08121e)}.service-tile:hover{transform:translateY(-5px);border-color:var(--cyan)}.tile-top{display:flex;justify-content:space-between;color:var(--cyan);font-size:.73rem;letter-spacing:.14em}.tile-top small{font-size:.7rem}.service-tile h3{margin:40px 0 16px}.service-tile p{max-width:460px}.service-tile a{margin-top:auto;padding-top:25px;color:var(--cyan);font-size:.82rem;font-weight:800}.portrait-slot small{position:absolute;bottom:23px;color:#bed0dd;letter-spacing:.13em;font-size:.63rem}.timeline{max-width:960px;margin-left:auto;border-left:1px solid #5facc0}.timeline-step{display:grid;grid-template-columns:110px 1fr;gap:20px;position:relative;padding:30px 0 42px 35px;border-bottom:1px solid var(--line)}.timeline-step:before{position:absolute;content:"";width:9px;height:9px;border-radius:50%;background:var(--cyan);top:38px;left:-5px}.timeline-step>span{color:var(--cyan)}.timeline-step h3{margin-bottom:15px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.contact-grid h2{margin:24px 0;font-size:clamp(3rem,4.5vw,5rem)}.mail-link{display:inline-block;margin-top:30px;color:var(--cyan);font-weight:800}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.83rem;font-weight:700}.field label b{color:var(--cyan)}.field input,.field select,.field textarea{background:#0f1a2a;color:var(--ink);border:1px solid #75889c;width:100%;min-height:48px;padding:12px;border-radius:0}.field input::placeholder,.field textarea::placeholder{color:#a1b3c5}.field textarea{min-height:160px;resize:vertical}.field .button{align-self:flex-start}.field #form-status{font-size:.83rem}.utility-action{padding:0 0 90px}
.intro{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;background:#060912;pointer-events:none;animation:intro-exit .4s .55s both}.intro-mark{display:grid;place-items:center;width:70px;height:70px;border:1px solid var(--cyan);color:var(--cyan);font-size:1.35rem;font-weight:900;letter-spacing:-.13em;box-shadow:0 0 50px #39bde84a;animation:intro-enter .45s both}.intro-name{font-size:.7rem;letter-spacing:.22em;font-weight:800;color:#d8eff5}@keyframes intro-enter{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes intro-exit{to{opacity:0;visibility:hidden}}.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.motion-ready .reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.desktop-nav{gap:14px}.header-cta{display:none}.hero h1{font-size:clamp(4.2rem,8vw,7.5rem)}.hero-modes{display:none}.project-caption{grid-template-columns:1fr auto}.project-num{grid-column:1/-1}.process-track{grid-template-columns:repeat(4,1fr)}}
@media(max-width:860px){.shell{width:min(calc(100% - 42px),var(--max))}.nav-shell{height:70px}.desktop-nav{display:none}.menu-button{display:flex;margin-left:auto;width:48px;height:48px;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:#102034;border:1px solid #79e1f39a}.menu-button span{width:21px;height:2px;background:var(--cyan);transition:transform .25s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-nav{display:flex;visibility:hidden;transform:translateX(105%);transition:transform .32s,visibility .32s;position:fixed;inset:70px 0 0;z-index:59;flex-direction:column;overflow-y:auto;padding:20px 30px 55px;background:#07111ff7}.mobile-nav.open{visibility:visible;transform:none}.mobile-nav a{display:flex;gap:17px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:clamp(1.6rem,5vw,2.8rem);font-weight:800;letter-spacing:-.05em}.mobile-nav a small{font-size:.65rem;color:var(--cyan);letter-spacing:0}.mobile-nav a span{margin-left:auto;color:var(--cyan);font-size:1rem}.mobile-nav .mobile-contact{color:var(--cyan);margin-top:17px}.hero{min-height:780px}.hero-shell{align-items:flex-end;padding-top:350px;padding-bottom:95px}.hero h1{font-size:clamp(4rem,9vw,6.5rem)}.hero:after{width:70vw;top:8%}.section{padding:90px 0}.section-top{grid-template-columns:1fr;gap:14px;margin-bottom:42px}.section-top .eyebrow{padding:0}.project-grid{gap:45px 18px}.value-card{min-height:300px;padding:30px 22px}.value-card>span{margin-bottom:40px}.about-split{grid-template-columns:1fr}.about-monogram{min-height:370px}.footer-grid{grid-template-columns:1.5fr 1fr;gap:50px}.footer-grid>div:last-child{grid-column:1/-1}.contact-grid{grid-template-columns:1fr;gap:55px}}
@media(max-width:650px){h1{font-size:clamp(3.15rem,12vw,5rem)}h2{font-size:clamp(2.6rem,10vw,4rem)}.hero{min-height:100svh}.hero-shell{padding-top:315px;padding-bottom:85px}.hero-copy .eyebrow{font-size:.56rem;margin-bottom:15px}.hero h1{font-size:clamp(3.3rem,12.2vw,5.5rem);white-space:normal}.hero-lead{font-size:.99rem;max-width:365px;margin:22px 0}.hero-actions{gap:9px}.hero-actions .button{min-height:47px;gap:10px;padding:10px 12px;font-size:.73rem}.scroll-hint{bottom:26px}.statement{padding:95px 0}.statement h2{font-size:clamp(2.65rem,9.5vw,4rem)}.section{padding:75px 0}.project-grid,.value-grid,.services-grid,.case-columns,.contact-form{grid-template-columns:1fr}.project-large{grid-column:auto}.project-grid{gap:38px}.project-art,.project-large .project-art,.case-hero .project-art{aspect-ratio:1.25}.art-device{width:78%;height:62%}.device-content strong{font-size:clamp(1.65rem,6vw,3rem)}.device-content small,.device-content em,.device-content b{font-size:.56rem}.project-caption,.project-card:not(.project-large) .project-caption{grid-template-columns:1fr auto;gap:12px}.project-caption h3{font-size:1.75rem}.case-link{grid-column:1/-1}.service-line{grid-template-columns:32px 1fr 25px;gap:13px;padding:22px 2px}.service-line h3{font-size:1.45rem}.service-line p{grid-column:2}.service-arrow{grid-column:3;grid-row:1/3}.value-card{min-height:auto}.value-card>span{margin-bottom:22px}.process-track{grid-template-columns:repeat(2,1fr)}.process-stop{padding-bottom:27px}.about-monogram{min-height:310px}.end-cta{padding:95px 0}.end-cta h2{font-size:clamp(3.4rem,12vw,6rem)}.footer-grid{grid-template-columns:1fr;gap:40px;padding-bottom:60px}.footer-grid>div:last-child{grid-column:auto}.footer-base{flex-wrap:wrap}.page-hero{min-height:475px;padding:150px 0 80px}.page-hero h1{overflow-wrap:anywhere}.case-hero{padding-top:150px}.case-facts{gap:12px;margin:35px 0 20px}.case-facts span{font-size:.62rem}.feature-row{grid-template-columns:55px 1fr}.gallery{grid-template-columns:1fr}.timeline-step{grid-template-columns:55px 1fr;padding-left:21px}.field.full{grid-column:auto}.contact-grid h2{font-size:3rem}}
@media(max-width:360px){.shell{width:calc(100% - 32px)}.wordmark{font-size:.74rem}.mark{width:34px;height:34px}.hero-shell{padding-top:295px}.hero h1{font-size:3.02rem}.hero-lead{font-size:.92rem}.hero-actions .button{font-size:.68rem}.page-hero h1{font-size:3rem}.service-line h3{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1;transform:none}.intro{display:none}}

/* Cinematic portfolio direction */
:root{--bg:#050505;--surface:#0d0d0d;--surface2:#141010;--ink:#fff;--muted:#aaa;--cyan:#d71920;--blue:#c1121f;--line:#ffffff29}
body{background:#050505;color:#fff}
.site-header,.site-header.scrolled{background:#050505d9;border-color:#ffffff19}
.wordmark i{color:#bbb}.mark{border-color:#d71920;color:#fff;box-shadow:none}
.desktop-nav a{color:#d0d0d0;text-transform:uppercase;letter-spacing:.14em;font-size:.67rem}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#fff;text-decoration:underline;text-decoration-color:#d71920;text-underline-offset:8px}
.header-cta{display:none}.eyebrow{color:#e2373d}.button-primary{color:#fff}.button-primary:hover{background:#b81921;color:#fff}
.hero{min-height:100svh;min-height:max(680px,100svh);background:#050505;isolation:isolate}
.hero-visual{position:absolute;z-index:-3;inset:0;overflow:hidden;transform:translate3d(var(--pointer-x,0px),calc(var(--pointer-y,0px) + var(--hero-shift,0px)),0) scale(var(--hero-scale,1.015));transition:transform .6s cubic-bezier(.2,.7,.2,1);will-change:transform}
.hero-video{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}
.hero-ambient{position:absolute;z-index:-4;inset:7% 18%;background:radial-gradient(ellipse,#9e0e1a22,transparent 65%);transform:translate(var(--ambient-x,0px),var(--ambient-y,0px));transition:transform .7s ease}
.hero-vignette{position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(90deg,#050505ed 0%,#050505a8 24%,transparent 46%,#05050533 72%,#050505d9 100%),linear-gradient(0deg,#050505 0%,transparent 20%,transparent 82%,#05050555 100%)}
.hero-grid,.hero:after,.hero-modes{display:none}
.hero-shell{display:grid;grid-template-columns:minmax(260px,1fr) minmax(170px,1fr);align-items:center;padding-top:110px;padding-bottom:125px}
.hero-copy{max-width:410px;opacity:var(--hero-opacity,1);transform:translateY(var(--hero-shift,0px));transition:opacity .12s linear}
.hero-copy .eyebrow{margin-bottom:19px;font-size:.63rem;letter-spacing:.22em}
.hero h1{font-size:clamp(2.8rem,3.8vw,5rem);line-height:1.03;letter-spacing:-.065em;white-space:normal;text-shadow:0 3px 24px #000}
.hero h1 span{color:#fff}.hero-lead{max-width:330px;color:#c9c9c9;font-size:clamp(.83rem,1vw,.95rem);line-height:1.7;margin:25px 0 0;text-shadow:0 2px 8px #000}
.hero-work{justify-self:end;align-self:center;margin-top:22vh;padding:12px 0;border-bottom:1px solid #d71920;color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.19em;transition:color .2s,transform .2s}
.hero-work:hover{color:#e31b23;transform:translateX(4px)}.hero-work span{margin-left:22px;color:#e31b23;font-size:1rem}
.hero-bottom{position:absolute;bottom:31px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;font-size:.61rem;color:#aaa;letter-spacing:.16em}
.hero-social{display:flex;gap:24px}.hero-social:empty{display:none}.hero-social a:hover{color:#e31b23}
.hero .scroll-hint{left:50%;bottom:30px;transform:translateX(-50%);white-space:nowrap;color:#aaa;font-size:.59rem}
.statement{background:radial-gradient(circle at 90% 50%,#390b0e,transparent 45%),#080808}
.section:nth-of-type(2n){background:#090909}.project-cover{background:#101010}
.project-art,.theme-table,.theme-form,.theme-counter,.theme-atlas{--accent:#ba1922;background:radial-gradient(circle at 72% 45%,#501015,transparent 50%),linear-gradient(140deg,#1b1515,#080808 70%)}
.art-disc{border-color:#b51a2255;box-shadow:0 0 0 60px #bd1b2108,0 0 0 120px #bd1b2105}
.art-device{background:#120e0e;border-color:#ffffff5e;box-shadow:0 30px 75px #000a,0 0 55px #9e141525}
.device-content{background:linear-gradient(105deg,#120a0af0,#120a0a55),radial-gradient(circle at 80% 50%,#a21b27,transparent 60%)}
.device-content small,.device-content em{color:#ddd}.device-bar span{color:#aaa}
.service-line:hover{background:#2a0c0f}.value-card{background:#111}.about-split{background:#111}
.about-monogram{background:radial-gradient(circle,#4c1118,#1b0b0d 50%,#080808 75%)}
.monogram-rings,.monogram-rings:after{border-color:#d7192080}.about-monogram>span{text-shadow:0 0 55px #d71920}
.end-cta{border-color:#b51d2259;background:radial-gradient(circle at 85% 40%,#370b10,transparent 45%),#090909}
.end-cta h2{font-size:clamp(3.1rem,8vw,8.5rem);overflow-wrap:anywhere}.footer{background:#050505}
.page-hero{background:radial-gradient(circle at 77% 37%,#370b10,transparent 42%),#080808}
.page-orbit{border-color:#d719204a;box-shadow:0 0 0 70px #d7192009,0 0 0 140px #d7192005}
.case-hero{background:radial-gradient(circle at 77% 17%,#330b11,transparent 50%)}.media-slot{background:radial-gradient(circle at 50% 45%,#2f1015,#090909 65%)}
.video-frame{border-color:#693238;background:#0d0d0d}.video-stage video{background:#0d0d0d}.video-start{color:#fff}.next-work{background:#170b0d}
.service-tile,.service-tile:nth-child(3n){background:linear-gradient(135deg,#211012,#0b0b0b)}
.field input,.field select,.field textarea{background:#111;color:#fff;border-color:#777}.field input::placeholder,.field textarea::placeholder{color:#aaa}
.intro{background:#050505}.intro-mark{box-shadow:0 0 50px #d7192050}.intro-name{color:#ddd}
@media(max-width:860px){.menu-button{background:#110a0b;border-color:#b5202b}.menu-button span{background:#e31b23}.mobile-nav{background:#080808f9}.hero{min-height:100svh}.hero-visual{inset:0}.hero-video{object-fit:cover;object-position:center}.hero-vignette{background:linear-gradient(0deg,#050505 0%,#050505b0 25%,transparent 50%,#05050555 100%),linear-gradient(90deg,#05050544,transparent 24%,transparent 76%,#05050544)}.hero-shell{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;min-height:100svh;padding-top:42svh;padding-bottom:96px}.hero-copy{max-width:460px}.hero h1{font-size:clamp(2.6rem,6vw,4.3rem)}.hero-lead{margin-top:14px}.hero-work{align-self:flex-start;margin-top:23px}.hero-bottom{bottom:18px}.hero .scroll-hint{display:none}}
@media(max-width:650px){.hero{min-height:100svh}.hero-visual{height:63svh;bottom:auto}.hero-video{object-fit:cover;object-position:center 42%}.hero-vignette{background:linear-gradient(0deg,#050505 1%,#050505e5 29%,#05050555 46%,transparent 65%,#05050577 100%)}.hero-shell{padding-top:48svh;padding-bottom:68px;justify-content:flex-end}.hero-copy .eyebrow{font-size:.51rem;margin-bottom:10px}.hero h1{font-size:clamp(2.35rem,9vw,3.7rem);line-height:.98}.hero-lead{font-size:.8rem;line-height:1.45;margin-top:12px;max-width:310px}.hero-work{margin-top:15px;font-size:.66rem}.hero-bottom{bottom:14px}.end-cta h2{font-size:clamp(2.9rem,11vw,5rem)}}
@media(max-width:360px){.hero-shell{padding-top:44svh;padding-bottom:64px}.hero h1{font-size:2.23rem}.hero-lead{font-size:.75rem}.hero-video{object-position:center 42%}.hero-bottom{font-size:.53rem}}
@media(prefers-reduced-motion:reduce){.hero-visual,.hero-copy{transform:none!important;opacity:1!important}.hero-video{display:none}.hero-visual{background:#050505 url('/media/hero/anza-hero-poster.webp') center/cover no-repeat}}

/* Alternate editorial rhythm in the selected work sequence. */
.featured .project-grid{grid-template-columns:1fr;gap:85px}.featured .project-large{grid-column:auto}.featured .project-card:nth-child(even){width:82%;margin-left:auto}.featured .project-card:nth-child(odd){width:87%}.featured .project-art{aspect-ratio:2.12}
@media(max-width:650px){.featured .project-card:nth-child(n){width:100%;margin-left:0}.featured .project-art{aspect-ratio:1.25}}

.desktop-nav a[aria-current=location],.mobile-nav a[aria-current=location]{color:#fff;text-decoration:underline;text-decoration-color:#d71920;text-underline-offset:8px}
.case-facts,.project-num,.footer-base,.footer-grid .footer-muted,.video-bar span{color:#aaa}
.chip-row span{border-color:#555;color:#d0d0d0}.timeline{border-color:#d71920}
.video-frame{box-shadow:0 25px 70px #0009}.video-bar i{background:#777}
.mobile-nav a small,.mobile-nav a span{color:#e2373d}

/* The cinematic film stays clean beneath the site-wide cursor. */
.hero-visual{mix-blend-mode:normal}

/* Supplied brand mark: preserve source pixels, present navy/blue as warm white/red on dark surfaces. */
.brand-logo{display:block;flex:none;object-fit:contain;object-position:center}
.brand-logo-header{width:68px;height:48px}
.footer-brand{display:inline-flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:clamp(2.4rem,4.6vw,5rem);line-height:1;letter-spacing:-.075em}
.brand-logo-footer{width:120px;height:86px}
.footer-brand span{color:#fff}
@media(max-width:360px){.brand-logo-header{width:58px;height:42px}.wordmark{gap:8px}}

/* The mobile overlay is a sibling of the filtered header, so fixed positioning uses the viewport. */
@media(max-width:860px){
  .site-header{padding-top:env(safe-area-inset-top,0px)}
  body.menu-open{position:fixed;top:var(--menu-scroll-top,0px);left:0;width:100%;overflow:hidden}
  body.menu-open .site-header{z-index:1001;background:#080808;border-bottom-color:#ffffff24}
  .mobile-nav{position:fixed;inset:0;z-index:1000;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:clamp(4px,1vh,12px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:calc(86px + env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(28px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));background:#080808fa;transform:translateX(100%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility .32s}
  .mobile-nav.open{transform:translateX(0);visibility:visible}
  .mobile-nav a{min-height:62px;padding:12px 0;font-size:clamp(2rem,7vw,3.2rem);line-height:1.1}
  .mobile-nav .mobile-contact{font-size:clamp(1.45rem,5vw,2rem);margin-top:10px}
  .menu-button{position:relative;z-index:1002;flex:none}
}

/* The cursor is a separate fixed overlay; the mobile menu remains unchanged. */
.hero-ambient{z-index:0}
.hero-visual{z-index:1}
.hero-vignette{z-index:2}
.hero-shell{z-index:3}
.dot-cursor-canvas{position:fixed;inset:0;width:100vw;height:100dvh;z-index:900;pointer-events:none;display:block}
html.dot-cursor-active,html.dot-cursor-active *{cursor:none!important}
@media(max-width:899px),(prefers-reduced-motion:reduce){.dot-cursor-canvas{display:none}}
.skip-link:focus{z-index:1100}

/* Real portfolio: existing typography, black surfaces and deep-red accent. */
.real-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 32px}.real-project-grid .project-card{min-width:0}.real-project-cover{display:block;aspect-ratio:16/10;border:1px solid #242424;border-radius:12px;overflow:hidden;background:#111}.real-project-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s}.real-project-cover:hover img{transform:scale(1.02)}.project-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px}.project-links .case-link{font-size:.73rem;white-space:normal}.private-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.private-system-card{border:1px solid #2a2a2a;border-top:2px solid #C91422;padding:32px;border-radius:12px;background:#0a0a0a}.private-system-card h3{font-size:clamp(1.5rem,3vw,2.3rem);margin:20px 0}.private-category{color:#eee}.private-system-card p:last-child{color:#999;line-height:1.7}.case-screenshot{margin:40px 0 0}.case-screenshot img,.project-gallery img{width:100%;height:auto;display:block;border-radius:12px;border:1px solid #282828}.case-screenshot figcaption,.project-gallery figcaption{font-size:.72rem;color:#888;margin-top:12px;line-height:1.6}.project-gallery figure{margin:0}.project-live-action{padding-bottom:64px}.project-live-action .case-link{font-size:1rem}.case-hero h1{overflow-wrap:anywhere}.feature-row h3{font-size:clamp(1rem,2vw,1.5rem);line-height:1.5}.page-hero{padding-bottom:70px;min-height:0}.section{padding-top:90px;padding-bottom:90px}.page-hero .lead{max-width:720px}.case-columns>*,.contact-grid>*{min-width:0}.contact-section h2{overflow-wrap:anywhere}
.smooth-work-slider{position:relative;min-width:0}.work-slider-viewport{position:relative;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#C91422 #171717;padding:20px 0 16px;outline-offset:5px}.work-slider-track{display:flex;gap:28px;width:max-content;padding:0 2px}.work-slide{flex:0 0 auto;width:min(74vw,930px);scroll-snap-align:center;transform:scale(var(--slide-scale,1));opacity:var(--slide-opacity,1);transform-origin:center;transition:opacity .15s;min-width:0}.work-slide a{display:block}.work-slide-image{aspect-ratio:16/10;overflow:hidden;border-radius:12px;background:#111;border:1px solid #282828}.work-slide-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;user-select:none;-webkit-user-drag:none}.work-slide-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px 8px}.work-slide-caption h3{font-size:clamp(1.3rem,3vw,2.4rem);margin:8px 0;color:#fff}.work-slide-caption>span{font-size:.7rem;white-space:nowrap;color:#ddd}.work-slider-controls{display:flex;align-items:center;gap:12px;padding-top:18px}.work-slider-controls p{font-size:.7rem;color:#888;margin-right:auto}.work-slider-status{color:#aaa;font-size:.7rem}.work-slider-controls button{width:44px;height:44px;border:1px solid #333;border-radius:50%;background:#111;color:#fff;font-size:1.1rem;cursor:pointer}.work-slider-controls button:hover{background:#C91422;border-color:#C91422}.slider-loop .work-slider-viewport{scroll-snap-type:none;cursor:grab}.slider-dragging .work-slider-viewport{cursor:grabbing}.slider-dragging{user-select:none}.featured .section-top{margin-bottom:36px}
@media(max-width:899px){.work-slide{width:82vw}.work-slider-track{gap:16px}.work-slide-caption{align-items:flex-start}.work-slide-caption>span{font-size:.6rem}.real-project-grid{gap:40px 22px}.private-system-card{padding:24px}.section{padding-top:66px;padding-bottom:66px}.page-hero{padding-bottom:48px}.desktop-nav{gap:20px}}
@media(max-width:600px){.real-project-grid,.private-system-grid{grid-template-columns:minmax(0,1fr)}.work-slide{width:calc(100vw - 44px)}.work-slide-caption{flex-direction:column;gap:4px}.work-slider-controls p{max-width:140px;line-height:1.6}.work-slider-controls{gap:8px}.work-slider-track{gap:12px}.private-system-card{padding:22px}.next-work a{font-size:clamp(1.7rem,7vw,3rem)}.feature-row{gap:16px}.case-hero{padding-top:130px}.section-top h2{overflow-wrap:anywhere}.project-caption h3{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.work-slide{transform:none;transition:none}.real-project-cover img{transition:none}.work-slider-viewport{scroll-behavior:auto}}



/* Archive information is one readable stack, independent of the old caption grid. */
.real-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;align-items:start}
.work-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px 0 28px;border-bottom:1px solid var(--line);min-width:0}
.work-card-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;width:100%}
.work-card-number{font-size:.7rem;letter-spacing:.12em;color:#999}
.work-card-meta .eyebrow{margin:0;font-size:.64rem;line-height:1.6}
.work-card-body h3{margin:0;font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.12;letter-spacing:-.045em;max-width:100%}
.work-card-description{margin:0;width:100%;max-width:50ch;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.65;color:#aaa;text-align:left}
.work-card-actions{display:flex;flex-wrap:wrap;gap:12px 24px;width:100%;margin-top:4px}
.work-card-actions .case-link{display:inline-flex;align-items:center;white-space:nowrap;font-size:.78rem;line-height:1.5;padding:6px 0}
@media(max-width:1023px){.real-project-grid{grid-template-columns:minmax(0,1fr);gap:40px}.work-card-description{max-width:55ch}.work-card-body h3{font-size:clamp(1.8rem,4vw,2.5rem)}}
@media(max-width:600px){.work-card-body{gap:14px;padding:20px 0 24px}.work-card-description{max-width:100%;font-size:1rem}.work-card-actions{gap:10px 20px}}

/* Verified public contact details: readable links within the existing layout. */
.contact-details{display:grid;gap:18px;margin:28px 0 0;min-width:0}.contact-details dt{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#999}.contact-details dd{margin:0;min-width:0}.contact-details .mail-link{display:block;min-height:44px;padding:10px 0;margin:0;max-width:100%;font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.5;overflow-wrap:anywhere}.footer-grid>div{min-width:0}.footer-grid .footer-contact-link{display:block;min-height:44px;padding:10px 0;margin:0;line-height:1.5;overflow-wrap:anywhere}.contact-details a:focus-visible,.footer-contact-link:focus-visible{outline:2px solid #C91422;outline-offset:4px}

/* Approved WhatsApp contact: limited to Contact and the compact footer contact list. */
.contact-whatsapp{margin:24px 0 0}.whatsapp-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;max-width:100%;white-space:normal}.whatsapp-icon{display:block;flex:none;width:20px;height:20px}.whatsapp-link span{min-width:0;overflow-wrap:anywhere}.footer-grid .whatsapp-footer{display:inline-flex;justify-content:flex-start;min-height:44px;padding:10px 0;margin:0;line-height:1.5}.whatsapp-link:focus-visible{outline:2px solid #C91422;outline-offset:4px}