:root{--brand-navy:#08182e;--brand-gold:#d4a84f;--dark-text:#f7f5ef;--dark-muted:#c1cedb;--accent-ink:#805b15}html body{font-family:var(--sans);line-height:1.6}html body button,html body input,html body textarea,html body select{font-family:var(--sans)}html body h1,html body h2,html body h3{font-family:var(--display);text-wrap:balance}html body a:focus-visible,html body button:focus-visible,html body [tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:4px}html body .site-shell .container{max-width:1280px;padding-inline:clamp(20px,4vw,64px)}html body .section{padding-block:clamp(64px,7vw,104px)}html body .section h2,html body .page-title{letter-spacing:-.04em;font-size:clamp(32px,3.6vw,56px);line-height:1.12}html body .kicker{font-family:var(--mono);letter-spacing:.1em;font-size:11px;line-height:1.5}html body .section-head{align-items:flex-end;gap:32px}html body .section-head>p{color:var(--muted);font-size:16px;line-height:1.65}html body .copy,html body .hero-sub{font-size:17px;line-height:1.7}html body .button{min-height:44px;font-size:14px}html body .profile-sidebar{background:var(--ivory);color:var(--ink);border-color:var(--line)}html body .sidebar-profile p,html body .sidebar-links a,html body .sidebar-socials a{color:var(--ink)}html body .sidebar-links a.is-active,html body .sidebar-links a:hover{color:var(--ink);background:#d4a84f2e}html body .profile-sidebar .theme-mode button{color:var(--ink)}html body .profile-sidebar .theme-mode button.active{background:var(--brand-navy);color:var(--brand-gold)}html body .sidebar-book{background:var(--brand-navy);color:var(--dark-text);border-radius:10px;min-height:44px}html body .studio-hero{background:linear-gradient(135deg,transparent 22%,#d4a84f1a 22.1%,transparent 22.3%),var(--ivory);padding-top:0}html body .studio-hero h1{letter-spacing:-.05em;font-size:clamp(40px,4.8vw,76px);line-height:1.08}html body .studio-hero .hero-sub,html body .studio-hero .kicker,html body .studio-hero .hero-meta,html body .hero-topline{color:var(--muted)}html body .hero-topline{border-color:var(--line);gap:20px}html body .text-button{color:var(--ink)}html body .studio-hero .actions{flex-wrap:wrap;gap:16px}html body .hero-meta{flex-wrap:wrap;gap:12px}html body .toolkit-strip,html body .stack-section{background:var(--ivory);color:var(--ink)}html body .toolkit-intro strong,html body .toolkit-logos b,html body .toolkit-link{color:var(--ink)}html body .toolkit-intro p{color:var(--muted)}html body .stack-section .gold-text{color:var(--accent-ink)!important}html body .projects-section,html body .navy,html body .contact,html body footer{background:var(--brand-navy);color:var(--dark-text)}html body .projects-section .section-head>p,html body .navy .section-head>p{color:var(--dark-muted)}html body .contact h2{letter-spacing:-.045em;font-size:clamp(40px,5.6vw,80px);line-height:1.1}html body .contact{padding-block:clamp(64px,7vw,104px)}html body .contact-links{flex-wrap:wrap;gap:20px}html body .contact-links a{font-family:var(--sans);min-height:40px;font-size:14px}html body .sample-video .section-head>p{color:var(--muted)}html body .experience-content>p,html body .experience-details{color:var(--dark-muted);font-size:16px;line-height:1.65}html body .experience-card h3{font-size:clamp(23px,2.4vw,32px);line-height:1.25}html body .experience-card small{font-size:12px;line-height:1.6}html body .toolkit-item strong{overflow-wrap:anywhere;font-size:13px;line-height:1.4}html body .toolkit-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}html body .toolkit-group header p{color:var(--ink)}html body #projects .workflow-card-footer a,html body #projects .workflow-card-footer button{color:var(--brand-gold);font:600 13px/1.5 var(--sans);min-height:44px;text-decoration:none}html body #projects .workflow-card-footer{color:var(--dark-muted);font-size:12px}html body #projects .workflow-card-tags code{color:var(--dark-muted);font-size:11px;line-height:1.5}html body #projects .unified-project-card .workflow-case p{color:var(--dark-muted);font-size:15px;line-height:1.65}html body #projects .unified-project-card>h3{letter-spacing:-.02em;text-wrap:initial;font-size:24px;line-height:1.3}html body #projects .unified-project-card>.kicker{margin-bottom:12px}@supports (grid-template-rows:subgrid){html body #projects .unified-project-card{grid-template-rows:subgrid;grid-row:span 13;row-gap:0;display:grid}html body #projects .unified-project-card>small{align-self:start}html body #projects .unified-project-card .workflow-card-tags{align-content:start;padding-bottom:20px}html body #projects .unified-project-card .workflow-case{grid-row:span 8;margin-top:0;display:block}}html[data-theme=dark]{--accent-ink:#d4a84f}html[data-theme=dark] body .studio-hero{background:var(--ivory)}html[data-theme=glass] body{background:#eee9df}html:root[data-theme=glass]{--ivory:#eee9df;--paper:#fffdf8bf;--ink:#08182e;--muted:#596572}@media (min-width:900px) and (max-width:1199px){html body .studio-hero h1{font-size:40px}}@media (max-width:899px){html body .studio-hero{grid-template-columns:minmax(0,1fr)}html body .studio-hero .business-card{grid-row:3;margin-top:24px}html body .hero-topline span:last-child{display:none}}@media (max-width:760px){html body .section-head{display:block}html body .section-head>p{max-width:none;margin-top:20px}html body #projects .unified-project-card{display:flex}html body .hero-topline{font-size:9px}html body .contact-links{gap:12px}}@media (min-width:681px) and (max-width:1100px){html body .experience-entry{grid-template-columns:140px minmax(0,1fr);gap:28px}html body .experience-timeline:before{left:168px}html body .experience-marker span{right:-35px}html body .experience-card{padding-left:26px}}
.cookie-consent{border:1px solid var(--line);z-index:80;background:#fffdf8;max-width:430px;padding:20px;position:fixed;bottom:20px;right:20px;box-shadow:0 18px 45px #08182e33}.cookie-kicker{color:var(--blue);font:10px var(--mono);letter-spacing:.1em;margin:0}.cookie-consent h2{font:600 23px var(--display);margin:9px 0}.cookie-consent>p:not(.cookie-kicker){color:var(--muted);margin:0;font-size:13px;line-height:1.5}.cookie-actions{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.cookie-actions button,.cookie-actions a{border:1px solid var(--ink);color:var(--ink);cursor:pointer;font:600 12px var(--sans);background:0 0;padding:10px 12px;text-decoration:none}.cookie-actions .cookie-primary{background:var(--navy);border-color:var(--navy);color:#fff}@media (max-width:520px){.cookie-consent{max-width:none;bottom:12px;left:12px;right:12px}}