[data-redesign-page=cases]{--R2:"https://pub-bb666c975c274cdd9bffdb9274a5516b.r2.dev"}[data-redesign-page=cases] .mono{font-family:var(--font-redesign-mono),ui-monospace,monospace;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--lo)}[data-redesign-page=cases] .mono.acc{color:var(--acc)}[data-redesign-page=cases] .feat{position:relative;display:block;margin-top:8px}[data-redesign-page=cases] .feat .film{position:relative;aspect-ratio:21/9;overflow:hidden;background:#000}[data-redesign-page=cases] .feat .film img,[data-redesign-page=cases] .feat .film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity .5s}[data-redesign-page=cases] .feat .film video{opacity:0}[data-redesign-page=cases] .feat .film video.ready{opacity:1}[data-redesign-page=cases] .feat:hover .film img,[data-redesign-page=cases] .feat:hover .film video{transform:scale(1.025)}[data-redesign-page=cases] .feat .film:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.15) 55%,rgba(0,0,0,0))}[data-redesign-page=cases] .feat .over{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 0 44px}[data-redesign-page=cases] .feat .over .wrap{max-width:860px}[data-redesign-page=cases] .feat h2{font-family:var(--display);font-weight:800;letter-spacing:-.045em;line-height:.95;font-size:clamp(40px,5.6vw,88px);margin-top:14px}[data-redesign-page=cases] .feat p{color:var(--mid);font-size:17px;line-height:1.6;max-width:520px}[data-redesign-page=cases] .feat .go{margin-top:20px;display:inline-flex}[data-redesign-page=cases] .featwrap{position:relative}[data-redesign-page=cases] .lpause{position:absolute;top:24px;right:var(--gut);z-index:3;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.45);color:#fff;font-family:var(--navmono,monospace);font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}[data-redesign-page=cases] .lpause i{width:10px;height:12px;border-left:3px solid #fff;border-right:3px solid #fff}[data-redesign-page=cases] .lpause[aria-pressed=true] i{width:0;height:0;border:0;border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}[data-redesign-page=cases] .lpause:hover{background:#fff;color:#000}[data-redesign-page=cases] .lpause:hover i{border-color:#000}[data-redesign-page=cases] .lpause[aria-pressed=true]:hover i{border-color:transparent transparent transparent #000}@media (max-width:600px){[data-redesign-page=cases] .lpause b{display:none}[data-redesign-page=cases] .lpause{top:16px}}[data-redesign-page=cases] .feat .badge{position:absolute;top:24px;left:0;right:0;z-index:2}[data-redesign-page=cases] .live{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(0,0,0,.6);font-family:var(--font-redesign-mono),monospace;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:#fff}[data-redesign-page=cases] .live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc);animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.3}}[data-redesign-page=cases] .rows{padding-block:120px 40px}[data-redesign-page=cases] .rows .head{display:block;text-align:center;margin-bottom:64px}[data-redesign-page=cases] .rows h2.h2{max-width:760px;margin:0 auto}[data-redesign-page=cases] .rows .head .link{display:inline-block;margin-top:18px}[data-redesign-page=cases] .cs{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center;padding:72px 0;border-top:1px solid var(--line)}[data-redesign-page=cases] .cs:last-child{border-bottom:1px solid var(--line)}[data-redesign-page=cases] .cs.flip .media{order:2}[data-redesign-page=cases] .cs .media{position:relative;display:block;overflow:hidden;background:var(--surface)}[data-redesign-page=cases] .cs .media img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}[data-redesign-page=cases] .cs .media.land{aspect-ratio:16/10}[data-redesign-page=cases] .cs .media.port{aspect-ratio:4/5;max-height:640px}[data-redesign-page=cases] .cs:hover .media img{transform:scale(1.03)}[data-redesign-page=cases] .cs .num{font-family:var(--font-redesign-mono),monospace;font-size:12px;color:var(--acc);letter-spacing:.08em}[data-redesign-page=cases] .cs h3{font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1.02;font-size:clamp(30px,3.4vw,50px);margin:14px 0 0}[data-redesign-page=cases] .receipt{margin-top:26px;display:flex;gap:16px;align-items:center;padding:16px 18px;background:var(--surface);border-left:3px solid var(--acc);max-width:520px}[data-redesign-page=cases] .receipt b{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.03em;line-height:1;white-space:nowrap}[data-redesign-page=cases] .receipt span{font-size:14.5px;line-height:1.45;color:var(--mid)}[data-redesign-page=cases] .cs .brief{margin-top:16px;font-size:16px;line-height:1.55;color:var(--mid);max-width:520px}[data-redesign-page=cases] .receipt+.receipt{margin-top:10px}[data-redesign-page=cases] .cs .link{margin-top:26px;display:inline-block}[data-redesign-page=cases] .cs .own{margin-top:14px;font-size:13.5px;color:var(--lo);max-width:520px}@media (max-width:900px){[data-redesign-page=cases] .feat .film{aspect-ratio:4/5}[data-redesign-page=cases] .cs,[data-redesign-page=cases] .cs.flip{grid-template-columns:1fr;gap:28px;padding:56px 0}[data-redesign-page=cases] .cs.flip .media{order:0}}@media (max-width:600px){[data-redesign-page=cases] .rows{padding-block:80px 24px}[data-redesign-page=cases] .receipt b{font-size:24px}}@media (prefers-reduced-motion:reduce){[data-redesign-page=cases] .live:before{animation:none}[data-redesign-page=cases] .cs .media img,[data-redesign-page=cases] .feat .film img,[data-redesign-page=cases] .feat .film video{transition:none}}[data-redesign-page=cases] .wrap{padding-inline:var(--gut)}