.s-case-app .hero{background:var(--ml-ink);color:var(--ml-paper);isolation:isolate;position:relative;overflow:hidden}.s-case-app .hero:before{content:"";z-index:-2;background:radial-gradient(80% 60% at 82% -8%,#ffd70024,#0000 60%),radial-gradient(70% 60% at 6% 108%,#c8102e4d,#0000 62%);position:absolute;inset:0}.s-case-app .hero:after{content:"";z-index:-1;opacity:.5;background-image:linear-gradient(var(--ml-line) 1px, transparent 1px), linear-gradient(90deg, var(--ml-line) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 60% 20%,#000 30%,#0000 80%);mask-image:radial-gradient(120% 90% at 60% 20%,#000 30%,#0000 80%)}.s-case-app .hero .wrap-wide{padding-top:clamp(30px,5vw,58px);padding-bottom:clamp(40px,6vw,86px)}.s-case-app .hero .topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:clamp(30px,6vw,70px);display:flex}.s-case-app .hero .back{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ml-muted);align-items:center;gap:8px;font-size:.72rem;transition:color .2s,gap .2s;display:inline-flex}.s-case-app .hero .back:hover{color:var(--ml-paper);gap:12px}.s-case-app .livepills{flex-wrap:wrap;gap:10px;display:flex}.s-case-app .livepill{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ml-paper);border:1px solid var(--ml-line);border-radius:var(--radius-full);align-items:center;gap:9px;padding:8px 14px;font-size:.68rem;transition:border-color .2s,background .2s;display:inline-flex}.s-case-app .livepill:hover{background:#f7f7f60d;border-color:#f7f7f666}.s-case-app .livepill .live{background:#37d67a;border-radius:50%;width:8px;height:8px;animation:2.4s infinite s-case-app-pulse;box-shadow:0 0 #37d67ab3}@keyframes s-case-app-pulse{0%{box-shadow:0 0 #37d67a99}70%{box-shadow:0 0 0 7px #37d67a00}to{box-shadow:0 0 #37d67a00}}@media (prefers-reduced-motion:reduce){.s-case-app .livepill .live{animation:none}}.s-case-app .herogrid{grid-template-columns:1.02fr .98fr;align-items:center;gap:clamp(28px,5vw,64px);display:grid}.s-case-app .hero .kicker{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ml-gold);margin-bottom:20px;font-size:.74rem}.s-case-app .hero h1{letter-spacing:-.022em;font-size:clamp(2.7rem,6.4vw,5.4rem);font-stretch:76%;line-height:.94}.s-case-app .hero h1 em{color:var(--ml-red-lift);font-style:normal}.s-case-app .hero .deck{max-width:46ch;color:color-mix(in srgb, var(--ml-paper) 82%, transparent);margin-top:24px;font-size:clamp(1.02rem,1.3vw,1.2rem)}.s-case-app .hero .meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 26px;max-width:500px;margin-top:clamp(26px,4vw,38px);display:grid}.s-case-app .hero .meta .m .k{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ml-muted);font-size:.64rem}.s-case-app .hero .meta .m .v{color:var(--ml-paper);margin-top:5px;font-size:.95rem;line-height:1.35}.s-case-app .hero .meta .m .v .fn{color:var(--ml-muted);font-size:.82rem}.s-case-app .stores{flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3.4vw,34px);display:flex}.s-case-app .storebtn{min-width:158px;transition:border-color .25s, background .25s, transform .25s var(--ease-settle);background:#f7f7f60a;border:1px solid #f7f7f647;border-radius:14px;flex-direction:column;gap:2px;padding:11px 20px 12px;display:inline-flex}.s-case-app .storebtn:hover{background:#f7f7f617;border-color:#f7f7f68c;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.s-case-app .storebtn:hover{transform:none}}.s-case-app .storebtn .s{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ml-muted);font-size:.56rem}.s-case-app .storebtn .b{font-family:var(--font-rounded);color:var(--ml-paper);letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.s-case-app .fanwrap{position:relative}.s-case-app .fanwrap:before{content:"";z-index:-1;background:radial-gradient(60% 55% at 50% 62%,#c8102e47,#0000 70%);position:absolute;inset:-8% -4%}.s-case-app .fan{justify-content:center;align-items:flex-end;display:flex}.s-case-app .fone{background:#0d0c0c;border:1px solid #ffffff24;border-radius:clamp(18px,2.4vw,26px);padding:6px;box-shadow:0 40px 80px -36px #000000d9}.s-case-app .fone img{border-radius:clamp(13px,1.9vw,21px);width:100%;height:auto;display:block}.s-case-app .fone.mid{z-index:2;width:clamp(150px,17vw,238px);position:relative}.s-case-app .fone.side{z-index:1;width:clamp(118px,13.6vw,190px)}.s-case-app .fone.side.l{margin-right:clamp(-30px,-2.4vw,-16px);transform:rotate(-7deg)translateY(clamp(14px,2vw,26px))}.s-case-app .fone.side.r{margin-left:clamp(-30px,-2.4vw,-16px);transform:rotate(7deg)translateY(clamp(14px,2vw,26px))}@media (max-width:900px){.s-case-app .herogrid{grid-template-columns:1fr}.s-case-app .fanwrap{margin-top:26px}.s-case-app .fone.mid{width:clamp(150px,34vw,220px)}.s-case-app .fone.side{width:clamp(112px,27vw,175px)}}@media (max-width:460px){.s-case-app .hero .meta{grid-template-columns:1fr}}.s-case-app section{position:relative}.s-case-app .band-dark{background:var(--ml-ink);color:var(--ml-paper)}.s-case-app .seclabel{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);font-size:.72rem}.s-case-app .band-dark .seclabel{color:var(--ml-gold)}.s-case-app .brief{padding:clamp(52px,8vw,110px) 0}.s-case-app .briefgrid{grid-template-columns:.62fr 1fr;align-items:start;gap:clamp(26px,5vw,70px);display:grid}.s-case-app .brief h2{margin-top:14px;font-size:clamp(2.2rem,5vw,3.6rem);font-stretch:76%}.s-case-app .brief .lede{color:var(--color-fg);font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.45}.s-case-app .brief .lede .hl{color:var(--color-accent)}.s-case-app .brief .body{color:var(--color-fg-muted);gap:16px;max-width:56ch;margin-top:22px;display:grid}.s-case-app .brief .gaelg{font-family:var(--font-serif);color:var(--color-fg);border-left:3px solid var(--color-accent);margin-top:26px;padding-left:16px;font-size:1.05rem;font-style:italic}.s-case-app .brief .gaelg span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-muted);margin-top:6px;font-size:.68rem;font-style:normal;display:block}@media (max-width:820px){.s-case-app .briefgrid{grid-template-columns:1fr}}.s-case-app .gal{padding:clamp(52px,8vw,110px) 0;overflow:hidden}.s-case-app .gal:after{content:"";z-index:0;opacity:.4;pointer-events:none;background-image:linear-gradient(var(--ml-line) 1px, transparent 1px), linear-gradient(90deg, var(--ml-line) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 30% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(90% 80% at 30% 30%,#000 20%,#0000 75%)}.s-case-app .galhead{z-index:1;gap:14px;margin-bottom:clamp(24px,4vw,40px);display:grid;position:relative}.s-case-app .gal h2{color:var(--ml-paper);font-size:clamp(2rem,4.6vw,3.4rem);font-stretch:76%}.s-case-app .galsub{color:color-mix(in srgb, var(--ml-paper) 70%, transparent);max-width:52ch}.s-case-app .galrow{z-index:1;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#f7f7f640 transparent;grid-auto-columns:clamp(168px,19vw,206px);grid-auto-flow:column;gap:clamp(14px,2vw,20px);padding:6px 4px 14px;display:grid;position:relative;overflow-x:auto}.s-case-app .galrow:focus-visible{outline:3px solid var(--ml-gold);outline-offset:3px;border-radius:12px}.s-case-app .shotph{scroll-snap-align:start;margin:0}.s-case-app .shotph img{background:#0d0c0c;border:1px solid #ffffff24;border-radius:18px;width:100%;height:auto;display:block;box-shadow:0 24px 50px -28px #000000d9}.s-case-app .shotph figcaption{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ml-muted);text-align:center;margin-top:10px;font-size:.62rem}.s-case-app .approach{padding:clamp(50px,7vw,96px) 0}.s-case-app .approach .head{gap:14px;margin-bottom:clamp(30px,4vw,52px);display:grid}.s-case-app .approach .head h2{font-size:clamp(2rem,5vw,3.4rem);font-stretch:76%}.s-case-app .beat{border-top:1px solid var(--color-border);grid-template-columns:auto 1fr;align-items:start;gap:clamp(20px,4vw,54px);padding:clamp(28px,4vw,44px) 0;display:grid}.s-case-app .beat .num{font-family:var(--font-display);color:color-mix(in srgb, var(--tint,var(--mx-red)) 90%, var(--color-fg));opacity:.92;font-size:clamp(2.6rem,7vw,5.4rem);font-weight:800;font-stretch:76%;line-height:.8}.s-case-app .beat .bt h3{font-size:clamp(1.4rem,2.6vw,2.1rem);font-stretch:80%}.s-case-app .beat .bt .bd{color:var(--color-fg-muted);max-width:60ch;margin-top:12px}.s-case-app .beat .bt .tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.s-case-app .beat .bt .tags b{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb, var(--tint) 70%, var(--color-fg));background:color-mix(in srgb, var(--tint) 12%, transparent);border:1px solid color-mix(in srgb, var(--tint) 26%, transparent);border-radius:var(--radius-full);padding:6px 11px;font-size:.66rem;font-weight:500}@media (max-width:640px){.s-case-app .beat{grid-template-columns:1fr;gap:6px}.s-case-app .beat .num{font-size:3.2rem}}.s-case-app .results{padding:clamp(56px,8vw,110px) 0}.s-case-app .results .head{gap:14px;max-width:62ch;margin-bottom:clamp(28px,4vw,46px);display:grid}.s-case-app .results .head h2{font-size:clamp(2rem,5vw,3.4rem);font-stretch:76%}.s-case-app .results .head p{color:var(--color-fg-muted)}.s-case-app .statgrid{background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-2xl);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.s-case-app .stat{background:var(--color-surface);align-content:start;gap:8px;padding:clamp(22px,3vw,34px);display:grid}.s-case-app .stat .big{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-fg);font-size:clamp(2.6rem,6vw,4.4rem);font-weight:800;font-stretch:76%;line-height:.86}.s-case-app .stat .big .u{color:var(--color-accent)}.s-case-app .stat .k{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-fg-muted);font-size:.72rem}.s-case-app .stat .d{color:var(--color-fg-muted);font-size:.92rem}.s-case-app .results .foot{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-fg-muted);margin-top:18px;font-size:.68rem}@media (max-width:760px){.s-case-app .statgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.s-case-app .statgrid{grid-template-columns:1fr}}.s-case-app .note{padding:clamp(56px,8vw,120px) 0}.s-case-app .notegrid{grid-template-columns:auto 1fr;align-items:start;gap:clamp(24px,4vw,54px);display:grid}.s-case-app .note .mark{border:1px solid var(--ml-line);border-radius:18px;width:74px;height:74px;overflow:hidden}.s-case-app .note .mark img{width:100%;height:100%;display:block}.s-case-app .note blockquote{margin:0}.s-case-app .note blockquote p{font-family:var(--font-serif);color:var(--ml-paper);font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.4}.s-case-app .note blockquote p .hl{color:var(--ml-gold);font-style:italic}.s-case-app .note .sig{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ml-muted);margin-top:24px;font-size:.74rem}.s-case-app .note .sig b{color:var(--ml-paper);font-weight:500}@media (max-width:640px){.s-case-app .notegrid{grid-template-columns:1fr}}.s-case-app .own{padding:clamp(30px,5vw,60px) 0 clamp(50px,7vw,90px)}.s-case-app .ownbar{border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-surface);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:clamp(26px,3.5vw,40px);display:grid}.s-case-app .ownbar h3{font-size:clamp(1.6rem,3.4vw,2.6rem);font-stretch:78%}.s-case-app .ownbar h3 span{color:var(--color-accent)}.s-case-app .ownbar p{color:var(--color-fg-muted);max-width:52ch;margin-top:10px}.s-case-app .ownbar .chk{flex-wrap:wrap;gap:8px 16px;margin-top:16px;display:flex}.s-case-app .ownbar .chk b{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--color-fg-muted);align-items:center;gap:7px;font-size:.68rem;font-weight:500;display:inline-flex}.s-case-app .ownbar .chk b:before{content:"";background:var(--mx-green);border-radius:50%;width:7px;height:7px}.s-case-app .pillbtn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);background:var(--color-accent);min-height:44px;color:var(--color-accent-fg);white-space:nowrap;justify-content:center;align-items:center;padding:14px 26px;font-size:.78rem;transition:background .25s;display:inline-flex}.s-case-app .pillbtn:hover{background:var(--color-accent-hover)}@media (max-width:720px){.s-case-app .ownbar{grid-template-columns:1fr;justify-items:start}}.s-case-app .next{border-top:1px solid var(--color-border)}.s-case-app .nextrow{transition:padding-left .45s var(--ease-settle);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:clamp(30px,5vw,60px) 0;display:grid}.s-case-app .nextrow:hover{padding-left:12px}.s-case-app .nextrow .lab{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-muted);font-size:.72rem}.s-case-app .nextrow .nm{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.8rem,5vw,3.4rem);font-weight:800;font-stretch:78%;line-height:.9}.s-case-app .nextrow .arrow{font-family:var(--font-mono);color:var(--color-accent);transition:transform .4s var(--ease-settle);font-size:1.4rem}.s-case-app .nextrow:hover .arrow{transform:translate(8px)}.s-case-app .band{background:var(--color-surface-inverse);color:var(--color-fg-on-inverse);border-radius:var(--radius-3xl);text-align:center;flex-direction:column;align-items:center;gap:20px;margin:clamp(30px,5vw,70px) 0 clamp(48px,7vw,110px);padding:clamp(36px,6vw,72px);display:flex}.s-case-app .band h2{color:var(--color-fg-on-inverse);font-size:clamp(2rem,6vw,4.4rem)}.s-case-app .band h2 span{color:var(--mx-red-soft)}.s-case-app .band p{color:color-mix(in srgb, var(--color-fg-on-inverse) 74%, transparent);max-width:46ch}.s-case-app .band .btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-full);background:var(--mx-red);min-height:44px;color:var(--color-accent-fg);align-items:center;padding:13px 24px;font-size:.78rem;transition:background .25s;display:inline-flex}.s-case-app .band .btn:hover{background:color-mix(in srgb, var(--mx-red) 82%, #000)}.s-case-app .hero a:focus-visible,.s-case-app .band-dark a:focus-visible{outline-color:var(--ml-gold)}
