.case-study{max-width:1200px}.case-study .comparison{border:1px solid #ffffff18;border-radius:18px;--split:50%}.comparison__final,.comparison__sketch>img{display:block}.comparison-hint{text-align:center;color:#999;font-size:12px;margin-top:18px}.comparison input{appearance:none;-webkit-appearance:none;touch-action:pan-y}.comparison input::-webkit-slider-thumb{appearance:none;width:1px;height:40px}.comparison input::-moz-range-thumb{width:1px;border:0}.comparison__labels{z-index:1}.comparison__divider{z-index:1}.comparison input{z-index:2}
.lightbox{padding:60px 0 76px;border:0;border-radius:0;background:transparent;box-shadow:none;width:min(1440px,calc(100vw - 64px));max-height:calc(100dvh - 24px);overflow:visible;color:#fff}
.lightbox__bar{position:absolute;top:0;right:0;padding:0;height:44px}.lightbox__bar p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lightbox__bar .icon-button{width:44px;height:44px;border-radius:50%;background:#202020e8;backdrop-filter:blur(12px)}
.lightbox__image{display:grid;place-items:center;width:100%;min-height:160px;background:transparent}.lightbox__image>img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 170px);object-fit:contain;border-radius:10px}.lightbox__image>img[hidden]{display:none}
.lightbox__bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:max-content;gap:25px;padding:7px;border:1px solid #ffffff26;border-radius:999px;background:#202020e8;box-shadow:0 8px 32px #0005;backdrop-filter:blur(12px);height:56px}.lightbox__bottom .icon-button{border:0;background:transparent;border-radius:50%;width:40px;height:40px}.lightbox__bottom .icon-button:hover{background:#ffffff0d}.lightbox__bottom #work-position{min-width:60px;text-align:center;color:#ccc;font-variant-numeric:tabular-nums}.lightbox .icon-button{transition:background .3s,color .3s}
@media(max-width:600px){.lightbox{width:calc(100vw - 24px);padding:56px 0 70px}.lightbox__image>img{max-height:calc(100dvh - 170px);border-radius:6px}.lightbox__bottom{height:54px;gap:18px}.case-study .comparison{border-radius:10px}.comparison-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){.lightbox .icon-button{transition:none}}
@media(hover:hover) and (pointer:fine){.work-grid .work-item{transition:opacity .45s,filter .45s,transform .55s cubic-bezier(.22,1,.36,1)}.work-grid:has(.work-item:hover) .work-item:not(:hover){opacity:.75;filter:saturate(.85)}.work-grid .work-item:hover{transform:scale(1.025);z-index:1}.work-grid .work-item:hover>img{transform:none}}
body[data-motion=paused] .work-grid .work-item{transition:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.work-grid .work-item{transition:none!important;transform:none!important}}
.lightbox__bottom .gallery-arrow{width:18px;height:18px;display:block;flex-shrink:0}
.case-study{perspective:900px}.case-study .comparison{rotate:y 0deg;transform-origin:center;transition:rotate .45s cubic-bezier(.22,1,.36,1);backface-visibility:hidden}
body[data-motion=paused] .case-study .comparison{rotate:none!important;transition:none}
@media(prefers-reduced-motion:reduce){.case-study .comparison{rotate:none!important;transition:none}}
@media(prefers-reduced-motion:no-preference){.portfolio-accessible-grid:not(:focus-within){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){#portfolio-wall{display:none}}