.case-doc{--muted:#7c7c74;--rule:#cfcdc5;--hair:#e6e4dd;--mark:#e63b24;--tag:#dcef3c;--serif:var(--font-serif), Georgia, serif;--nav-h:var(--rail-h,0px);font-family:var(--grot);color:var(--ink);counter-reset:sec cpt;font-size:clamp(15px,1.15vw,18px);line-height:1.62}.case-doc p{max-width:none;margin:0 0 15px}.case-doc a{color:inherit}.case-doc .wrap{max-width:none;margin:0;padding-inline:clamp(16px,3.6vw,64px)}.case-doc .hl{box-decoration-break:clone;margin:0 -2px;padding:1px 7px}.case-doc .hl.c1{color:#14161a;background:#dcef3c}.case-doc .hl.c2{color:#14161a;background:#a9c9e8}.case-doc .hl.c3{color:#14161a;background:#f58fc2}.case-doc .hl.c4{color:#14161a;background:#7bdda0}.case-doc .hl.c5{color:#14161a;background:#f2de3c}.case-doc .hl.c6{color:#fff;background:#e63b24}.case-doc .hl.c7{color:#14161a;background:#a6a6f2}.case-doc .hl.c8{color:#14161a;background:#d9d9d9}.case-doc .hl.c9{color:#fff;background:#2fa36b}.case-doc .hl.c10{color:#fff;background:#1b2a6b}.case-doc .hl.c11{color:#fff;background:#e84bb0}.case-doc .hero{border-bottom:1px solid var(--ink);padding:0}.case-doc .kick{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mark);margin-bottom:24px;padding-top:clamp(30px,5vh,56px);font-size:10.5px}.case-doc .hmw{letter-spacing:-.035em;text-wrap:pretty;max-width:none;margin:0 0 clamp(34px,5vh,60px);font-size:clamp(30px,4.4vw,88px);font-weight:600;line-height:1}.case-doc .hmw em{font-style:normal;font-family:var(--serif);letter-spacing:-.01em;font-weight:400}.case-doc .hero-img{aspect-ratio:16/7;background:#101216;position:relative;overflow:hidden}.case-doc .hero-img img{object-fit:cover;width:100%;height:100%;display:block}.case-doc .hero-img.empty:before{content:"";background:repeating-linear-gradient(-45deg,#0000 0 9px,#1c1f26 9px 10px);position:absolute;inset:0}.case-doc .hero-img span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#8a8f99;font-size:9px;position:absolute;bottom:14px;left:clamp(16px,3.6vw,64px)}.case-doc .facts{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.case-doc .facts div{padding:14px 16px 22px 0}.case-doc .facts dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:9.5px}.case-doc .facts dd{margin:0;font-size:15px;font-weight:500}.case-doc .case-live{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mark);border-top:1px solid var(--mark);padding:11px 0 26px;font-size:10px;text-decoration:none;display:inline-block}.case-doc .case-live:after{content:" ↓"}.case-doc .case-live:hover{text-decoration:underline}.case-doc .tier{border-bottom:1px solid var(--hair);counter-increment:tier;padding:26px 0 30px}.case-doc .tier:last-child{border-bottom:0}.case-doc .tier-h{grid-template-columns:44px minmax(0,1fr);gap:0 12px;margin-bottom:14px;display:grid}.case-doc .tier-h .n{font-family:var(--mono);color:var(--mark);padding-top:5px;font-size:11px}.case-doc .tier-h .n:after{content:counter(tier, decimal-leading-zero)}.case-doc .tier-h .t{letter-spacing:-.015em;font-size:19px;font-weight:600}.case-doc .tier-h .s{color:var(--muted);max-width:68ch;margin-top:3px;font-size:13.5px;line-height:1.5}.case-doc .tier .msheet{margin-top:14px}.case-doc .blk{border-bottom:1px solid var(--rule);counter-increment:sec;counter-reset:tier}.case-doc .blk-in{grid-template-columns:230px minmax(0,1fr);gap:0 clamp(32px,4vw,72px);padding-top:58px;padding-bottom:70px;display:grid}.case-doc .lab{top:calc(var(--nav-h) + 20px);align-self:start;position:sticky}.case-doc .blk-in.blk-wide{grid-template-columns:clamp(300px,27vw,400px) minmax(0,1fr)}.case-doc .blk-wide .lab{max-height:calc(100vh - var(--nav-h) - 34px)}.case-doc .blk-wide .proto{flex-direction:column;align-items:stretch;gap:12px;margin-top:16px;display:flex}.case-doc .blk-wide .proto-stage{order:-1}.case-doc .blk-wide .proto-text h3{margin:0 0 5px;font-size:11px}.case-doc .blk-wide .proto-text ul{font-size:11.5px;line-height:1.45}.case-doc .blk-wide .proto-text li{margin-bottom:4px}.case-doc .blk-wide .proto-text .callout{display:none}.case-doc .blk-wide .cpt-body:has(>.shots.beside){column-gap:clamp(20px,2vw,32px);margin-left:0}.case-doc .blk-wide .cpt-body:has(>.shots.beside) .cpt-prose{margin-left:56px}@media (width<=1560px){.case-doc .blk-wide .cpt-body:has(>.shots.beside.c1),.case-doc .blk-wide .cpt-body:has(>.shots.beside.c2){grid-template-columns:minmax(0,1fr)}.case-doc .blk-wide .shots.beside.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.case-doc .blk-wide .shots.beside.c1{grid-template-columns:repeat(3,minmax(0,1fr))}.case-doc .blk-wide .shots.beside.c1:not(.pack):not(.flat):has(>.shot.portrait){--phone:calc((100% - 10px) / 2)}}.case-doc .lab .n{font-family:var(--mono);letter-spacing:.1em;color:var(--ink);align-items:center;gap:7px;margin-bottom:8px;font-size:10px;display:flex}.case-doc .lab .n:after{content:counter(sec, decimal-leading-zero)}.case-doc .lab .n i{background:var(--chip,var(--rule));flex:none;width:9px;height:9px;display:block}.case-doc .lab h2{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:27px;font-weight:400;line-height:1.1}.case-doc .lab .sub{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:8px;font-size:9.5px;display:block}.case-doc .blk:first-of-type{--chip:#dcef3c}.case-doc .blk:nth-of-type(2){--chip:#a9c9e8}.case-doc .blk:nth-of-type(3){--chip:#f58fc2}.case-doc .blk:nth-of-type(4){--chip:#7bdda0}.case-doc .blk:nth-of-type(5){--chip:#f2de3c}.case-doc .blk:nth-of-type(6){--chip:#e63b24}.case-doc .blk:nth-of-type(7){--chip:#a6a6f2}.case-doc .blk:nth-of-type(8){--chip:#d9d9d9}.case-doc .blk:nth-of-type(9){--chip:#2fa36b}.case-doc .blk:nth-of-type(10){--chip:#1b2a6b}.case-doc h3{letter-spacing:-.015em;margin:34px 0 9px;font-size:17px;font-weight:600}.case-doc h3:first-child{margin-top:0}.case-doc h4{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:9.5px;font-weight:500}.case-doc .lede{letter-spacing:-.015em;max-width:none;font-size:clamp(19px,1.9vw,28px);line-height:1.35}.case-doc ol.plain{counter-reset:c;margin:20px 0 0;padding:0;list-style:none}.case-doc ol.plain li{counter-increment:c;border-top:1px solid var(--hair);grid-template-columns:44px minmax(0,1fr);gap:0 12px;padding:14px 0;display:grid}.case-doc ol.plain li:before{content:counter(c, decimal-leading-zero);font-family:var(--mono);color:var(--mark);padding-top:3px;font-size:10.5px}.case-doc ol.plain .t{letter-spacing:-.01em;margin-bottom:2px;font-weight:600}.case-doc ol.plain .d{color:var(--muted);max-width:none}.case-doc ol.plain .d p{margin:0}.case-doc ol.plain .t small{color:var(--muted);font-weight:400;font-size:inherit}.case-doc ul.bare{margin:14px 0 0;padding:0;list-style:none}.case-doc ul.bare li{border-top:1px solid var(--hair);grid-template-columns:18px minmax(0,1fr);gap:10px;padding:9px 0;display:grid}.case-doc ul.bare li:before{content:"";background:var(--ink);width:6px;height:6px;margin-top:8px}.case-doc ul.bare li p{margin:0}.case-doc .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px clamp(22px,4vw,72px);margin-top:30px;display:grid}.case-doc .metric{padding:0}.case-doc .metric .k{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:9.5px}.case-doc .metric .to{letter-spacing:-.045em;font-size:clamp(28px,4.6vw,54px);font-weight:600;line-height:.95}.case-doc .metric .from{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);align-items:center;gap:7px;margin-top:12px;font-size:11px;display:flex}.case-doc .metric .arw{color:var(--mark);font-size:15px;line-height:1}.case-doc .qs{border-top:1px solid var(--ink);margin-top:22px}.case-doc .q{border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 40px;padding:20px 0;display:grid}.case-doc .q blockquote{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(20px,1.9vw,28px);font-style:italic;line-height:1.28}.case-doc .q .who{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);margin-top:9px;font-size:9.5px}.case-doc .q .resp{grid-template-columns:17px minmax(0,1fr);align-self:center;gap:0 8px;display:grid}.case-doc .q .resp:before{content:"→";color:var(--mark);font-size:15px;line-height:1.35}.case-doc .q .resp p{margin:0;font-size:14px}.case-doc .qs .foot{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 0 11px;font-size:9.5px}.case-doc .personas{border-top:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:24px;display:grid}.case-doc .persona{padding:16px 0 22px}.case-doc .persona .pn{font-family:var(--mono);color:var(--mark);letter-spacing:.1em;margin-bottom:6px;font-size:10px}.case-doc .persona .pt{letter-spacing:-.02em;margin-bottom:12px;font-size:19px;font-weight:600}.case-doc .persona .pt:has(+.ps){margin-bottom:2px}.case-doc .persona .ps{color:var(--muted);margin-bottom:14px;font-size:12px}.case-doc .persona dl{margin:0}.case-doc .persona dt{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--hair);margin-top:9px;padding-top:9px;font-size:9px}.case-doc .persona dd{margin:4px 0 0;font-size:clamp(13.5px,1.02vw,15px);line-height:1.45}.case-doc .jm{border-collapse:collapse;width:100%;margin-top:6px;font-size:clamp(13px,1.02vw,15px)}.case-doc .jm th,.case-doc .jm td{text-align:left;vertical-align:top;border-bottom:1px solid var(--hair);padding:11px 14px 11px 0}.case-doc .jm thead th{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--ink);font-size:9px;font-weight:500}.case-doc .jm tbody th{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);width:120px;font-size:9.5px;font-weight:500}.case-doc .jm td{color:var(--muted)}.case-doc .tagline{border-top:2px solid var(--ink);align-items:baseline;gap:12px;margin:44px 0 4px;padding-top:14px;display:flex}.case-doc .tagline .b{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--tag);color:var(--ink);padding:3px 7px;font-size:9.5px}.case-doc .tagline .b.alt{border:1px solid var(--rule);color:var(--muted);background:0 0}.case-doc .tagline .c{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.case-doc .cpt{border-bottom:1px solid var(--hair);counter-increment:cpt;padding:26px 0 30px}.case-doc .cpt:last-child{border-bottom:0}.case-doc .cpt-h{grid-template-columns:44px minmax(0,1fr);gap:0 12px;margin-bottom:14px;display:grid}.case-doc .cpt-h .n{font-family:var(--mono);color:var(--mark);padding-top:5px;font-size:11px}.case-doc .cpt-h .n:after,.case-doc .mini .n:after{content:counter(cpt, decimal-leading-zero)}.case-doc .cpt-h .n[data-n]:after,.case-doc .mini .n[data-n]:after{content:attr(data-n)}.case-doc .cpt-h .t-row{align-items:center;gap:12px;display:flex}.case-doc .cpt-h .cpt-icon{flex:none;width:40px;height:40px}.case-doc .cpt-h .cpt-icon img{width:100%;height:100%;display:block}.case-doc .cpt-h .t{letter-spacing:-.025em;font-size:23px;font-weight:600;line-height:1.15}.case-doc .cpt-h .s{color:var(--muted);margin-top:3px;font-size:14px}.case-doc .cpt-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:26px clamp(28px,3.4vw,60px);margin-left:56px;display:grid}.case-doc .cpt-body:has(>.shots.beside.c1){grid-template-columns:minmax(0,1fr) clamp(220px,22vw,360px);justify-content:start}.case-doc .cpt-body:has(>.shots.beside.c2){grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.case-doc .shots.beside.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.case-doc .cpt-body>.shots:not(.beside),.case-doc .cpt-body>.tok,.case-doc .cpt-body>.tok-n{grid-column:1/-1}@media (width<=1360px){.case-doc .cpt-body:has(>.shots.beside.c2){grid-template-columns:minmax(0,1fr)}.case-doc .shots.beside.c2{grid-template-columns:repeat(3,minmax(0,1fr))}}.case-doc .cpt-grid{max-width:none;margin:0;display:block}.case-doc .cpt-grid>div{border-top:1px solid var(--hair);grid-template-columns:122px minmax(0,1fr);gap:0 clamp(16px,1.8vw,30px);padding:12px 0;display:grid}.case-doc .cpt-grid>div:first-child{border-top:0;padding-top:0}.case-doc .cpt-grid>div dd{margin:0}.case-doc .cpt-grid>div>dt{margin:0;padding-top:3px}.case-doc .cpt-grid>div dd>p{margin:0;font-size:clamp(13.5px,1.02vw,15px)}.case-doc .cpt-grid>div dd ul{margin:0;padding-left:15px;font-size:clamp(13.5px,1.02vw,15px)}.case-doc .cpt-grid>div dd li{margin-bottom:3px}.case-doc .proto{grid-template-columns:minmax(0,1fr) auto;justify-content:start;align-items:start;gap:0 clamp(28px,3.4vw,60px);display:grid}.case-doc .proto-text>:last-child{margin-bottom:0}.case-doc .proto-stage{--sh:1;--sw:1;--s:min(var(--sh), var(--sw));width:calc(var(--pw) * var(--s));margin:0}@media (height<=1210px){.case-doc .blk-wide .proto-stage{--sh:.93}}@media (height<=1150px){.case-doc .blk-wide .proto-stage{--sh:.82}}@media (height<=1050px){.case-doc .blk-wide .proto-stage{--sh:.71}}@media (height<=950px){.case-doc .blk-wide .proto-stage{--sh:.62}}@media (height<=870px){.case-doc .blk-wide .proto-stage{--sh:.54}}@media (height<=800px){.case-doc .blk-wide .proto-stage{--sh:.46}}@media (height<=730px){.case-doc .blk-wide .proto-stage{--sh:.39}}@media (height<=660px){.case-doc .blk-wide .lab{max-height:none;position:static}.case-doc .blk-wide .proto-stage{--sh:.6}}.case-doc .blk-wide .proto-stage{--sw:.85}@media (width<=1480px){.case-doc .blk-wide .proto-stage{--sw:.8}}@media (width<=1400px){.case-doc .blk-wide .proto-stage{--sw:.75}}@media (width<=1300px){.case-doc .blk-wide .proto-stage{--sw:.69}}@media (width<=1200px){.case-doc .blk-wide .proto-stage{--sw:.64}}.case-doc .proto-stage iframe{width:var(--pw);height:var(--ph);transform:scale(var(--s));transform-origin:0 0;margin-bottom:calc(var(--ph) * (var(--s) - 1));background:0 0;border:0;display:block;overflow:hidden}.case-doc .proto-stage figcaption{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:14px;margin-top:9px;font-size:8.5px;display:flex}.case-doc .proto-stage figcaption a,.case-doc .proto-out{color:var(--mark);white-space:nowrap;text-decoration:none}.case-doc .proto-stage figcaption a:after,.case-doc .proto-out:after{content:" ↗"}.case-doc .proto-stage figcaption a:hover,.case-doc .proto-out:hover{text-decoration:underline}.case-doc .proto-out{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--mark);text-align:center;margin-top:4px;padding:14px 18px;font-size:11px;display:none}@media (width<=1000px){.case-doc .proto{grid-template-columns:minmax(0,1fr)}.case-doc .proto-stage{display:none}.case-doc .proto-out{display:block}}.case-doc .vid{max-width:1100px;margin:30px auto 0}.case-doc .blk-in:has(>.vid)>.shots{max-width:1100px;margin-inline:auto}.case-doc .vid-stage{aspect-ratio:var(--ar,16 / 9);background:#0d0d0f;overflow:hidden}.case-doc .vid-stage video{object-fit:contain;background:0 0;width:100%;height:100%;display:block}.case-doc .vid.empty .vid-stage{background:#17171b}.case-doc .vid-slot{align-items:flex-end;width:100%;height:100%;padding:12px 14px;display:flex;position:relative}.case-doc .vid-slot:before{content:"";background:repeating-linear-gradient(-45deg,#0000 0 7px,#24242b 7px 8px);position:absolute;inset:0}.case-doc .vid-slot img{object-fit:contain;opacity:.45;width:100%;height:100%;position:absolute;inset:0}.case-doc .vid-slot span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8a8f99;font-size:8.5px;position:relative}.case-doc .vid-slot span i{opacity:.6;margin-top:2px;font-style:normal;display:block}.case-doc .vid figcaption{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:9px;font-size:8.5px}.case-doc .vids{gap:10px 18px;margin:20px 0 0 56px;display:grid}.case-doc .vids.c1{grid-template-columns:1fr}.case-doc .vids.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.case-doc .vids.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.case-doc .vids.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.case-doc .vids .vid{max-width:none;margin:0}.case-doc .cpt-body>.shots.wide{grid-column:1/-1}.case-doc .cpt-body>.shots,.case-doc .cpt-body>.vids{min-width:0;max-width:100%}.case-doc .shots>.vid{max-width:none;margin:0}.case-doc .cpt-body>.vids.wide{grid-column:1/-1}.case-doc .vids.mid,.case-doc .shots-hd:has(+.vids.mid){max-width:min(100%, var(--mid,780px));margin-inline:auto}.case-doc .tok{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;align-items:start;gap:0;margin-top:6px;display:flex;overflow-x:auto}.case-doc .tok::-webkit-scrollbar{display:none}.case-doc .tok:before,.case-doc .tok:after{content:"";margin:auto}.case-doc .tok-g{scroll-snap-align:start;flex:0 0 clamp(230px,24vw,290px);width:clamp(230px,24vw,290px);margin:0}.case-doc .tok-g+.tok-g{margin-left:clamp(20px,2.4vw,40px)}.case-doc .tok-g h4{border-bottom:1px solid var(--ink);margin:0 0 6px;padding-bottom:5px}.case-doc .tok-g dl{margin:0}.case-doc .tok-g dl>div{border-bottom:1px solid var(--hair);align-items:baseline;gap:8px;padding:3px 0;display:flex}.case-doc .tok-g dt{font-family:var(--mono);letter-spacing:.01em;overflow-wrap:anywhere;flex:auto;align-items:baseline;gap:6px;min-width:0;font-size:10.5px;display:flex}.case-doc .tok-g dt i{background:var(--c);flex:none;align-self:center;width:9px;height:9px;box-shadow:inset 0 0 0 1px #00000029}.case-doc .tok-g dd{font-family:var(--mono);color:var(--muted);white-space:nowrap;flex:none;margin:0;font-size:10.5px}.case-doc .tok-n{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 0 0;font-size:9px}.case-doc .sbar{margin:9px 0 0}.case-doc .mini{border-bottom:1px solid var(--hair);counter-increment:cpt;grid-template-columns:44px minmax(0,1.1fr) minmax(0,1.4fr);gap:0 12px;padding:13px 0;display:grid}.case-doc .mini .n{font-family:var(--mono);color:var(--mark);padding-top:3px;font-size:10.5px}.case-doc .mini .t{letter-spacing:-.01em;font-weight:600}.case-doc .mini .d{color:var(--muted);font-size:13.5px}.case-doc .mini .d p{margin:0}.case-doc .shots{gap:10px;margin:20px 0 0 56px;display:grid}.case-doc .beside{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:0 clamp(24px,3vw,48px);margin:20px 0 0;display:grid}.case-doc .beside-text>:first-child{margin-top:0}.case-doc .beside-text>:last-child{margin-bottom:0}.case-doc .beside-fig{margin:0}.case-doc .beside-fig.empty:before{content:"";aspect-ratio:4/3;background:repeating-linear-gradient(-45deg,#0000 0 7px,#eeece5 7px 8px);display:block}.case-doc .beside-fig figcaption i{opacity:.6;margin-top:2px;font-style:normal;display:block}.case-doc .beside-fig img{width:100%;height:auto;display:block}.case-doc .beside-fig figcaption{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:9px 0 0;font-size:8.5px}.case-doc .shots:not(.pack):not(.flat):has(>.shot.portrait){scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;gap:0;display:flex;overflow-x:auto}.case-doc .shots:not(.pack):not(.flat):has(>.shot.portrait)::-webkit-scrollbar{display:none}.case-doc .shots:not(.pack):not(.flat):has(>.shot.portrait):before,.case-doc .shots:not(.pack):not(.flat):has(>.shot.portrait):after{content:"";margin:auto}.case-doc .shots:not(.pack):not(.flat):has(>.shot.portrait)>.shot+.shot{margin-left:10px}.case-doc .shots:not(.pack):not(.flat):has(>.shot.portrait)>.shot.portrait{flex:0 0 var(--phone,220px);width:var(--phone,220px);scroll-snap-align:center}.case-doc .shots.c1:not(.pack):not(.flat):has(>.shot.portrait){--phone:100%}.case-doc .shots.c2:not(.pack):not(.flat):has(>.shot.portrait){--phone:calc((100% - 10px) / 2)}.case-doc .shots.c3:not(.pack):not(.flat):has(>.shot.portrait){--phone:calc((100% - 20px) / 3)}.case-doc .shots.c4:not(.pack):not(.flat):has(>.shot.portrait){--phone:calc((100% - 30px) / 4)}.case-doc .shots.c6:not(.pack):not(.flat):has(>.shot.portrait){--phone:calc((100% - 50px) / 6)}.case-doc .shots.c5:not(.pack):not(.flat):has(>.shot.portrait){--phone:calc((100% - 40px) / 5)}@media (width<=860px){.case-doc .shots:not(.pack):not(.flat):has(>.shot.portrait),.case-doc .shots.c1:not(.pack):not(.flat):has(>.shot.portrait),.case-doc .shots.c2:not(.pack):not(.flat):has(>.shot.portrait),.case-doc .shots.c3:not(.pack):not(.flat):has(>.shot.portrait),.case-doc .shots.c4:not(.pack):not(.flat):has(>.shot.portrait),.case-doc .shots.c5:not(.pack):not(.flat):has(>.shot.portrait){--phone:300px}}@media (width<=520px){.case-doc .shots:not(.pack):not(.flat):has(>.shot.portrait),.case-doc .shots.c1:not(.pack):not(.flat):has(>.shot.portrait),.case-doc .shots.c2:not(.pack):not(.flat):has(>.shot.portrait),.case-doc .shots.c3:not(.pack):not(.flat):has(>.shot.portrait),.case-doc .shots.c4:not(.pack):not(.flat):has(>.shot.portrait),.case-doc .shots.c5:not(.pack):not(.flat):has(>.shot.portrait){--phone:calc((100% - 10px) / 2)}}@media (width<=860px){.case-doc .beside{grid-template-columns:1fr;gap:18px}}.case-doc .shots.c1{grid-template-columns:1fr;margin-left:0}.case-doc .shots{align-items:start}.case-doc .shots.beside{grid-template-columns:minmax(0,1fr);margin-left:0}.case-doc .shots.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.case-doc .shots.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.case-doc .shots.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.case-doc .shots.c5{grid-template-columns:repeat(5,minmax(0,1fr))}.case-doc .shots.c6{grid-template-columns:repeat(6,minmax(0,1fr))}.case-doc .shot{flex-direction:column;gap:8px;display:flex}.case-doc .shot-fig{background:var(--paper);aspect-ratio:var(--ar,4 / 3);position:relative;overflow:hidden}.case-doc .shots.pack{columns:3;column-gap:10px;display:block}.case-doc .shots.pack>.shot{break-inside:avoid;margin-bottom:10px}@media (width<=1000px){.case-doc .shots.pack{columns:2}}@media (width<=620px){.case-doc .shots.pack{columns:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;gap:10px;display:flex;overflow-x:auto}.case-doc .shots.pack::-webkit-scrollbar{display:none}.case-doc .shots.pack>.shot{scroll-snap-align:start;flex:0 0 min(78vw,300px);margin-bottom:0}.case-doc .shots.pack>.shot .shot-fig{aspect-ratio:16/10}.case-doc .shots.pack>.shot .shot-fig img{object-fit:cover;object-position:top center}}.case-doc .shots.track{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;align-items:flex-start;gap:10px;display:flex;overflow-x:auto}.case-doc .shots.track::-webkit-scrollbar{display:none}.case-doc .shots.track>.shot .shot-fig{aspect-ratio:16/10}.case-doc .shots.track.even>.shot .shot-fig{aspect-ratio:var(--ar,4 / 3)}.case-doc .shots.track.even>.shot{flex-basis:var(--cell-w,clamp(240px, 26vw, 380px));width:var(--cell-w,clamp(240px, 26vw, 380px))}.case-doc .shots.track>.shot .shot-fig img{object-fit:cover;object-position:top center}.case-doc .shots.track>.shot.scroll-y .shot-fig{aspect-ratio:16/10;height:auto}.case-doc .shots.track>.shot.scroll-y .shot-fig img{object-fit:fill;object-position:top center}.case-doc .shots.track>.shot.scroll-y[style*=--scroll-h] .shot-fig{aspect-ratio:auto;height:var(--scroll-h)}.case-doc .shots.track>.shot{flex:0 0 var(--cell-w,clamp(320px, 60vw, 840px));width:var(--cell-w,clamp(320px, 60vw, 840px));scroll-snap-align:start;max-width:100%}.case-doc .shot.scroll-y .shot-fig,.case-doc .shot.scroll-x .shot-fig{aspect-ratio:auto;height:var(--scroll-h,640px)}.case-doc .shot.scroll-x[style*=--scroll-ar] .shot-fig,.case-doc .shot.scroll-y[style*=--scroll-ar] .shot-fig{aspect-ratio:var(--scroll-ar);height:auto}.case-doc .shots.split{grid-template-columns:var(--split)}.case-doc .shot.scroll-y .shot-scroll,.case-doc .shot.scroll-x .shot-scroll{overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0}.case-doc .shot.scroll-y .shot-scroll{overflow:hidden auto}.case-doc .shot.scroll-x .shot-scroll{overflow:auto hidden}.case-doc .shot.scroll-y .shot-scroll,.case-doc .shot.scroll-x .shot-scroll{scrollbar-width:none}.case-doc .shot.scroll-y .shot-scroll::-webkit-scrollbar{display:none}.case-doc .shot.scroll-x .shot-scroll::-webkit-scrollbar{display:none}.case-doc .wbar{z-index:2;position:absolute}.case-doc .shot.scroll-y .shot-fig img{object-fit:fill;width:100%;height:auto;position:static}.case-doc .shot.scroll-x .shot-fig img{object-fit:fill;width:auto;max-width:none;height:100%;position:static}.case-doc .shots.track>.shot.tall{flex-basis:clamp(240px,43vw,600px);width:clamp(240px,43vw,600px)}.case-doc .shot.empty .shot-fig:before{content:"";background:repeating-linear-gradient(-45deg,#0000 0 7px,#eeece5 7px 8px);position:absolute;inset:0}.case-doc .shot,.case-doc .shot img{-webkit-user-drag:none}.case-doc .shots.dragging:has(>.shot.portrait),.case-doc .shots.track.dragging,.case-doc .shots.pack.dragging,.case-doc .shot-scroll.dragging,.case-doc .tok.dragging{user-select:none;scroll-snap-type:none}.case-doc .shot-fig img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case-doc .shot span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:8.5px;position:relative}.case-doc .shot span i,.case-doc .hero-img span i{opacity:.6;margin-top:2px;font-style:normal;display:block}.case-doc .hero-img span i{color:#8a8f99}.case-doc .shot.wide .shot-fig{aspect-ratio:var(--ar,16 / 9)}.case-doc .shot.tall .shot-fig{aspect-ratio:var(--ar,3 / 4)}.case-doc .shot.tall .shot-fig img{object-fit:cover;object-position:top center}.case-doc .dstrip{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:22px 28px;margin-top:26px;display:grid}.case-doc .dstrip div{padding:0}.case-doc .dstrip .f{letter-spacing:-.03em;font-size:23px;font-weight:600}.case-doc .dstrip .l{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:9px}.case-doc .rank{max-width:min(100%,620px);margin:28px 0 0}.case-doc .rank .hd{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding-bottom:11px;font-size:9px}.case-doc .rank .r{border-top:1px solid var(--hair);justify-content:space-between;align-items:baseline;gap:20px;padding:12px 0;display:flex}.case-doc .rank .nm{font-size:14.5px}.case-doc .rank .v{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.case-doc details.fold{border-top:1px solid var(--ink);margin-top:30px}.case-doc details.fold>summary{cursor:pointer;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;gap:16px;padding:13px 0;font-size:10px;list-style:none;display:flex}.case-doc details.fold>summary::-webkit-details-marker{display:none}.case-doc details.fold>summary b{color:var(--ink);font-weight:500}.case-doc details.fold>summary:after{content:"+";color:var(--mark);font-size:15px;line-height:1}.case-doc details.fold[open]>summary:after{content:"–"}.case-doc details.fold>summary:hover b{color:var(--mark)}.case-doc details.fold .body{padding-bottom:26px}.case-doc .callout{border-left:2px solid var(--mark);margin:20px 0;padding:2px 0 2px 16px}.case-doc .callout p{color:var(--muted);margin:0;font-size:clamp(14px,1.05vw,16px)}.case-doc .end{padding-top:56px;padding-bottom:90px}.case-doc .end .next{-webkit-user-drag:none;text-decoration:none;display:block}.case-doc .end .kick2{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:10px}.case-doc .end .big{font-family:var(--serif);letter-spacing:-.015em;text-wrap:pretty;text-underline-offset:.1em;margin:0;font-size:clamp(24px,4.4vw,64px);line-height:1.08;text-decoration:underline 2px #0000;transition:text-decoration-color .3s}.case-doc .end .big .arw{color:var(--mark);transition:transform .3s cubic-bezier(.16,1,.3,1);display:inline-block}.case-doc .end .next:hover .big{text-decoration-color:var(--mark)}.case-doc .end .next:hover .arw{transform:translate(.22em)}.case-doc .end .next:focus-visible{outline-offset:6px}.case-doc .case-fallback{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:12px 0 0;font-size:9.5px}@media (width<=860px){.case-doc .blk-wide .lab{display:contents}.case-doc .blk-wide .proto{order:1;margin-top:0}.case-doc .blk-in,.case-doc .blk-in.blk-wide{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:38px;padding-bottom:44px}.case-doc .cpt-body:has(>.shots.beside.c1),.case-doc .cpt-body:has(>.shots.beside.c2){grid-template-columns:minmax(0,1fr)}.case-doc .lab{position:static}.case-doc .facts{grid-template-columns:repeat(2,1fr)}.case-doc .personas{grid-template-columns:1fr}.case-doc .q{grid-template-columns:1fr;gap:12px}.case-doc .cpt-body,.case-doc .shots,.case-doc .vids{margin-left:0}.case-doc .shots.c3,.case-doc .shots.c4,.case-doc .shots.c5,.case-doc .vids.c3,.case-doc .vids.c4{grid-template-columns:repeat(2,minmax(0,1fr))}.case-doc .mini{grid-template-columns:34px minmax(0,1fr)}.case-doc .mini .d{grid-column:2}.case-doc .jm{margin-right:calc(-1*clamp(16px,3.6vw,64px));padding-right:16px;display:block;overflow-x:auto}.case-doc .jm tbody th{width:96px}}@media (width<=700px){.case-doc .persona dl{grid-template-columns:96px minmax(0,1fr);gap:0 14px;display:grid}.case-doc .persona dt{margin-top:0;padding-top:10px}.case-doc .persona dd{border-top:1px solid var(--hair);margin:0;padding-top:10px}.case-doc .jm{display:block;overflow:visible}.case-doc .jm thead{display:none}.case-doc .jm tbody,.case-doc .jm tr,.case-doc .jm th,.case-doc .jm td{width:auto;display:block}.case-doc .jm tr{border-bottom:1px solid var(--hair);padding:15px 0}.case-doc .jm tbody th{width:auto;color:var(--ink);border:0;padding:0 0 9px}.case-doc .jm td{border:0;grid-template-columns:20px minmax(0,1fr);gap:0 10px;padding:5px 0;display:grid}.case-doc .jm td:before{content:attr(data-p);font-family:var(--mono);color:var(--mark);font-size:10px;line-height:1.55}}@media (width<=430px){.case-doc .metrics{grid-template-columns:1fr;gap:26px}}@media (width<=520px){.case-doc .vids.c3,.case-doc .vids.c4{scrollbar-width:none;overscroll-behavior-x:contain;grid-template-columns:none;grid-auto-columns:237px;grid-auto-flow:column;max-width:none;margin-inline:0;overflow-x:auto}.case-doc .vids::-webkit-scrollbar{display:none}.case-doc .shots-hd:has(+.vids.mid){max-width:none;margin-inline:0}.case-doc .hero-img{aspect-ratio:3/2;max-height:56vh}.case-doc .hmw{margin-bottom:30px}.case-doc .facts{grid-template-columns:1fr}.case-doc .facts div{border-bottom:1px solid var(--hair);grid-template-columns:78px minmax(0,1fr);align-items:baseline;gap:0 14px;padding:9px 0;display:grid}.case-doc .facts dt{margin-bottom:0}.case-doc .facts dd{font-size:14px}.case-doc .shots.c2,.case-doc .shots.c3,.case-doc .shots.c4{grid-template-columns:1fr}.case-doc .shots.flat:has(>.shot.portrait){grid-template-columns:repeat(2,minmax(0,1fr))}.case-doc .shot .shot-fig,.case-doc .shot.wide .shot-fig{aspect-ratio:var(--ar,16 / 10)}.case-doc .cpt-body,.case-doc .cpt-body:has(>.shots.beside){grid-template-columns:minmax(0,1fr)}.case-doc .cpt-grid>div{grid-template-columns:88px minmax(0,1fr);gap:0 14px}}@media (width<=860px){.case-doc .shots:has(>.shot.scroll-y){overscroll-behavior-x:contain;scrollbar-width:none;grid-template-columns:none;align-items:flex-start;gap:10px;display:flex;overflow-x:auto}.case-doc .shots:has(>.shot.scroll-y)::-webkit-scrollbar{display:none}.case-doc .shots>.shot.scroll-y{flex:0 0 260px;width:260px;max-width:none}.case-doc .shot.scroll-y .shot-fig{height:360px}.case-doc .shot.scroll-y .shot-scroll{overflow-y:hidden}.case-doc .shots:has(>.vid)>.shot.scroll-y,.case-doc .shots:has(>.vid)>.vid{flex:0 0 210px;width:210px;max-width:none}.case-doc .shots:has(>.vid)>.shot.scroll-y .shot-fig{height:auto}.case-doc .shots.track>.shot.scroll-y{flex:0 0 clamp(320px,60vw,840px);width:clamp(320px,60vw,840px)}.case-doc .shots.track>.shot.scroll-y .shot-fig{height:auto}}.case-doc .claim:empty{display:none}.case-doc .text-v2 .cpt-h .t{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:400}:root:lang(ja) .case-doc .text-v2 .cpt-h .t,:root:lang(zh) .case-doc .text-v2 .cpt-h .t{text-transform:none;letter-spacing:.06em}.case-doc .text-v2 .cpt-h .s{color:var(--ink);letter-spacing:-.015em;margin-top:5px;font-size:17px}.case-doc .text-v2 .claim{letter-spacing:-.022em;max-width:none;margin:9px 0 0;font-size:clamp(19px,2vw,30px);font-weight:500;line-height:1.3}:root:lang(ja) .case-doc .text-v2 .claim,:root:lang(zh) .case-doc .text-v2 .claim{letter-spacing:-.01em}.case-doc .text-v2 .claim em{font-style:normal;font-family:var(--serif);letter-spacing:-.005em;font-weight:400}:root:lang(ja) .case-doc .text-v2 .claim em,:root:lang(zh) .case-doc .text-v2 .claim em{letter-spacing:inherit;font-family:inherit;font-weight:600}.case-doc .text-v2 .cpt-lede{color:var(--ink);margin:0 0 16px;font-size:14.5px;line-height:1.62}.case-doc .text-v2 .cpt-body{grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:0 clamp(26px,3.2vw,60px)}.case-doc .text-v2 .msheet{display:contents}.case-doc .text-v2 .cpt-prose{grid-column:1}.case-doc .text-v2 .lead{grid-column:2}.case-doc .text-v2 .sheet{grid-column:2;margin-top:14px}.case-doc .text-v2 .cpt-prose{max-width:46ch}.case-doc .text-v2 .cpt-body:not(:has(.msheet)){grid-template-columns:minmax(0,1fr);gap:26px 0}.case-doc .text-v2 .cpt-body:not(:has(.msheet)) .cpt-prose{max-width:none}.case-doc .text-v2 .cpt-body:has(.msheet) .shots{grid-column:1/-1}.case-doc .text-v2 .cpt.long .cpt-body{grid-template-columns:minmax(0,1fr);gap:26px 0}.case-doc .text-v2 .cpt.long .cpt-prose,.case-doc .text-v2 .cpt.long .lead,.case-doc .text-v2 .cpt.long .sheet{grid-column:1}.case-doc .text-v2 .cpt.long .cpt-prose{max-width:none}.case-doc .text-v2 .cpt.long .lead .frame,.case-doc .text-v2 .cpt.long .sheet{width:840px;max-width:100%}.case-doc .text-v2 .cpt.long .lead .frame{aspect-ratio:840/525;max-height:none}.case-doc .text-v2 .cpt.long .lead .frame img{width:100%;height:auto;max-height:none}@media (width<=860px){.case-doc .text-v2 .cpt-body{grid-template-columns:minmax(0,1fr);gap:22px 0}.case-doc .text-v2 .cpt-prose,.case-doc .text-v2 .lead,.case-doc .text-v2 .sheet{grid-column:1}.case-doc .text-v2 .cpt-prose{max-width:none}}.case-doc .shots.board{background:#000;align-items:end;gap:clamp(18px,2.4vw,34px) clamp(12px,1.6vw,24px);padding:clamp(22px,3vw,44px) clamp(18px,2.6vw,40px)}.case-doc .shots.board .shot-fig{aspect-ratio:var(--ar,220 / 190);background:0 0}.case-doc .shots.board .shot-fig img{object-fit:contain}.case-doc .shots.board .shot>span{color:color-mix(in srgb, var(--paper) 88%, transparent);text-align:center;text-transform:none;letter-spacing:.02em}.case-doc .shots.mid{max-width:min(100%, var(--mid,780px));margin-inline:auto}