:root{color-scheme:light;--paper:#f6f6f2;--ink:#181b1d;--muted:#585e61;--line:#d7d9d4;--orange:#c34418;--bright:#fa7848}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}p{margin:0 0 1.2rem}h1,h2,h3{line-height:1.08;margin:0;font-weight:600;letter-spacing:-.04em}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:1.55rem}svg{display:block;width:100%;height:auto}.wrap{max-width:1320px;width:calc(100% - 112px);margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:24px 56px;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;gap:12px;align-items:center;font-size:1rem;font-weight:800;letter-spacing:.045em;line-height:1.2}.brand-symbol{background:var(--ink);color:var(--paper);padding:9px;font-size:1.6rem;letter-spacing:-.12em;line-height:1}.brand-symbol span{color:var(--bright);font-size:.85rem;letter-spacing:-.07em}.studio{display:block;font-size:.7rem;font-weight:400;letter-spacing:.28em;margin-top:5px}.header nav,.header-actions{display:flex;align-items:center;gap:28px}.header nav{font-size:.875rem}.header nav a:hover{color:var(--orange)}.header-actions{gap:18px}.language{font-size:.875rem;border-bottom:1px solid var(--ink);padding:8px}.small-cta{padding:10px 18px;background:var(--ink);color:white;font-size:.875rem}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:3rem;padding-block:80px 70px;min-height:640px}.eyebrow{font-family:Consolas,'Courier New',monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:12px;margin-bottom:26px}.accent-line{width:25px;height:2px;background:var(--orange)}h1{font-size:clamp(3.5rem,6.2vw,6rem);letter-spacing:-.065em;line-height:1.02}h1 span{color:var(--orange)}.intro{max-width:480px;color:var(--muted);font-size:1.125rem;margin-top:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;min-height:48px;font-size:.9375rem;font-weight:600;border:1px solid var(--ink)}.primary{background:var(--ink);color:white}.primary:hover,.small-cta:hover{background:var(--orange);border-color:var(--orange)}.secondary:hover{background:#e6e7e1}.hero-note{font: .75rem Consolas,monospace;letter-spacing:.08em;margin-top:42px;color:var(--muted)}.hero-diagram{position:relative;min-width:0;padding:32px 16px 24px;border:1px solid #c7cbc5;aspect-ratio:1;background:#e9ece6;color:#454f4d;display:flex;flex-direction:column;justify-content:center}.hero-diagram svg{position:relative;z-index:1}.diagram-label,.coordinate{position:absolute;font:.75rem Consolas,monospace;letter-spacing:.07em;z-index:2}.diagram-label{top:22px;left:24px}.coordinate{bottom:22px;left:24px}.diagram-index{position:absolute;right:20px;bottom:8px;font-size:9rem;line-height:1;font-weight:700;color:#d6dbd3;letter-spacing:-.08em}.discipline{background:var(--ink);color:#e7e9e3;padding:22px 0}.discipline .wrap{display:flex;justify-content:space-between;gap:20px;font:.8rem Consolas,monospace;letter-spacing:.1em}.section{padding-block:90px}.section-heading{margin-bottom:46px}.section-heading .eyebrow{color:var(--orange);margin-bottom:20px}.section-heading p:last-child:not(.eyebrow){max-width:650px;color:var(--muted);margin-top:20px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.services article{padding:30px 30px 0 0}.services article+article{padding-left:30px;border-left:1px solid var(--line)}.service-number{font:.875rem Consolas,monospace;color:var(--orange)}.services h3{margin-top:28px;max-width:300px;line-height:1.2}.services p{margin-top:22px;color:var(--muted)}.service-tags{border-top:1px solid var(--line);padding-top:18px;font:.75rem/1.6 Consolas,monospace}.work-section{background:#e9ece7}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 28px}.project-art{position:relative;overflow:hidden;aspect-ratio:1.6;background:#343d3b;color:#b7c7b8}.project-art.meridian{background:#552d27;color:#f7b098}.project-art.asterion{background:#273b44;color:#b3c5d1}.project-art.nightfall{background:#20252a;color:#aeb9c7}.project-art.coffee{background:#d8c9af;color:#725139}.project-art.helios{background:#dcd9a6;color:#555a2c}.project-art.manual{background:#b9c7b8;color:#334c3c}.art-code{position:absolute;bottom:12px;left:16px;font:.75rem Consolas,monospace}.project-top{display:flex;justify-content:space-between;gap:12px;font:.75rem/1.5 Consolas,monospace;color:#4b5451;margin-top:18px}.project-top span:last-child{color:var(--orange)}.project h3{margin-top:12px}.project p{margin-top:15px;color:var(--muted)}.text-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;border:0;border-bottom:1px solid #b6bfb5;background:none;text-align:left;font-size:.875rem;color:var(--ink)}.text-button:hover{color:var(--orange)}.plus{font-size:1.5rem;line-height:1}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps li{border-top:1px solid var(--ink);padding-top:22px}.step-index{color:var(--orange);font:.875rem Consolas,monospace}.steps h3{font-size:1.25rem;margin-top:25px}.steps p{color:var(--muted);margin-top:18px}.about-section{background:var(--ink);color:var(--paper);padding-block:80px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-section .eyebrow{color:var(--bright)}.about-copy{padding-top:45px;color:#c5cac8;font-size:1.125rem}.signature{margin-top:40px;font-size:1.125rem}.signature span{display:block;font:.75rem Consolas,monospace;color:#aeb6b3;margin-top:8px}.about-end{font:.75rem Consolas,monospace;color:var(--bright);display:block;margin-top:36px;letter-spacing:.04em}.contact{max-width:850px;text-align:center}.contact .eyebrow{justify-content:center;color:var(--orange)}.contact h2{font-size:clamp(2.6rem,5vw,4.7rem)}.contact>p:not(.eyebrow){max-width:600px;margin:26px auto;color:var(--muted)}.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:12px}.contact .pending{font-size:.875rem}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;padding-block:30px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}.footer-brand{color:var(--ink);font-weight:700;letter-spacing:.08em}.skip{position:fixed;top:-100px;left:20px;z-index:9;background:var(--ink);color:white;padding:14px}.skip:focus{top:12px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);width:min(660px,calc(100% - 32px));max-height:85vh;padding:30px;overflow:auto}dialog::backdrop{background:#181b1dbb}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.875rem;color:var(--muted);margin-bottom:24px}.dialog-top button{background:none;border:1px solid var(--line);width:44px;height:44px;font-size:1.5rem;color:var(--ink);flex-shrink:0}dialog h2{margin-bottom:26px}dialog h3{font-size:1.125rem;margin:20px 0 12px;letter-spacing:0}dialog ul{padding-left:22px;margin-bottom:30px}dialog .eyebrow{color:var(--orange)}body.modal-open{overflow:hidden}[hidden]{display:none!important}@media(min-width:1600px){.hero{min-height:720px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header{padding:20px 32px;gap:20px}.header nav{gap:18px}.hero{gap:24px;min-height:540px;padding-block:64px}.hero-diagram{aspect-ratio:.9}.project-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.about-grid{gap:40px}.services h3{font-size:1.3rem}.services article{padding-right:20px}.services article+article{padding-left:20px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding:18px 20px;flex-wrap:wrap;gap:20px 12px}.header nav{order:3;justify-content:space-between;width:100%;gap:10px}.header-actions{margin-left:auto;gap:8px}.small-cta{padding:9px 12px}.brand{font-size:.875rem}.hero{grid-template-columns:1fr;padding-block:48px;gap:40px}.hero-diagram{aspect-ratio:1.6;padding:20px;max-height:330px}.hero-diagram svg{max-height:270px}.hero-note{margin-top:28px}h1{font-size:clamp(3.3rem,10vw,4.8rem)}.discipline .wrap{flex-wrap:wrap;gap:12px;font-size:.75rem}.section{padding-block:60px}.services{grid-template-columns:1fr}.services article,.services article+article{border-left:0;padding:28px 0;border-bottom:1px solid var(--line)}.services h3{font-size:1.55rem;max-width:none;margin-top:18px}.services p{margin-top:18px}.project-grid{gap:36px 20px}.about-grid{grid-template-columns:1fr;gap:20px}.about-copy{padding-top:10px}.about-section{padding-block:60px}.section-heading{margin-bottom:30px}.coordinate{font-size:.65rem}.diagram-index{font-size:7rem}.contact .button{max-width:100%}footer{gap:14px}footer span{width:100%}}@media(max-width:480px){.project-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:22px}.steps h3{margin-top:16px}.header nav{font-size:.8rem}.hero .eyebrow{font-size:.7rem}.hero-actions .button{padding:12px 16px}.diagram-label{top:14px}.coordinate{bottom:14px}.project-top{font-size:.75rem}.contact h2{font-size:2.6rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}