:root{--ink:#141414;--muted:#5a5a5a;--line:#dedad2;--paper:#f7f2e9;--white:#fff;--gold:#cfaa42;--orange:#dd6f2f;--red:#b4282b;--deep:#231f20;--turquoise:#6ebeb9;--max:1180px;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;line-height:1.55;overflow-x:hidden}a{color:inherit}.site-header{z-index:10;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);background:#f7f2e9f0;justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(18px,4vw,52px);display:flex;position:sticky;top:0}.brand img{width:min(210px,42vw);height:auto;display:block}nav{text-transform:uppercase;letter-spacing:0;align-items:center;gap:clamp(12px,2vw,28px);font-size:.88rem;font-weight:700;display:flex}nav a{border-bottom:2px solid #0000;text-decoration:none}nav a:hover{border-color:var(--orange)}.language-switch{border:1px solid var(--deep);border-radius:4px;padding:5px 8px;line-height:1}.hero{background:linear-gradient(90deg, #141414c7, #14141485), url(/assets/logos/studio-4-mtl-logo.png) right 7vw center / min(360px, 42vw) auto no-repeat, var(--deep);min-height:calc(100vh - 88px);color:var(--white);align-items:center;padding:clamp(48px,7vw,88px) clamp(18px,4vw,52px);display:grid}.hero-photo{background:linear-gradient(90deg, #141414d1, #14141485), url(/assets/photos/next-frequency-performance-2026.webp) center / cover no-repeat, var(--deep)}.hero-inner,.section-inner,.band-inner{width:min(100%, var(--max));margin:0 auto}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:0;margin:0 0 18px;font-size:.78rem;font-weight:800}h1,h2,h3{letter-spacing:0;overflow-wrap:break-word;margin:0;line-height:1.04}h1{text-transform:uppercase;max-width:850px;font-size:6.2rem}.section h1{max-width:560px;font-size:3.9rem}h2{text-transform:uppercase;max-width:860px;font-size:3.6rem}h3{text-transform:uppercase;font-size:1.3rem}.hero-copy{max-width:680px;margin:26px 0 0;font-size:clamp(1.06rem,2vw,1.34rem)}.actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{text-transform:uppercase;border:2px solid;border-radius:4px;justify-content:center;align-items:center;min-height:44px;padding:12px 18px;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.button.primary{color:var(--deep);background:var(--gold);border-color:var(--gold)}.button:hover{transform:translateY(-1px)}.section,.band{padding:clamp(58px,8vw,104px) clamp(18px,4vw,52px)}.section{background:var(--paper)}.band{color:var(--white);background:var(--deep)}.intro-grid,.split,.proof-grid,.partner-grid{gap:28px;display:grid}.intro-grid>*,.split>*,.proof-grid>*,.partner-grid>*{min-width:0}.intro-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start}.split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.lead{font-size:clamp(1.18rem,2vw,1.55rem);line-height:1.42}.muted{color:var(--muted)}.stat-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.stat{min-height:128px;color:var(--white);background:var(--deep);border-left:6px solid var(--gold);padding:20px}.stat strong{font-size:clamp(2rem,4vw,3.8rem);line-height:.95;display:block}.stat span{margin-top:10px;font-size:.96rem;display:block}.proof-grid,.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.tile{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:24px}.tile.accent{color:var(--white);background:var(--red);border-color:var(--red)}.tile p{margin-bottom:0}.tile h3 a{text-decoration-color:var(--orange);text-underline-offset:4px;text-decoration-thickness:2px}.report-card{flex-direction:column;min-height:320px;display:flex}.report-card .actions{margin-top:auto;padding-top:24px}.report-year{color:var(--orange);text-transform:uppercase;margin:0 0 10px;font-weight:800}.report-status{color:var(--muted);text-transform:uppercase;margin:10px 0 0;font-weight:800}.intro-logo{width:min(260px,82%);height:auto;margin-top:22px;display:block}.partner-mark{object-fit:contain;object-position:left center;width:min(160px,72%);height:58px;margin-bottom:18px;display:block}.program-list{gap:18px;display:grid}.program{background:var(--white);border-top:6px solid var(--orange);padding:28px}.image-pair{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(26px,5vw,58px);display:grid}.image-pair.reverse{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}.feature-photo,.story-strip figure,.visual-card{margin:0}.feature-photo{aspect-ratio:4/3;background:var(--deep);overflow:hidden}.feature-photo img,.story-strip img,.visual-card img{object-fit:cover;width:100%;height:100%;display:block}.story-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.about-visuals{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.story-strip figure,.visual-card,.video-card{background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden}.story-strip figure{min-width:0}.story-strip img{aspect-ratio:4/3}figcaption{text-transform:uppercase;padding:14px 16px 16px;font-weight:800;line-height:1.25}.visual-grid,.video-grid{gap:18px;margin-top:34px;display:grid}.visual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-card img{aspect-ratio:4/3;height:auto}.visual-card .photo-caption{border-top:4px solid var(--gold);background:var(--white);color:var(--ink);display:block}.visual-card .photo-caption .caption-label{color:var(--orange);margin-bottom:6px;font-size:.72rem;display:block}.visual-card .photo-caption strong{display:block}.visual-card .photo-caption p{color:var(--muted);text-transform:none;margin:10px 0 0;font-size:.95rem;font-weight:400;line-height:1.42}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-card{color:var(--ink)}.video-card video{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;display:block}.video-card-portrait video{aspect-ratio:9/16;object-fit:contain;max-height:min(78vh,760px)}.video-card div{padding:18px}.video-card p{color:var(--muted);margin:10px 0 0}.video-card a{color:var(--red);text-transform:uppercase;margin-top:12px;font-weight:800;text-decoration:none;display:inline-flex}.partner-logo-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;margin-top:36px;display:grid}.partner-logo-grid a{display:block}.partner-logo-grid img{object-fit:contain;background:var(--white);border:1px solid var(--line);border-radius:8px;width:100%;height:112px;padding:18px}.callout{color:var(--white);background:var(--red);padding:clamp(28px,5vw,54px)}.site-footer{color:var(--white);background:#141414;justify-content:space-between;gap:28px;padding:42px clamp(18px,4vw,52px);display:flex}.site-footer img{width:180px;height:auto}.site-footer p{margin:8px 0}.footer-contact{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.footer-contact p,.footer-contact a:not(.footer-social){margin:0}.footer-social{color:var(--white);letter-spacing:0;text-transform:uppercase;border:1px solid #6ebeb9cc;align-items:center;margin-top:8px;padding:10px 14px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.footer-social:hover,.footer-social:focus-visible{color:#141414;background:var(--turquoise);outline:none}@media (width<=820px){.site-header,.site-footer{flex-direction:column;align-items:flex-start}nav{grid-template-columns:repeat(3,max-content);justify-content:start;align-items:center;gap:10px 14px;width:min(100%,350px);padding-bottom:4px;font-size:.68rem;display:grid}.section,.band{padding-left:20px;padding-right:20px}.hero-inner,.section-inner,.band-inner{width:min(100%,350px);max-width:350px;margin-left:0;margin-right:0}.hero{background:linear-gradient(90deg, #141414d1, #141414b3), url(/assets/logos/studio-4-mtl-logo.png) right -52px center / 210px auto no-repeat, var(--deep);min-height:auto}.hero-photo{background:linear-gradient(90deg, #141414db, #141414ad), url(/assets/photos/next-frequency-performance-2026.webp) center / cover no-repeat, var(--deep)}.intro-grid,.split,.proof-grid,.partner-grid,.stat-panel,.image-pair,.image-pair.reverse,.about-visuals,.story-strip,.visual-grid,.video-grid,.report-grid{grid-template-columns:1fr}.intro-grid,.split,.image-pair,.image-pair.reverse{display:block}.intro-grid>*+*,.split>*+*,.image-pair>*+*{margin-top:28px}h1,.section h1{font-size:2.35rem}h2{font-size:1.9rem}.lead{font-size:1.12rem}}
