.mix-master-page{--mm-red:#ef3532;--mm-paper:#f5f2ef;--mm-ink:#0b0b0c;--mm-muted:#aaa6a2;background:var(--mm-ink);color:#fff;overflow:hidden}.mix-master-shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.mix-master-hero{padding:40px 0 88px;background:radial-gradient(circle at 79% 24%,rgba(188,26,27,.3),transparent 30%),linear-gradient(110deg,#080809 5%,#111011 100%)}.mix-master-hero-grid{display:grid;gap:36px;align-items:center}.mix-master-portrait{aspect-ratio:1/1.17;max-width:470px;overflow:hidden;border-radius:22px;background:#181719;box-shadow:0 28px 55px rgba(0,0,0,.42)}.mix-master-portrait img{width:100%;height:100%;object-fit:cover}.mix-master-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--mm-red);font-weight:800;font-size:.71rem;letter-spacing:.16em;text-transform:uppercase}.mix-master-hero-copy h1,.mix-master-section-heading h2,.mix-master-final h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;letter-spacing:.01em;line-height:.88;margin:19px 0 24px;text-transform:uppercase}.mix-master-hero-copy h1{font-size:clamp(4rem,13vw,8.4rem)}.mix-master-hero-copy h1 span{color:var(--mm-red)}.mix-master-lead{max-width:600px;font-size:clamp(1.13rem,2.4vw,1.6rem);line-height:1.44;margin:0}.mix-master-detail{color:var(--mm-muted);font-size:1rem;line-height:1.6;margin:16px 0 0}.mix-master-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:30px 0}.mix-master-proof>div{border:1px solid #353335;border-left:3px solid var(--mm-red);border-radius:12px;padding:13px 10px;background:rgba(255,255,255,.035)}.mix-master-proof strong{display:block;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:2rem;line-height:1}.mix-master-proof span{display:block;color:#aaa6a2;font-size:.68rem;margin-top:5px}.mix-master-contact-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;border-radius:12px;background:var(--mm-red);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 14px 28px rgba(239,53,50,.22);transition:transform .2s ease,background .2s ease}.mix-master-contact-button:hover{background:#ff4a45;transform:translateY(-2px)}.mix-master-works,.mix-master-process{padding:82px 0;background:var(--mm-paper);color:#161517}.mix-master-section-heading{max-width:670px;margin-bottom:35px}.mix-master-section-heading h2{font-size:clamp(3.2rem,8vw,6.2rem);margin-bottom:15px}.mix-master-section-heading p{margin:0;color:#696563;font-size:1.05rem;line-height:1.6}.mix-master-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mix-master-work-card{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#181719;isolation:isolate}.mix-master-work-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;opacity:.86}.mix-master-work-card:hover img{transform:scale(1.06)}.mix-master-work-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;background:linear-gradient(transparent 30%,rgba(0,0,0,.9));color:#fff}.mix-master-work-overlay span{font-size:.69rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d4d0cd}.mix-master-work-overlay h3{font-size:1.25rem;margin:5px 0 13px}.mix-master-work-overlay a{display:inline-flex;align-items:center;gap:6px;width:max-content;color:#fff;text-decoration:none;font-size:.78rem;font-weight:800;background:#1db954;padding:9px 10px;border-radius:8px}.mix-master-process{background:#111011;color:#fff}.mix-master-process .mix-master-section-heading p{color:#aaa6a2}.mix-master-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}.mix-master-steps li{display:grid;grid-template-columns:66px 1fr;gap:14px;align-items:start;border:1px solid #333033;border-radius:16px;padding:20px;background:linear-gradient(110deg,rgba(255,255,255,.045),rgba(255,255,255,.01));transition:border-color .25s ease,transform .25s ease}.mix-master-steps li:hover{border-color:var(--mm-red);transform:translateX(5px)}.mix-master-steps span{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:2.55rem;color:var(--mm-red);line-height:.9}.mix-master-steps h3{margin:0;font-size:1.25rem}.mix-master-steps p{margin:7px 0 0;color:#aaa6a2;line-height:1.5}.mix-master-final{padding:66px 0;background:linear-gradient(115deg,#dc2d2b,#8e1418);color:#fff}.mix-master-final .mix-master-shell{display:grid;gap:28px;align-items:center}.mix-master-final h2{font-size:clamp(3rem,7vw,5.8rem);max-width:760px;margin:15px 0 0}.mix-master-final .mix-master-kicker{color:#fff}.mix-master-contact-button-large{background:#111011;font-size:1.03rem;padding:19px 23px;box-shadow:none}.mix-master-contact-button-large:hover{background:#000}@media(min-width:760px){.mix-master-hero{padding:88px 0 110px}.mix-master-hero-grid{grid-template-columns:minmax(320px,.82fr) minmax(0,1fr);gap:58px}.mix-master-work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mix-master-work-card:nth-child(4){grid-column:span 2;grid-row:span 2}.mix-master-final .mix-master-shell{grid-template-columns:minmax(0,1fr) auto}.mix-master-final .mix-master-contact-button{white-space:nowrap}.mix-master-steps li{grid-template-columns:105px 1fr;padding:31px}.mix-master-steps span{font-size:4.2rem}}@media(max-width:370px){.mix-master-proof{grid-template-columns:1fr}.mix-master-work-grid{grid-template-columns:1fr}.mix-master-hero-copy h1{font-size:3.8rem}}
