.case-dialog{width:min(1320px,calc(100% - 24px));height:min(94vh,980px);max-height:980px;overflow-y:auto!important;overflow-x:hidden!important;background:#0b101c}.case-dialog .dialog-close{position:fixed;top:22px;right:max(22px,calc((100vw - 1320px)/2 + 22px));z-index:10}.project-story{min-height:100%;padding-bottom:75px;background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--case) 28%,transparent),transparent 34%),#0b101c}.story-head{max-width:960px;margin:0 auto;text-align:center;padding:clamp(92px,10vw,145px) 24px 38px}.story-head span{font:11px "DM Mono",monospace;color:var(--lime);letter-spacing:.1em}.story-head h2{margin:17px 0 13px;font-size:clamp(44px,8vw,112px);line-height:.9;letter-spacing:-.1em;color:#f7f8ff}.story-head p{margin:0;color:var(--aqua);font:13px "DM Mono",monospace;letter-spacing:.09em}.story-intro{max-width:750px;margin:0 auto 72px;padding:0 24px;text-align:center}.story-intro>p{font-size:clamp(17px,2vw,23px);font-weight:700;line-height:1.8;color:#e2e5f2}.story-intro>div{margin-top:32px;display:grid;grid-template-columns:70px 1fr;gap:8px 20px;text-align:left;border-top:1px solid rgba(255,255,255,.2);padding-top:18px}.story-intro span{font:10px "DM Mono",monospace;color:var(--aqua);letter-spacing:.1em}.story-intro b{font-size:13px;font-weight:500;color:#c5cada}.story-pages{display:grid;gap:clamp(26px,5vw,64px);max-width:1180px;margin:0 auto;padding:0 clamp(15px,4vw,54px)}.story-page{margin:0;position:relative;border:1px solid rgba(255,255,255,.22);background:#101725;box-shadow:12px 14px 0 rgba(0,0,0,.5);overflow:hidden}.story-page img{display:block;width:100%;height:auto;filter:brightness(1.25) contrast(1.13) saturate(1.22);transition:filter .35s,transform .5s}.story-page:hover img{filter:brightness(1.38) contrast(1.16) saturate(1.3);transform:scale(1.012)}.story-page figcaption{position:absolute;right:0;bottom:0;background:var(--lime);color:#090b13;padding:7px 11px;font:10px "DM Mono",monospace;border-top:1px solid #090b13;border-left:1px solid #090b13}@media(max-width:700px){.case-dialog{width:calc(100% - 10px);height:96vh}.case-dialog .dialog-close{position:fixed;right:18px;top:18px;width:40px;height:40px}.story-head{padding:90px 18px 28px}.story-head h2{font-size:47px}.story-intro{margin-bottom:43px}.story-intro>p{font-size:16px}.story-pages{gap:28px;padding:0 12px}.story-page{box-shadow:6px 7px 0 rgba(0,0,0,.5)}}