/* Ink blue, copper and warm ivory. Artwork keeps its original colors. */
:root,:root[data-theme="dark"]{color-scheme:dark;--paper:#171d2b;--ink:#f4eee5;--muted:#b0b7c6;--line:#3c465a;--accent:#f2bc87;--surface:#232d40;--header:rgba(23,29,43,.94)}
:root[data-theme="light"]{color-scheme:light;--paper:#f6f0e7;--ink:#26334a;--muted:#5d6575;--line:#c9c8c7;--accent:#a14a23;--surface:#ede4d7;--header:rgba(246,240,231,.94)}
.home-page::before{opacity:.11}.showcase-stage{background:#253148}.showcase-character{background:linear-gradient(125deg,#273c59,#b0a293)}.showcase-sheet{background:#27334a}.showcase-slide::after{background:linear-gradient(90deg,rgba(12,22,41,.67),transparent 65%),linear-gradient(0deg,rgba(12,22,41,.56),transparent 65%)}.showcase-character::after{background:linear-gradient(90deg,rgba(12,22,41,.72),transparent 70%)}.showcase-sheet::after{background:linear-gradient(0deg,rgba(12,22,41,.92),transparent 73%)}.showcase-caption .eyebrow,.showcase-location{color:#f3e7d9}.showcase-project{border-color:#d6c4b0;background:rgba(18,29,49,.4)}.showcase-project:hover,.showcase-arrows button:hover{background:#f2d5b7;color:#26334a}.showcase-arrows button{background:rgba(18,29,49,.55)}.cover-action{background:rgba(18,29,49,.9)}.artwork a::after{background:rgba(18,29,49,.85)}
.theme-switch{display:flex;align-items:center;gap:2px;flex-shrink:0;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--paper)}.theme-choice{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;min-width:67px;padding:8px 11px;background:transparent;color:var(--muted);border:0;border-radius:999px;font:inherit;font-size:.7rem;line-height:1}.theme-choice svg{width:15px;height:15px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.theme-choice[aria-pressed=true]{color:var(--paper);background:var(--accent)}.theme-choice:hover:not([aria-pressed=true]){color:var(--ink);background:var(--surface)}.theme-choice:focus-visible{outline-offset:-2px}
.experience-tablist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.experience-tab{display:flex;align-items:center;gap:16px;min-height:74px;border:1px solid var(--line);border-radius:12px;padding:18px 22px;background:transparent;color:var(--muted);font:inherit;font-size:1rem;line-height:1.3;text-align:left;transition:background .2s,color .2s,border-color .2s}.experience-tab-number{font-size:.65rem;opacity:.7;font-variant-numeric:tabular-nums}.experience-tab-arrow{margin-left:auto;font-size:1.3rem}.experience-tab[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--paper)}.experience-tab[aria-selected=true] .experience-tab-arrow{rotate:45deg}.experience-tab:hover:not([aria-selected=true]){background:var(--surface);color:var(--ink);border-color:var(--accent)}.experience-panel{outline-offset:5px}.experience-company-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.experience-company{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:30px 32px 26px;display:flex;flex-direction:column;align-items:start}.experience-company>.eyebrow{font-size:.65rem;line-height:1.5;color:var(--accent);min-height:2em;letter-spacing:.07em}.experience-company h3{font-size:clamp(1.75rem,2.8vw,2.7rem);font-weight:500;letter-spacing:-.05em;line-height:1.08;margin:11px 0 14px}.experience-company-role{font-size:.9rem;line-height:1.5}.experience-company ul{list-style:none;margin:20px 0 24px;padding:18px 0 0;border-top:1px solid var(--line);width:100%}.experience-company li{font-size:.8rem;line-height:1.65;color:var(--muted)}.experience-company li+li{margin-top:10px}.experience-company-link{font-size:.75rem;display:flex;align-items:center;gap:18px;margin-top:auto;color:var(--accent)}.experience-panel[hidden]{display:none!important}.experience-tabbed.is-enhanced .experience-panel:not([hidden]){animation:experience-enter .22s ease-out}.experience-tabbed:not(.is-enhanced) .experience-panel+.experience-panel{margin-top:20px}@keyframes experience-enter{from{opacity:.3;translate:0 6px}to{opacity:1;translate:0 0}}
@media(max-width:1200px){.header-inner{flex-wrap:wrap;gap:14px 18px;min-height:0;padding-block:19px 14px}.brand{margin-right:auto}.header-controls{display:contents}.header-controls .nav{order:5;width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.header-controls .nav a{flex-shrink:0}.theme-switch{margin-left:0}.brand-tag{max-width:none}.experience-tab{padding:17px 18px;font-size:.95rem;gap:12px}.experience-company{padding:26px}}
@media(max-width:700px){.header-inner{gap:10px 8px;padding-top:14px}.brand-name{font-size:1.7rem}.brand-tag{font-size:.5rem;max-width:130px}.language-switch a{min-width:28px;padding:5px 6px}.theme-switch{padding:3px;gap:0}.theme-choice{min-width:55px;min-height:34px;font-size:.65rem;padding:8px 9px;gap:4px}.theme-choice svg{width:13px;height:13px}.header-controls .nav a{font-size:.65rem;padding-inline:12px}.experience-tablist{gap:7px;margin-bottom:14px}.experience-tab{min-height:78px;padding:13px 11px;flex-direction:column;align-items:start;justify-content:center;gap:8px;font-size:.85rem}.experience-tab-arrow{display:none}.experience-tab-number{font-size:.6rem}.experience-company-grid{grid-template-columns:1fr;gap:14px}.experience-company{padding:24px}.experience-company h3{font-size:1.8rem}.experience-company-role{font-size:.9rem}.experience-company li{font-size:.85rem}.experience-company ul{margin-bottom:21px}.showcase-character::after{background:linear-gradient(0deg,rgba(12,22,41,.88),transparent 85%)}}
@media(max-width:370px){.brand-tag{display:none}.brand-name{font-size:1.6rem}.theme-choice{min-width:49px;padding-inline:7px}.header-controls .nav a{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.experience-tabbed.is-enhanced .experience-panel:not([hidden]){animation:none}.experience-tab{transition:none}}
.career-tablist{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1200px){html{scroll-padding-top:158px}}@media(max-width:700px){html{scroll-padding-top:150px}}
