:root{color-scheme:dark;--bg: #06090b;--bg-elevated: rgba(13, 18, 22, .85);--surface: rgba(255, 255, 255, .045);--surface-strong: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--text: #f6f2ea;--muted: #9fa8aa;--accent: #d5ff66;--accent-soft: rgba(213, 255, 102, .16);--cold: #79d6d2;--shadow: 0 30px 70px rgba(0, 0, 0, .35);--radius: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(121,214,210,.14),transparent 32%),radial-gradient(circle at top right,rgba(213,255,102,.08),transparent 28%),linear-gradient(180deg,#0a0f12,#06090b 56%,#050708);color:var(--text)}body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:120px 120px;-webkit-mask-image:radial-gradient(circle at center,black 45%,transparent 85%);mask-image:radial-gradient(circle at center,black 45%,transparent 85%);opacity:.25;pointer-events:none}.site-noise{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.06),transparent 22%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.04),transparent 18%),radial-gradient(circle at 40% 70%,rgba(255,255,255,.03),transparent 20%);mix-blend-mode:soft-light;opacity:.65}a{color:inherit}img{display:block;max-width:100%}.site-header,.section,.site-footer{width:min(1120px,calc(100% - 2rem));margin:0 auto}.site-header{width:fit-content;max-width:calc(100% - 2rem);position:sticky;top:1rem;z-index:20;display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:1rem 1.15rem;margin-top:1rem;background:#0a0e10b8;border:1px solid rgba(255,255,255,.08);border-radius:999px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.brand,.button,.card-label,.eyebrow{font-family:Space Grotesk,Arial Narrow,sans-serif}.brand{display:inline-flex;align-items:center;gap:.8rem;font-size:1rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:lowercase}.brand-logo{width:2.2rem;height:2.2rem;flex:0 0 auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.section{padding:6.5rem 0;position:relative}section[id]{scroll-margin-top:7rem}.hero{min-height:calc(100vh - 5rem);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:3rem}.eyebrow{margin:0 0 1rem;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}h1,h2{margin:0;font-family:Space Grotesk,Arial Narrow,sans-serif;letter-spacing:-.03em;line-height:.96}h1{max-width:12ch;font-size:clamp(3.4rem,7vw,6.4rem)}h2{font-size:clamp(2.4rem,5vw,4.1rem);max-width:14ch}.lead,.section-heading p,.site-footer,label,input,textarea,button{font-size:1rem;line-height:1.65}.lead,.section-heading p,.site-footer{color:var(--muted)}.lead{max-width:40rem;margin:1.5rem 0 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.85rem 1.25rem;border-radius:999px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover,.button:focus-visible{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.7;transform:none}.button-primary{background:var(--accent);color:#0a0d08;font-weight:700}.button-secondary{border-color:var(--border);background:#ffffff08}.hero-visual{padding:1.1rem;border-radius:calc(var(--radius) + 12px);border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#ffffff14,#ffffff05),#ffffff08;box-shadow:var(--shadow)}.hero-visual img{animation:hover-float 7s ease-in-out infinite}.contact-form{padding:1.45rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.card-label{margin:0 0 .8rem;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cold)}.section-heading{max-width:42rem;margin-bottom:2rem}.section-heading p{margin:1rem 0 0}.portfolio-list{display:grid;gap:1.25rem}.portfolio-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:1.25rem;padding:1.45rem;border-radius:calc(var(--radius) + 4px);border:1px solid var(--border);background:var(--bg-elevated);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.portfolio-shot{display:block;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;aspect-ratio:1 / 1}.portfolio-shot img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.portfolio-shot:hover img,.portfolio-shot:focus-visible img{transform:scale(1.02)}.portfolio-copy{display:grid;align-content:start;gap:.9rem}.portfolio-copy h3{margin:0;font-family:Space Grotesk,Arial Narrow,sans-serif;font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.02em}.portfolio-copy p{margin:0;color:var(--muted)}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0;margin:.2rem 0 0}.portfolio-tags li{padding:.55rem .85rem;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text);font-size:.92rem}.portfolio-link{color:var(--accent);text-decoration:none;width:fit-content}.portfolio-link:hover,.portfolio-link:focus-visible{text-decoration:underline}.contact-layout{display:block}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.full-width{grid-column:1 / -1}label{display:grid;gap:.45rem;color:var(--text)}.field-trap{position:absolute;left:-9999px}input,textarea{width:100%;padding:.95rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff09;color:var(--text);font:inherit}input::placeholder,textarea::placeholder{color:#7e8789}input:focus,textarea:focus{outline:2px solid rgba(213,255,102,.3);outline-offset:1px;border-color:#d5ff6673}textarea{resize:vertical;min-height:12rem}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.site-footer{padding:0 0 3rem}.site-footer p{margin:.3rem 0}@keyframes hover-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:980px){.hero,.portfolio-card{grid-template-columns:1fr}.hero{min-height:auto;padding-top:3rem}h1,h2{max-width:none}}@media(max-width:720px){.site-header{border-radius:28px;padding:1rem}.section{padding:5rem 0}.contact-form{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.hero-visual img,.portfolio-shot img{transition:none;animation:none}}