.case{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:var(--bg);color:var(--ink);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}@media(prefers-reduced-motion:no-preference){.case:not([hidden]){animation:case-up .55s cubic-bezier(.2,.8,.2,1) both}}@keyframes case-up{0%{transform:translateY(60px);opacity:0}}.case-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;justify-content:flex-end;padding:calc(12px + env(safe-area-inset-top,0px)) var(--gutter) 12px;background:#f5f5f7d1;backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.case-bar .mclose{position:static}.cb-title{margin-right:auto;font:800 17px var(--body);opacity:0;transform:translateY(6px);transition:.3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.cb-title.show{opacity:1;transform:none}.case-cover{position:relative;width:100%;height:min(72vh,720px);min-height:360px;display:block;background:linear-gradient(160deg,var(--t1, #2A2622),color-mix(in srgb,var(--t1, #2A2622) 70%,#000));overflow:hidden}.case-cover .photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.case-head{padding-block:clamp(36px,5vw,64px) clamp(28px,4vw,48px);border-bottom:1px solid var(--line)}.case-h{font:800 clamp(40px,6vw,84px)/1 var(--display);letter-spacing:-.045em;margin:12px 0 18px}.case-head .sub{color:var(--muted);font-size:clamp(17px,1.5vw,20px);max-width:58ch;line-height:1.5;margin:0}.ch{padding-block:clamp(48px,6vw,90px);border-bottom:1px solid var(--line)}.chn{font:700 13px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep, var(--muted));margin:0}.ch-h{font:800 clamp(30px,3.8vw,52px)/1.04 var(--display);letter-spacing:-.04em;margin:10px 0 18px}.ch p,.chp{color:var(--muted);font-size:18px;max-width:58ch}.finals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}.fin{position:relative;width:100%;aspect-ratio:1 / 1;border:0;padding:0;cursor:zoom-in;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(160deg,var(--t1, #181512),color-mix(in srgb,var(--t1, #181512) 75%,#000))}.fin.f0{grid-column:span 2;grid-row:span 2}.fin img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.fin:hover img{transform:scale(1.03)}.cquote{margin:clamp(48px,6vw,80px) 0 0;text-align:center}.cquote blockquote{margin:0 auto;max-width:22ch;font:800 clamp(30px,4vw,56px)/1.08 var(--display);letter-spacing:-.04em}.cquote figcaption{margin-top:16px;color:var(--muted);font-weight:600}.case-end{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;padding-block:44px clamp(56px,7vw,100px)}.next{color:var(--gold-deep);text-decoration:none;font-weight:600}.next:hover{text-decoration:underline}.lbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0c0c0ed1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,48px);cursor:zoom-out;animation:lb-fade .22s ease-out both}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}.lbin{position:relative;max-width:min(1050px,90vw);max-height:85vh;display:flex;align-items:center;justify-content:center;cursor:default;animation:lb-zoom .28s cubic-bezier(.2,.8,.2,1) both}@keyframes lb-zoom{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.lbin img,.lbin svg{display:block;width:auto;height:auto;max-width:100%;max-height:85vh;object-fit:contain;border-radius:22px;box-shadow:0 30px 80px #0000008c;background:#181512}.lb-close{position:absolute;top:14px;right:14px;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid rgba(0,0,0,.08);background:#fffffff2;color:#1d1d1f;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px #00000047;transition:transform .2s ease,background .2s ease}.lb-close:hover{transform:scale(1.08);background:#fff}@media(max-width:820px){.case-cover{height:min(52vh,460px);min-height:260px}.finals{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fin.f0{grid-column:span 2;grid-row:span 2}.case-bar .btn{display:none}.lbin{max-width:94vw;max-height:80vh}.lbin img{max-height:80vh;border-radius:16px}.lb-close{top:10px;right:10px;width:38px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/project-case.css.map */