:root{--bg:#040708;--panel:#071011;--cyan:#35d6c7;--hot:#79f2e5;--text:#d6dedc;--muted:#71807d;--warm:#f0a36a;--line:rgba(53,214,199,.28);--soft:rgba(53,214,199,.10);--max:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020404;color:var(--text);font-family:"DM Mono",monospace}.field{position:fixed;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 12% 25%,transparent 0 38px,rgba(53,214,199,.027) 39px 40px,transparent 41px 58px);mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}.shell{width:min(calc(100% - 28px),var(--max));margin:14px auto;border-left:1px solid var(--line);border-right:1px solid var(--line);background:rgba(4,7,8,.95);position:relative}header{min-height:104px;padding:17px 25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:14px}.mark{width:58px;height:58px;border:1px solid var(--cyan);display:grid;place-items:center;color:var(--cyan);font-size:32px;transform:rotate(0deg)}.brand strong{display:block;font:600 19px "Space Grotesk";letter-spacing:.13em}.brand small{display:block;color:var(--muted);font-size:7px;letter-spacing:.12em;margin-top:4px}nav{display:flex;gap:7px}nav a{border:1px solid var(--line);padding:10px 12px;color:var(--cyan);font-size:8px;letter-spacing:.12em}section{padding:37px 43px;border-bottom:1px solid var(--line)}.code{display:flex;justify-content:space-between;color:var(--cyan);font-size:8px;letter-spacing:.15em}.hero{min-height:520px}.hero-copy{margin-top:58px;max-width:820px}.eyebrow{color:var(--cyan);font-size:9px;letter-spacing:.17em;margin:0 0 14px}h1,h2{font-family:"Space Grotesk",sans-serif;text-transform:uppercase}h1{font-size:clamp(46px,7vw,76px);line-height:.89;letter-spacing:-.05em;margin:0;color:#edf3f1}h1 em,h2 em{font-style:normal;color:var(--hot)}.lead{font-size:13px;line-height:1.8;color:#a5b0ad;max-width:700px;margin-top:26px}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;margin-top:40px}h2{font-size:clamp(34px,5vw,55px);line-height:.96;letter-spacing:-.04em;margin:0}.body,.body p{font-size:11px;line-height:1.85;color:#96a29f}.cards{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:35px}.card{border:1px solid var(--line);background:#061011;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-3px);border-color:var(--cyan)}.shot{height:220px;overflow:hidden;border-bottom:1px solid var(--soft);background:#080c10}.shot img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block}.cardcopy{padding:21px}.cardcopy small{color:var(--cyan);font-size:7px;letter-spacing:.14em}.cardcopy h2{font-size:30px;margin:7px 0}.cardcopy p{font-size:9px;line-height:1.7;color:#899592;min-height:48px}.cardcopy b{display:block;border-top:1px solid var(--soft);padding-top:13px;margin-top:15px;color:var(--cyan);font-size:8px;letter-spacing:.12em}.warmcard b{color:var(--warm)}.thesis{display:grid;grid-template-columns:1fr 1fr;gap:40px}.thesis .code{grid-column:1/-1}.thesis p{font-size:11px;line-height:1.8;color:#8f9b98}.thesis strong{color:var(--warm)}.projecthero{padding-bottom:43px}.projectsplit{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;margin-top:38px}.heroimg{border:1px solid var(--line);padding:7px;background:#060b0d}.heroimg img{width:100%;display:block}.altheaimg img{aspect-ratio:1.25/1;object-fit:cover;object-position:center top}.gallery img{width:100%;display:block;margin-top:28px;border:1px solid var(--line)}.caption{display:flex;justify-content:space-between;gap:30px;padding:13px 0;font-size:8px;line-height:1.5;color:#7d8986}.caption strong{color:var(--cyan)}.twoshots{display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center}.twoshots img{width:100%;border:1px solid var(--line)}footer{padding:26px 43px 32px;display:flex;justify-content:space-between;color:#596461;font-size:7px;letter-spacing:.13em}footer a{color:var(--cyan)}.reveal{opacity:0;transform:translateY(7px);transition:.55s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:720px){.split,.cards,.projectsplit,.twoshots,.thesis{grid-template-columns:1fr}.hero{min-height:470px}.cardcopy p{min-height:0}.projectsplit{gap:25px}.thesis .code{grid-column:auto}.thesis .code{grid-column:1}.thesis .code+*{margin-top:5px}}@media(max-width:650px){.shell{width:calc(100% - 18px);margin:9px auto}header{min-height:88px;padding:12px 14px}.mark{width:48px;height:48px}.brand{gap:10px}.brand strong{font-size:14px}.brand small{display:none}nav a{font-size:7px;padding:8px}section{padding:26px 20px}.code{font-size:6.5px}.hero{min-height:430px}.hero-copy{margin-top:42px}.lead{font-size:11px;margin-top:21px}.split{gap:24px;margin-top:30px}h2{font-size:clamp(30px,9.6vw,43px)}.cards{margin-top:27px}.shot{height:190px}.projecthero{padding-bottom:28px}.projectsplit{margin-top:29px}.heroimg{order:2}.gallery img{margin-top:22px}.caption{flex-direction:column;gap:5px}.twoshots{gap:25px}.thesis{gap:20px}footer{padding:23px 20px 27px;flex-direction:column;gap:14px}}@media(max-width:390px){nav a:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
/* V3: common ecosystem header + restrained mobile type */
header{position:relative}
.sqmark{width:58px;height:58px;position:relative;display:grid;place-items:center}
.sqmark:before{content:"";position:absolute;width:39px;height:39px;border:1px solid var(--cyan);transform:rotate(45deg)}
.sqmark:after{content:"";position:absolute;width:24px;height:24px;border:1px solid var(--cyan)}
.sqmark i{position:absolute;width:8px;height:8px;background:var(--cyan)}
.sqmark b{position:absolute;width:48px;height:48px;border:1px solid rgba(53,214,199,.18);transform:rotate(45deg)}
.header-actions{display:flex;gap:7px;align-items:center}
.iconlink,.projects-toggle{height:38px;border:1px solid var(--line);background:transparent;color:var(--cyan);font:500 8px "DM Mono";letter-spacing:.12em;display:grid;place-items:center;padding:0 12px;cursor:pointer}
.iconlink{width:38px;padding:0;font-size:13px}.iconlink.disabled{opacity:.35;pointer-events:none}
.projects-toggle:hover,.iconlink:hover{background:var(--cyan);color:#041010}
.project-menu{position:absolute;right:25px;top:82px;z-index:20;width:290px;background:#061011;border:1px solid var(--cyan);box-shadow:0 18px 50px rgba(0,0,0,.5)}
.project-menu a{display:block;padding:15px 17px;border-bottom:1px solid var(--soft)}.project-menu a:last-child{border:0}
.project-menu strong{display:block;font:600 15px "Space Grotesk";letter-spacing:.08em}.project-menu span{display:block;margin-top:4px;color:var(--muted);font-size:7px;letter-spacing:.12em}
.hero.compact{min-height:430px}.hero.compact .hero-copy{margin-top:50px;max-width:850px}
.statement-premise{display:block}.statement-imperative{display:block}
.accentline{color:var(--warm)!important}.cards.clean .cardcopy p{min-height:0}.closing p{color:#899592;font-size:11px;margin:18px 0 0}.closing em{color:var(--warm)}
@media(max-width:650px){
.sqmark{width:48px;height:48px}.sqmark:before{width:32px;height:32px}.sqmark:after{width:20px;height:20px}.sqmark b{width:39px;height:39px}
.projects-toggle{height:34px;padding:0 8px;font-size:6.5px}.iconlink{height:34px;width:34px}.header-actions .disabled{display:none}
.project-menu{right:14px;top:72px;width:min(280px,calc(100vw - 36px))}
.hero.compact{min-height:365px}.hero.compact .hero-copy{margin-top:34px}
.statement-premise{font-size:clamp(19px,5.5vw,23px);line-height:1.15}.statement-imperative{margin-top:8px;font-size:clamp(34px,10.5vw,48px);line-height:.96}h2{font-size:clamp(27px,8.3vw,38px);line-height:1}
.projecthero h1{font-size:clamp(35px,10.8vw,49px)}
.cardcopy h2{font-size:26px}
}