.case{max-width:1240px;padding:clamp(12px, 3vw, 40px) var(--gutter) clamp(64px, 10vh, 120px);grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,96px);margin:0 auto;display:grid}.film-col{gap:14px;display:grid;position:sticky;top:96px}.film{aspect-ratio:9/16;border-radius:var(--r-card);background:var(--surface);border:1px solid #ffffff14;place-items:center;max-width:100%;display:grid;position:relative;overflow:hidden}.film video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film video:fullscreen{object-fit:contain}.badges{z-index:1;justify-content:space-between;display:flex;position:absolute;top:14px;left:14px;right:14px}.badge{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-variant-numeric:tabular-nums;background:#0b07088c;border:1px solid #ffffff29;padding:6px 12px;font-size:13px;font-weight:500}.film-note{color:var(--dim);text-align:center;font-size:13px}.body{gap:clamp(56px,7vw,88px);min-width:0;max-width:680px;display:grid}.film-col{grid-area:1/1}.body{grid-area:1/2}@media (width<=860px){.case{grid-template-columns:1fr}.film-col{justify-self:center;width:min(100%,300px);position:static}.body{grid-area:2/1}}.header{gap:22px;display:grid}.header h1{font-size:clamp(40px,5.6vw,72px)}.logline{color:var(--text-1);text-wrap:pretty;max-width:34ch;font-size:clamp(19px,1.8vw,23px);line-height:1.45}.meta{border-radius:var(--r-small);border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:4px 0 0;display:grid;overflow:hidden}.meta div{background:var(--base);gap:2px;padding:14px 16px;display:grid}.meta dt{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:12px;font-weight:600}.meta dd{color:var(--white);margin:0;font-size:15px}@media (width<=480px){.meta{grid-template-columns:1fr}}.chain{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chain span,.chain a{border-radius:var(--r-pill);border:1px solid var(--line);background:#ffffff0a;padding:6px 13px;font-size:13px;font-weight:500}.chain a{transition:border-color .2s}.chain a:hover{border-color:var(--orange)}.chain i{color:var(--orange);font-style:normal}.sec{gap:18px;scroll-margin-top:96px;display:grid}.sec h2{font-size:clamp(28px,3vw,38px)}.sec p{color:var(--para)}.sec p em,.sec li em{color:var(--text-1)}.sec a{color:var(--accent)}.sec ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.sec li{color:var(--para);padding-left:22px;position:relative}.sec li:before{content:"";background:var(--orange);border-radius:2px;width:8px;height:2px;position:absolute;top:.72em;left:0}.sec li strong{color:var(--white);font-weight:600}.objective{border-left:2px solid var(--orange);border-radius:0 var(--r-small) var(--r-small) 0;background:#ff6b2c0f;padding:18px 22px;color:var(--text-1)!important}.objective b{letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.refused{border-radius:var(--r-card);background:repeating-linear-gradient(135deg,#e0311f0f 0 2px,#0000 2px 14px),#150c0ae6;border:1px solid #e0311f73;gap:18px;padding:clamp(20px,3vw,30px);display:grid;position:relative}.refused .tag{border-radius:var(--r-pill);color:var(--refused);background:#e0311f29;border:1px solid #e0311f80;justify-self:start;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.refused .tag svg{flex:none}.refused p{color:var(--text-1)}.refused p s{-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);color:var(--para);text-decoration-thickness:2px}.pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pair figure{gap:8px;margin:0;display:grid}.pair figcaption{color:var(--dim);font-size:13px}.pair .slot{aspect-ratio:4/5}.pair .no .slot{filter:grayscale();opacity:.7}.pair .no .slot:after{content:"";background:linear-gradient(to top right,#0000 calc(50% - 1px),#e0311fcc 50%,#0000 calc(50% + 1px));position:absolute;inset:0}.slot{border-radius:var(--r-small);background:var(--surface);text-align:center;color:var(--dim);border:1px dashed #ffffff2e;place-items:center;max-width:100%;padding:12px;font-size:12px;line-height:1.4;display:grid;position:relative;overflow:hidden}.slot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.frames figure{align-content:start;gap:10px;margin:0;display:grid}.frames .slot{aspect-ratio:9/16}.frames figcaption{color:var(--para);font-size:14px;line-height:1.45}.frames figcaption b{color:var(--white);margin-bottom:2px;font-weight:600;display:block}@media (width<=560px){.frames{grid-template-columns:1fr 1fr}.frames figure:last-child{grid-column:span 2}.frames figure:last-child .slot{aspect-ratio:16/9}}.refs{grid-template-columns:repeat(auto-fill,minmax(min(100%,120px),1fr));gap:10px;display:grid}.refs .slot{aspect-ratio:1}.tries{gap:10px;display:grid}.try{border-radius:var(--r-small);border:1px solid var(--line);background:#ffffff08;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:14px 16px;display:grid}.try .x{width:22px;height:22px;color:var(--refused);background:#e0311f29;border-radius:50%;place-items:center;margin-top:2px;font-size:13px;font-weight:700;display:grid}.try p{color:var(--para)}.try p b{color:var(--white);font-weight:600}.fix{border-radius:var(--r-small);background:#ff6b2c14;border:1px solid #ff6b2c59;padding:18px 22px}.fix p{color:var(--text-1)}.tests{gap:10px;display:grid}.test{border-radius:var(--r-small);border:1px solid var(--line);grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;padding:16px 18px;display:grid}.test .k{border:1px solid #fff3;border-radius:50%;place-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:grid}.test.made{background:#ff6b2c0f;border-color:#ff6b2c73}.test.made .k{background:var(--orange);color:var(--on-orange);border-color:#0000}.test b{color:var(--white);font-weight:600}.test p{color:var(--para)}.test .state{color:var(--orange);margin-left:8px;font-size:12px;font-weight:600;display:inline-block}.stats{border-radius:var(--r-small);border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:1px;display:grid;overflow:hidden}.stats div{background:var(--base);gap:2px;padding:18px 18px 16px;display:grid}.stats b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1.1}.stats span{color:var(--dim);font-size:13px}.small{font-size:15px;color:var(--dim)!important}.refs-title{letter-spacing:-.02em;margin-top:10px;font-size:20px}.todo{border-radius:var(--r-pill);color:var(--todo);vertical-align:middle;border:1px dashed #ff6b2c99;align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-style:normal;font-weight:500;display:inline-flex}.draft-banner{max-width:1240px;padding:0 var(--gutter);margin:0 auto}.draft-banner p{border-radius:var(--r-small);color:var(--todo);border:1px dashed #ff6b2c80;padding:10px 16px;font-size:14px}.pager{max-width:1240px;padding:0 var(--gutter) clamp(56px, 8vh, 96px);grid-template-columns:1fr 1fr;gap:14px;margin:0 auto;display:grid}.pager a{border-radius:var(--r-card);border:1px solid var(--line);background:#ffffff08;gap:6px;padding:22px 24px;transition:border-color .2s,background .2s;display:grid}.pager a:hover{background:#ff6b2c0d;border-color:#ff6b2c80}.pager a.next{text-align:right}.pager small{color:var(--dim);font-size:13px}.pager strong{letter-spacing:-.02em;font-size:clamp(19px,2vw,24px)}@media (width<=640px){.pager{grid-template-columns:1fr}.pager a.next{text-align:left}}@media (prefers-reduced-motion:reduce){.pager a,.chain a{transition:none}}.case.land{grid-template-columns:minmax(0,1fr);gap:clamp(32px,5vw,64px);max-width:1080px}.case.land .film-col{justify-self:stretch;width:100%;position:static}.case.land .film{aspect-ratio:16/9}.case.land .body{grid-area:2/1;justify-self:center;width:100%}@media (width<=860px){.case.land .film-col{width:100%}}.film .badges{pointer-events:none}.film video{background:var(--video)}.refs figure{gap:6px;margin:0;display:grid}.refs figcaption{color:var(--dim);font-size:12px}.pair.tall .slot{aspect-ratio:9/16}.case.land .frames .slot{aspect-ratio:16/9}@media (width<=560px){.case.land .frames{grid-template-columns:1fr}.case.land .frames figure:last-child{grid-column:auto}}