:root{--bg:#090a0c;--panel:#111317;--line:#23262d;--text:#f4f5f7;--muted:#9298a3;--accent:#d8dde7;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 72% 12%,rgba(125,140,170,.11),transparent 30%),linear-gradient(110deg,transparent 55%,rgba(255,255,255,.018));pointer-events:none}
.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto;position:relative}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.2em}
.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #5f6570;border-radius:7px;font-size:17px;letter-spacing:0;background:#17191e}.brand-mark.small{width:28px;height:28px;font-size:13px}
nav{display:flex;gap:32px;align-items:center}nav a{color:var(--muted);text-decoration:none;font-size:13px;transition:.2s}nav a:hover{color:var(--text)}nav .nav-cta{padding:11px 17px;border:1px solid #3a3f49;border-radius:6px;color:var(--text)}
.hero{min-height:690px;padding:112px 0 80px;border-bottom:1px solid var(--line)}
.eyebrow,.section-label,.section-heading>span{font-size:11px;letter-spacing:.2em;color:var(--muted);font-weight:600}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow span{width:24px;height:1px;background:#7f8795}
h1{font-size:clamp(68px,10vw,132px);line-height:.85;letter-spacing:-.075em;margin:38px 0 40px;max-width:900px;font-weight:600}h1 em{font-style:normal;color:#6f7683;font-weight:400}
.hero>p{max-width:570px;color:var(--muted);font-size:17px;line-height:1.75;margin:0 0 38px}
.hero-actions{display:flex;gap:12px}.button{padding:14px 20px;border-radius:6px;text-decoration:none;font-size:13px;font-weight:600}.primary{background:var(--text);color:#111}.secondary{border:1px solid #343943;color:var(--text)}
.signal{position:absolute;right:0;bottom:90px;height:160px;display:flex;align-items:end;gap:7px;opacity:.5}.signal span{width:3px;background:#69717f;border-radius:5px}.signal span:nth-child(1){height:25%}.signal span:nth-child(2){height:52%}.signal span:nth-child(3){height:100%}.signal span:nth-child(4){height:66%}.signal span:nth-child(5){height:35%}
.projects{padding:120px 0;border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 2fr;margin-bottom:70px}.section-heading h2,.access h2{font-size:clamp(42px,6vw,72px);letter-spacing:-.055em;line-height:1;margin:0;font-weight:500}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project{min-height:330px;background:var(--panel);border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:transform .25s,border-color .25s}.project:hover{transform:translateY(-4px);border-color:#414752}.project-index{color:#626976;font-size:12px}.tag{font-size:10px;letter-spacing:.16em;color:#9ea7b7}.project h3{font-size:26px;letter-spacing:-.03em;margin:12px 0}.project p:last-child{max-width:440px;color:var(--muted);font-size:14px;line-height:1.65}.arrow{position:absolute;right:28px;top:25px;color:#747c89;font-size:19px}
.access{padding:120px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;border-bottom:1px solid var(--line)}.access h2{margin-top:35px}.access-copy{align-self:end;padding-bottom:4px;max-width:460px}.access-copy p{font-size:16px;line-height:1.75;color:var(--muted)}.text-link{display:inline-flex;gap:16px;margin-top:20px;color:var(--text);text-decoration:none;font-size:14px;border-bottom:1px solid #4b515c;padding-bottom:8px}
footer{min-height:150px;display:flex;align-items:center;justify-content:space-between;color:#686f7b;font-size:12px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:720px){.shell{width:min(calc(100% - 30px),var(--max))}.nav{height:76px}.nav nav a:not(.nav-cta){display:none}.hero{min-height:610px;padding-top:90px}.hero-actions{flex-direction:column;align-items:flex-start}.signal{display:none}.section-heading,.access{grid-template-columns:1fr;gap:32px}.project-grid{grid-template-columns:1fr}.projects,.access{padding:86px 0}footer{flex-wrap:wrap;gap:20px;padding:40px 0}}