:root{--body:Manrope,sans-serif;--mono:'IBM Plex Mono',monospace;--condensed:'Barlow Condensed',Impact,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:var(--body);background:var(--bg);color:var(--ink);overflow-x:hidden}body.studio{--bg:#e9e7df;--ink:#202821;--muted:#626d5c;--line:#b9c0ad;--accent:#dfed53;--panel:#dbe0d0}body.future{--bg:#080f1d;--ink:#eef3ff;--muted:#a3b3cb;--line:#263a55;--accent:#8ebcff;--panel:#101f34;font-family:'Space Grotesk',sans-serif}body.cyber{--bg:#111111;--ink:#eeeeee;--muted:#aaa9a5;--line:#41403b;--accent:#ffb400;--panel:#202020}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button,img{max-width:100%}button{touch-action:manipulation}img{display:block;width:100%;height:auto}h1,h2,h3,h4,p{margin:0}em{font-style:normal}p{line-height:1.75}h2{font-size:clamp(38px,5.2vw,78px);letter-spacing:-.055em;font-weight:500;line-height:1.06}h3{font-weight:500}.mono,.techline{font:10px/1.7 var(--mono);letter-spacing:.07em}a.action,button.action{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:18px 23px;background:var(--ink);color:var(--bg);font-size:12px;margin-top:28px;transition:transform .3s,background .3s}.action:hover{transform:translateY(-3px);background:var(--accent);color:#151b22}.comparison{padding:10px 4%;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#252923;color:#f0f2e6;font:10px var(--mono);position:relative;z-index:5}.comparison nav{display:flex;gap:25px;flex-wrap:wrap}.comparison nav a{padding:5px 0;color:#bdc5b4}.comparison [aria-current=page]{color:#e7f34e;text-decoration:underline;text-underline-offset:5px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;margin:0 4%;border-bottom:1px solid var(--line);position:relative;z-index:4}.logo{font-size:43px;font-weight:800;letter-spacing:-5px}.logo span{font:10px var(--mono);letter-spacing:.1em;margin-left:10px}.header nav{display:flex;gap:32px;font-size:12px}.header nav a{padding:12px 0}.header nav a:hover{color:var(--muted)}.section{padding:110px 6%}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start;margin-bottom:60px}.section-heading>p:last-child{grid-column:2;font-size:13px;color:var(--muted)}.portfolio-note{font:10px/1.7 var(--mono);color:var(--muted);margin-top:35px}.project-card button{display:block;padding:0;text-align:left;width:100%}.project-image{position:relative;overflow:hidden;aspect-ratio:1.5;background:var(--panel)}.project-image img{height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}.project-card button:hover img{transform:scale(1.045)}.project-open{position:absolute;bottom:16px;right:16px;background:var(--bg);color:var(--ink);padding:12px 17px;font:10px var(--mono);transition:background .3s}.project-card button:hover .project-open{background:var(--accent);color:#152015}.project-caption{padding:20px 0}.project-caption .mono{color:var(--muted);font-size:9px}.project-caption h3{display:flex;justify-content:space-between;font-size:32px;letter-spacing:-.04em;margin:9px 0}.project-caption h3 span{font-size:26px}.project-caption p{font-size:12px;color:var(--muted)}.text-link{display:inline-block;border-bottom:1px solid var(--line);padding:13px 0;margin-top:18px;font-size:12px}.techline{display:block;color:var(--muted);font-size:9px}.offer-accordion{margin-top:55px;border-top:1px solid var(--ink)}.offer-accordion details{border-bottom:1px solid var(--line)}.offer-accordion summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:70px 1fr 30px;align-items:center;padding:27px 0;gap:20px}.offer-accordion summary::-webkit-details-marker{display:none}.offer-accordion h3{font-size:clamp(22px,3vw,40px);letter-spacing:-.04em}.offer-accordion summary>b{font-size:30px;font-weight:400;transition:transform .3s}.offer-accordion details[open] summary>b{transform:rotate(45deg)}.offer-copy{padding:0 60px 32px 90px;max-width:850px}.offer-copy h4{font-size:17px;font-weight:500;margin-bottom:14px}.offer-copy p{font-size:14px;color:var(--muted);margin-bottom:20px}.offer-copy>a{display:inline-block;margin-top:20px;font-size:12px;border-bottom:1px solid}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}.process article{border-top:1px solid var(--line);padding-top:24px}.process h3{font-size:23px;letter-spacing:-.04em;margin:24px 0 15px}.process p{font-size:13px;color:var(--muted)}.work-method h2,.future-process h2,.cyber-process h2{margin-top:25px}.contact-section{padding:90px 6%;border-top:1px solid var(--line);background:var(--ink);color:var(--bg)}.contact-section h2{font-size:clamp(55px,9vw,140px);margin:30px 0 55px;letter-spacing:-.06em;line-height:1}.contact-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.contact-bottom p{font-size:13px}.email{font-size:clamp(15px,2.3vw,30px);border-bottom:1px solid;padding-bottom:12px;display:block;overflow-wrap:anywhere}.phone{display:block;font:12px var(--mono);margin-top:20px}footer{padding:27px 6%;display:flex;gap:20px;justify-content:space-between;font:9px var(--mono)}[hidden]{display:none!important}section[id]{scroll-margin-top:20px}
/* 01 — editorial workshop */
.studio-hero{padding:8px 4% 0}.surname{font:600 clamp(90px,19vw,300px)/.98 var(--condensed);letter-spacing:-.045em;white-space:nowrap}.studio-hero-bottom{display:grid;grid-template-columns:40% 60%;min-height:520px;align-items:center}.hero-text{padding:35px 0 60px 2.2vw}.hero-text h1{font-size:clamp(43px,5.1vw,80px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin:25px 0}.hero-text h1 em{color:#707b61}.hero-text>p:not(.mono){font-size:13px}.hero-object{display:block;position:relative;width:100%;height:500px;perspective:1100px}.object-orbit{position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:var(--accent);top:4%;left:18%}.mini-stack{position:absolute;inset:15% 5% 24%;display:block;transform:rotateX(48deg) rotateZ(-22deg);transform-style:preserve-3d;transition:transform .8s var(--ease)}.hero-object:hover .mini-stack{transform:rotateX(42deg) rotateZ(-16deg) translateY(-15px)}.mini-stack img,.back-sheet,.middle-sheet{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:1px solid #859079;box-shadow:4px 15px 25px #28381e3b}.mini-stack img{transform:translateZ(35px)}.back-sheet,.middle-sheet{font:10px var(--mono);padding:15px;text-align:left}.back-sheet{background:#4e5c41;transform:translateZ(-15px);color:#eef2e4}.middle-sheet{background:#b4c0a0;transform:translateZ(10px)}.hero-object:hover .mini-stack img{transform:translateZ(75px)}.hero-object:hover .back-sheet{transform:translateZ(-45px)}.mini-stack>*{transition:transform .8s var(--ease)}.object-foot{position:absolute;left:12%;right:5%;bottom:18px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ink);padding:16px 0;font-size:9px}.object-foot b{font-weight:400}.hero-rule{border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;font-size:9px}.studio-work{border-top:1px solid var(--line)}.editorial-grid{display:grid;grid-template-columns:1.2fr 1fr;column-gap:70px;row-gap:65px;align-items:start}.editorial-grid .project-card:nth-child(2){margin-top:160px}.editorial-grid .project-card:nth-child(4){margin-top:130px}.editorial-grid .project-card:nth-child(3){margin-top:-60px}.editorial-grid .project-card:nth-child(1) .project-image{aspect-ratio:1.25}.editorial-grid .project-card:nth-child(4) .project-image{aspect-ratio:1.25}.studio-about{background:#dce1d1}.about-marker{margin-bottom:45px}.about-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center}.portrait-frame{position:relative;max-width:440px}.portrait-frame img{aspect-ratio:.8;object-fit:cover;filter:grayscale(1) sepia(.16)}.portrait-frame>span{display:block;padding-top:14px}.about-copy h2{margin-bottom:30px}.about-copy p{font-size:14px;max-width:620px;margin-top:18px;color:#525f49}.signature{font-size:22px;letter-spacing:-.04em;margin-top:35px}.signature span{display:block;font:10px var(--mono);margin-top:8px}.studio-offer{border-bottom:1px solid var(--line)}.studio .work-method{padding-top:85px}
/* 02 — spatial observatory */
.future .comparison{background:#14223a}.future .comparison [aria-current=page]{color:#bdd7ff}.future .logo{font-family:'Space Grotesk';font-size:27px;letter-spacing:-2px}.future .header{border:0}.future-hero{min-height:760px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}#orbital{position:absolute;inset:0;width:100%;height:100%;opacity:.95}.future-hero-text{position:relative;padding:90px 0 110px 8%;width:60%;pointer-events:none}.future-hero-text>*{pointer-events:auto}.future-hero h1{font-size:clamp(60px,7.8vw,125px);font-weight:400;letter-spacing:-.065em;line-height:.99;margin:25px 0}.future-hero h1 em{color:#91b8f6}.future-hero-text>p:not(.mono){font-size:15px;color:var(--muted)}.future .action{border:1px solid #46658a;border-radius:999px;background:transparent;color:var(--ink);padding:17px 25px}.future .action:hover{background:#b5d2ff;color:#0a1424}.orbit-caption{position:absolute;right:5%;top:20px;writing-mode:vertical-rl;color:#7088a8;font-size:8px}.orbital-note{position:absolute;right:7%;bottom:120px;width:230px;padding:25px 0;border-top:1px solid #456085}.orbital-note .mono{font-size:9px;color:var(--accent)}.orbital-note strong{display:block;font-size:20px;line-height:1.35;font-weight:400;margin-top:14px}.orbital-note button{font-size:11px;padding:18px 0 0}.future-bottom{position:absolute;bottom:27px;left:8%;right:7%;display:flex;justify-content:space-between;font-size:9px;color:#7892b3}.future-section-title{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:40px;align-items:end;margin-bottom:60px}.future-section-title .mono{align-self:start;color:var(--accent)}.future-section-title p{font-size:13px;color:var(--muted)}.future h2{font-family:'Space Grotesk';font-weight:400;font-size:clamp(40px,5.2vw,76px)}.project-observatory{display:grid;grid-template-columns:260px 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;gap:55px}.project-selector{display:flex;flex-direction:column;justify-content:center}.project-selector button{display:flex;gap:18px;font-size:16px;align-items:center;text-align:left;padding:28px 12px;border-bottom:1px solid var(--line)}.project-selector span{font:10px var(--mono);color:#657c9c}.project-selector b{margin-left:auto;font-weight:400}.project-selector [aria-selected=true]{color:var(--accent);background:linear-gradient(90deg,#1c3557,transparent)}.future .project-image{border-radius:12px}.future .project-open{background:#101c30dd;color:white;border:1px solid #5b789b;border-radius:30px}.future .project-caption h3{font-size:37px}.future-offer{background:linear-gradient(130deg,#101f34,#0a1322);border-block:1px solid var(--line)}.future-offer h2{margin-top:25px}.future-offer h2 em{color:var(--accent)}.offer-console{display:grid;grid-template-columns:1fr 1.4fr;gap:7%;margin-top:65px}.offer-tabs{border-top:1px solid var(--line)}.offer-tabs button{display:flex;gap:20px;align-items:center;text-align:left;width:100%;padding:23px 14px;border-bottom:1px solid var(--line);font-size:16px}.offer-tabs button span{font:10px var(--mono);color:var(--muted)}.offer-tabs button b{margin-left:auto;font-weight:400}.offer-tabs [aria-selected=true]{background:#233f62;color:var(--accent)}.offer-panels{min-height:320px;padding:25px 0}.offer-panels .mono{color:var(--accent)}.offer-panels h3{font-size:36px;line-height:1.1;letter-spacing:-.04em;margin:25px 0}.offer-panels p{font-size:15px;color:var(--muted);max-width:560px}.offer-panels .techline{margin-top:25px}.future-about{display:grid;grid-template-columns:1fr 1.1fr;gap:11%;align-items:center}.future-person{position:relative;padding:30px}.future-person img{border-radius:50% 50% 10px 10px;aspect-ratio:.8;object-fit:cover;filter:grayscale(1) contrast(1.15);mix-blend-mode:screen;opacity:.85}.person-ring{position:absolute;border:1px solid #3b5d8e;border-radius:50%;inset:0 -20px 50px;transform:rotate(-20deg)}.future-person .mono{display:block;margin-top:30px;text-align:center;color:var(--muted)}.future-about h2{margin:24px 0 35px}.future-about p{font-size:14px;color:var(--muted);margin-top:17px}.future-process{padding-top:50px}.future .process article{position:relative;border-top:1px solid #395577}.future .process article:before{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);top:-4px;box-shadow:0 0 20px #8ebcff88}.future .contact-section{background:radial-gradient(ellipse at 85% 100%,#203f68,#0d192d 60%);color:var(--ink)}.future .contact-section h2{font-size:clamp(60px,10vw,155px)}.future footer{color:var(--muted)}
/* 03 — cybernetic author */
.cyber{background-image:linear-gradient(#ffffff02 1px,transparent 1px);background-size:100% 5px}.cyber .comparison{background:var(--accent);color:#131312}.cyber .comparison a{color:#484743}.cyber .comparison [aria-current=page]{color:#0e0e0d}.cyber .header{height:90px}.cyber .logo{font-family:var(--condensed);font-size:51px;letter-spacing:-2px}.cyber .logo span{font-family:var(--condensed);font-size:51px;color:var(--accent);margin:0;letter-spacing:-2px}.cyber .header nav{font-family:var(--mono);font-size:10px;text-transform:uppercase}.cyber-line{padding:25px 4%;display:flex;justify-content:space-between;color:#949189;font-size:9px}.cyber-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:7%;padding:15px 6% 70px}.cyber-title{padding:25px 0 0}.cyber-title>.mono{color:var(--accent)}.cyber-title h1{font:700 clamp(85px,11vw,175px)/.83 var(--condensed);letter-spacing:-.025em;margin:30px 0}.cyber-title h1 em{color:var(--accent)}.cyber-title>p{font-size:14px;color:var(--muted);margin-top:35px}.cyber .action{background:var(--accent);color:#111110;font-family:var(--mono);font-size:11px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.cyber .action:hover{background:#ffb400}.cyber-portrait{position:relative;overflow:hidden;min-height:600px;clip-path:polygon(0 22px,22px 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%);background:#1f1f1d}.cyber-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:saturate(.75) contrast(1.1)}.cyber-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#0d0d0c)}.scanline{position:absolute;left:0;right:0;height:2px;background:#e8f443;box-shadow:0 0 30px #e8f443;z-index:2;top:30%;animation:scan 9s ease-in-out infinite;opacity:.7}.portrait-coordinate{position:absolute;left:22px;top:24px;z-index:3;color:#eeff62;line-height:1.6;font-size:9px;mix-blend-mode:screen}.portrait-caption{position:absolute;bottom:30px;left:25px;right:20px;z-index:3;font:600 clamp(30px,4vw,60px)/1 var(--condensed);letter-spacing:-.03em;color:var(--accent)}.portrait-caption span{display:block;font:8px var(--mono);letter-spacing:.06em;margin-top:12px;color:#b5c29e}.hazard{background:var(--accent);color:#171b0c;display:flex;justify-content:space-around;gap:20px;padding:20px 6%;font:600 clamp(16px,2vw,28px) var(--condensed);position:relative}.hazard:before,.hazard:after{content:'';height:4px;position:absolute;left:0;right:0;background:repeating-linear-gradient(135deg,#131809 0 8px,transparent 8px 16px)}.hazard:before{top:0}.hazard:after{bottom:0}.cyber h2{font-family:var(--condensed);font-weight:600;letter-spacing:-.015em;font-size:clamp(48px,6.5vw,100px);line-height:.93}.cyber h2 em{color:var(--accent)}.cyber-section-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:30px;margin-bottom:50px}.cyber-section-head>.mono{align-self:start;color:var(--accent)}.cyber-section-head p{font-size:12px;color:var(--muted)}.cyber-projects{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px}.cyber .project-card{border:1px solid var(--line);padding:12px 12px 0;background:#151513;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.cyber .project-image{aspect-ratio:1.8}.cyber .project-image img{filter:saturate(.6)}.cyber .project-card button:hover img{filter:saturate(1)}.cyber .project-open{background:var(--accent);color:#131312;font-size:9px;bottom:0;right:0}.cyber .project-caption{padding:20px 12px 27px}.cyber .project-caption h3{font:600 42px var(--condensed);letter-spacing:0;text-transform:uppercase}.cyber .project-caption h3 span{color:var(--accent)}.cyber-note{border-block:1px solid var(--line);margin-top:45px;padding:22px 0;color:var(--muted);font-size:9px}.cyber-offer{background:#161614;border-block:1px solid var(--line)}.cyber-offer .cyber-section-head{grid-template-columns:1fr 3fr}.cyber .offer-accordion{border-color:var(--accent)}.cyber .offer-accordion summary{padding:30px 10px}.cyber .offer-accordion h3{font:500 clamp(30px,3.4vw,50px) var(--condensed);text-transform:uppercase;letter-spacing:0}.cyber .offer-accordion summary>b{color:var(--accent)}.cyber .offer-accordion details[open]{background:#1f1f1d}.cyber .offer-copy{padding-left:100px}.cyber-about{display:grid;grid-template-columns:.7fr 1.3fr;gap:12%}.identity{border:1px solid var(--line);align-self:start;padding:30px;position:relative}.identity:before{content:'+';position:absolute;left:-6px;top:-12px;font:20px var(--mono);color:var(--accent)}.identity>.mono{font-size:9px;color:var(--muted)}.identity-initials{font:600 clamp(80px,14vw,200px)/1 var(--condensed);color:var(--accent);padding:35px 0;letter-spacing:-.04em}.barcode{height:35px;width:85%;margin-top:35px;background:repeating-linear-gradient(90deg,var(--muted) 0 1px,transparent 1px 3px,var(--muted) 3px 7px,transparent 7px 12px,var(--muted) 12px 14px,transparent 14px 16px)}.cyber-bio h2{margin-bottom:35px}.cyber-bio p{font-size:14px;color:var(--muted);margin-top:20px}.cyber-bio .text-link{color:var(--accent);font:11px var(--mono);padding-bottom:15px}.cyber-process{padding-top:30px}.cyber .process .mono{color:var(--accent)}.cyber .process h3{font:500 32px var(--condensed);text-transform:uppercase;letter-spacing:0}.cyber .contact-section{background:var(--accent);color:#121211;border:0;clip-path:polygon(0 25px,25px 0,100% 0,100% 100%,0 100%)}.cyber .contact-section h2{font-size:clamp(60px,11vw,170px);font-weight:600;letter-spacing:-.02em}.cyber .contact-section .email{font-family:var(--mono);font-size:clamp(12px,1.6vw,24px)}.cyber footer{color:#a09d95}
/* Interactive anatomy. Same real project data, adapted to each visual system. */
#project-dialog{padding:0;border:1px solid var(--line);background:var(--bg);color:var(--ink);width:min(1450px,96vw);max-width:none;max-height:94svh;overflow:auto;box-shadow:0 30px 120px #0008}#project-dialog::backdrop{background:#09100bd9;backdrop-filter:blur(10px)}body:has(#project-dialog[open]){overflow:hidden}.modal-head{position:sticky;top:0;z-index:10;background:var(--bg);display:flex;justify-content:space-between;align-items:start;gap:20px;padding:25px 35px;border-bottom:1px solid var(--line)}.modal-head .mono{font-size:9px;color:var(--muted)}.modal-head h2{font-size:40px;margin-top:8px;letter-spacing:-.04em}.modal-head button{font:10px var(--mono);display:flex;align-items:center;gap:20px;padding:5px}.modal-head button>span{font-size:28px}.modal-body{display:grid;grid-template-columns:1.6fr 1fr;gap:35px;padding:20px 35px 0}.layer-scene{height:440px;position:relative;perspective:1300px;touch-action:none;user-select:none}.scene-grid{position:absolute;inset:10% 15%;border:1px solid var(--line);border-radius:50%;opacity:.5;background:radial-gradient(ellipse,var(--panel),transparent 70%)}.layer-rig{position:absolute;width:560px;height:330px;top:48%;left:50%;transform:translate(-50%,-50%) scale(var(--layer-scale,.6));transform-style:preserve-3d;pointer-events:none}#layer-assembly{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rot-x,48deg)) rotateZ(var(--rot-z,-24deg))}.project-layer{position:absolute;inset:0;width:560px;height:330px;transform:translateZ(var(--depth,0px));transform-style:preserve-3d;pointer-events:auto;border:1px solid var(--line);box-shadow:0 6px 0 -1px var(--line),8px 20px 30px #0003;background:var(--panel);padding:0;transition:filter .3s}.project-layer.selected{outline:3px solid var(--accent);outline-offset:0}.project-layer:not(.selected){filter:brightness(.8) saturate(.55)}.project-layer img{width:100%;height:100%;object-fit:cover}.layer-flag{position:absolute;top:-26px;left:-1px;background:var(--ink);color:var(--bg);font:10px var(--mono);padding:6px 10px;white-space:nowrap}.sheet-content{height:100%;display:flex;flex-direction:column;padding:25px;text-align:left;background:var(--panel);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px}.sheet-content small{font:10px var(--mono);letter-spacing:.1em}.sheet-content strong{font-size:43px;line-height:1.1;font-weight:500;letter-spacing:-.04em;margin:25px 0 15px;max-width:430px;background:var(--panel)}.sheet-content p{font-size:15px;max-width:440px;background:var(--panel)}.sheet-content>span{margin-top:auto;font:10px var(--mono)}.rotate-hint{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:8px;color:var(--muted)}.layer-info{padding:10px 0}.layer-info>p{font-size:12px;color:var(--muted);margin-bottom:20px}.layer-tabs{border-top:1px solid var(--line)}.layer-tabs button{display:flex;justify-content:space-between;gap:20px;width:100%;padding:11px 9px;font-size:12px;border-bottom:1px solid var(--line);text-align:left}.layer-tabs button>span{font:9px var(--mono);color:var(--muted)}.layer-tabs button[aria-pressed=true]{background:var(--accent);color:#11221a}.layer-tabs button[aria-pressed=true]>span{color:#31442a}.layer-explanation{padding:20px 0;min-height:140px}.layer-explanation .mono{color:var(--muted);font-size:8px}.layer-explanation h3{font-size:23px;letter-spacing:-.03em;margin:8px 0}.layer-explanation p{font-size:12px;color:var(--muted)}#project-source{font-size:10px;text-decoration:underline;text-underline-offset:4px}.layer-info .source-note{font-size:9px;line-height:1.6;margin-top:15px;margin-bottom:0}.modal-controls{padding:10px 35px 25px;width:62%}.range-heading{display:flex;justify-content:space-between;font:9px var(--mono)}#layer-range{appearance:none;width:100%;height:30px;background:transparent;cursor:ew-resize;margin:5px 0 10px}#layer-range::-webkit-slider-runnable-track{height:2px;background:var(--ink)}#layer-range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--ink);border:3px solid var(--accent);margin-top:-7px}#layer-range::-moz-range-track{height:2px;background:var(--ink)}#layer-range::-moz-range-thumb{border-radius:50%;width:12px;height:12px;background:var(--ink);border:3px solid var(--accent)}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;font:9px var(--mono)}.modal-actions button{font:inherit;padding:12px}#toggle-layers{background:var(--ink);color:var(--bg)}.future #project-dialog{border-radius:18px}.future .scene-grid{border-color:#527baa}.future .sheet-content{background-size:100px 100px}.cyber .modal-head h2{font-family:var(--condensed);font-size:48px;text-transform:uppercase}.cyber #project-dialog{border-color:var(--accent)}.cyber .sheet-content strong{font-family:var(--condensed);font-size:60px;text-transform:uppercase}.cyber .scene-grid{border-radius:0;transform:rotate(8deg)}.cyber #toggle-layers{background:var(--accent);color:#111110}
@keyframes scan{0%,100%{top:15%;opacity:0}20%,80%{opacity:.6}50%{top:80%}}
@media(min-width:1600px){.section{padding-inline:max(6%,calc((100% - 1450px)/2))}.studio-hero-bottom{min-height:600px}.hero-object{height:570px}.future-hero{min-height:850px}.cyber-portrait{min-height:730px}}
@media(max-width:1000px){.header nav{gap:20px}.section{padding:80px 5%}.hero-object{height:420px}.studio-hero-bottom{min-height:460px}.hero-text .action{font-size:10px;gap:15px;padding:15px}.editorial-grid{gap:45px}.section-heading{grid-template-columns:1fr 2fr}.future-hero-text{padding-left:6%;width:70%}.future-hero h1{font-size:85px}.orbital-note{right:5%;width:180px}.future-section-title{grid-template-columns:1fr 2fr}.future-section-title p{grid-column:2}.project-observatory{grid-template-columns:200px 1fr;gap:25px}.project-selector button{font-size:13px;gap:10px;padding:23px 8px}.offer-console{gap:35px}.offer-tabs button{font-size:13px;gap:13px;padding:22px 8px}.future-about{gap:50px}.cyber-hero-grid{gap:30px;padding-inline:5%}.cyber-title h1{font-size:100px}.cyber-portrait{min-height:530px}.cyber-section-head{grid-template-columns:1fr 2fr}.cyber-section-head p{grid-column:2}.cyber-about{gap:60px}.modal-body{grid-template-columns:1.3fr 1fr;gap:20px;padding-inline:20px}.modal-controls{padding-left:20px;width:57%}.layer-scene{height:430px}.modal-head{padding:20px}.layer-info>p{font-size:11px}.layer-explanation h3{font-size:20px}}
@media(max-width:700px){.comparison{padding:10px 18px;display:block}.comparison>span{display:none}.comparison nav{justify-content:space-between;gap:12px;font-size:9px}.header{height:80px;margin:0 22px}.logo{font-size:34px}.header nav{gap:14px;font-size:10px}.section{padding:65px 24px}h2{font-size:43px}.section-heading,.future-section-title,.cyber-section-head{display:block;margin-bottom:35px}.section-heading h2,.future-section-title h2,.cyber-section-head h2{margin-top:22px}.section-heading>p:last-child,.future-section-title p,.cyber-section-head p{margin-top:22px}.surname{font-size:19vw}.studio-hero{padding-inline:20px}.studio-hero-bottom{display:flex;flex-direction:column-reverse;min-height:0}.hero-object{height:340px;max-width:450px}.hero-text{align-self:stretch;padding:25px 5px 45px}.hero-text h1{font-size:54px}.hero-text .action{font-size:11px;padding:17px 19px}.object-foot{left:5%;right:3%;font-size:8px}.object-orbit{width:62%;left:20%}.mini-stack{inset:17% 4% 28%}.hero-rule{font-size:7px;gap:15px}.hero-rule>span:nth-child(2){display:none}.editorial-grid{display:block}.editorial-grid .project-card{margin:0 0 35px!important}.editorial-grid .project-image{aspect-ratio:1.4!important}.project-caption h3{font-size:29px}.about-layout{display:flex;flex-direction:column;gap:35px}.portrait-frame{width:100%;max-width:350px}.portrait-frame img{aspect-ratio:1}.about-copy h2{margin-bottom:25px}.about-copy p{font-size:13px}.offer-accordion{margin-top:35px}.offer-accordion summary{grid-template-columns:30px 1fr 20px;gap:10px;padding:23px 0}.offer-accordion h3{font-size:24px}.offer-copy{padding:0 0 27px 40px}.offer-copy p{font-size:13px}.process{grid-template-columns:1fr;gap:30px;margin-top:35px}.process h3{margin-top:18px}.contact-section{padding:65px 24px}.contact-section h2{font-size:60px;margin-bottom:35px}.contact-bottom{display:block}.contact-bottom>div{margin-top:28px}.email{font-size:16px}footer{padding:25px;flex-wrap:wrap;font-size:8px;gap:18px}.future .header .logo{font-size:25px}.future .logo span{display:none}.future-hero{min-height:850px}.future-hero-text{width:100%;padding:55px 25px 0}.future-hero h1{font-size:64px;margin-top:24px}.future-hero-text>p:not(.mono){font-size:13px}.orbit-caption{display:none}.orbital-note{bottom:85px;right:25px;width:180px}.orbital-note strong{font-size:17px}.future-bottom{left:25px;right:25px;font-size:7px}.future h2{font-size:43px}.project-observatory{display:block;padding-top:0}.project-selector{display:grid;grid-template-columns:1fr 1fr;margin-bottom:25px;gap:0 15px}.project-selector button{padding:18px 5px;font-size:12px}.future .project-caption h3{font-size:32px}.offer-console{display:block;margin-top:35px}.offer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0}.offer-tabs button{font-size:11px;border:1px solid var(--line);padding:14px 10px;min-height:65px}.offer-tabs button b{display:none}.offer-panels{min-height:330px;padding-top:32px}.offer-panels h3{font-size:32px}.offer-panels p{font-size:14px}.future-about{display:flex;flex-direction:column;gap:45px}.future-person{max-width:330px;padding:20px}.future-person img{aspect-ratio:1}.future .contact-section h2{font-size:68px}.cyber .header{height:80px}.cyber .logo,.cyber .logo span{font-size:42px}.cyber .header nav{font-size:8px;gap:12px}.cyber-line{padding-inline:25px;font-size:7px}.cyber-hero-grid{display:flex;flex-direction:column;padding:10px 24px 45px}.cyber-title{padding:10px 0}.cyber-title h1{font-size:100px;line-height:.85;margin-top:20px}.cyber-title>p{font-size:13px;margin-top:25px}.cyber-title .action{margin-top:22px}.cyber-portrait{min-height:440px;width:100%}.portrait-caption{font-size:44px}.hazard{padding:17px 15px;gap:10px;font-size:15px}.hazard span:last-child{display:none}.cyber h2{font-size:60px}.cyber-projects{grid-template-columns:1fr;gap:28px}.cyber .project-caption h3{font-size:36px}.cyber .project-image{aspect-ratio:1.5}.cyber .offer-accordion summary{padding:25px 8px;grid-template-columns:25px 1fr 20px}.cyber .offer-accordion h3{font-size:29px}.cyber .offer-copy{padding:0 20px 30px 43px}.cyber-about{grid-template-columns:1fr;gap:40px}.identity{max-width:340px}.identity-initials{font-size:130px;padding-block:20px}.cyber-bio p{font-size:13px}.cyber .contact-section h2{font-size:71px}.cyber .contact-section .email{font-size:12px}#project-dialog{width:96vw;max-height:95svh}.modal-head{padding:18px;align-items:center}.modal-head h2{font-size:30px}.modal-head .mono{font-size:8px}.modal-head button{gap:10px;font-size:8px}.modal-body{display:flex;flex-direction:column;padding:0 18px;gap:5px}.layer-scene{height:370px;width:100%}.layer-rig{top:46%}.layer-info{padding-top:15px}.layer-info>p{font-size:12px}.layer-tabs{display:flex;flex-wrap:wrap;gap:5px;border:0}.layer-tabs button{flex:1 1 40%;width:auto;font-size:11px;gap:12px;border:1px solid var(--line);min-height:44px}.layer-explanation{min-height:130px}.layer-explanation h3{font-size:24px}.modal-controls{width:100%;padding:20px 18px 25px}.modal-actions{flex-wrap:wrap;gap:8px}.modal-actions button{font-size:9px}.modal-actions a{font-size:9px}.cyber .modal-head h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:700px){.future-person .person-ring{inset:0 0 50px;transform:none}}