@font-face{font-family:Hanken Grotesk;src:url(/_astro/hanken-grotesk-var.KjBMhMia.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Hanken Fallback;src:local("Arial");size-adjust:94.6%;font-display:swap}:root{--font-stack: "Hanken Grotesk", "Hanken Fallback", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--bg: #0e0f12;--bg-elevated: #131a1f;--bg-panel: #23321e;--lime-300: #a3e635;--lime-500: #84cc16;--lime-700: #4d7c0f;--lime-800: #3f6212;--champagne-200: #f3e5bd;--champagne-300: #ecd9a0;--champagne-400: #e3c778;--champagne-500: #d9b95c;--gold-700: #755c17;--accent-brand: var(--lime-500);--accent-fg: var(--lime-300);--accent-bg: rgba(132, 204, 22, .16);--accent-border: rgba(132, 204, 22, .55);--accent-ice: var(--champagne-400);--accent-ice-soft: rgba(236, 217, 160, .72);--accent-ice-fg: var(--champagne-300);--border-subtle: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .12);--text-main: #f1f3f6;--text-muted: #a3a9b7;--text-soft: #7c8393;--text-on-accent: #0b0d0f;--radius-panel: 6px;--radius-card: 6px;--radius-control: 4px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--panel-deep: #040508;--aurora-g1: color-mix(in oklab, var(--accent-brand) 70%, white);--aurora-g2: color-mix(in oklab, var(--lime-300) 75%, white);--aurora-ice: color-mix(in oklab, var(--champagne-400) 85%, white);--aurora-glacier: color-mix(in oklab, var(--champagne-200) 45%, white);--aurora-strength: 1;--aurora-veil-min: rgba(0, 0, 0, .34);--aurora-veil-max: rgba(0, 0, 0, .8);--aurora-drift: 1;--pulse-period: 5s;--pulse-amplitude: .06;--figure-scale: .94;--split-default: 61.8;--plate-fade: .8s;--stage-veil: .12;--stage-veil-light: .06;--panel-glass-info-shell: rgba(1, 2, 2, .6);--panel-glass-info: rgba(1, 2, 2, .95);--entrance-duration: .72s;--entrance-rise: 14px;--halo-accent: color-mix(in srgb, var(--accent-brand) 35%, transparent);--halo-ice: color-mix(in srgb, var(--champagne-300) 32%, transparent);--surface-glass-1: rgba(255, 255, 255, .02);--surface-glass-2: rgba(255, 255, 255, .05)}.light{--bg: #f7f8fa;--bg-elevated: #ffffff;--bg-panel: #ffffff;--accent-fg: var(--lime-800);--accent-bg: rgba(77, 124, 15, .14);--accent-border: rgba(77, 124, 15, .55);--accent-ice: var(--champagne-500);--accent-ice-soft: rgba(217, 185, 92, .55);--accent-ice-fg: var(--gold-700);--border-subtle: #e1e4ea;--border-strong: #d1d5db;--text-main: #0f1220;--text-muted: #4b5563;--text-soft: #6b7280;--text-reading: #0f1220;--panel-deep: var(--bg-elevated);--panel-glass-info-shell: rgba(255, 255, 255, .5);--panel-glass-info: rgba(255, 255, 255, .97);--aurora-g1: color-mix(in oklab, var(--accent-brand) 88%, white);--aurora-g2: color-mix(in oklab, var(--lime-300) 80%, white);--aurora-ice: color-mix(in oklab, var(--champagne-500) 80%, white);--aurora-glacier: color-mix(in oklab, var(--champagne-400) 55%, white);--aurora-strength: .92;--aurora-veil-min: rgba(255, 255, 255, .04);--aurora-veil-max: rgba(255, 255, 255, .74);--halo-accent: color-mix(in srgb, var(--accent-fg) 20%, transparent);--halo-ice: color-mix(in srgb, var(--champagne-500) 24%, transparent);--surface-glass-1: rgba(15, 18, 32, .02);--surface-glass-2: rgba(15, 18, 32, .04)}*,*:before,*:after{box-sizing:border-box}html{height:100%}body{height:100%;min-height:100vh;margin:0;font-family:var(--font-stack);color:var(--text-main);background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}@media (max-width: 1100px){body{overflow:auto}}.hero-grid{display:flex;justify-content:center;align-items:center;gap:clamp(var(--space-3),3cqi,var(--space-5));height:100%}.hero-photo{position:relative;flex:0 0 auto;align-self:stretch;display:flex;gap:clamp(var(--space-3),3cqi,var(--space-4));justify-content:center;align-items:stretch;min-width:0}.hero-figure{position:relative;--figure-native-w: 961;--figure-native-h: 1686;--figure-cap-w: calc(var(--figure-native-w) * .5px);height:min(100%,calc(var(--figure-cap-w) * var(--figure-native-h) / var(--figure-native-w)));aspect-ratio:var(--figure-native-w) / var(--figure-native-h)}.figure-shadow{position:absolute;left:14%;right:14%;bottom:-2px;height:22px;z-index:0;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.45),transparent 72%);filter:blur(6px);pointer-events:none}.light .figure-shadow{background:radial-gradient(50% 50% at 50% 50%,rgba(96,78,28,.28),transparent 72%)}.hero-portrait{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:contain;object-position:bottom center;-webkit-mask-image:linear-gradient(to top,transparent 0,black 20px);mask-image:linear-gradient(to top,transparent 0,black 20px)}.hero-main{max-width:46ch;min-width:15ch}.hero-kicker{text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;font-weight:600;color:var(--accent-fg)}.hero-title{margin:var(--space-2) 0;font-size:clamp(1.85rem,6.4cqi,2.8rem);line-height:1.1;letter-spacing:-.02em;font-weight:700}.hero-lede{margin:var(--space-2) 0;max-width:38ch;font-size:.95rem;color:var(--text-muted);line-height:1.5}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width: 768px){.hero-grid{flex-direction:column;justify-content:flex-start;gap:var(--space-3)}.hero-photo{align-self:center;width:100%;height:clamp(220px,32svh,320px);align-items:flex-start}.hero-figure{height:100%;width:100%;aspect-ratio:auto}.hero-portrait{object-fit:cover;object-position:top center;-webkit-mask-image:linear-gradient(to top,transparent 0,black 40px);mask-image:linear-gradient(to top,transparent 0,black 40px)}.hero-main{text-align:center;max-width:48ch;min-width:0}.hero-title{margin:var(--space-3) 0 var(--space-2);line-height:1.25}.hero-lede{margin:0 0 var(--space-3);line-height:1.7}}@media (min-width: 769px) and (max-width: 1100px){.hero-photo{height:clamp(360px,62svh,620px);align-items:flex-start}.hero-figure{height:100%;width:auto;aspect-ratio:var(--figure-native-w) / var(--figure-native-h)}.hero-portrait{object-fit:cover;object-position:top center}}.aurora-window{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}.aurora-window:after{content:"";position:absolute;inset:0;background:var(--window-veil, transparent)}.aurora-space{position:absolute;top:0;left:0;width:100vw;height:100lvh;background:var(--panel-deep);transform:translate3d(calc(var(--win-x, 0px) * -1),calc(var(--win-y, 0px) * -1),0);will-change:transform}.aurora-space svg{display:block;width:100%;height:100%;opacity:var(--aurora-strength)}@media (min-width: 1025px){.hero-panel .aurora-window{--win-x: 25px;--win-y: 25px}.info-panel .aurora-window{--win-x: calc(41px + (100vw - 64px)/1.6) ;--win-y: 25px}}.aurora-layer{will-change:transform}.aurora-stop-g1{stop-color:var(--aurora-g1)}.aurora-stop-g2{stop-color:var(--aurora-g2)}.aurora-stop-glacier{stop-color:var(--aurora-glacier)}.aurora-stop-ice{stop-color:var(--aurora-ice)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);border-radius:var(--radius-control);padding:var(--space-1) var(--space-2);font-size:.85rem;font-weight:500;border:1px solid transparent;color:var(--text-main);background:transparent;text-decoration:none;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease}.btn:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--accent-fg);color:var(--bg);border-color:var(--accent-fg)}.btn--primary:hover{background:color-mix(in oklab,var(--accent-fg) 86%,white);border-color:color-mix(in oklab,var(--accent-fg) 86%,white)}.btn--secondary{background:var(--surface-glass-2);border-color:var(--border-strong);color:var(--text-main)}.btn--secondary:hover{border-color:var(--accent-border);box-shadow:inset 0 0 18px var(--halo-accent)}.btn--icon{padding:0;width:40px;height:40px;border-radius:var(--radius-panel);border-color:var(--border-subtle);background:var(--text-main);color:var(--bg)}.btn--icon:hover,.btn--icon:focus-visible{border-color:var(--accent-border);background:var(--accent-brand);color:var(--text-on-accent)}.btn__icon{transform:scaleX(-1);color:var(--accent-border);display:block;font-size:1.1rem}.info-panel-header{display:block}.info-panel-label{font-size:.85rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-soft)}.info-toggle-row{display:flex;align-items:center;gap:var(--space-2)}.info-toggle-group{display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.info-toggle-wrapper{position:static;z-index:1;width:100%}.info-toggle{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) 2px;background:none;border:0;border-bottom:2px solid transparent;text-transform:uppercase;letter-spacing:.25em;font-size:.78rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .2s ease,border-color .2s ease}.info-toggle--disabled,.info-toggle--disabled:hover{color:var(--text-soft);opacity:.55;cursor:default;border-bottom-color:transparent}.info-toggle:hover{color:var(--text-main)}.info-toggle:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.info-toggle.is-active{color:var(--text-main);border-bottom-color:var(--accent-fg)}.info-card[hidden]{display:none}.info-card{display:flex;flex-direction:column;gap:var(--space-2)}@media (min-width: 1025px){.info-card{position:absolute;inset:0;top:var(--space-2);padding-right:var(--space-1);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;opacity:0;transform:translateY(var(--space-2));transition:opacity .3s ease,transform .3s ease;pointer-events:none}.info-card.is-active{opacity:1;transform:translateY(0);pointer-events:auto}}.info-card[data-scrollable]{padding:var(--space-3);padding-bottom:var(--space-6);border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--panel-glass-info)}.panel-divider{width:100%;border-top:1px solid var(--border-subtle);margin:var(--space-2) 0}.work-section{display:flex;flex-direction:column;gap:var(--space-2)}.info-card{scrollbar-width:thin;scrollbar-color:transparent transparent}.info-card.is-scrolling,.info-card:hover{scrollbar-color:var(--border-strong) transparent}.info-card::-webkit-scrollbar{width:10px}.info-card::-webkit-scrollbar-track{background:transparent}.info-card::-webkit-scrollbar-thumb{background-color:transparent;border-radius:999px;border:3px solid transparent;background-clip:content-box}.info-card.is-scrolling::-webkit-scrollbar-thumb,.info-card:hover::-webkit-scrollbar-thumb{background-color:#7c839347}.info-card:hover::-webkit-scrollbar-thumb{background-color:#7c839366}.info-card.is-active:not([data-scrollable]){background:var(--panel-glass-info);border:1px solid var(--border-strong);border-radius:var(--radius-card);padding:var(--space-3);padding-bottom:var(--space-6)}.section-heading{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-soft);margin:0}.info-card.is-active .work-grid{flex:1}.capabilities{margin:0;padding-top:0}@media (prefers-reduced-motion: reduce){.info-card{transition:none}}@media (max-width: 768px){.info-card[data-scrollable]{padding:var(--space-2)}.info-card.is-active:not([data-scrollable]){padding:var(--space-2);border:none;background:transparent;border-radius:0}.panel-divider{display:block;border-top:1px solid var(--border-strong);margin:var(--space-2) 0;width:100%}.work-section{gap:var(--space-2)}}.work-grid{display:flex;flex-direction:column;gap:var(--space-2)}.work-card{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-card);padding:var(--space-2) var(--space-2);background:var(--surface-glass-1);border:1px solid var(--border-subtle);min-width:0;transition:border-color .3s ease,box-shadow .3s ease}.work-card:hover,.work-card:focus-within{border-color:var(--accent-border);box-shadow:inset 0 0 32px var(--halo-accent)}.work-card-logo-link{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center}.work-card-logo{width:48px;height:48px;object-fit:contain;opacity:.85}.work-card .work-title{margin-top:0}.work-card-body{display:flex;flex-direction:column;gap:var(--space-1);flex:1;justify-content:space-between;min-width:0}.work-title{margin:0;font-size:1rem;font-weight:600}.work-summary{margin:var(--space-1) 0 0;font-size:.85rem;color:var(--text-muted);line-height:1.5;overflow-wrap:anywhere}.capabilities-header{display:flex;flex-direction:column;gap:var(--space-1)}.capabilities-subtitle{margin:0;font-size:.82rem;color:var(--text-soft);line-height:1.5}.capabilities-list{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.capability{padding-left:0;border-left:2px solid var(--border-strong)}.capability[open]{border-left-color:var(--accent-border)}.capability-title{cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-main);outline:none;display:block;width:100%;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2);margin-left:0;border-radius:0 10px 10px 0;transition:background-color .18s ease,color .18s ease}.capability-title::-webkit-details-marker{display:none}.capability-title{list-style:none}.capability-title:hover{background:var(--accent-bg)}.capability[open] .capability-title{color:var(--accent-fg)}.capability-title:focus-visible{outline:2px solid var(--accent-border);outline-offset:4px;border-radius:6px}.capability-copy{margin:var(--space-1) 0 0;font-size:.84rem;color:var(--text-muted);line-height:1.55}.capability-content{height:0;opacity:0;transform:translateY(-2px);overflow:hidden}.capability-content-inner{padding:0 var(--space-1) var(--space-1) var(--space-2)}.capability[open] .capability-content{height:auto;opacity:1;transform:translateY(0)}.js .capability[open] .capability-content{height:0;opacity:0;transform:translateY(-2px)}@media (prefers-reduced-motion: reduce){.capability-title,.capability-content{transition:none}}@media (max-width: 768px){.capability{padding:0;border:none}.capability-title{padding:var(--space-1);background:transparent;font-size:1rem}.capability-copy{line-height:1.65}.work-card{flex-direction:column;align-items:flex-start;gap:var(--space-2);border:none;background:transparent;padding:0}.section-heading{margin-top:var(--space-1)}.work-card-logo-link{width:56px;height:56px;margin-bottom:var(--space-1)}.work-card-logo{width:56px;height:56px}.work-title{font-size:1.05rem}.work-summary{margin:0;line-height:1.6}}.text-accent{color:var(--accent-fg);text-shadow:0 0 .55em transparent,0 0 .9em transparent;animation:accentGlow var(--pulse-period, 5s) ease-in-out infinite;animation-delay:var(--glow-delay, 0s)}.text-accent--ice{color:var(--accent-ice-fg);--glow-soft: var(--accent-ice-soft);--glow-strong: var(--accent-ice)}@keyframes accentGlow{0%,to{text-shadow:0 0 .55em transparent,0 0 .9em transparent;opacity:.95}50%{text-shadow:0 0 .75em var(--glow-soft, color-mix(in srgb, var(--accent-fg) 45%, transparent)),0 0 1.1em var(--glow-strong, var(--accent-fg));opacity:1}}@media (prefers-reduced-motion: reduce){.text-accent{animation:none;text-shadow:none}}.contact-card{background:var(--surface-glass-1);border:1px solid var(--border-strong);border-radius:var(--radius-card);padding:var(--space-2);box-shadow:none;transition:border-color .3s ease,box-shadow .3s ease}.contact-card:hover{border-color:var(--accent-border);box-shadow:inset 0 0 32px var(--halo-accent)}.contact-copy{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.5}.contact-rows{display:flex;flex-direction:column;gap:var(--space-1)}.contact-row{display:flex;align-items:center;gap:var(--space-2);min-height:56px;border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-glass-1);text-decoration:none;transition:border-color .2s ease,background .2s ease}.contact-row:hover,.contact-row:focus-within{border-color:var(--accent-border);background:var(--accent-bg)}.contact-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;padding:var(--space-1) var(--space-2);text-decoration:none}.contact-row-label{font-size:.68rem;line-height:1.6;text-transform:uppercase;letter-spacing:.18em;color:var(--text-soft)}.contact-row-value{font-size:.95rem;line-height:1.5;color:var(--text-main);overflow-wrap:anywhere}.contact-copy-btn{margin-right:var(--space-1);min-width:44px;min-height:44px;padding:0 var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius-control);background:transparent;color:var(--text-muted);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;transition:border-color .2s ease,color .2s ease}.contact-copy-btn:hover{border-color:var(--accent-border);color:var(--text-main)}.contact-copy-btn:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.contact-copy-btn.is-copied{border-color:var(--accent-border);color:var(--accent-fg)}.resume-section{margin-top:var(--space-2)}.muted-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);border:1px solid var(--border-subtle);background:var(--surface-glass-2);color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:border-color .2s ease}.muted-button:hover{border-color:var(--accent-border);color:var(--accent-fg)}.muted-button:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px;color:var(--accent-fg)}@media (max-width: 768px){.contact-card{background:transparent;border:none;padding:0}.contact-copy{line-height:1.7}}.site-footer{margin:0;font-size:.73rem;color:var(--accent-fg);padding-top:var(--space-2)}@media (max-width: 768px){.site-footer{text-align:center;padding:var(--space-1);margin-bottom:var(--space-2)}}.theme-toggle{position:relative;width:40px;height:35px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-panel);background:var(--bg-panel);color:var(--text-main);transition:border-color .2s ease;margin-bottom:var(--space-1)}.theme-toggle:after{content:"";position:absolute;inset:-2px;border-radius:inherit;pointer-events:none;box-shadow:0 0 14px var(--halo-ice);opacity:calc(.55 * (1 + var(--pulse-amplitude, .06) * sin(var(--pulse-angle, 0rad) + 3.6rad)))}.theme-icon-morph{width:60%;height:60%}.morph-core{transition:r .35s ease}.morph-bite{transition:cx .35s ease,cy .35s ease}.morph-rays{transform-origin:center;transition:transform .35s ease,opacity .35s ease}.light .morph-core{r:7.4px}.light .morph-bite{cx:17px;cy:7px}.light .morph-rays{transform:scale(.3);opacity:0}@media (prefers-reduced-motion: reduce){.morph-core,.morph-bite,.morph-rays{transition:none}}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--accent-border);background:var(--bg-panel);color:var(--text-main)}.theme-toggle:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.light .theme-toggle{background:var(--bg-elevated);color:var(--text-main)}.light .theme-toggle:hover,.light .theme-toggle:focus-visible{background:var(--bg-elevated);color:var(--text-main)}@media (max-width: 768px){.theme-toggle{height:40px}}@keyframes entranceRise{0%{opacity:0;transform:translateY(var(--entrance-rise, 14px))}to{opacity:1;transform:translateY(0)}}html:not(.entered) .hero-photo,html:not(.entered) .hero-kicker,html:not(.entered) .hero-title,html:not(.entered) .hero-lede,html:not(.entered) .hero-actions,html:not(.entered) .info-panel-header,html:not(.entered) .info-card{animation:entranceRise var(--entrance-duration, .72s) cubic-bezier(.22,.61,.36,1) backwards}html:not(.entered) .hero-photo{animation-delay:60ms}html:not(.entered) .hero-kicker{animation-delay:.2s}html:not(.entered) .hero-title{animation-delay:.3s}html:not(.entered) .hero-lede{animation-delay:.43s}html:not(.entered) .hero-actions{animation-delay:.54s}html:not(.entered) .info-panel-header{animation-delay:.36s}html:not(.entered) .info-card{animation-delay:.48s}html:not(.entered) .contact-row{animation:entranceRise var(--entrance-duration, .72s) cubic-bezier(.22,.61,.36,1) backwards}html:not(.entered) .contact-row:nth-child(1){animation-delay:.54s}html:not(.entered) .contact-row:nth-child(2){animation-delay:.61s}html:not(.entered) .contact-row:nth-child(3){animation-delay:.68s}@media (prefers-reduced-motion: reduce){.hero-photo,.hero-kicker,.hero-title,.hero-lede,.hero-actions,.info-panel-header,.info-card,.contact-row{animation:none}}html[data-view=archive] #archive-panel[hidden]{display:flex}html[data-view=archive] #work-panel{display:none}@media (min-width: 1025px){html[data-view=archive] #archive-panel{opacity:1;transform:none;pointer-events:auto}}html[data-exhibit] .archive-landing,.archive-essay[hidden]{display:none}html[data-exhibit=frutiger-aero] .archive-essay[data-exhibit=frutiger-aero][hidden],html[data-exhibit=gen-x-soft-club] .archive-essay[data-exhibit=gen-x-soft-club][hidden],html[data-exhibit=skeuomorphism] .archive-essay[data-exhibit=skeuomorphism][hidden],html[data-exhibit=corporate-memphis] .archive-essay[data-exhibit=corporate-memphis][hidden]{display:block}.archive-curator{max-width:62ch}.archive-curator p{margin:var(--space-1) 0;font-size:.92rem;line-height:1.65;color:var(--text-muted)}.archive-curator p:first-child{color:var(--text-main)}.archive-list{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.archive-item{display:flex;align-items:baseline;gap:var(--space-2);min-height:56px;align-items:center;padding:var(--space-1) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-glass-1);text-decoration:none;transition:border-color .2s ease,background .2s ease}.archive-item:hover,.archive-item:focus-visible{border-color:var(--accent-border);background:var(--accent-bg)}.archive-item:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.archive-item-number{font-size:.68rem;letter-spacing:.18em;color:var(--accent-fg)}.archive-item-title{flex:1;font-weight:600;color:var(--text-main)}.archive-item-era{font-size:.8rem;color:var(--text-soft)}.essay-header-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.essay-index{padding:4px 0;border:0;border-bottom:1px solid transparent;background:none;font-size:.66rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-soft);cursor:pointer;transition:color .2s ease,border-color .2s ease}.essay-index:hover{color:var(--accent-fg);border-bottom-color:var(--accent-border)}.essay-index:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.essay-number{margin:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.22em;color:var(--text-soft)}.essay-title{margin:2px 0 0;font-size:1.6rem;line-height:1.15;letter-spacing:-.015em}.essay-subtitle{margin:4px 0 0;font-size:.9rem;color:var(--text-muted)}.essay-body{max-width:70ch}.essay-body p{margin:0 0 var(--space-2);font-size:.95rem;line-height:1.75;color:var(--text-muted)}.essay-body>p:first-child{font-size:1.08rem;line-height:1.6;color:var(--text-main)}.essay-credits{max-width:70ch;margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);font-size:.72rem;line-height:1.7;color:var(--text-soft)}.essay-credits a{color:var(--text-soft);text-decoration:underline;text-underline-offset:2px}.essay-credits a:hover,.essay-credits a:focus-visible{color:var(--accent-fg)}.specimen-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--surface-glass-1)}.specimen-head{display:flex;justify-content:space-between;align-items:baseline}.specimen-era{font-weight:600;color:var(--text-main)}.specimen-row{display:flex;gap:var(--space-2);align-items:baseline}.specimen-label{flex:0 0 96px;font-size:.66rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-soft)}.specimen-value{font-size:.84rem;line-height:1.5;color:var(--text-muted)}.specimen-chips{display:inline-flex;gap:6px;align-items:center}.specimen-chip{width:22px;height:22px;border-radius:3px;border:1px solid var(--border-strong);background:var(--chip)}.stage{display:none}@media (min-width: 1025px){html[data-exhibit] .hero-grid,html[data-exhibit] .hero-veil{display:none}html[data-exhibit] .stage{display:block;position:relative;z-index:2;height:100%}}.stage-scene{position:relative;height:100%}.stage-scene[hidden]{display:none}.stage-plates{position:absolute;inset:0;border-radius:var(--radius-panel);overflow:hidden}.stage-plates:after{content:"";position:absolute;inset:0;pointer-events:none;background:rgb(0 0 0 / var(--stage-veil, .12))}.light .stage-plates:after{background:rgb(255 255 255 / var(--stage-veil-light, .06))}.stage-plate{position:absolute;inset:0;opacity:0;transition:opacity var(--plate-fade, .8s) ease-in-out;pointer-events:none}.stage-plate[aria-hidden=false]{opacity:1;pointer-events:auto}@media (prefers-reduced-motion: reduce){.stage-plate{transition:none}}.stage-dots{position:absolute;left:50%;bottom:var(--space-2);transform:translate(-50%);display:flex;gap:var(--space-1);z-index:3}.stage-dot{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface-glass-2);cursor:pointer;transition:background .2s ease,border-color .2s ease}.stage-dot[aria-current=true]{background:var(--accent-fg);border-color:var(--accent-border)}.stage-dot:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.plate-field{position:absolute;inset:0}.pf-sky{position:absolute;inset:0;background:linear-gradient(to bottom,var(--era-1) 0%,var(--era-5) 62%,var(--era-3) 62.5%)}.pf-glare{position:absolute;top:-18%;right:-8%;width:55%;aspect-ratio:1;background:radial-gradient(circle,#ffffffe6,#fff0 62%);opacity:calc(.8 * (1 + var(--pulse-amplitude, .06) * sin(var(--pulse-angle, 0rad))))}.pf-hill{position:absolute;left:-12%;right:-12%;border-radius:50% 50% 0 0}.pf-hill--far{bottom:-14%;height:52%;background:linear-gradient(to bottom,var(--era-3),var(--era-4));filter:brightness(1.06)}.pf-hill--near{bottom:-26%;height:52%;left:8%;right:-20%;background:linear-gradient(160deg,var(--era-3),var(--era-4) 70%)}.pf-bokeh{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffffffbf,#fff0 70%);filter:blur(2px);animation:pfDrift var(--pulse-period, 5s) ease-in-out infinite alternate}.pf-bokeh--1{width:46px;height:46px;top:24%;left:18%}.pf-bokeh--2{width:26px;height:26px;top:40%;left:56%;animation-delay:1.2s}.pf-bokeh--3{width:34px;height:34px;top:16%;left:72%;animation-delay:2.4s}@keyframes pfDrift{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@media (prefers-reduced-motion: reduce){.pf-bokeh{animation:none}}.pf-orb{position:absolute;left:12%;bottom:18%;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#ffffffd9,#fff0 42%),radial-gradient(circle at 60% 70%,var(--era-2),var(--era-1));box-shadow:inset 0 -10px 18px #0000002e,0 14px 22px #00000038}.pf-orb-highlight{position:absolute;top:12%;left:20%;width:34%;height:20%;border-radius:50%;background:#ffffffe6;filter:blur(1px);transform:rotate(-18deg)}.pf-dew{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgb(255 255 255 / .95),var(--era-1) 75%);box-shadow:0 2px 4px #00000040}.pf-dew--1{width:12px;height:12px;bottom:12%;left:46%}.pf-dew--2{width:8px;height:8px;bottom:20%;left:62%}.pf-dew--3{width:10px;height:10px;bottom:9%;left:74%}.plate-window{position:absolute;inset:0;display:grid;place-items:center}.pw-frame{width:min(78%,480px);aspect-ratio:16 / 11;border-radius:8px;border:1px solid rgb(255 255 255 / .55);background:linear-gradient(to bottom,#ffffff52,#ffffff1f);box-shadow:0 18px 40px #0000004d,inset 0 1px #ffffffb3;overflow:hidden;display:flex;flex-direction:column}.pw-titlebar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(to bottom,#fff9,#ffffff2e);border-bottom:1px solid rgb(255 255 255 / .45)}.pw-title{font-size:.7rem;letter-spacing:.08em;color:#0a141eb8}.pw-controls{display:inline-flex;gap:6px}.pw-btn{width:12px;height:12px;border-radius:50%;border:1px solid rgb(255 255 255 / .7);background:radial-gradient(circle at 32% 28%,rgb(255 255 255 / .9),var(--era-2) 70%)}.pw-btn--close{background:radial-gradient(circle at 32% 28%,rgb(255 255 255 / .9),var(--era-3) 70%)}.pw-pane{position:relative;flex:1;backdrop-filter:blur(7px) saturate(1.25);-webkit-backdrop-filter:blur(7px) saturate(1.25);background:#ffffff0f}.pw-divider{position:absolute;background:#ffffff80;box-shadow:0 0 0 1px #0000000f}.pw-divider--v{top:0;bottom:0;left:50%;width:2px}.pw-divider--h{left:0;right:0;top:50%;height:2px}.stage-plate--artifact{display:grid;place-items:center;background:color-mix(in srgb,var(--era-1, #888) 14%,var(--panel-deep))}.stage-plate--artifact img{max-width:86%;max-height:76%;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 18px 40px #00000059}.light .stage-plate--artifact img{box-shadow:0 14px 30px #0000002e}.plate-memphis{position:absolute;inset:0;display:grid;place-items:center;grid-template-columns:minmax(0,5fr) minmax(0,6fr);padding:8% 9% 12%;gap:6%;background:var(--era-5, #fff)}.pm-ground{position:absolute;left:0;right:0;bottom:0;height:22%;background:color-mix(in srgb,var(--era-4, #37d5a3) 55%,var(--era-5, #fff));border-radius:100% 100% 0 0/60% 60% 0 0}.pm-figure{position:relative;width:min(100%,150px);aspect-ratio:3 / 4;z-index:1}.pm-figure>span{position:absolute;background:var(--era-2, #6b5ce7)}.pm-head{top:0;left:42%;width:22%;aspect-ratio:1;border-radius:50%;background:var(--era-1, #ff7a59)!important}.pm-torso{top:22%;left:34%;width:34%;height:42%;border-radius:44% 44% 26% 26%}.pm-arm{width:11%;height:46%;border-radius:999px}.pm-arm--wave{top:-4%;left:66%;transform:rotate(38deg);transform-origin:bottom center}.pm-arm--rest{top:26%;left:22%;transform:rotate(-24deg);transform-origin:top center}.pm-leg{top:58%;width:12%;height:40%;border-radius:999px;background:var(--era-3, #ffc542)!important}.pm-leg--plant{left:38%}.pm-leg--kick{left:54%;transform:rotate(-34deg);transform-origin:top center}.pm-card{position:relative;z-index:1;width:100%;max-width:300px;padding:clamp(12px,2.4cqi,22px);border-radius:12px;background:#fff;box-shadow:0 16px 36px #00000029;display:flex;flex-direction:column;gap:10px}.pm-bar{display:block;height:10px;border-radius:999px;background:color-mix(in srgb,var(--era-2, #6b5ce7) 22%,#fff)}.pm-bar--title{height:14px;width:62%;background:color-mix(in srgb,var(--era-2, #6b5ce7) 45%,#fff)}.pm-bar--short{width:48%}.pm-cta{display:block;margin-top:4px;height:34px;border-radius:999px;background:var(--era-1, #ff7a59)}.pm-ghost{display:block;height:8px;width:34%;border-radius:999px;background:#00000024}.plate-memphis--undressed{background:#e9eaee}.plate-memphis--undressed .pm-ground{background:#dcdee4}.plate-memphis--undressed .pm-figure>span,.plate-memphis--undressed .pm-head,.plate-memphis--undressed .pm-leg{background:transparent!important;border:2px dashed rgb(60 64 74 / .5)}.plate-memphis--undressed .pm-bar{height:auto;width:auto;border-radius:4px;background:none;color:#3c404a;font-size:.72rem;line-height:1.35}.plate-memphis--undressed .pm-bar--title{font-weight:700;font-size:.85rem;color:#14161c}.plate-memphis--undressed .pm-cta{display:grid;place-items:center;background:#3c404a;color:#fff;font-size:.8rem;font-weight:600}.plate-memphis--undressed .pm-ghost{height:auto;width:auto;align-self:flex-start;background:none;color:#3c404a8c;font-size:.62rem;text-decoration:underline}.essay-plate-card{display:none}@media (max-width: 1024px){.essay-plate-card{display:block;position:relative;height:240px;margin:var(--space-2) 0;border:1px solid var(--border-strong);border-radius:var(--radius-card);overflow:hidden}.essay-plate-card .stage-scene--card{position:absolute;inset:0}.hero-panel .stage{display:none}}.page-shell{position:relative;z-index:1;height:100vh;padding:var(--space-3);display:grid;grid-template-columns:minmax(30%,calc(var(--split, var(--split-default, 61.8)) * 1%)) var(--space-2) minmax(30%,1fr);align-items:stretch}.split-handle{position:relative;cursor:col-resize;touch-action:none}.split-handle:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:56px;transform:translate(-50%,-50%);border-radius:1px;background:var(--border-strong);transition:background .2s ease,box-shadow .2s ease}.split-handle:hover:before,.split-handle:focus-visible:before,.split-handle.is-dragging:before{background:var(--accent-fg);box-shadow:0 0 12px var(--halo-accent)}.split-handle:focus-visible{outline:2px solid var(--accent-border);outline-offset:-2px}.panel{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);padding:var(--space-4);display:flex;flex-direction:column;gap:0;min-height:0}.info-panel{background:transparent;--window-veil: var(--panel-glass-info-shell)}.hero-panel{position:relative;overflow:visible;display:block;--panel-pad: var(--space-4);container-type:inline-size;container-name:hero;background:transparent;--window-veil: transparent}.hero-panel>:not(.aurora-window,.hero-veil){position:relative;z-index:2}.hero-panel>.hero-veil{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(96deg,var(--aurora-veil-min) 0%,var(--aurora-veil-min) 40%,var(--aurora-veil-max) 58%,var(--aurora-veil-max) 100%)}.info-panel>:not(.aurora-window){position:relative;z-index:1}.info-panel{position:relative;overflow:hidden;container-type:inline-size;container-name:info;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.info-panel-body{position:relative;flex:1;min-height:0;overflow:hidden;padding-top:var(--space-1)}@container hero (width < 772px){.hero-grid{flex-direction:column;text-align:center;justify-content:center}.hero-veil{background:linear-gradient(to bottom,var(--aurora-veil-min) 0%,var(--aurora-veil-min) 30%,var(--aurora-veil-max) 56%,var(--aurora-veil-max) 100%)}.hero-actions{justify-content:center}.hero-main{margin-inline:auto}}@media (min-width: 769px){@container hero (width < 772px){.hero-photo{height:auto;align-self:auto;display:flex;justify-content:center}.hero-figure{position:static;transform:none;height:auto;width:min(100%,var(--figure-cap, 480.5px))}}}@media (min-width: 1025px){@container hero (width < 772px){.hero-figure{width:min(100cqi,calc(53.6vh - 26px),var(--figure-cap, 480.5px))}}}@media (min-width: 1025px){@container hero (width < 772px){.hero-figure{aspect-ratio:auto;height:min(43vh,calc(var(--figure-cap, 480.5px) * 1686 / 961))}.hero-portrait{object-fit:cover;object-position:top center;mask-size:cover;mask-position:top center;-webkit-mask-size:cover;-webkit-mask-position:top center}.figure-shadow{display:none}}}@container info (width < 400px){.work-card{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.info-card[data-scrollable]{padding:var(--space-2)}}@media (max-width: 1024px){body{overflow:auto}.page-shell{grid-template-columns:1fr;grid-template-rows:repeat(1,minmax(0,1fr));gap:var(--space-2);height:auto}.split-handle{display:none}.panel{padding:var(--space-3)}.hero-panel{--panel-pad: var(--space-3)}.info-panel-body{position:static;overflow:visible}.info-card{background:var(--panel-glass-info);border:1px solid var(--border-subtle);border-radius:var(--radius-card);padding:var(--space-2);margin-bottom:var(--space-2)}.info-panel-header{display:block;height:0;margin:0;padding:0}.info-toggle-wrapper,.info-toggle-group{display:none}.theme-toggle{position:fixed;top:calc(var(--space-2) + env(safe-area-inset-top));right:calc(var(--space-2) + env(safe-area-inset-right));bottom:auto;z-index:1000;margin:0;box-shadow:0 10px 30px #00000059}}@media (max-width: 768px){.page-shell{padding:var(--space-2);gap:var(--space-2)}.hero-panel{border:none;padding:var(--space-4);--panel-pad: var(--space-4)}.hero-grid{gap:var(--space-3)}.work-panel{gap:var(--space-2)}.info-panel{border:none;padding:var(--space-2)}.info-panel-body{gap:var(--space-1)}}