:root{--bg: #0a0a0a;--bg-soft: #121212;--ink: #f5efe0;--muted: #a8a190;--gold: #c9a227;--gold-light: #e8c766;--gold-dark: #8a6d12;--line: rgba(201, 162, 39, .22);--metal: linear-gradient(145deg, #1c1c1c 0%, #111 50%, #1a1a1a 100%);--gold-grad: linear-gradient(135deg, #f1d98a 0%, #c9a227 50%, #8a6d12 100%)}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6}h1,h2,h3,.logo{font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}.nav{position:fixed;inset:0 0 auto 0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px clamp(20px,5vw,64px);background:#0a0a0acc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav nav{display:flex;align-items:center;gap:28px;font-weight:500}.nav nav a:hover{color:var(--gold-light)}.logo{font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:8px}.logo-mark{background:var(--gold-grad);border-radius:10px;padding:2px 10px;color:#0a0a0a;box-shadow:0 4px 14px #c9a2274d}.btn{display:inline-block;cursor:pointer;border:0;padding:14px 28px;border-radius:999px;font:600 1rem Inter,sans-serif;color:#0a0a0a;background:var(--gold-grad);box-shadow:0 10px 24px #c9a22740;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #c9a22766}.btn-small{padding:8px 18px}.btn-ghost{background:transparent;color:var(--gold-light);border:1px solid var(--gold);box-shadow:none}.btn-ghost:hover{background:#c9a2271a;box-shadow:none}.nav nav .btn:hover{color:#0a0a0a}.hero{position:relative;min-height:100vh;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:100px clamp(20px,5vw,64px) 40px;gap:20px;background:radial-gradient(ellipse at 75% 40%,rgba(201,162,39,.12),transparent 60%)}.hero-text{order:1}.hero-canvas{order:2;height:min(70vh,640px);position:relative}.hero-canvas canvas{position:relative;z-index:1;touch-action:pan-y}.orb{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(60%,320px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f1d98a,#c9a227 35%,#3a2f08 75%,transparent 76%);filter:blur(1px);opacity:.85;transition:opacity .6s}.orb.off{opacity:0}.eyebrow{color:var(--gold);font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem}h1{font-size:clamp(2.4rem,5.5vw,4.4rem);line-height:1.05;margin:12px 0 20px}.grad{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);font-size:1.15rem;max-width:520px}.actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}.section{padding:100px clamp(20px,5vw,64px);max-width:1200px;margin:0 auto}.section h2{font-size:clamp(1.9rem,4vw,2.8rem);margin-bottom:10px}.section h2:after{content:"";display:block;width:56px;height:3px;margin-top:12px;background:var(--gold-grad);border-radius:2px}.sub{color:var(--muted);margin-bottom:40px}.section h2+.grid{margin-top:36px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.card{border-radius:20px;padding:32px;position:relative;background:var(--metal);border:1px solid var(--line);box-shadow:0 18px 40px #00000080;transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 26px 50px #c9a22726}.card h3{margin:12px 0 8px;font-size:1.4rem;color:var(--gold-light)}.card p{color:var(--muted)}.icon{font-size:2rem;color:var(--gold)}.thumb{height:160px;border-radius:14px;margin-bottom:18px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a 60%,#8a6d12);border:1px solid var(--line)}.thumb{overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.project.is-link{display:block;cursor:pointer}.visit{display:inline-block;margin-top:14px;color:var(--gold-light);font-weight:600}.project.is-link:hover .visit{text-decoration:underline}.chip{position:absolute;top:44px;right:44px;font-size:.75rem;font-weight:600;background:var(--gold-grad);padding:4px 12px;border-radius:999px;color:#0a0a0a}.about{border-top:1px solid var(--line)}.about-intro{font-size:1.25rem;max-width:760px;margin:28px 0 40px;color:var(--ink)}.about-intro strong{color:var(--gold-light);font-weight:600}.about .grid,.about .card h3{margin-top:0}.mission{margin-top:40px;padding:28px 32px;border-radius:20px;border-left:4px solid var(--gold);background:var(--bg-soft);color:var(--ink);font-size:1.1rem}.mission span{color:var(--gold-light);font-weight:600}.contact{text-align:center}.contact h2:after{margin-left:auto;margin-right:auto}.form{max-width:560px;margin:0 auto;display:grid;gap:14px}.form input,.form textarea{width:100%;padding:14px 18px;border-radius:14px;font:inherit;color:var(--ink);border:1px solid var(--line);background:var(--bg-soft)}.form input::placeholder,.form textarea::placeholder{color:#6f6a5c}.form input:focus,.form textarea:focus{outline:2px solid var(--gold)}.thanks{font-size:1.2rem;color:var(--gold-light)}.footer{text-align:center;padding:32px;color:var(--muted);font-size:.9rem;border-top:1px solid var(--line)}.section,.footer{content-visibility:auto;contain-intrinsic-size:auto 600px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important}}@media (max-width: 800px){.hero{grid-template-columns:1fr;padding-top:90px}.hero-canvas{order:1;height:340px}.hero-text{order:2}.nav nav a:not(.btn){display:none}.nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a0a0af2}.section{padding-top:72px;padding-bottom:72px}.btn,.form input,.form textarea{min-height:48px}.form input,.form textarea{font-size:16px}.card:hover{transform:none}}