@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#080808;--panel:#111;--line:#303030;--white:#f5f5f5;--muted:#a5a5a5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}.topbar{height:72px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242424;position:sticky;top:0;background:#080808ed;backdrop-filter:blur(12px);z-index:5}
.wordmark{font-weight:800;letter-spacing:.08em;font-size:15px}.wordmark span{color:#888}.topbar nav{display:flex;gap:24px;font-size:12px;color:#bbb}.topbar nav a:hover,.socials a:hover{color:#fff}
.hero{min-height:680px;padding:120px 9vw 100px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 75% 40%,#202020 0,transparent 42%)}
.eyebrow{font-size:11px;letter-spacing:.24em;color:#aaa;font-weight:700}.eyebrow i{font-style:normal;color:#fff;margin:0 6px}
h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.9;margin:0;letter-spacing:.015em}
h1{font-size:clamp(76px,17vw,190px);font-weight:900;letter-spacing:-.035em;margin:22px 0}h1 span{color:#777}
.rule{height:2px;width:68px;background:#eee;margin:12px 0 28px}.claim{font-size:clamp(24px,4vw,38px);line-height:1.2;margin:0 0 18px}.claim strong{color:#999}
.intro,.section-copy,.manifesto>p:last-child,.about>p:not(.eyebrow){max-width:590px;color:#aaa;font-size:15px}
.cta{margin-top:34px;border:1px solid #777;padding:16px 20px;width:max-content;font-size:11px;letter-spacing:.16em;font-weight:700}.cta span{margin-left:25px}
.section{padding:105px 8vw}.section-head h2,.manifesto h2,.about h2{font-size:clamp(56px,9vw,105px);margin:20px 0}.section-head h2 span,.manifesto h2 span,.about h2 span{color:#777}
.section-copy{margin:0 0 42px}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.project{min-height:245px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border:1px solid #333;background:#111;transition:transform .2s,border-color .2s}
a.project:hover{transform:translateY(-4px);border-color:#888}.project small{font-size:10px;letter-spacing:.2em;opacity:.75;margin-bottom:auto}.project h3{font-size:clamp(34px,5vw,58px);margin:25px 0 10px}.project p{max-width:320px;color:#ddd;font-size:13px;margin:0 0 22px}.project b,.project em{font-size:10px;letter-spacing:.15em;font-style:normal}.phoenix{background:linear-gradient(140deg,#3a1112,#100c0d 72%);border-color:#633033}.phoenix h3{color:#ff6b5f}.blue{background:linear-gradient(140deg,#10264d,#0c1019 72%);border-color:#263d65}.blue h3{color:#91baff}.words{background:linear-gradient(140deg,#392c10,#111 72%);border-color:#5a4923}.words h3{color:#e4c46e}.muted{background:#0c0c0c;color:#777;border-style:dashed}.muted p{color:#888}.manifesto{padding:105px 9vw;background:#e9e9e9;color:#111}.manifesto .eyebrow{color:#555}.manifesto h2 span{color:#888}.manifesto>p:last-child{color:#444}
.about{padding-bottom:120px}.socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.socials a{border:1px solid #555;padding:13px 17px;font-size:11px;letter-spacing:.12em}.small-note{font-size:11px!important;color:#777!important}
footer{border-top:1px solid #292929;padding:30px 8vw;display:flex;justify-content:space-between;align-items:center;gap:20px}footer p{font-size:10px;letter-spacing:.12em;color:#777}
.subpage{min-height:75vh;padding:14vh 9vw}.subpage h1{font-size:clamp(72px,15vw,150px)}.subpage p{max-width:600px;color:#bbb}.back{display:inline-block;margin-top:35px;border-bottom:1px solid #777;padding-bottom:8px;font-size:12px}
@media(max-width:620px){.topbar{height:62px;padding:0 5vw}.topbar nav{gap:12px;font-size:10px}.wordmark{font-size:12px}.hero{min-height:620px;padding:90px 7vw}.section{padding:78px 7vw}.projects{grid-template-columns:1fr}.project{min-height:220px}.manifesto{padding:80px 7vw}footer{padding:25px 7vw;align-items:flex-start;flex-direction:column}footer p{margin:0}}