.projects-hero{padding-block:42px 12px;text-align:center}.projects-hero h1{margin:0 auto;font-weight:700}.showcase-selector-helper{margin:0 auto 4px;color:var(--muted);font-size:.92rem;font-weight:800;text-align:center;transition:var(--theme-transition-color)}.showcase-quick-list{position:relative;z-index:8;width:min(100%,720px);margin:4px auto 0;text-align:center}.showcase-quick-trigger{position:relative;display:inline-flex;appearance:none;-webkit-appearance:none;align-items:center;justify-content:center;gap:8px;margin:0;min-height:34px;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:10px;background-color:var(--bg);box-shadow:none;color:color-mix(in srgb,var(--muted) 88%,var(--text));cursor:pointer;font-family:var(--font-body);font-size:.86rem;font-weight:900;line-height:1;padding:8px 11px 9px;transition:var(--theme-transition-surface),var(--theme-transition-color),transform var(--motion-button)}.showcase-quick-trigger:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background-color:color-mix(in srgb,var(--accent) 5%,var(--bg));color:var(--text);transform:var(--hover-lift-subtle)}.showcase-quick-trigger:focus-visible{outline:var(--focus-ring-soft);outline-offset:4px}.showcase-quick-chevron{flex:0 0 auto;display:block;width:.92em;height:.92em;color:var(--accent);transform-origin:center;transition:var(--theme-transition-color),transform var(--motion-fast)}.showcase-quick-trigger[aria-expanded=true] .showcase-quick-chevron{transform:rotate(180deg)}.showcase-quick-nav[hidden]{display:none}.showcase-quick-nav{position:absolute;top:calc(100% + 8px);left:50%;width:min(calc(100vw - 32px),680px);max-height:min(310px,42vh);overflow:auto;border:1px solid color-mix(in srgb,var(--border) 86%,var(--surface));border-radius:12px;background-color:color-mix(in srgb,var(--bg) 94%,var(--surface));box-shadow:var(--shadow-soft);color:var(--muted);padding:10px;text-align:left;transform:translate(-50%);transition:var(--theme-transition-surface),var(--theme-transition-color),transform var(--motion-fast)}.showcase-quick-nav:before{position:absolute;top:-5px;left:50%;width:9px;height:9px;border-top:1px solid color-mix(in srgb,var(--border) 86%,var(--surface));border-left:1px solid color-mix(in srgb,var(--border) 86%,var(--surface));background-color:color-mix(in srgb,var(--bg) 94%,var(--surface));content:"";transform:translate(-50%) rotate(45deg);transition:var(--theme-transition-background),var(--theme-transition-border)}.showcase-quick-nav ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px;margin:0;padding:0;list-style:none}.showcase-quick-nav a{position:relative;display:flex;align-items:center;min-height:38px;border:1px solid transparent;border-radius:8px;background-color:transparent;color:inherit;font-size:.86rem;font-weight:800;line-height:1.25;padding:8px 10px 8px 24px;transition:var(--theme-transition-background),var(--theme-transition-border),var(--theme-transition-color),transform var(--motion-fast)}.showcase-quick-nav a:before{position:absolute;top:50%;left:10px;width:5px;height:5px;border-radius:999px;background-color:color-mix(in srgb,var(--accent) 42%,var(--border));content:"";opacity:.42;transform:translateY(-50%);transition:var(--theme-transition-background),opacity var(--motion-fast)}.showcase-quick-nav a:hover{border-color:transparent;background-color:var(--surface-hover);color:var(--text);transform:var(--hover-lift-subtle)}.showcase-quick-nav a:hover:before,.showcase-quick-nav a[aria-current=true]:before{opacity:1}.showcase-quick-nav a:focus-visible{outline:var(--focus-ring-soft);outline-offset:2px}.showcase-quick-nav a[aria-current=true]{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));background-color:color-mix(in srgb,var(--accent) 7%,var(--surface));color:var(--text)}.showcase-quick-title{color:var(--heading);font-weight:900;overflow-wrap:anywhere;transition:var(--theme-transition-color)}.showcase-wheel-media-fallback,.experience-wheel-media-fallback,.experience-detail-media-fallback{display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;background-color:color-mix(in srgb,var(--surface-soft) 82%,var(--bg));background-image:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 58%);transition:var(--theme-transition-background)}.showcase-wheel-media-fallback,.experience-wheel-media-fallback{border-radius:9px}.experience-detail-media-fallback{border-radius:16px}.showcase-media-fallback-initial,.experience-media-fallback-initial{color:var(--accent);font-family:var(--font-display);font-size:4rem;line-height:1;opacity:.82;transition:var(--theme-transition-color)}.experience-wheel-book{width:clamp(190px,25vw,318px);aspect-ratio:760 / 478}.experience-highlights{display:grid;gap:10px;margin-top:clamp(20px,2vw,26px);padding-top:14px;border-top:1px solid var(--border);transition:var(--theme-transition-border)}.experience-highlights-title{color:var(--heading);font-family:var(--font-accent);font-size:1.08rem;font-weight:400;line-height:1;transition:var(--theme-transition-color)}.experience-highlights ul{display:grid;gap:9px;margin:0;padding-left:1.15rem}.experience-highlights li{color:var(--muted);font-weight:800;line-height:1.42;padding-left:2px;transition:var(--theme-transition-color)}.experience-highlights li::marker{color:var(--accent);transition:var(--theme-transition-color)}@media(max-width:820px){.experience-wheel-book{width:clamp(176px,38vw,266px)}}@media(max-width:560px){.showcase-quick-list{width:100%}.showcase-quick-nav{width:min(calc(100vw - 24px),100%);max-height:min(340px,50vh);padding:12px}.showcase-quick-nav ul{grid-template-columns:1fr;gap:6px}.showcase-quick-nav a{min-height:46px;font-size:.92rem}.experience-wheel-book{width:clamp(166px,58vw,236px)}}@media(max-width:820px){.showcase-quick-nav ul{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.showcase-quick-trigger,.showcase-quick-chevron,.showcase-quick-nav,.showcase-quick-nav a,.showcase-quick-nav a:before{transition:var(--theme-transition-surface)}.showcase-quick-trigger:hover,.showcase-quick-nav a:hover{transform:none}}
