.work-intro { padding-top:105px; }
.work-viewer { padding-top:75px; scroll-margin-top:64px; }
.work-viewer__stage { height:clamp(400px,56svh,660px);display:flex;overflow:hidden; }
.work-viewer__image-wrap { inset:0 18% 0 0;padding:clamp(18px,2.3vw,36px);display:flex;align-items:center;justify-content:center; }
.work-viewer__image-wrap img { display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain; }
.work-viewer__peek { position:absolute;right:0;top:0;bottom:0;width:18%;background:#111;color:#fff;border:0;padding:0;cursor:pointer;overflow:hidden;text-align:left; }
.work-viewer__peek img { width:100%;height:100%;object-fit:cover;opacity:.75;transition:transform .3s,opacity .3s; }
.work-viewer__peek:hover img { opacity:1;transform:scale(1.05); }
.work-viewer__peek span { position:absolute;left:12px;bottom:12px;right:12px;padding:9px;background:#111;font:600 .8rem var(--font-text); }
.work-viewer__info { margin-top:16px; }
.work-viewer__info h2 { font-size:clamp(2.2rem,4vw,4.7rem);max-width:20ch;margin:10px 0 12px; }
.work-viewer__thumbs { margin-top:24px; }
.work-viewer__thumbs button { width:60px;height:72px; }
.work-index__card { overflow:hidden; }
.work-index__art { position:relative;overflow:hidden;background:var(--card-color); }
.work-index__card .work-index__art>img { width:100%;aspect-ratio:4/5;object-fit:contain;transition:transform .45s cubic-bezier(.2,.8,.2,1); }
.work-index__card:hover .work-index__art>img,.work-index__card:focus-visible .work-index__art>img { transform:scale(1.025); }
.work-index__reveal { position:absolute;left:0;right:0;bottom:0;height:0;display:grid;grid-template-columns:23% 77%;overflow:hidden;transition:height .38s cubic-bezier(.2,.8,.2,1);color:#111; }
.work-index__card:hover .work-index__reveal,.work-index__card:focus-visible .work-index__reveal { height:32%; }
.work-index__reveal i { display:block;background:var(--card-color);filter:saturate(1.25) brightness(1.15); }
.work-index__reveal div { display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;padding:clamp(9px,1.2vw,20px);background:var(--card-accent); }
.work-index__reveal strong { font:600 clamp(1.1rem,1.7vw,2rem)/1.05 var(--font-display);letter-spacing:-.04em; }
.work-index__reveal small { font:600 .7rem/1.1 var(--font-text);text-transform:uppercase;letter-spacing:.06em; }
.work-index__caption { border-top:1px solid #111; }
@media (max-width:820px) { .work-viewer__stage { height:clamp(340px,54svh,560px); } .work-viewer__image-wrap { inset:0 15% 0 0; } .work-viewer__peek { width:15%; } .work-viewer__peek span { font-size:.65rem; } .work-index__card:hover .work-index__reveal,.work-index__card:focus-visible .work-index__reveal { height:40%; } }
@media (max-width:500px) { .work-viewer__stage { height:52svh;min-height:330px; } .work-viewer__image-wrap { inset:0 12% 0 0;padding:12px; } .work-viewer__peek { width:12%; } .work-viewer__peek span { display:none; } .work-viewer__info h2 { font-size:clamp(2rem,9vw,3.8rem); } .work-index__reveal { display:none; } }
@media (prefers-reduced-motion: reduce) { .work-index__reveal,.work-index__art>img { transition:none; } }
/* Each coloured collection uses one of Olgun's own cutout illustrations. */
.category-door__art { position:absolute;left:50%;top:52%;width:68%;height:70%;object-fit:contain;transform:translate(-50%,-50%) rotate(-5deg) scale(.92);filter:drop-shadow(0 16px 14px #0003);pointer-events:none;transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.category-door:nth-child(even) .category-door__art { transform:translate(-50%,-50%) rotate(7deg) scale(.9); }
.category-door:hover .category-door__art,.category-door:focus-visible .category-door__art { transform:translate(-50%,-50%) rotate(0) scale(1.08); }
.category-door:nth-child(3) .category-door__art { width:58%;height:72%; }
.category-door:nth-child(5) .category-door__art { width:82%;height:78%; }