:root{--bg: #191715;--bg-gradient: radial-gradient(circle at top, #2b2622 0%, #191715 46%, #141210 100%);--surface: #211d1a;--surface-alt: #2a2521;--surface-soft: #1d1a17;--border: #4a3f37;--text: #fcf6ef;--heading: #fff9f2;--muted: #f0e8de;--accent: #d6a06d;--accent-2: #e0b88f;--shadow: 0 8px 24px rgba(6, 5, 4, .26);--ring: 0 0 0 3px rgba(214, 160, 109, .28);--max: 1080px}:root[data-theme=light]{--bg: #f0ebe4;--bg-gradient: radial-gradient(circle at top, #f7f3ee 0%, #f0ebe4 58%, #e8e0d6 100%);--surface: #f7f3ee;--surface-alt: #f3ede6;--surface-soft: #ede6de;--border: #d4c4b4;--text: #241d18;--heading: #1d1713;--muted: #433931;--accent: #8b5522;--accent-2: #6e3f16;--shadow: 0 8px 24px rgba(82, 57, 33, .1);--ring: 0 0 0 3px rgba(139, 85, 34, .22)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg-gradient);color:var(--text)}body{font-size:18px;transition:opacity .18s ease,transform .18s ease}body.is-leaving{opacity:.72;transform:translateY(2px)}a{color:var(--accent-2);text-decoration:none;transition:color .18s ease}a:hover{color:var(--accent)}.shell{min-height:100vh}.container{width:min(100% - 2rem,var(--max));margin:0 auto}.site-nav{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg),transparent 15%);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}.brand{font-size:1rem;font-weight:700;letter-spacing:.02em}.nav-controls{display:flex;align-items:center;gap:.9rem}.nav-links{display:flex;flex-wrap:wrap;gap:1rem}.nav-links a{color:var(--muted);font-size:.95rem}.nav-links a:hover{color:var(--text)}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .65rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--ring)}.theme-toggle-icon{color:var(--accent)}.theme-toggle-label{font-size:.85rem;color:var(--muted)}main{padding:3rem 0 4rem}section{margin-top:4rem;animation:fadeSlideIn .55s ease both;animation-delay:60ms}section[id]{scroll-margin-top:84px}section:nth-of-type(2){animation-delay:.12s}section:nth-of-type(3){animation-delay:.18s}section:nth-of-type(4){animation-delay:.24s}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,3vw,3rem);line-height:1.2}h2{font-size:clamp(1.3rem,2vw,1.8rem);margin-bottom:1rem}.section-heading{display:flex;align-items:center;gap:1rem;width:100%;margin-bottom:1.15rem}.section-heading:after{content:"";flex:1 1 auto;height:1px;background:color-mix(in srgb,var(--border),transparent 12%);transform:translateY(1px)}p{line-height:1.72}.lead{margin-top:1rem;color:var(--muted);max-width:72ch}.section-intro{margin-bottom:1.35rem;color:var(--muted);max-width:68ch}.hero{margin-top:1rem}.hero-split{display:grid;gap:1.4rem;align-items:start;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr)}.hero-intro{margin:0;font-size:.96rem;line-height:1.55;color:var(--muted);max-width:34ch}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--accent-2);font-weight:700}.hero-support{max-width:64ch}.hero-points{margin-top:1.35rem;display:grid;gap:.65rem}.hero-points p{display:flex;align-items:flex-start;gap:.5rem;color:var(--text)}.hero-points strong{color:var(--heading)}.principles-section{position:relative}.principles-header{display:grid;gap:.35rem;margin-bottom:1.4rem}.principles-editorial{display:block}.principles-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem;row-gap:1.6rem;align-items:start}.principle-statement{display:grid;grid-template-columns:1.2rem minmax(0,1fr);gap:.25rem 1rem;align-items:start;padding:0}.principle-mark{display:block;width:.5rem;height:.5rem;margin-top:.42rem;border-radius:999px;background:color-mix(in srgb,var(--accent),white 14%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent),transparent 88%)}.principle-copy{max-width:42ch}.principle-copy h3{margin-bottom:.35rem;font-family:inherit;font-size:clamp(1.05rem,1.3vw,1.35rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}.principle-copy p{color:var(--muted);font-size:.98rem}.profile-shot{margin:0;display:grid;justify-items:center;gap:.75rem}.profile-shot img{display:block;width:min(100%,280px);aspect-ratio:1 / 1;object-fit:cover;border-radius:999px;border:2px solid color-mix(in srgb,var(--accent),transparent 60%);box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease}.profile-shot img:hover{transform:scale(1.015)}.profile-shot figcaption{padding:0;color:var(--muted);font-size:.82rem;text-align:center;max-width:none;white-space:nowrap}.icon{width:1.35rem;height:1.35rem;color:var(--accent);flex:0 0 auto}.focus-list{margin-top:1.1rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.focus-row{display:flex;gap:.9rem;align-items:flex-start;padding-bottom:.85rem;border-bottom:1px dashed var(--border)}.focus-row h3{font-size:1rem;margin:0}.focus-row p{margin-top:.35rem;color:var(--muted);font-size:.92rem}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;border:none;background:transparent}.icon-wrap.soft{border:none;background:transparent}.focus-row .icon{width:1.75rem;height:1.75rem}.tech-readout{position:relative;margin:1.15rem 0 .4rem;padding:.1rem 0 0}.tech-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 2rem}.tech-group{display:grid;gap:.7rem;align-content:start;padding:.25rem 0 0}.tech-group h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2)}.tech-group-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.7rem}.tech-tile{display:inline-flex;align-items:center;gap:.6rem;min-height:0;padding:.48rem .72rem;border:1px solid color-mix(in srgb,var(--border),transparent 10%);border-radius:999px;background:color-mix(in srgb,var(--surface),transparent 22%);text-align:left}.tech-tile-mark{width:1.75rem;height:1.75rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:color-mix(in srgb,var(--tech-accent),transparent 84%);color:var(--tech-accent)}.tech-tile-logo{width:.92rem;height:.92rem}.tech-tile-monogram{font-size:.62rem;font-weight:800;letter-spacing:.05em}.tech-tile-label{font-size:.84rem;font-weight:600;color:var(--text);line-height:1.15}@media(max-width:860px){.tech-groups{grid-template-columns:1fr;gap:.95rem}}.work-editorial{display:grid;gap:1.4rem}.work-entry{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding-bottom:1.4rem;border-bottom:1px solid var(--border)}.work-entry:last-child{border-bottom:none;padding-bottom:0}.work-entry-icon{padding-top:.15rem}.work-entry-icon .icon{width:1.75rem;height:1.75rem}.work-entry-body{display:grid;gap:.5rem;width:100%}.work-entry-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.work-entry-header h3{display:flex;align-items:center;gap:.4rem;font-size:1.1rem}.status-badge{font-size:.78rem;color:var(--accent-2);border:1px solid color-mix(in srgb,var(--accent),transparent 70%);border-radius:999px;padding:.18rem .6rem;white-space:nowrap}.work-entry-body>p{color:var(--muted);max-width:none}.work-outcome{color:var(--text)!important}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.2rem}.tag{display:inline-flex;align-items:center;padding:.22rem .58rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent),transparent 72%);background:color-mix(in srgb,var(--accent),transparent 90%);color:var(--accent-2);font-size:.8rem}.work-stack{display:flex;align-items:center;gap:.35rem;font-size:.88rem;color:var(--accent-2);margin-top:.15rem}.work-progression{display:flex;align-items:center;gap:.35rem;font-size:.88rem;font-weight:500;color:var(--muted);margin-top:.15rem}.personal-section{margin-top:3.5rem}.section-quote{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:1.6rem;padding:1.2rem 1.4rem;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--surface),transparent 40%);border-radius:0 8px 8px 0}.section-quote p{font-size:clamp(1.05rem,1.8vw,1.35rem);font-style:italic;font-weight:500;color:var(--text);max-width:none;flex:1 1 auto}.section-quote .icon{margin-top:.2rem;flex-shrink:0;color:var(--accent)}.closer{text-align:center;padding:3rem 0 1rem;border-top:1px solid var(--border)}#contact.closer{border-top:none}.closer h2{font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:700;margin-bottom:.6rem}.closer .lead{margin:0 auto;text-align:center;max-width:52ch}.closer .actions{justify-content:center}.project-showcase{display:grid;gap:2.5rem}.showcase-entry{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:start}.showcase-entry:nth-child(2n){direction:rtl}.showcase-entry:nth-child(2n)>*{direction:ltr}.showcase-preview{display:block;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-alt),transparent 8%),var(--surface-soft));border:1px solid color-mix(in srgb,var(--border),transparent 12%);transition:transform .22s ease}.showcase-preview:hover{transform:scale(1.01)}.showcase-preview img{width:100%;aspect-ratio:16 / 9;object-fit:contain;object-position:center center;display:block}.showcase-body{display:grid;gap:.5rem;align-content:start}.showcase-tagline{font-size:1.05rem;font-weight:600;color:var(--text)}.showcase-body>p{color:var(--muted)}.blog-list{display:grid;gap:1rem}.blog-link{display:block;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1rem .15rem;transition:border-color .2s ease,transform .2s ease}.blog-link:hover{border-color:color-mix(in srgb,var(--accent),var(--border) 45%);transform:translate(2px)}.blog-link h3{margin-top:.1rem;font-size:1.1rem}.blog-link h2{margin-top:.1rem;font-size:1.12rem}.blog-link p{color:var(--muted)}.blog-cta{margin-top:.5rem;display:inline-flex;align-items:center;gap:.35rem;color:var(--accent-2);font-size:.92rem}.post-shell{max-width:760px}.post-meta{margin-top:1rem;color:var(--accent-2);font-size:.9rem}.back-link{display:inline-flex;align-items:center;margin-bottom:.5rem;color:var(--muted);font-size:.92rem}.post-body{margin-top:1.4rem}.post-body h2,.post-body h3{margin-top:1.2rem;margin-bottom:.5rem}.post-body p,.post-body li{color:var(--muted)}.post-body ul,.post-body ol{margin:.55rem 0 .95rem;padding-left:1.2rem}.kpi-list{display:grid;gap:.9rem}.kpi{padding:.9rem 1rem;border-left:3px solid var(--accent);background:var(--surface);border-radius:8px;color:var(--muted)}.actions{margin-top:1.3rem;display:flex;gap:.8rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);border-radius:8px;padding:.58rem .9rem;background:color-mix(in srgb,var(--surface),transparent 18%);color:var(--text);transition:border-color .18s ease,transform .18s ease,background .18s ease}.btn:hover{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn.primary{border-color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 85%)}.muted{color:var(--muted)}.project-meta{margin-top:.65rem;color:var(--accent-2);font-size:.85rem}.unity-shell{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#050912}#gameContainer{width:100%;aspect-ratio:16 / 9}.spacer{height:1rem}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skip-link{position:absolute;left:-999px;top:.5rem;z-index:100;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--accent);border-radius:6px;color:var(--text);font-size:.9rem}.skip-link:focus{left:1rem}.site-footer{margin-top:3rem;border-top:1px solid var(--border);padding:1.6rem 0;font-size:.85rem;color:var(--muted)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem}.footer-links{display:flex;gap:1rem}.footer-links a{color:var(--muted);font-size:.85rem}.footer-links a:hover{color:var(--text)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body,body.is-leaving{transition:none!important;transform:none!important;opacity:1!important}section,.btn,.showcase-preview,.blog-link,.theme-toggle,.profile-shot img{animation:none!important;transition:none!important;transform:none!important}}@media(max-width:860px){body{font-size:16px}.nav-inner{align-items:flex-start;flex-direction:column;padding:.75rem 0}.nav-controls{width:100%;justify-content:space-between}.nav-links{gap:.85rem}.hero-split,.principles-list{grid-template-columns:1fr}.principle-copy,.principle-statement.is-featured .principle-copy{max-width:none}.principle-statement,.work-entry{grid-template-columns:1rem minmax(0,1fr)}.showcase-entry{grid-template-columns:1fr;direction:ltr}.work-entry{direction:ltr}}