@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-mono-400-latin.woff2)format("woff2")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-mono-500-latin.woff2)format("woff2")}@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/manrope-latin.woff2)format("woff2")}@font-face{font-family:Syne;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/syne-latin.woff2)format("woff2")}:root{--ink:#0a0c0d;--line:#ffffff26;--muted:#9ba4a1;--paper:#f0f2ec;--red:#ca2b31;--teal:#7de2d3;--display:"Syne", sans-serif;--body:"Manrope", sans-serif;--mono:"DM Mono", monospace}*{box-sizing:border-box}html{background:var(--ink);color:var(--paper);scroll-behavior:smooth}body{font-family:var(--body);margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.skip-link{z-index:20;background:var(--paper);color:var(--ink);font:500 .75rem var(--mono);text-transform:uppercase;padding:.65rem .9rem;position:fixed;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-grid{pointer-events:none;opacity:.28;z-index:-1;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:clamp(48px,8vw,120px) clamp(48px,8vw,120px);position:fixed;inset:0;mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.shell{width:min(1400px,100% - 3rem);margin:0 auto}.eyebrow{color:var(--teal);font:500 .67rem/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.65rem;display:flex}.eyebrow:before{content:"";border-top:1px solid;width:1.6rem}.section{border-top:1px solid var(--line);padding:clamp(5rem,11vw,10rem) 0}.section-head{grid-template-columns:minmax(0,1fr) minmax(250px,.72fr);align-items:start;gap:2rem;margin-bottom:4rem;display:grid}h1,h2,h3,p{margin-top:0}h2{font:600 clamp(2.35rem, 5vw, 5.25rem)/.96 var(--display);letter-spacing:-.065em;max-width:11ch;margin-bottom:0}.section-copy{color:var(--muted);max-width:37ch;margin:0}.site-header{border-bottom:1px solid var(--line);z-index:4;padding:1.25rem 0;position:relative}.header-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{font:700 1rem var(--display);letter-spacing:-.06em;text-transform:uppercase;align-items:center;gap:.7rem;display:inline-flex}.brand img{object-fit:contain;width:1.6rem;height:1.6rem}.nav{font:500 .75rem var(--mono);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:clamp(.8rem,2vw,2rem);display:flex}.nav a:not(.button){color:#c2c8c3;transition:color .2s}.nav a:hover{color:var(--teal)}.button{background:var(--red);border:1px solid var(--red);min-height:44px;font:500 .75rem var(--mono);letter-spacing:.05em;text-transform:uppercase;justify-content:center;align-items:center;gap:.75rem;padding:.8rem 1rem;transition:transform .2s,background .2s;display:inline-flex}.button:after{content:"↗";font-size:1rem;line-height:.5}.button:hover{background:#db343b;transform:translate(-3px,-3px)}.button.outline{border-color:var(--line);background:0 0}.button.outline:hover{border-color:var(--teal);background:#7de2d314}.hero{align-items:end;min-height:calc(100svh - 74px);padding:clamp(4rem,10vw,8rem) 0 3rem;display:grid;position:relative;overflow:clip}.hero:after{content:"";aspect-ratio:1;z-index:-1;border:1px solid #7de2d32e;border-radius:50%;width:min(70vw,880px);position:absolute;top:4%;right:-18%;box-shadow:0 0 0 6vw #7de2d306,0 0 0 12vw #7de2d305}.hero-content{grid-template-columns:1.15fr .55fr;align-items:end;gap:2rem;display:grid}.hero h1{font:600 clamp(3.8rem, 10.3vw, 10rem)/.83 var(--display);letter-spacing:-.09em;max-width:9ch;margin:.8rem 0 2rem}.hero h1 em{color:var(--red);font-style:normal}.hero-summary{color:#c8ceca;max-width:33ch;font-size:clamp(1rem,1.4vw,1.25rem)}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.hero-meta{border-top:1px solid var(--line);color:var(--muted);font:500 .65rem var(--mono);letter-spacing:.04em;text-transform:uppercase;grid-column:1/-1;justify-content:space-between;margin-top:clamp(2rem,9vw,8rem);padding-top:1rem;display:flex}.signal{color:var(--teal)}.signal:before{content:"●";margin-right:.5rem;font-size:.6rem;animation:2.3s infinite pulse}.principle{border-bottom:1px solid var(--line);grid-template-columns:.38fr 1fr .95fr;align-items:start;gap:1rem;padding:1rem 0 4rem;display:grid}.principle>span{color:var(--teal);font:500 .68rem var(--mono)}.principle h3{font:600 clamp(1.7rem, 3vw, 3.1rem)/.98 var(--display);letter-spacing:-.06em;margin:0}.principle p{color:var(--muted);max-width:31ch;margin:0}.manifesto{background:var(--paper);color:var(--ink);padding:clamp(4rem,10vw,9rem) 0}.manifesto-grid{grid-template-columns:.48fr 1fr;gap:2rem;display:grid}.manifesto h2{max-width:9ch}.manifesto p{letter-spacing:-.035em;max-width:42ch;font-size:clamp(1.15rem,2vw,1.75rem);line-height:1.35}.manifesto strong{color:var(--red)}.manifesto .eyebrow{color:#1c665e}.method-list{margin:0;padding:0;list-style:none}.method-list li{border-top:1px solid var(--line);grid-template-columns:.3fr .6fr 1fr;gap:1rem;padding:1.35rem 0;display:grid}.method-list li:last-child{border-bottom:1px solid var(--line)}.method-number{color:var(--teal);font:500 .68rem var(--mono)}.method-list h3{font:600 clamp(1.5rem, 2.6vw, 2.5rem)/1 var(--display);letter-spacing:-.055em;margin:0}.method-list p{color:var(--muted);max-width:34ch;margin:0}.studio-card{border:1px solid var(--line);background:linear-gradient(135deg,#161d1e,#0b0f10 68%);flex-direction:column;justify-content:space-between;min-height:420px;padding:clamp(2rem,5vw,5rem);display:flex}.studio-card:before{content:"EXNANO / SYSTEM NOTE";color:var(--teal);font:500 .66rem var(--mono);letter-spacing:.07em}.studio-quote{max-width:14ch;font:600 clamp(2rem, 4vw, 4.5rem)/.92 var(--display);letter-spacing:-.07em}.studio-detail{color:var(--muted);max-width:64ch}.studio-detail h3{color:var(--paper);font:600 1.2rem var(--display);letter-spacing:-.03em}.studio-detail p{margin-bottom:0}.contact{background:var(--red);color:#fff7ee;position:relative;overflow:hidden}.contact:after{content:"EXNANO";font:800 clamp(7rem, 22vw, 22rem)/.8 var(--display);letter-spacing:-.12em;color:#0000001a;pointer-events:none;position:absolute;bottom:-.37em;left:-.07em}.contact-inner{z-index:1;grid-template-columns:1fr auto;align-items:end;gap:2rem;display:grid;position:relative}.contact h2{max-width:8ch}.contact p{max-width:36ch;margin:1.5rem 0 0}.contact .button{background:var(--ink);border-color:var(--ink);white-space:nowrap}.contact .button:hover{background:#171d1e}.contact .eyebrow{color:#fff7ee}.footer{color:var(--muted);font:500 .63rem var(--mono);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding:1.5rem 0;display:flex}.footer a:hover{color:var(--teal)}@keyframes pulse{50%{opacity:.28}}@media (width<=720px){.shell{width:min(100% - 2rem,1400px)}.nav a:not(.button){display:none}.nav .button{padding:.7rem .75rem}.hero{min-height:calc(100svh - 66px)}.hero:after{box-shadow:none;right:0}.hero-content,.section-head,.manifesto-grid,.contact-inner{grid-template-columns:1fr}.hero h1{font-size:clamp(3.55rem,15vw,5.5rem)}.hero-meta{flex-wrap:wrap;gap:1rem}.principle{grid-template-columns:.25fr 1fr;padding-bottom:2rem}.principle p{grid-column:2}.method-list li{grid-template-columns:.25fr 1fr}.method-list p{grid-column:2}.contact-inner .button{width:fit-content}.contact:after{font-size:clamp(3rem,15vw,6rem);left:0}.footer{flex-direction:column}.studio-card{min-height:380px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}
