:root{--bg:#071016;--panel:#0d1a22;--panel2:#102631;--text:#e8f5f2;--muted:#9fb8b2;--line:#27434c;--accent:#71f6cf;--accent2:#d5b16f;--warn:#ffdf8b;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,#12333c 0,#071016 32rem),linear-gradient(160deg,#071016,#0b141b);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(113,246,207,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(113,246,207,.04) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(#000,transparent 85%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#000;padding:.5rem;z-index:10}.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem max(1.25rem,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(255,255,255,.09);background:rgba(7,16,22,.86);backdrop-filter:blur(14px)}.brand a{display:flex;align-items:center;gap:.75rem;color:var(--text);font-weight:800;letter-spacing:.02em}.mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--accent);border-radius:14px;color:var(--accent);background:linear-gradient(135deg,rgba(113,246,207,.16),rgba(213,177,111,.08));box-shadow:0 0 30px rgba(113,246,207,.12)}.nav{display:flex;gap:.35rem;flex-wrap:wrap}.nav a{padding:.55rem .75rem;border-radius:999px;color:var(--muted)}.nav a:hover{background:rgba(113,246,207,.1);color:var(--text);text-decoration:none}.nav-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:.45rem .65rem}.hero,.section{max-width:var(--max);margin:auto;padding:5rem 1.25rem}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;min-height:72vh}.eyebrow{color:var(--accent2);text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;font-weight:800}h1{font-size:clamp(2.5rem,6vw,5.8rem);line-height:.98;margin:.5rem 0 1rem;letter-spacing:-.06em}h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.05;margin:0 0 1rem;letter-spacing:-.035em}h3{line-height:1.15;margin:.5rem 0}.lead{font-size:clamp(1.1rem,2vw,1.35rem);color:#c9dad6;max-width:70ch}.panel{background:linear-gradient(160deg,rgba(16,38,49,.92),rgba(13,26,34,.88));border:1px solid rgba(255,255,255,.11);border-radius:28px;padding:1.4rem;box-shadow:0 24px 60px rgba(0,0,0,.28)}.geometry{aspect-ratio:1;border-radius:28px;position:relative;overflow:hidden;background:radial-gradient(circle,#193b44,#0a171e 65%);border:1px solid rgba(113,246,207,.3)}.geometry:before,.geometry:after{content:"";position:absolute;inset:14%;border:1px solid rgba(113,246,207,.5);transform:rotate(45deg);border-radius:18px}.geometry:after{inset:27%;border-color:rgba(213,177,111,.55);transform:rotate(0deg)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;inset:10%;animation:spin 22s linear infinite}.orbit:nth-child(2){inset:22%;animation-duration:16s;animation-direction:reverse}.orbit:nth-child(3){inset:34%;animation-duration:10s}@keyframes spin{to{transform:rotate(360deg)}}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.two{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.card,.work-card{background:rgba(13,26,34,.78);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:1.15rem}.card p,.work-card p{color:var(--muted)}.meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem}.meta span,.pill{font-size:.78rem;color:#d8c38d;border:1px solid rgba(213,177,111,.28);border-radius:999px;padding:.22rem .55rem;background:rgba(213,177,111,.06)}.cta-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:.75rem 1rem;font-weight:750;background:var(--accent);color:#03110d}.button.secondary{background:transparent;border:1px solid var(--line);color:var(--text)}.button:hover{text-decoration:none;filter:brightness(1.05)}.text-link{font-weight:700}.notice{border-left:4px solid var(--accent2);padding:1rem;background:rgba(213,177,111,.07);border-radius:12px;color:#eadfbe}.filterbar{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.25rem 0}.filterbar input,.filterbar select{background:#08161d;border:1px solid var(--line);color:var(--text);border-radius:999px;padding:.75rem 1rem;min-width:min(100%,280px)}.work-list{display:grid;gap:1rem}.link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.site-footer{max-width:var(--max);margin:4rem auto 0;padding:2rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:1rem;color:var(--muted)}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.small{font-size:.9rem;color:var(--muted)}code{background:#08161d;border:1px solid var(--line);border-radius:8px;padding:.15rem .35rem}table{width:100%;border-collapse:collapse;background:rgba(13,26,34,.58);border-radius:16px;overflow:hidden}td,th{padding:.8rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--accent2)}@media(max-width:850px){.hero,.two{grid-template-columns:1fr}.grid,.link-grid{grid-template-columns:1fr}.nav{display:none;position:absolute;left:1rem;right:1rem;top:76px;background:#071016;border:1px solid var(--line);border-radius:18px;padding:1rem}.nav.open{display:grid}.nav-toggle{display:block}.site-footer{display:block}.hero,.section{padding:3rem 1rem}}