.accent-wine{--accent:#b84a63}.accent-navy{--accent:#5b7bb8}.accent-red{--accent:#8b93a5}.accent-blue{--accent:#e8a7b8}.hero-glow{background:radial-gradient(58% 62% at 22% 0%, var(--glow-primary,#b84a6338) 12%, transparent 72%)}.ghost-number{font-family:var(--font-display-lg);color:#0000;-webkit-text-stroke:1px color-mix(in oklab, var(--accent) 45%, transparent);opacity:.7;user-select:none;font-size:clamp(96px,16vw,200px)}.photo-slot{background:repeating-linear-gradient(135deg, transparent 0 14px, color-mix(in oklab, var(--accent) 5%, transparent) 14px 15px), linear-gradient(160deg, #141721, #0d0f15);border:1px solid color-mix(in oklab, var(--color-outline) 28%, transparent);justify-content:center;align-items:center;transition:border-color .35s,transform .35s;display:flex;position:relative;overflow:hidden}.photo-slot span{font-family:var(--font-technical-sm);letter-spacing:.28em;text-transform:uppercase;color:color-mix(in oklab, var(--color-on-surface-variant) 42%, transparent);font-size:10px}.photo-slot img{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.02)}.card:hover .photo-slot img{transform:scale(1.06)}.photo-slot--auto{aspect-ratio:var(--ar,16 / 10);width:calc(min(72vh, 640px) * var(--arn,1.5));max-width:100%;margin-inline:auto}.photo-slot:before{content:"";background:radial-gradient(70% 70% at 70% 20%, color-mix(in oklab, var(--accent) 8%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.card{transition:transform .35s cubic-bezier(.22,1,.36,1)}.card:hover{transform:translateY(-4px)}.card:hover .photo-slot{border-color:color-mix(in oklab, var(--accent) 55%, transparent)}.expo-toggle{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;transition:color .3s;display:inline}.expo-toggle:hover,.expo-toggle[aria-expanded=true]{color:var(--accent)}.expo-caret{vertical-align:middle;margin-left:10px;font-size:.55em;line-height:1;transition:transform .45s cubic-bezier(.22,1,.36,1);display:inline-block}.expo-toggle[aria-expanded=true] .expo-caret{transform:rotate(180deg)}.expo-panel{border-top:1px solid color-mix(in oklab, var(--color-outline) 20%, transparent);margin-top:22px;padding-top:18px;animation:.55s cubic-bezier(.22,1,.36,1) expo-in}@keyframes expo-in{0%{opacity:0;transform:translateY(10px)}}.expo-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.expo-thumb{cursor:zoom-in;aspect-ratio:4/3;border:0;border:1px solid color-mix(in oklab, var(--color-outline) 22%, transparent);background:0 0;padding:0;display:block;position:relative;overflow:hidden}.expo-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1),border-color .3s;transform:scale(1.02)}.expo-thumb:hover img{transform:scale(1.07)}.expo-thumb:hover{border-color:color-mix(in oklab, var(--accent) 55%, transparent)}.tag{border:1px solid color-mix(in oklab, var(--color-outline) 30%, transparent);color:var(--color-on-surface-variant);padding:4px 10px;transition:color .3s,border-color .3s}.card:hover .tag{color:var(--accent);border-color:color-mix(in oklab, var(--accent) 50%, transparent)}.index-link{color:var(--color-on-surface-variant);opacity:.55;border-left:2px solid #0000;padding-left:14px;transition:opacity .3s,color .3s}.index-link:hover{opacity:1}.index-link.is-active{opacity:1;color:var(--accent);border-left-color:var(--accent)}.chip{white-space:nowrap;border:1px solid color-mix(in oklab, var(--color-outline) 30%, transparent);color:var(--color-on-surface-variant);padding:8px 14px;transition:color .3s,border-color .3s}.chip:hover{color:var(--accent);border-color:color-mix(in oklab, var(--accent) 50%, transparent)}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.22, 1, .36, 1) var(--d,0s), transform .7s cubic-bezier(.22, 1, .36, 1) var(--d,0s);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}
