:root{--nav-height: 64px;--content-width: 1120px;--gutter: clamp(16px, 4vw, 48px);--space: #0b0d2a;--nebula: #3b2f72;--glow: #b49cff;--stardust: #ece9fb;--dusk: color-mix(in srgb, var(--nebula) 55%, var(--space));--font-display: "Barlow Condensed", "Arial Narrow", sans-serif;--font-brand: "Fraunces", Georgia, serif;font-family:Barlow,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--stardust);background:var(--space)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--space)}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:.95;text-transform:uppercase;margin:0}::selection{background:var(--glow);color:var(--space)}.eyebrow{margin:0 0 16px;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--glow)}.lead{font-size:1.15rem;max-width:560px;margin:0}.navbar{position:fixed;inset:0 0 auto 0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:var(--space);border-bottom:1px solid var(--nebula);z-index:10}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-brand);font-weight:600;font-size:1.4rem;color:var(--stardust);text-decoration:none}.navbar nav{display:flex;gap:clamp(16px,3vw,32px)}.navbar nav a{color:var(--stardust);text-decoration:none;font-size:.9rem;font-weight:500;padding:4px 0;border-bottom:2px solid transparent}.navbar nav a:hover{color:var(--glow)}.navbar nav a.active{color:var(--glow);border-bottom-color:var(--glow)}.band{position:relative;padding:96px max(var(--gutter),(100% - var(--content-width)) / 2)}.band h2{font-size:clamp(2.5rem,6vw,4rem)}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-block;padding:12px 22px;border:2px solid var(--glow);border-radius:4px;background:var(--glow);color:var(--space);font-size:.9rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.button:hover{background:var(--stardust);border-color:var(--stardust)}.button-outline{background:transparent;border-color:var(--nebula);color:var(--stardust)}.button-outline:hover{background:var(--nebula);border-color:var(--nebula)}.button-dark{background:var(--space);border-color:var(--space);color:var(--stardust)}.button-dark:hover{background:var(--nebula);border-color:var(--nebula)}.landscape{position:absolute;inset:auto 0 0 0;width:100%;height:clamp(160px,32vw,340px);display:block}.landscape .far{fill:var(--far)}.landscape .mid{fill:var(--mid)}.landscape .near{fill:var(--near)}.hero{--far: var(--nebula);--mid: var(--dusk);--near: var(--space);min-height:min(100vh,900px);padding-top:calc(var(--nav-height) + 72px);padding-bottom:clamp(200px,34vw,380px);background:var(--space);overflow:hidden}.hero-text{position:relative;z-index:1;max-width:640px}.hero h1{font-family:var(--font-brand);font-weight:600;text-transform:none;letter-spacing:-.02em;line-height:1;font-size:clamp(4rem,12vw,8rem);color:var(--stardust);margin-bottom:20px}.tagline{max-width:420px;margin:0 0 28px;color:var(--stardust)}.hero-logo{position:absolute;top:calc(var(--nav-height) + 64px);right:max(var(--gutter),(100% - var(--content-width)) / 2);width:clamp(120px,22vw,260px);height:auto}.statement{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;background:var(--nebula)}.statement .eyebrow{color:var(--stardust);opacity:.8}.team{background:var(--stardust);color:var(--space)}.team h2{margin-bottom:40px}.team-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.team-card h3{font-size:1.5rem;margin:16px 0 4px}.team-card span{color:var(--nebula);font-size:.9rem}.tile{display:block;width:100%;aspect-ratio:400 / 260;object-fit:cover;border-radius:8px}.tile-bg{fill:var(--tile-bg)}.tile-sun{fill:var(--tile-sun)}.tile-hill{fill:var(--tile-hill)}.tile-ground{fill:var(--tile-ground)}.tile-initials{fill:var(--space);font-family:var(--font-display);font-weight:800;font-size:40px}.tile-0{--tile-bg: var(--glow);--tile-sun: var(--stardust);--tile-hill: var(--nebula);--tile-ground: var(--space)}.tile-1{--tile-bg: var(--nebula);--tile-sun: var(--glow);--tile-hill: var(--dusk);--tile-ground: var(--space)}.tile-2{--tile-bg: var(--space);--tile-sun: var(--glow);--tile-hill: var(--nebula);--tile-ground: var(--dusk)}.tile-3{--tile-bg: var(--dusk);--tile-sun: var(--stardust);--tile-hill: var(--nebula);--tile-ground: var(--space)}.process{background:var(--space)}.process .lead{margin-top:16px;color:var(--stardust);opacity:.8}.steps{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:64px 48px}.step{display:flex;flex-direction:column;scroll-margin-top:calc(var(--nav-height) + 24px)}.step-cover{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:8px;margin-bottom:18px}.step-cover.placeholder{display:grid;place-items:center;background:var(--nebula);color:var(--space);font-family:var(--font-display);font-weight:800;font-size:4rem;opacity:.6}.step-number{font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--glow);opacity:.7}.step h3{font-size:1.5rem;line-height:1;color:var(--glow);margin:6px 0 16px}.step-files{display:flex;gap:8px;margin-top:auto}.file-button{padding:6px 12px;border:1.5px solid var(--glow);border-radius:4px;color:var(--glow);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-decoration:none;transition:background .2s,color .2s}a.file-button:hover{background:var(--glow);color:var(--space)}.file-button.disabled{border-color:var(--nebula);color:var(--nebula);cursor:default}.cta{--far: var(--nebula);--mid: var(--nebula);--near: var(--space);padding-bottom:clamp(200px,30vw,360px);background:var(--glow);color:var(--space);overflow:hidden}.cta .landscape .far{opacity:.55}.cta h2{max-width:720px;font-size:clamp(3rem,8vw,5.5rem);margin-bottom:32px}.footer{padding:24px var(--gutter);background:var(--space);color:var(--stardust);font-size:.85rem;text-align:center;opacity:.85}@media(max-width:860px){.statement{grid-template-columns:1fr;gap:24px}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.band{padding-top:72px;padding-bottom:72px}.hero-logo{position:static;display:block;width:96px;margin-bottom:24px}.steps{grid-template-columns:1fr}.navbar nav{gap:14px}.brand span{display:none}}