html:has([data-case-scroll]),html:has([data-case-scroll]) body{overscroll-behavior:none;scroll-behavior:auto;height:100%;overflow:hidden}.case-scroll{height:100dvh;overflow:hidden}.case-scroll>.case-scene{--edge:max(clamp(24px,3.2vw,64px),env(safe-area-inset-left),env(safe-area-inset-right));height:100%;min-height:0;position:relative}.case-scroll .case-stage{touch-action:pinch-zoom}.case-scroll .case-thumbs{overscroll-behavior:contain}.case-scroll .ed-header{top:max(36px,env(safe-area-inset-top));left:max(var(--edge),env(safe-area-inset-left));right:max(var(--edge),env(safe-area-inset-right))}.case-scroll .ed-return{top:max(36px,env(safe-area-inset-top))}.case-scroll .ed-footer{bottom:max(5.5%,env(safe-area-inset-bottom))}.case-scroll .case-meta{grid-template-columns:1fr auto 1.2fr}.case-scroll .case-caption{grid-column:3}@media (width<=800px){.case-scroll .ed-header,.case-scroll .ed-return{top:max(25px,env(safe-area-inset-top))}.case-scroll .ed-footer{bottom:max(3%,env(safe-area-inset-bottom))}.case-scroll .case-meta{bottom:max(10%,calc(env(safe-area-inset-bottom) + 60px));grid-template-columns:1fr auto}.case-scroll .case-caption{grid-column:1/-1}.case-scroll .case-thumbs{height:60px;top:68%}}@media (width<=800px) and (height<=740px){.case-scroll .case-title{font-size:min(24vw,18dvh);top:17%}.case-scroll .case-stage{height:27%;top:32%}.case-scroll .case-thumbs{height:49px;top:63%}.case-scroll .case-thumbs img{height:32px;min-height:0}.case-scroll .case-thumbs button{min-height:0}.case-scroll .case-meta{bottom:max(12%,calc(env(safe-area-inset-bottom) + 48px));gap:6px;font-size:8px}.case-scroll .case-caption{gap:10px}.case-scroll .case-slide figcaption{font-size:7px}}@media (width>=801px) and (height<=500px){.case-scroll .ed-header,.case-scroll .ed-return{top:max(18px,env(safe-area-inset-top))}.case-scroll .case-title{font-size:clamp(70px,22dvh,110px);top:27%}.case-scroll .case-stage{height:46%;top:28%}.case-scroll .case-thumbs{top:26%;bottom:22%}}.case-scroll .case-slide{position:absolute;inset:0}.case-scroll .case-slide[aria-hidden=true]{pointer-events:none}@media (prefers-reduced-motion:reduce){html:has([data-case-scroll]){scroll-behavior:auto}}html[data-case-pending] .case-slide:not([hidden])>figure{visibility:hidden}.case-scroll .case-slide{transform-style:preserve-3d}.case-scroll .case-slide>figure{transform-origin:50%;backface-visibility:hidden}.case-scroll .case-slide>figure[data-gallery-wire]:before{content:"";left:var(--gallery-wire-left);top:var(--gallery-wire-top);width:var(--gallery-wire-width);height:var(--gallery-wire-height);z-index:1;pointer-events:none;opacity:0;border:1px solid var(--theme-txt);background:linear-gradient(to right,transparent calc(100% - 1px),var(--theme-txt) 0),linear-gradient(to bottom,transparent calc(100% - 1px),var(--theme-txt) 0);background-size:12.5% 16.6667%;position:absolute}.case-slide[data-media-unavailable] img{visibility:hidden}.case-slide[data-media-unavailable]>figure:after{content:"Media unavailable — choose another item";color:var(--theme-txt);place-items:center;font-size:11px;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){html[data-case-pending] .case-slide:not([hidden])>figure{visibility:visible}}.case-company-credits{margin-top:5px}.case-company-credits dd{flex-wrap:wrap;gap:3px 10px;min-width:0;display:flex}.case-company-credits a{z-index:4;white-space:nowrap;position:relative}@media (width<=800px){.case-meta:has(.case-company-credits)>dl{grid-column:1/-1}}.case-scroll .case-slide{transform:perspective(900px) rotateY(calc(var(--gallery-motion,0) * -8deg)) rotateZ(calc(var(--gallery-motion,0) * .7deg)) translateY(calc(var(--gallery-motion,0) * -7px));transform-origin:50%}@media (prefers-reduced-motion:reduce){.case-scroll .case-slide{transform:none}}.case-slide figure[role=button]{cursor:zoom-in}.case-slide figure[role=button]:focus-visible{outline-offset:6px;outline:1px solid}.media-lightbox{color:#f4f2ee;overscroll-behavior:none;opacity:0;background:#080808;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;font-family:Helvetica Neue,Arial,sans-serif;transition:opacity .22s;position:fixed;inset:0;overflow:hidden}.media-lightbox.is-visible{opacity:1}.media-lightbox::backdrop{background:#080808}.media-lightbox-stage{inset:max(70px,calc(env(safe-area-inset-top) + 56px)) max(20px,env(safe-area-inset-right)) max(70px,calc(env(safe-area-inset-bottom) + 56px)) max(20px,env(safe-area-inset-left));touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.media-lightbox-stage img,.media-lightbox-stage video{object-fit:contain;flex:none;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.media-lightbox-stage img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50%;cursor:zoom-in;will-change:transform}.media-lightbox-stage img[data-zoomed]{cursor:grab}.media-lightbox-stage video{touch-action:manipulation}.media-lightbox button{width:48px;height:48px;color:inherit;cursor:pointer;z-index:2;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;font:300 28px/1 Arial,sans-serif;display:grid;position:absolute}.media-lightbox button:focus-visible,.media-lightbox video:focus-visible{outline-offset:-5px;outline:1px solid}.media-lightbox-close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.media-lightbox-prev{left:max(8px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom))}.media-lightbox-next{right:max(8px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}.media-lightbox button:disabled{opacity:.2;cursor:default}.media-lightbox-counter{bottom:max(28px,calc(env(safe-area-inset-bottom) + 28px));letter-spacing:.08em;pointer-events:none;font-size:10px;position:absolute;left:50%;transform:translate(-50%)}.media-lightbox-message{text-align:center;font-size:12px;line-height:1.6}.media-lightbox-message a{color:inherit;padding:12px;text-decoration:underline;display:inline-block}@media (width>=801px){.media-lightbox-stage{left:72px;right:72px}.media-lightbox-prev,.media-lightbox-next{top:50%;bottom:auto;transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.media-lightbox{transition:none}}
