@layer components{.koi-work+.koi-work{margin-top:3.2em}.koi-work-media{border:1px solid var(--border);background:var(--bg);border-radius:6px;margin-top:.9em;overflow:hidden}.koi-work-media>:is(img,video,div){width:100%;height:auto;display:block}.koi-work-media>div{aspect-ratio:16/10}.koi-work-fan{display:none}@media (width>=1200px){.koi-page:has(>.koi-work-layout){max-width:none}.koi-work-layout{grid-template-columns:minmax(0,58ch) minmax(0,1fr);align-items:start;column-gap:clamp(32px,4vw,72px);display:grid}.koi-work-media{display:none}.koi-work .koi-dim:before{transition:background-color .22s}.koi-work.is-linked .koi-dim:before{background-color:color-mix(in srgb, var(--text) 6%, color-mix(in srgb, var(--bg) 80%, transparent))}.koi-work-fan{display:block;position:sticky;top:calc(50vh - 200px)}.koi-work-fan .showcase-slot{animation:none}}}.koi-work-fan .showcase-scene{--showcase-card-width:clamp(220px, 19vw, 300px);--fan-step-x:clamp(72px, 6.5vw, 110px);--fan-step-y:16px;background:0 0;width:100%;max-width:none;height:400px;margin:0;left:0;overflow:visible;transform:none}