/* Music Forge V4.6 CASE STUDY ONLY — 2026-10-31.
   No global selectors: production studio/other pages are deliberately unaffected. */
.mf-case-page{margin:0;min-width:0;background:radial-gradient(ellipse at 76% 0%,#431122 0%,#0c090d 44%,#07080a 100%);color:#fff8f8;font:16px/1.65 Arial,system-ui,sans-serif;color-scheme:dark}
.mf-case-page *,.mf-case-page *::before,.mf-case-page *::after{box-sizing:border-box}
.mf-case-page a{color:inherit}
.mf-case-page .nav{border-bottom:1px solid #833046;padding:17px max(20px,calc((100% - 1200px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;font-weight:900;letter-spacing:.09em;background:linear-gradient(95deg,#171018,#09090d)}
.mf-case-page .nav strong{font-style:italic;font-size:19px;line-height:1.3}
.mf-case-page .nav em{color:#ff3550}
.mf-case-page .nav a{text-decoration:none;color:#f2d9e1;border-bottom:1px solid #a6394f;min-height:44px;display:inline-flex;align-items:center}
.mf-case-page .wrap{width:min(1200px,calc(100% - 32px));margin-inline:auto}
.mf-case-page .hero{position:relative;isolation:isolate;min-width:0;overflow:hidden;margin:clamp(22px,4vw,52px) 0 clamp(22px,4vw,38px);padding:clamp(24px,5vw,56px);border:1px solid #78434e;border-radius:22px;background:radial-gradient(ellipse at 96% 0%,#9a173a52,transparent 50%),linear-gradient(145deg,#241922 0%,#121017 49%,#08090e 100%);box-shadow:inset 0 1px #ffffff28,inset 0 -3px #a3203b,0 22px 60px #0009,0 0 0 1px #100b0e}
.mf-case-page .hero::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 55%,#ffffff06 55.1%,transparent 55.5%)}
.mf-case-page .hero::after{content:'';position:absolute;top:20px;right:20px;width:7px;height:7px;border:1px solid #c4aeb5;border-radius:50%;background:#46414a;box-shadow:inset 0 1px #fff5,0 0 0 3px #090a0c}
.mf-case-page .eyebrow{display:block;font-size:11px;font-weight:900;letter-spacing:.13em;color:#ff8094;line-height:1.5}
.mf-case-page .hero .eyebrow{border-left:3px solid #ff3550;padding-left:14px;max-width:65ch}
.mf-case-page h1{font:italic 900 clamp(44px,8vw,106px)/1.02 Impact,'Arial Black',Arial,sans-serif;letter-spacing:-.025em;margin:22px 0;color:#f5eff2;text-shadow:0 2px 0 #6b6369,0 5px 0 #29151d,0 15px 25px #000a;overflow-wrap:normal}
.mf-case-page h1 em{color:#ff3550;text-shadow:0 2px 0 #ab2b3c,0 5px 0 #50101f,0 15px 25px #0009}
.mf-case-page p.lede{max-width:65ch;color:#e2d3da;font-size:clamp(16px,1.7vw,18px);line-height:1.67}
.mf-case-page .btns{display:flex;gap:13px;flex-wrap:wrap;align-items:stretch;margin-top:27px}
.mf-case-page .btns .elite-plate{flex:0 1 auto;min-width:0;min-height:62px;text-decoration:none;font-size:12px;text-align:center;white-space:normal;line-height:1.35}
.mf-case-page .btns .elite-plate:not(.btn-primary){border-color:#65616a;background:radial-gradient(circle at 12px 12px,#a4abb6 0 2px,transparent 3px),radial-gradient(circle at calc(100% - 12px) 12px,#a4abb6 0 2px,transparent 3px),linear-gradient(180deg,#3b343d,#111218 55%,#090b10)}
.mf-case-page .screen,.mf-case-page .device img{display:block;width:100%;height:auto;max-width:100%;border:1px solid #7b4550;border-radius:17px;background:#0b0b0f;box-shadow:0 20px 55px #000a,inset 0 1px #ffffff30}
.mf-case-page .screen{padding:clamp(5px,.8vw,10px);border-bottom:3px solid #7c2036}
.mf-case-page .section{padding:clamp(27px,3.5vw,46px) 0;border-bottom:1px solid #43232c}
.mf-case-page .section h2{font:900 clamp(29px,3.8vw,45px)/1.14 Impact,'Arial Black',Arial,sans-serif;letter-spacing:-.015em;margin:9px 0 21px;text-transform:uppercase}
.mf-case-page .section>p:not(.eyebrow),.mf-case-page .device>div>p{max-width:65ch;color:#d4c6cc}
.mf-case-page .columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.mf-case-page .tile{min-width:0;padding:clamp(18px,2vw,27px);border:1px solid #673542;border-radius:16px;background:linear-gradient(150deg,#282029,#120f15 52%,#0c0b10);box-shadow:inset 0 1px #ffffff25,inset 0 -2px #852039,0 12px 27px #0007}
.mf-case-page .tile b{color:#ff8598;font-size:17px;letter-spacing:.02em}
.mf-case-page .tile p{color:#d4c3cb;font-size:15px;line-height:1.65;margin:10px 0 0}
.mf-case-page .device{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.75fr);gap:clamp(20px,3vw,36px);align-items:center}
.mf-case-page .device img{object-fit:contain;padding:5px}
.mf-case-page .note{padding:16px 18px;background:#27151d;border:1px solid #603345;border-left:4px solid #f13653;color:#e4d0d7!important;font-size:13px;line-height:1.65;border-radius:10px}
.mf-case-page footer{padding:25px 0;margin-top:22px;font-size:11px;letter-spacing:.08em;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:#d4bfc8}
.mf-case-page :focus-visible{outline:3px solid #ffbcc9;outline-offset:4px}
@media(max-width:850px){.mf-case-page .device{grid-template-columns:1fr}.mf-case-page .columns{grid-template-columns:1fr}.mf-case-page .tile{padding:20px}}
@media(max-width:600px){.mf-case-page .nav{padding:12px 16px;font-size:10px;letter-spacing:.02em}.mf-case-page .nav strong{font-size:15px}.mf-case-page .wrap{width:calc(100% - 28px)}.mf-case-page .hero{padding:22px 19px;border-radius:17px}.mf-case-page h1{font-size:clamp(43px,12vw,66px);letter-spacing:-.035em}.mf-case-page .eyebrow{font-size:10px;letter-spacing:.08em}.mf-case-page .btns{display:grid;grid-template-columns:minmax(0,1fr)}.mf-case-page .btns .elite-plate{width:100%;min-height:60px;padding-right:18px;overflow-wrap:anywhere}.mf-case-page .screen{border-radius:12px}.mf-case-page .section{padding:32px 0}.mf-case-page .section h2{font-size:clamp(28px,8vw,38px)}}
@media(prefers-reduced-motion:reduce){.mf-case-page *,.mf-case-page *::before,.mf-case-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}