:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--maxw: 1080px;--pad-x: 56px;--page-bg: radial-gradient(1100px 700px at 78% -8%, rgba(245, 158, 11, .2), transparent 60%), radial-gradient(900px 600px at 10% 110%, rgba(251, 191, 36, .1), transparent 55%), #1c1814;--bg: #1c1814;--text: #f5f0e8;--text-body: #d9cfc0;--muted: #b8aa96;--muted-2: #948674;--faint: #948674;--accent: #fbbf24;--accent-light: #fcd34d;--accent-deep: #f59e0b;--on-accent: #fff;--tag-text: #fef3c7;--grad-btn: linear-gradient(135deg, #f59e0b, #dc2626);--grad-logo: linear-gradient(135deg, #fbbf24, #b45309);--grad-heading: linear-gradient(120deg, #fcd34d, #fbbf24 40%, #f59e0b);--grad-card: linear-gradient(180deg, rgba(58, 48, 36, .78), rgba(42, 34, 26, .88));--contact-bg: linear-gradient(160deg, rgba(72, 56, 32, .72), rgba(42, 34, 26, .78));--header-bg: rgba(28, 24, 20, .6);--badge-bg: rgba(251, 191, 36, .1);--input-bg: rgba(28, 24, 20, .55);--border-soft: rgba(251, 191, 36, .16);--border: rgba(251, 191, 36, .18);--border-mid: rgba(251, 191, 36, .24);--border-strong: rgba(251, 191, 36, .3);--border-hover: rgba(251, 191, 36, .55);--pill-hover: rgba(251, 191, 36, .14);--pill-accent-bg: rgba(251, 191, 36, .1);--pill-accent-hover: rgba(251, 191, 36, .18);--focus-ring: rgba(251, 191, 36, .18);--link-underline: rgba(252, 211, 77, .35);--glow: rgba(251, 191, 36, .26);--btn-glow: rgba(251, 191, 36, .4);--btn-glow-strong: rgba(251, 191, 36, .6);--card-shadow: 0 24px 60px -20px rgba(220, 38, 38, .45);--selection-fg: #1c1814;--scroll-track: rgba(251, 191, 36, .1);--scroll-thumb: rgba(251, 191, 36, .42);--scroll-thumb-hover: rgba(251, 191, 36, .7)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:var(--accent);color:var(--selection-fg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:12px;left:12px;z-index:200;padding:10px 16px;border-radius:99px;background:var(--grad-btn);color:var(--on-accent);font-weight:600;font-size:14px;transform:translateY(-160%);transition:transform .2s ease}.skip-link:focus-visible{transform:translateY(0);outline:2px solid var(--accent-light);outline-offset:2px}a{color:var(--accent-light);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}section[id]{scroll-margin-top:96px}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad-x)}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:600;font-size:15px;border-radius:99px;padding:14px 26px;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.btn-primary{background:var(--grad-btn);color:var(--on-accent);box-shadow:0 0 28px var(--btn-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 38px var(--btn-glow-strong);color:var(--on-accent)}.btn-primary.lg{padding:17px 36px;font-size:16px;box-shadow:0 0 36px var(--btn-glow)}.btn-primary.lg:hover{box-shadow:0 0 48px var(--btn-glow-strong)}.btn-outline{background:transparent;border-color:var(--border-mid);color:var(--text)}.btn-outline:hover{background:var(--pill-accent-bg);border-color:var(--border-hover);color:var(--text)}.projects-scroll::-webkit-scrollbar{height:8px}.projects-scroll::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:99px}.projects-scroll::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:99px}.projects-scroll::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:.85}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media(max-width:720px){:root{--pad-x: 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}