:root { color-scheme: light; --ink:#151515; --paper:#f0eee8; --line:#a9a69e; --red:#d8462f; --blue:#1547d2; --acid:#d6ef3a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
.masthead { position:sticky; top:0; z-index:10; display:flex; justify-content:space-between; align-items:center; padding:18px 3vw; border-bottom:1px solid var(--ink); background:rgba(240,238,232,.96); }
.wordmark { color:inherit; text-decoration:none; font-weight:900; letter-spacing:-.04em; }
.wordmark span,.masthead p { font-size:11px; font-weight:700; letter-spacing:.14em; }
.masthead p { margin:0; text-transform:uppercase; }
main { width:min(1400px,94vw); margin:auto; }
.intro { min-height:70vh; display:grid; align-content:end; grid-template-columns:1fr 2.3fr; gap:4vw; padding:8rem 0 4rem; border-bottom:1px solid var(--ink); }
.kicker,.domain { margin:0; font:700 11px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing:.13em; }
.intro h1 { grid-column:2; margin:0; max-width:900px; font:400 clamp(54px,8.4vw,128px)/.88 Georgia, serif; letter-spacing:-.065em; }
.lede { grid-column:2; max-width:680px; margin:2rem 0 0; font-size:clamp(18px,2vw,26px); line-height:1.35; }
.projects { display:grid; }
.project { min-height:580px; position:relative; display:grid; grid-template-columns:90px minmax(320px,620px) 1fr; gap:3vw; padding:5rem 0; border-bottom:1px solid var(--ink); overflow:hidden; }
.number { font:700 12px ui-monospace,monospace; }
.project h2 { margin:.35rem 0 1rem; font:400 clamp(62px,9vw,138px)/.9 Georgia,serif; letter-spacing:-.06em; }
.project-copy>p:not(.domain) { max-width:560px; font-size:20px; line-height:1.48; }
.project ul { display:flex; flex-wrap:wrap; gap:8px; padding:0; list-style:none; margin:2rem 0; }
.project li { border:1px solid currentColor; border-radius:100px; padding:7px 11px; font:700 10px ui-monospace,monospace; text-transform:uppercase; }
.project a { display:inline-block; color:inherit; font-weight:800; text-underline-offset:6px; }
.glyph,.site-glyph,.matrix-glyph { align-self:center; justify-self:end; width:min(38vw,460px); aspect-ratio:1; position:relative; }
.glyph { border:1px solid var(--red); border-radius:50%; animation:orbit 18s linear infinite; }
.glyph i { position:absolute; inset:17%; border:1px solid var(--red); border-radius:50%; }
.glyph i:nth-child(2){ inset:34%; }.glyph i:nth-child(3){ inset:48%; background:var(--red); }
.glyph b { position:absolute; width:12%; aspect-ratio:1; border-radius:50%; background:var(--ink); top:2%; left:44%; }
@keyframes orbit { to { transform:rotate(360deg); } }
.urban { color:#0e2d86; }
.site-glyph { border:1px solid currentColor; transform:rotate(-8deg); }
.site-glyph i { position:absolute; background:currentColor; opacity:.88; }
.site-glyph i:nth-child(1){left:8%;top:8%;width:30%;height:24%}.site-glyph i:nth-child(2){right:7%;top:18%;width:42%;height:20%}.site-glyph i:nth-child(3){left:16%;bottom:10%;width:25%;height:44%}.site-glyph i:nth-child(4){right:11%;bottom:13%;width:38%;height:30%}.site-glyph b { position:absolute; inset:43% 0 auto; height:8%; background:var(--red); transform:rotate(22deg); }
.twin { background:var(--ink); color:#f0eee8; margin-inline:-3vw; padding-inline:3vw; }
.matrix-glyph { background-color:#242424; background-image:linear-gradient(#444 1px,transparent 1px),linear-gradient(90deg,#444 1px,transparent 1px); background-size:9.09% 9.09%; }
.matrix-glyph:after { content:"FAIL / 0271"; position:absolute; right:9%; bottom:18%; padding:12px; background:var(--acid); color:var(--ink); font:800 13px ui-monospace,monospace; }
.principles { padding:7rem 0; border-bottom:1px solid var(--ink); }
.principles h2 { margin:.5rem 0 4rem; font:400 clamp(46px,7vw,104px)/.95 Georgia,serif; letter-spacing:-.05em; }
.principles>div { display:grid; grid-template-columns:repeat(3,1fr); gap:3vw; }
.principles p { font-size:17px; line-height:1.55; }
.next-lab{padding:7rem 0 8rem}.next-lab>header{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:3vw;align-items:end}.next-lab h2{margin:0;font:400 clamp(46px,6vw,90px)/.96 Georgia,serif;letter-spacing:-.05em}.next-lab header>p:last-child{margin:0;font-size:16px;line-height:1.5}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:5rem;border-block:1px solid var(--ink)}.concept-grid article{min-height:510px;padding:28px 24px;display:flex;flex-direction:column}.concept-grid article+article{border-left:1px solid var(--ink)}.concept-grid article>span{font:700 9px ui-monospace,monospace;letter-spacing:.1em;color:var(--red)}.concept-grid h3{margin:1rem 0;font:400 58px Georgia,serif;letter-spacing:-.05em}.concept-thesis{font-size:21px!important;line-height:1.25!important}.concept-grid p{font-size:14px;line-height:1.55}.concept-grid dl{margin:2rem 0}.concept-grid dl>div{display:grid;grid-template-columns:80px 1fr;padding:10px 0;border-top:1px solid var(--line)}.concept-grid dt{font:700 9px ui-monospace,monospace}.concept-grid dd{margin:0;font-size:12px}.concept-grid a{margin-top:auto;color:inherit;font:700 11px ui-monospace,monospace;text-underline-offset:5px}
footer { display:flex; justify-content:space-between; padding:2rem 3vw; background:var(--red); color:white; }
footer span { font-weight:900; letter-spacing:-.04em; } footer p { margin:0; font-size:12px; }
footer{gap:20px;flex-wrap:wrap}footer a{color:inherit;text-underline-offset:4px;font-size:14px}
.intro-links{grid-column:2;display:flex;gap:24px;flex-wrap:wrap}.intro-links a{color:inherit;font-size:14px;text-underline-offset:5px;line-height:1.7}
.pitch-library{padding:6rem 0;border-bottom:1px solid var(--ink);scroll-margin-top:100px}.pitch-library h2{font:400 clamp(38px,5.5vw,76px)/1 Georgia,serif;letter-spacing:-.04em;margin:24px 0}.pitch-intro{max-width:680px;font-size:18px;line-height:1.6;margin-bottom:42px}.pitch-row{display:grid;grid-template-columns:1fr 130px 150px;gap:24px;align-items:center;border-top:1px solid var(--line);padding:24px 0}.pitch-row h3{font:400 32px Georgia,serif;letter-spacing:-.04em;margin:0 0 8px}.pitch-row p{margin:0;line-height:1.5}.pitch-row a,.pitch-contact a{color:inherit;text-underline-offset:5px;line-height:1.8}.pitch-contact{margin:32px 0 0;font-size:17px;line-height:1.8}.pitch-contact a{white-space:nowrap}a:focus-visible{outline:3px solid currentColor;outline-offset:5px}
@media(max-width:800px){.intro-links{grid-column:1}}@media(max-width:540px){.pitch-row{grid-template-columns:1fr 1fr;gap:18px}.pitch-row>div{grid-column:1/-1}.pitch-row a{min-height:40px}.intro-links{gap:12px}.pitch-library{padding:4rem 0}.project{grid-template-columns:26px minmax(0,1fr)}.project h2{font-size:clamp(42px,12vw,62px)}}
@media(max-width:800px){.intro{grid-template-columns:1fr;}.intro h1,.lede{grid-column:1}.project{grid-template-columns:42px 1fr;min-height:auto}.glyph,.site-glyph,.matrix-glyph{grid-column:2;width:100%;max-width:360px;justify-self:start;margin-top:3rem}.principles>div,.concept-grid{grid-template-columns:1fr}.next-lab>header{grid-template-columns:1fr;gap:1.5rem}.concept-grid article+article{border-left:0;border-top:1px solid var(--ink)}.masthead p{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto}}
.intro{min-height:350px;padding:5rem 0 3rem}.intro h1{font-size:clamp(50px,7vw,106px)}.intro .lede{font-size:19px;max-width:650px;margin-top:1rem}.featured-mission{display:grid;grid-template-columns:1fr 1.15fr;margin:30px 0 0;background:#17231e;color:#e6ebdc}.feature-copy{padding:46px 38px}.feature-copy .kicker{color:#cad6b6;font-size:9px}.feature-copy h2{font:400 clamp(42px,5.8vw,85px)/.94 Georgia,serif;letter-spacing:-.05em;margin:26px 0}.feature-copy>p:not(.kicker){font-size:16px;line-height:1.5;max-width:480px;color:#c7cebd}.feature-copy>a{display:flex;justify-content:space-between;max-width:280px;background:#dceabb;color:#21321f;padding:16px 20px;text-decoration:none;font-size:13px;margin-top:30px}.feature-note{display:block;margin-top:17px;font:9px ui-monospace,monospace;color:#aebda2}.feature-preview{display:flex;flex-direction:column;text-decoration:none;border-left:1px solid #61705c;position:relative}.feature-preview img{width:100%;height:100%;object-fit:cover}.feature-preview>span{display:flex;justify-content:space-between;position:absolute;bottom:25px;left:25px;right:25px;font:9px ui-monospace,monospace;color:#ced7c4}.concept-grid{grid-template-columns:repeat(2,1fr)}@media(max-width:800px){.featured-mission{grid-template-columns:1fr}.feature-copy{padding:34px 25px}.feature-preview{border-left:0;border-top:1px solid #61705c;min-height:310px}.feature-preview img{height:310px}.concept-grid{grid-template-columns:1fr}.intro{padding-top:3rem;min-height:310px}}