/* MSAV About page — editorial hero, content and responsive styles. */
:root { --msav-red: var(--msav-red-editorial, #c3161c); --msav-red-deep: #50070d; --msav-lime: #d6ff30; --msav-ink: #080809; --msav-soft: #f7f6f2; --msav-gutter: clamp(22px, 7vw, 112px); }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; background: #080809; }
    body { margin: 0; overflow-x: hidden; background: var(--msav-ink); color: #fff; font-family: 'Inter', sans-serif; }
    a { color: inherit; }
    .msav-page { width: 100%; overflow: clip; }

    .msav-about-hero { position: relative; isolation: isolate; display: grid; min-height: min(920px, 100svh); align-items: end; overflow: hidden; padding: clamp(148px, 16vw, 230px) var(--msav-gutter) clamp(76px, 9vw, 120px); background: #09090b; }
    .msav-about-hero::before { content: ""; position: absolute; z-index: -3; inset: 0; background: linear-gradient(90deg, rgba(7,7,9,.98) 0%, rgba(7,7,9,.85) 33%, rgba(7,7,9,.26) 73%), linear-gradient(0deg, rgba(7,7,9,.93), transparent 58%), url('../home/concert-hero-background.webp') 60% center / cover; transform: scale(1.08); animation: msav-hero-drift 16s ease-in-out infinite alternate; }
    .msav-about-hero::after { content: ""; position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), radial-gradient(circle at 76% 52%, rgba(214,255,48,.18), transparent 18%), radial-gradient(circle at 57% 104%, rgba(195,22,28,.74), transparent 35%); background-size: 8vw 8vw, 8vw 8vw, auto, auto; mix-blend-mode: screen; pointer-events: none; }
    .msav-about-hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(310px, .9fr); gap: clamp(46px, 7vw, 112px); width: min(100%, 1380px); margin: 0 auto; align-items: end; }
    .msav-kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 22px; color: var(--msav-lime); font-family: 'Fira Mono', monospace; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
    .msav-kicker::before { content: ""; width: 26px; height: 1px; background: currentColor; box-shadow: 34px 0 0 rgba(214,255,48,.34); }
    .msav-about-hero h1 { max-width: 1080px; margin: 0; font-size: clamp(56px, 8.6vw, 88px); font-weight: 650; line-height: .87; letter-spacing: -.08em; text-wrap: balance; }
    .msav-about-hero h1 em { color: #ff5967; font-style: normal; }
    .msav-hero-brand-art { position: relative; display: grid; min-height: 290px; align-content: end; padding: 34px; overflow: hidden; border: 1px solid rgba(255,255,255,.2); background: linear-gradient(135deg, rgba(255,255,255,.11), rgba(255,255,255,.015) 42%, rgba(214,255,48,.09)); box-shadow: 0 24px 70px rgba(0,0,0,.3), inset 0 1px 1px rgba(255,255,255,.17); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
    .msav-hero-brand-art::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 7px; background: var(--msav-red); box-shadow: 18px 0 46px rgba(195,22,28,.55); }
    .msav-hero-brand-art::after { content: ""; position: absolute; z-index: -1; right: -10%; bottom: -42%; width: 82%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(214,255,48,.34), rgba(214,255,48,0) 67%); }
    .msav-hero-brand-art img { width: min(100%, 440px); filter: drop-shadow(0 14px 20px rgba(0,0,0,.3)); }
    .msav-hero-brand-art p { max-width: 280px; margin: 28px 0 0; color: rgba(255,255,255,.7); font-family: 'Fira Mono', monospace; font-size: 11px; font-weight: 500; line-height: 1.55; letter-spacing: .11em; text-transform: uppercase; }
    .msav-hero-note { max-width: 270px; margin: 28px 0 0; padding: 17px 0 0 17px; border-top: 1px solid rgba(255,255,255,.35); color: rgba(255,255,255,.78); font-size: 16px; font-weight: 500; line-height: 1.38; }
    .msav-hero-scroll { position: absolute; right: var(--msav-gutter); bottom: 31px; display: inline-flex; align-items: center; gap: 9px; color: rgba(255,255,255,.65); font-family: 'Fira Mono', monospace; font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
    .msav-hero-scroll span { width: 34px; height: 1px; background: var(--msav-lime); }

    .msav-intro { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(170px, .42fr) minmax(0, 1.58fr); gap: clamp(36px, 8vw, 126px); width: min(calc(100% - clamp(44px, 14vw, 224px)), 1240px); margin: clamp(-142px, -9vw, -86px) auto 0; padding: clamp(74px, 8vw, 122px); overflow: hidden; border-top: 7px solid var(--msav-red); background: var(--msav-soft); box-shadow: 0 28px 85px rgba(0,0,0,.28); color: #131212; }
    .msav-intro::before { content: ""; position: absolute; top: 0; right: 0; width: min(30vw, 410px); height: 100%; background: linear-gradient(135deg, rgba(214,255,48,.28), transparent 56%); clip-path: polygon(40% 0, 100% 0, 100% 100%, 0 100%); pointer-events: none; }
    .msav-intro::after { content: "MSAV"; position: absolute; right: -1.8%; bottom: -13%; color: rgba(19,18,18,.045); font-size: clamp(150px, 21vw, 310px); font-weight: 800; line-height: .75; letter-spacing: -.09em; pointer-events: none; }
    .msav-intro > * { position: relative; z-index: 1; }
    .msav-intro-label { display: flex; align-items: center; gap: 12px; margin: 8px 0 0; color: var(--msav-red); font-family: 'Fira Mono', monospace; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
    .msav-intro-label::before { content: ""; width: 24px; height: 1px; background: currentColor; }
    .msav-intro h2 { max-width: 980px; margin: 0; font-size: clamp(38px, 5.35vw, 82px); font-weight: 550; line-height: .94; letter-spacing: -.07em; }
    .msav-intro h2 span { color: #9b9997; }
    .msav-intro p { max-width: 580px; margin: 38px 0 0; color: #4a4745; font-size: clamp(16px, 1.4vw, 20px); font-weight: 500; line-height: 1.5; }

    .msav-mv { display: grid; grid-template-columns: 1fr 1fr; min-height: 720px; background: #0a0a0b; }
    .msav-mv-panel { position: relative; display: flex; min-height: 500px; flex-direction: column; justify-content: space-between; overflow: hidden; padding: clamp(36px, 6vw, 88px) var(--msav-gutter); }
    .msav-mv-panel::before { content: ""; position: absolute; z-index: 0; inset: 0; opacity: .56; background: radial-gradient(circle at 78% 18%, rgba(214,255,48,.3), transparent 27%), url('../home/concert-hero-background.webp') center / cover; transform: scale(1.08); transition: transform 1s cubic-bezier(.16,1,.3,1), opacity .8s ease; }
    .msav-mv-panel:nth-child(2)::before { background: radial-gradient(circle at 35% 74%, rgba(255,91,103,.6), transparent 29%), url('../home/concert-hero-background.webp') 30% center / cover; filter: saturate(.8) contrast(1.12); }
    .msav-mv-panel:hover::before { opacity: .78; transform: scale(1); }
    .msav-mv-panel > * { position: relative; z-index: 1; }
    .msav-mv-panel > p { margin: 0; color: var(--msav-lime); font-family: 'Fira Mono', monospace; font-size: 12px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
    .msav-mv-panel h3 { max-width: 560px; margin: auto 0 0; font-size: clamp(48px, 6vw, 88px); font-weight: 650; line-height: .9; letter-spacing: -.07em; }
    .msav-mv-panel h3 span { color: var(--msav-lime); }
    .msav-mv-panel:nth-child(2) h2 span { color: #ff5967; }
    .msav-mv-panel .msav-mv-copy { max-width: 420px; margin: 26px 0 0; color: rgba(255,255,255,.82); font-size: clamp(16px, 1.3vw, 19px); font-weight: 500; line-height: 1.42; }

    .msav-values { position: relative; overflow: hidden; padding: clamp(112px, 13vw, 190px) var(--msav-gutter); background: linear-gradient(145deg, #240306, #09090b 62%); }
    .msav-values::before { content: "MSAV"; position: absolute; top: 3%; right: -1%; color: rgba(255,255,255,.025); font-size: min(31vw, 460px); font-weight: 800; line-height: .75; letter-spacing: -.09em; pointer-events: none; }
    .msav-values-header { display: grid; grid-template-columns: minmax(180px, .6fr) minmax(0, 1.4fr); gap: clamp(38px, 9vw, 140px); width: min(100%, 1280px); margin: 0 auto clamp(62px, 8vw, 112px); }
    .msav-values-header p { margin: 9px 0 0; color: var(--msav-lime); font-family: 'Fira Mono', monospace; font-size: 12px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }
    .msav-values-header h2 { max-width: 780px; margin: 0; font-size: clamp(40px, 5.7vw, 86px); font-weight: 600; line-height: .92; letter-spacing: -.07em; }
    .msav-value-list { display: grid; grid-template-columns: repeat(3, 1fr); width: min(100%, 1280px); margin: auto; border-top: 1px solid rgba(255,255,255,.23); }
    .msav-value { min-height: 292px; padding: 27px 28px 28px; border-right: 1px solid rgba(255,255,255,.23); transition: background .4s ease; }
    .msav-value:first-child { border-left: 1px solid rgba(255,255,255,.23); }
    .msav-value:hover { background: linear-gradient(145deg, rgba(214,255,48,.12), rgba(195,22,28,.23)); }
    .msav-value p { margin: 0; color: var(--msav-lime); font-family: 'Fira Mono', monospace; font-size: 11px; font-weight: 600; letter-spacing: .1em; }
    .msav-value h3 { max-width: 250px; margin: 72px 0 0; font-size: clamp(25px, 2.4vw, 36px); font-weight: 600; line-height: .98; letter-spacing: -.055em; }
    .msav-value span { display: block; max-width: 245px; margin-top: 20px; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.42; }

    .msav-process { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(48px, 10vw, 156px); padding: clamp(110px, 14vw, 190px) var(--msav-gutter); background: #f7f6f2; color: #131212; }
    .msav-process-copy { align-self: start; }
    .msav-process-copy p { margin: 0; color: var(--msav-red); font-family: 'Fira Mono', monospace; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
    .msav-process-copy h2 { max-width: 570px; margin: 23px 0 0; font-size: clamp(42px, 5.8vw, 82px); font-weight: 600; line-height: .91; letter-spacing: -.07em; }
    .msav-process-copy h2 span { color: #a7a4a1; }
    .msav-process-copy > span { display: block; max-width: 420px; margin-top: 28px; color: #55514f; font-size: 17px; line-height: 1.46; }
    .msav-process-steps { border-top: 1px solid #b6b2af; }
    .msav-process-step { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 22px; padding: 25px 0 27px; border-bottom: 1px solid #b6b2af; }
    .msav-process-step > span { color: var(--msav-red); font-family: 'Fira Mono', monospace; font-size: 12px; font-weight: 600; }
    .msav-process-step h3 { margin: 0; font-size: clamp(23px, 2.4vw, 33px); font-weight: 600; letter-spacing: -.05em; }
    .msav-process-step p { max-width: 470px; margin: 10px 0 0; color: #5b5754; font-size: 15px; line-height: 1.45; }

    .msav-about-cta { position: relative; isolation: isolate; display: grid; min-height: 520px; place-items: center; overflow: hidden; padding: 90px var(--msav-gutter); background: linear-gradient(110deg, #50070d 0%, #c3161c 50%, #710a10 100%); text-align: center; }
    .msav-about-cta::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .7; background: radial-gradient(circle, rgba(255,111,120,.86) 0 1px, transparent 1.35px) 0 0 / 4px 4px; -webkit-mask-image: radial-gradient(ellipse 37% 190% at 51% 52%, #000, transparent 86%); mask-image: radial-gradient(ellipse 37% 190% at 51% 52%, #000, transparent 86%); }
    .msav-about-cta > div { max-width: 850px; }
    .msav-about-cta p { margin: 0; color: var(--msav-lime); font-family: 'Fira Mono', monospace; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
    .msav-about-cta h2 { margin: 22px 0 30px; font-size: clamp(46px, 7vw, 88px); font-weight: 650; line-height: .88; letter-spacing: -.075em; }
    .msav-about-cta a { display: inline-flex; align-items: center; gap: 12px; padding: 15px 23px 15px 25px; border-radius: 999px; background: var(--msav-lime); color: #101010; font-size: 15px; font-weight: 800; text-decoration: none; transition: transform .25s ease, background .25s ease, color .25s ease; }
    .msav-about-cta a:hover, .msav-about-cta a:focus-visible { background: #fff; color: var(--msav-red); transform: translateX(4px); outline: none; }
    .msav-about-cta a svg { width: 17px; height: 17px; }

    .msav-footer { position: relative; overflow: hidden; padding: clamp(80px, 9vw, 138px) var(--msav-gutter) 28px; background: radial-gradient(ellipse at 10% 0%, rgba(213,31,49,.34), transparent 32%), radial-gradient(ellipse at 82% 84%, rgba(214,255,48,.08), transparent 23%), #070707; color: #fff; }
    .msav-footer::before { content: ""; position: absolute; inset: 0; opacity: .13; background: radial-gradient(rgba(255,255,255,.11) .65px, transparent .8px); background-size: 5px 5px; mask-image: linear-gradient(155deg, black, transparent 75%); pointer-events: none; }
    .msav-footer-main { position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(400px, .75fr); gap: clamp(60px, 10vw, 172px); }
    .msav-footer-brand { max-width: 670px; }
    .msav-footer-logo { position: relative; width: min(100%, 620px); }
    .msav-footer-logo img { display: block; width: 100%; height: auto; }
    .msav-footer-logo-av { position: absolute; inset: 0; clip-path: inset(0 0 0 54%); filter: brightness(0) invert(1); }
    .msav-footer-company { margin-top: 40px; }
    .msav-footer-company-name { margin: 0; color: #fff; font-size: clamp(21px, 2vw, 29px); font-weight: 700; letter-spacing: -.045em; }
    .msav-footer-company-name span { margin-left: 8px; color: rgba(255,255,255,.58); font-family: 'Inter', sans-serif; font-size: .52em; font-weight: 600; letter-spacing: .02em; white-space: nowrap; }
    .msav-footer-company-description { max-width: 510px; margin: 15px 0 0; color: rgba(255,255,255,.72); font-size: 16px; font-weight: 500; line-height: 1.45; }
    .msav-footer-side { display: grid; grid-template-columns: 1fr 1fr; gap: 48px 32px; padding-top: 12px; }
    .msav-footer h3 { margin: 0 0 17px; color: rgba(255,255,255,.5); font-family: 'Fira Mono', monospace; font-size: 11px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
    .msav-footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; grid-column: 1 / -1; }
    .msav-footer-links a { display: block; width: fit-content; margin-top: 10px; color: rgba(255,255,255,.9); font-size: 14px; font-weight: 600; text-decoration: none; transition: color .2s ease, transform .2s ease; }
    .msav-footer-links a:hover, .msav-footer-links a:focus-visible { color: var(--msav-lime); transform: translateX(3px); outline: none; }
    .msav-footer-contact-block p { max-width: 220px; margin: 0; color: rgba(255,255,255,.63); font-size: 14px; line-height: 1.42; }
    .msav-footer-contact-details { display: grid; gap: 9px; margin-top: 17px; }
    .msav-footer-contact-detail { color: rgba(255,255,255,.92); font-size: 13px; font-weight: 600; text-decoration: none; }
    .msav-footer-contact-detail span { display: inline-block; width: 20px; color: var(--msav-lime); }
    .msav-footer-contact { display: inline-flex; margin-top: 20px; padding: 12px 18px; border-radius: 999px; background: var(--msav-lime); color: #101010; font-size: 13px; font-weight: 800; text-decoration: none; transition: background .25s ease, color .25s ease, transform .25s ease; }
    .msav-footer-contact:hover, .msav-footer-contact:focus-visible { background: #fff; color: var(--msav-red); transform: translateX(3px); outline: none; }
    .msav-footer-social { display: flex; flex-wrap: wrap; gap: 9px; }
    .msav-footer-social a { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; color: #fff; transition: background .25s ease, color .25s ease, transform .25s ease; }
    .msav-footer-social a:hover, .msav-footer-social a:focus-visible { background: var(--msav-lime); color: #101010; transform: translateY(-3px); outline: none; }
    .msav-footer-social svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
    .msav-footer-bottom { position: relative; margin-top: clamp(80px, 10vw, 150px); padding-top: 20px; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.48); font-family: 'Inter', sans-serif; font-size: 12px; }

    .msav-reveal { opacity: 0; transform: translateY(34px); }
    @keyframes msav-hero-drift { from { transform: scale(1.08) translate3d(-1.5%, -1%, 0); } to { transform: scale(1.12) translate3d(1.5%, 1%, 0); } }
    @media (max-width: 1180px) { .msav-about-hero-grid { grid-template-columns: 1fr; gap: 44px; } .msav-hero-note { margin: 0; } }
    @media (max-width: 760px) { .msav-nav { top: 14px; } .msav-brand { width: 112px; } .msav-about-hero { min-height: 760px; padding-top: 150px; padding-bottom: 88px; } .msav-about-hero::before { background-position: 64% center; } .msav-about-hero h1 { font-size: clamp(52px, 15.2vw, 78px); } .msav-hero-scroll { display: none; } .msav-intro, .msav-values-header, .msav-process { grid-template-columns: 1fr; gap: 26px; } .msav-intro { padding-top: 86px; padding-bottom: 92px; } .msav-mv { grid-template-columns: 1fr; } .msav-mv-panel { min-height: 460px; padding: 42px 22px; } .msav-values { padding-top: 90px; padding-bottom: 98px; } .msav-value-list { grid-template-columns: 1fr; border-left: 1px solid rgba(255,255,255,.23); border-right: 1px solid rgba(255,255,255,.23); } .msav-value { min-height: 230px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.23); } .msav-value h3 { margin-top: 46px; } .msav-process { padding-top: 86px; padding-bottom: 96px; } .msav-about-cta { min-height: 460px; } .msav-footer-main { gap: 62px; } .msav-footer-side { grid-template-columns: 1fr; gap: 42px; } .msav-footer-links { grid-template-columns: 1fr 1fr; } .msav-footer-logo { width: min(100%, 390px); } .msav-footer-company { margin-top: 26px; } }
    @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } .msav-reveal { opacity: 1; transform: none; } }

    /* Shared site chrome — aligned with index.html. */
    .nav { position: fixed; inset: 16px 0 auto; z-index: 1000; display: grid; grid-template-columns: 132px 1fr 132px; align-items: center; padding: 0 clamp(24px, 4vw, 64px); pointer-events: none; transform: translate3d(0, var(--msav-nav-scroll-shift, 0px), 0); will-change: transform; }
    .nav > * { pointer-events: auto; }
    .brand { display: grid; width: 132px; height: 55px; place-items: center; padding: 0; text-decoration: none; }
    .brand img { display: block; width: 100%; height: 100%; object-fit: contain; }
    .menu { justify-self: center; display: flex; align-items: center; gap: 2px; padding: 5px; overflow: visible; border: .65px solid rgba(255,255,255,.34); border-radius: 999px; background: linear-gradient(120deg, rgba(255,255,255,.22), rgba(255,255,255,.055) 42%, rgba(255,255,255,.14)); backdrop-filter: blur(26px) saturate(180%) brightness(1.18); -webkit-backdrop-filter: blur(26px) saturate(180%) brightness(1.18); box-shadow: 0 12px 35px rgba(0,0,0,.24), inset 0 .65px .75px rgba(255,255,255,.54), inset 0 -.65px 1px rgba(0,0,0,.16); }
    .menu a, .claim { display: inline-flex; align-items: center; gap: 8px; color: #fff; text-decoration: none; white-space: nowrap; }
    .menu a { position: relative; z-index: 2; padding: 8px 12px; color: rgba(255,255,255,.96); font-size: 14px; font-weight: 500; letter-spacing: .018em; text-shadow: 0 1px 6px rgba(0,0,0,.35); }
    .menu a.nav-link.active, .menu a:not(.claim):hover, .menu a:not(.claim):focus-visible, .nav-dropdown > button:hover, .nav-dropdown > button:focus-visible { border-radius: 999px; background: rgba(255,255,255,.16); box-shadow: inset 0 1px 1px rgba(255,255,255,.34), 0 1px 10px rgba(0,0,0,.12); outline: none; }
    .claim { position: relative; z-index: 2; isolation: isolate; margin-left: 4px; padding: 8px 17px; overflow: hidden; border: 1px solid var(--msav-lime); border-radius: 999px; background: var(--msav-lime); color: #10151d; font-size: 15px; font-weight: 800; box-shadow: inset 0 1px 1px rgba(255,255,255,.5), 0 5px 18px rgba(0,0,0,.16); transition: color .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease; }
    .claim > span { position: relative; z-index: 2; }
    .claim > span:not(.claim-particles) { color: #10151d; }
    .claim::before { content: ""; position: absolute; z-index: 0; inset: 0; opacity: 0; background: radial-gradient(circle at 76% 50%, rgba(213,255,44,.15), transparent 30%), #050705; transition: opacity .26s ease; }
    .claim:hover, .claim:focus-visible { border-color: rgba(218,255,49,.75); background: #080b07; color: #fff; box-shadow: inset 0 1px 1px rgba(255,255,255,.12), 0 0 0 1px rgba(212,255,41,.13), 0 8px 22px rgba(0,0,0,.28); outline: none; }
    .claim:hover > span:not(.claim-particles), .claim:focus-visible > span:not(.claim-particles) { color: #fff; }
    .claim:hover::before, .claim:focus-visible::before, .claim:hover .claim-particles, .claim:focus-visible .claim-particles { opacity: 1; }
    .claim-particles { position: absolute; z-index: 1; inset: 0; pointer-events: none; opacity: 0; transition: opacity .2s ease; }
    .claim-particles i { position: absolute; left: var(--left); top: var(--top); display: block; width: var(--size, 2px); height: var(--size, 2px); border-radius: .5px; background: var(--msav-lime); box-shadow: 0 0 7px rgba(212,255,44,.85); animation: led-square-glow var(--duration) ease-in-out infinite; animation-delay: var(--delay); }
    @keyframes led-square-glow { 0%, 100% { opacity: .08; box-shadow: 0 0 1px rgba(212,255,44,.12); } 24% { opacity: .28; box-shadow: 0 0 4px rgba(212,255,44,.35); } 48% { opacity: .96; box-shadow: 0 0 11px rgba(212,255,44,.95); } 70% { opacity: .4; box-shadow: 0 0 5px rgba(212,255,44,.5); } }
    .nav-dropdown { position: relative; z-index: 2; }
    .nav-dropdown::after { content: ""; position: absolute; z-index: 3; top: 100%; right: -18px; left: -18px; height: 22px; }
    .nav-dropdown > button { position: relative; z-index: 4; display: inline-flex; align-items: center; gap: 5px; padding: 8px 10px; border: 0; background: transparent; color: rgba(255,255,255,.96); font: 500 13px 'Inter', sans-serif; letter-spacing: .018em; text-shadow: 0 1px 6px rgba(0,0,0,.35); white-space: nowrap; cursor: pointer; }
    .nav-dropdown > button svg { width: 14px; height: 14px; transition: transform .2s ease; }
    .nav-dropdown.open > button svg, .nav-dropdown.is-hovered > button svg { transform: rotate(180deg); }
    .dropdown-panel { position: absolute; z-index: 2; top: calc(100% + 18px); left: 50%; display: grid; grid-template-columns: minmax(145px,.85fr) minmax(220px,1.15fr); gap: 8px; width: 520px; padding: 9px; border: 1px solid rgba(255,255,255,.23); border-radius: 20px; background: linear-gradient(145deg, rgba(35,42,55,.72), rgba(8,11,16,.58)); box-shadow: 0 20px 55px rgba(0,0,0,.4), inset 0 1px 1px rgba(255,255,255,.28); backdrop-filter: blur(32px) saturate(175%); -webkit-backdrop-filter: blur(32px) saturate(175%); opacity: 0; visibility: hidden; transform: translate(-50%, -8px) scale(.97); transform-origin: top center; pointer-events: none; transition: opacity .22s ease, transform .3s cubic-bezier(.16,1,.3,1), visibility 0s linear; }
    .dropdown-panel::before { content: ""; position: absolute; top: -5px; left: 50%; width: 9px; height: 9px; border-top: 1px solid rgba(255,255,255,.21); border-left: 1px solid rgba(255,255,255,.21); background: rgba(35,42,55,.72); transform: translateX(-50%) rotate(45deg); }
    .nav-dropdown.open .dropdown-panel, .nav-dropdown.is-hovered .dropdown-panel { opacity: 1; visibility: visible; transform: translate(-50%, 0) scale(1); pointer-events: auto; }
    .dropdown-hero { position: relative; isolation: isolate; display: flex; height: 220px; min-height: 220px; flex-direction: column; justify-content: end; padding: 17px; overflow: hidden; border: 1px solid rgba(255,255,255,.15); border-radius: 13px; background: #101722; }
    .dropdown-hero::before { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, rgba(5,9,14,.06) 8%, rgba(5,9,14,.24) 42%, rgba(5,9,14,.94) 100%); }
    .dropdown-kicker, .dropdown-hero strong, .dropdown-hero p { position: relative; z-index: 2; margin: 0; }
    .dropdown-kicker { margin-bottom: 8px; color: var(--msav-lime); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .dropdown-hero strong { font-size: 21px; font-weight: 600; line-height: 1; letter-spacing: -.35px; }
    .dropdown-hero p { margin-top: 9px; color: rgba(255,255,255,.7); font-size: 12px; line-height: 1.35; }
    .dropdown-links { display: grid; align-content: center; gap: 2px; padding: 4px; }
    .dropdown-panel a { position: relative; display: flex; align-items: center; min-height: 39px; padding: 10px 13px 10px 29px; border-radius: 10px; color: rgba(255,255,255,.9); font-size: 13px; font-weight: 400; text-shadow: none; opacity: 0; transform: translateY(-5px); transition: background .2s ease, color .2s ease, transform .25s ease; }
    .dropdown-panel a::before { content: ""; position: absolute; left: 12px; width: 5px; height: 5px; border: 1px solid rgba(255,255,255,.64); border-radius: 50%; transition: background .2s ease, box-shadow .2s ease; }
    .nav-dropdown.open .dropdown-panel a, .nav-dropdown.is-hovered .dropdown-panel a { opacity: 1; transform: translateY(0); }
    .dropdown-panel a:nth-child(1) { transition-delay: .03s; } .dropdown-panel a:nth-child(2) { transition-delay: .06s; } .dropdown-panel a:nth-child(3) { transition-delay: .09s; } .dropdown-panel a:nth-child(4) { transition-delay: .12s; } .dropdown-panel a:nth-child(5) { transition-delay: .15s; } .dropdown-panel a:nth-child(6) { transition-delay: .18s; }
    .dropdown-panel a:hover, .dropdown-panel a:focus-visible, .dropdown-panel a.is-selected { background: rgba(255,255,255,.1); color: #fff; outline: none; }
    .dropdown-panel a:hover::before, .dropdown-panel a:focus-visible::before, .dropdown-panel a.is-selected::before { border-color: var(--msav-lime); background: var(--msav-lime); box-shadow: 0 0 8px rgba(212,255,44,.9); }
    .dropdown-visual { position: absolute; z-index: 0; inset: 0; overflow: hidden; border-radius: inherit; background: var(--preview-image, url('../home/concert-hero-background.webp')) center / cover no-repeat; }
    .dropdown-visual::before, .dropdown-visual::after { content: ""; position: absolute; transition: all .38s cubic-bezier(.16,1,.3,1); }
    .dropdown-visual::before { inset: 0; border: 0; border-radius: inherit; background: linear-gradient(135deg, rgba(212,255,44,.1), transparent 48%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
    .dropdown-visual i { display: none; }
    .nav-spacer { width: 48px; height: 48px; }
    .mobile-toggle { display: none; width: 48px; height: 48px; border: 0; border-radius: 50%; color: #fff; background: rgba(255,255,255,.01); box-shadow: inset 0 1px 1px rgba(255,255,255,.1); backdrop-filter: blur(4px); cursor: pointer; place-items: center; }
    .menu-icon, .menu-icon::before, .menu-icon::after { display: block; width: 18px; height: 1.5px; border-radius: 2px; background: currentColor; transition: transform .25s ease, opacity .2s ease; }
    .menu-icon { position: relative; }
    .menu-icon::before, .menu-icon::after { position: absolute; left: 0; content: ""; }
    .menu-icon::before { top: -6px; } .menu-icon::after { top: 6px; }
    .mobile-toggle[aria-expanded="true"] .menu-icon { background: transparent; }
    .mobile-toggle[aria-expanded="true"] .menu-icon::before { top: 0; transform: rotate(45deg); }
    .mobile-toggle[aria-expanded="true"] .menu-icon::after { top: 0; transform: rotate(-45deg); }
    @media (max-width: 1280px) { .nav { grid-template-columns: 132px 1fr; padding: 0 20px; } .mobile-toggle { display: grid; justify-self: end; } .nav-spacer { display: none; } .menu { position: absolute; top: 68px; right: 20px; left: 20px; display: none; width: auto; max-height: calc(100svh - 88px); padding: 8px; overflow-x: hidden; overflow-y: auto; flex-direction: column; align-items: stretch; gap: 2px; border: .65px solid rgba(255,255,255,.25); border-radius: 20px; background: rgba(14,17,24,.27); box-shadow: 0 18px 40px rgba(0,0,0,.2), inset 0 .65px 1px rgba(255,255,255,.26); backdrop-filter: blur(34px) saturate(155%); -webkit-backdrop-filter: blur(34px) saturate(155%); } .menu.open { display: flex; } .menu a { width: 100%; padding: 12px 14px; border-radius: 12px; } .menu .claim { justify-content: center; margin: 4px 0 0; padding: 12px 14px; border-radius: 12px; } .nav-dropdown { width: 100%; } .nav-dropdown > button { width: 100%; justify-content: space-between; padding: 12px 14px; border-radius: 12px; font-size: 14px; } .dropdown-panel { position: static; display: none; width: auto; min-width: 0; margin: 0 7px 4px; padding: 6px; transform: none; border-radius: 14px; background: rgba(255,255,255,.06); box-shadow: inset 0 .65px 1px rgba(255,255,255,.14); backdrop-filter: none; -webkit-backdrop-filter: none; opacity: 1; visibility: visible; pointer-events: auto; } .nav-dropdown.open .dropdown-panel { display: grid; transform: none; } .dropdown-panel::before { display: none; } .dropdown-hero { height: 132px; min-height: 132px; padding: 14px; border-radius: 10px; } .dropdown-links { padding: 0; } .dropdown-panel a { padding: 9px 10px 9px 28px; font-size: 13px; opacity: 1; transform: none; } }
    @media (max-width: 760px) { .dropdown-panel { max-height: none; margin: 0 3px 4px; padding: 4px; } .dropdown-hero { display: none; } .dropdown-links { gap: 0; } .dropdown-panel a { min-height: 36px; } }

    .msav-footer { padding-top: clamp(88px, 10vw, 154px); background: radial-gradient(ellipse at 10% 0%, rgba(213,31,49,.34), transparent 32%), radial-gradient(ellipse at 82% 84%, rgba(214,255,48,.08), transparent 23%), #070707; }
    .msav-footer-main { grid-template-columns: minmax(0, 1.08fr) minmax(410px, .92fr); gap: clamp(56px, 9vw, 168px); max-width: 1440px; margin: 0 auto; align-items: stretch; }
    .msav-footer-brand { display: flex; max-width: none; min-height: clamp(390px, 38vw, 560px); flex-direction: column; justify-content: space-between; }
    .msav-footer-brand img { filter: drop-shadow(0 16px 42px rgba(0,0,0,.36)); animation: msav-footer-wordmark-reveal .9s cubic-bezier(.16,1,.3,1) both; }
    @keyframes msav-footer-wordmark-reveal { from { opacity: 0; transform: translateY(28px) scale(.98); } to { opacity: .98; transform: translateY(0) scale(1); } }
    .msav-footer-logo { width: min(100%, 680px); line-height: 0; }
    .msav-footer-logo img { width: 100%; max-width: none; }
    .msav-footer-logo-av { clip-path: inset(0 0 0 54.5%); pointer-events: none; }
    .msav-footer-company { max-width: 460px; margin-top: clamp(32px, 4vw, 58px); }
    .msav-footer-company-name { font-size: clamp(18px, 1.55vw, 25px); font-weight: 620; line-height: 1.35; }
    .msav-footer-company-name span { margin-left: .15em; vertical-align: .16em; }
    .msav-footer-company-description { max-width: 400px; margin-top: 20px; color: rgba(255,255,255,.8); font-size: clamp(16px, 1.28vw, 19px); line-height: 1.35; letter-spacing: -.035em; }
    .msav-footer-side { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(54px, 6vw, 94px) clamp(30px, 4vw, 68px); align-content: end; padding-bottom: 2px; }
    .msav-footer-links { display: contents; margin: 0; }
    .msav-footer-links h3, .msav-footer-contact-block h3, .msav-footer-social-block h3 { margin: 0 0 18px; color: rgba(255,255,255,.48); font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 650; letter-spacing: .02em; text-transform: uppercase; }
    .msav-footer-links a { margin: 0 0 13px; color: #fff; font-size: 15px; font-weight: 550; }
    .msav-footer-contact-block p { max-width: 240px; color: rgba(255,255,255,.66); line-height: 1.48; letter-spacing: -.015em; }
    .msav-footer-contact-details { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 14px; }
    .msav-footer-contact-detail { display: inline-flex; align-items: center; width: fit-content; color: #fff; font-size: 14px; font-weight: 550; letter-spacing: -.018em; transition: color .22s ease, transform .22s ease; }
    .msav-footer-contact-detail span { width: auto; margin-right: 6px; color: inherit; font-size: 14px; line-height: 1; }
    .msav-footer-contact-detail:hover, .msav-footer-contact-detail:focus-visible { color: var(--msav-lime); outline: none; transform: translateX(3px); }
    .msav-footer-social { margin-top: 0; }
    .msav-footer-social a { border-color: rgba(255,255,255,.4); border-radius: 4px; }
    .msav-footer-bottom { max-width: 1440px; margin-right: auto; margin-left: auto; }
    @media (max-width: 860px) { .msav-footer-main { grid-template-columns: 1fr; } .msav-footer-brand { min-height: 290px; } .msav-footer-logo { width: min(82%, 580px); } .msav-footer-side { max-width: 680px; } }
    @media (max-width: 760px) { .msav-footer { padding: 78px 20px 23px; } .msav-footer-brand { min-height: 220px; } .msav-footer-logo { width: min(76%, 420px); } .msav-footer-company { margin-top: 32px; } .msav-footer-company-name { font-size: 20px; } .msav-footer-company-description { max-width: 340px; margin-top: 16px; font-size: 16px; } .msav-footer-side { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px 24px; } .msav-footer-links a { margin-bottom: 11px; font-size: 14px; } .msav-footer-contact-block p { font-size: 13px; } .msav-footer-bottom { margin-top: 66px; } }

    /* Final homepage chrome parity. */
    .liquid-glass { position: relative; overflow: hidden; background: rgba(255,255,255,.01); background-blend-mode: luminosity; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); box-shadow: inset 0 1px 1px rgba(255,255,255,.1); }
    .liquid-glass::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.4px; background: linear-gradient(180deg, rgba(255,255,255,.45) 0%, rgba(255,255,255,.15) 20%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,.15) 80%, rgba(255,255,255,.45) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
    .claim-arrow { display: none; }
    .claim-arrow svg { display: none; }
    .claim-arrow::before { content: "→"; font-size: 19px; font-weight: 500; line-height: 1; }
    .claim:hover .claim-arrow, .claim:focus-visible .claim-arrow { color: #fff; transform: translateX(2px); }
    @media (min-width: 1281px) { .menu a:not(.claim):hover, .menu a:not(.claim):focus-visible, .nav-dropdown > button:hover, .nav-dropdown > button:focus-visible { border-radius: 999px; background: rgba(255,255,255,.16); box-shadow: inset 0 1px 1px rgba(255,255,255,.34), 0 1px 10px rgba(0,0,0,.12); outline: none; } }

    .msav-footer, .msav-footer-main, .msav-footer-brand, .msav-footer-side, .msav-footer-bottom { position: relative; }
    .msav-footer { overflow: hidden; padding: clamp(88px, 10vw, 154px) clamp(22px, 7vw, 112px) 28px; background: radial-gradient(ellipse at 10% 0%, rgba(213,31,49,.34), transparent 32%), radial-gradient(ellipse at 82% 84%, rgba(214,255,48,.08), transparent 23%), #070707; color: #fff; }
    .msav-footer::before { content: ""; position: absolute; inset: 0; opacity: .13; background: radial-gradient(rgba(255,255,255,.11) .65px, transparent .8px); background-size: 5px 5px; mask-image: linear-gradient(155deg, black, transparent 75%); pointer-events: none; }
    .msav-footer-main { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(410px, .92fr); gap: clamp(56px, 9vw, 168px); align-items: stretch; max-width: 1440px; margin: 0 auto; }
    .msav-footer-brand { display: flex; max-width: none; min-height: clamp(390px, 38vw, 560px); flex-direction: column; justify-content: space-between; }
    .msav-footer-logo { position: relative; width: min(100%, 680px); line-height: 0; }
    .msav-footer-logo img { display: block; width: 100%; height: auto; max-width: none; }
    .msav-footer-logo-av { position: absolute; inset: 0; clip-path: inset(0 0 0 54.5%); filter: brightness(0) invert(1); pointer-events: none; }
    .msav-footer-company { max-width: 460px; margin-top: clamp(32px, 4vw, 58px); }
    .msav-footer-company-name { margin: 0; color: #fff; font-size: clamp(18px, 1.55vw, 25px); font-weight: 620; line-height: 1.35; letter-spacing: -.045em; }
    .msav-footer-company-name span { display: inline-block; margin-left: .15em; color: rgba(255,255,255,.62); font-family: 'Inter', sans-serif; font-size: .52em; font-weight: 600; letter-spacing: .025em; vertical-align: .16em; }
    .msav-footer-company-description { max-width: 400px; margin: 20px 0 0; color: rgba(255,255,255,.8); font-size: clamp(16px, 1.28vw, 19px); font-weight: 500; line-height: 1.35; letter-spacing: -.035em; }
    .msav-footer-side { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(54px, 6vw, 94px) clamp(30px, 4vw, 68px); align-content: end; padding-bottom: 2px; }
    .msav-footer-links { display: contents; margin: 0; }
    .msav-footer-links h3, .msav-footer-contact-block h3, .msav-footer-social-block h3 { margin: 0 0 18px; color: rgba(255,255,255,.48); font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 650; letter-spacing: .02em; text-transform: uppercase; }
    .msav-footer-links a { display: block; width: fit-content; margin: 0 0 13px; color: #fff; font-size: 15px; font-weight: 550; text-decoration: none; transition: color .22s ease, transform .22s ease; }
    .msav-footer-links a:hover, .msav-footer-links a:focus-visible { color: var(--msav-lime); transform: translateX(4px); outline: none; }
    .msav-footer-contact-block p { max-width: 240px; margin: 0; color: rgba(255,255,255,.66); font-size: 14px; line-height: 1.48; letter-spacing: -.015em; }
    .msav-footer-contact-details { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 14px; }
    .msav-footer-contact-detail { display: inline-flex; align-items: center; width: fit-content; color: #fff; font-size: 14px; font-weight: 550; letter-spacing: -.018em; text-decoration: none; transition: color .22s ease, transform .22s ease; }
    .msav-footer-contact-detail span { display: inline-block; width: auto; margin-right: 6px; color: inherit; font-size: 14px; line-height: 1; }
    .msav-footer-contact-detail:hover, .msav-footer-contact-detail:focus-visible { color: var(--msav-lime); outline: none; transform: translateX(3px); }
    .msav-footer-contact { display: inline-flex; align-items: center; gap: 12px; margin-top: 20px; padding: 12px 18px; border-radius: 999px; background: var(--msav-lime); color: #101010; font-size: 13px; font-weight: 800; text-decoration: none; transition: background .25s ease, color .25s ease, transform .25s ease; }
    .msav-footer-contact:hover, .msav-footer-contact:focus-visible { background: #fff; color: var(--msav-red); outline: none; transform: translateX(3px); }
    .msav-footer-social { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 0; }
    .msav-footer-social a { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid rgba(255,255,255,.4); border-radius: 4px; color: #fff; transition: color .25s ease, border-color .25s ease, background .25s ease, transform .25s cubic-bezier(.16,1,.3,1); }
    .msav-footer-social a:hover, .msav-footer-social a:focus-visible { border-color: var(--msav-lime); background: var(--msav-lime); color: #101010; outline: none; transform: translateY(-3px); }
    .msav-footer-social svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
    .msav-footer-bottom { display: flex; justify-content: space-between; gap: 24px; max-width: 1440px; margin: clamp(76px, 10vw, 156px) auto 0; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.48); font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 500; letter-spacing: .035em; text-transform: uppercase; }
    @media (max-width: 1180px) { .msav-hero-brand-art { width: min(100%, 560px); } }
    @media (max-width: 860px) { .msav-intro { grid-template-columns: 1fr; gap: 27px; width: min(calc(100% - 40px), 680px); margin-top: -68px; padding: 68px 42px 76px; } .msav-footer-main { grid-template-columns: 1fr; } .msav-footer-brand { min-height: 290px; } .msav-footer-logo { width: min(82%, 580px); } .msav-footer-side { max-width: 680px; } }
    @media (max-width: 760px) { .msav-intro { width: calc(100% - 40px); margin-top: -38px; padding: 54px 25px 62px; border-top-width: 5px; } .msav-intro h2 { font-size: clamp(38px, 11.2vw, 58px); } .msav-intro p { margin-top: 28px; } .msav-hero-brand-art { min-height: 202px; padding: 27px; } .msav-hero-brand-art p { margin-top: 20px; font-size: 9px; } .msav-footer { padding: 78px 20px 23px; } .msav-footer-brand { min-height: 220px; } .msav-footer-logo { width: min(76%, 420px); } .msav-footer-company { margin-top: 32px; } .msav-footer-company-name { font-size: 20px; } .msav-footer-company-description { max-width: 340px; margin-top: 16px; font-size: 16px; } .msav-footer-side { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 42px 24px; } .msav-footer-links a { margin-bottom: 11px; font-size: 14px; } .msav-footer-contact-block p { font-size: 13px; } .msav-footer-social a { width: 34px; height: 34px; } .msav-footer-bottom { margin-top: 66px; font-size: 9px; } }

    /* Alternate brand-canvas opening. */
    .msav-about-hero { min-height: min(860px, 100svh); align-items: center; padding-bottom: clamp(94px, 10vw, 154px); }
    .msav-about-hero::before { background: linear-gradient(90deg, rgba(6,6,8,.95), rgba(6,6,8,.72) 48%, rgba(6,6,8,.86)), linear-gradient(0deg, #070708 0%, transparent 50%), url('../home/concert-hero-background.webp') center / cover; }
    .msav-about-hero::after { background: radial-gradient(circle at 50% 44%, rgba(195,22,28,.42), transparent 27%), radial-gradient(circle at 72% 92%, rgba(214,255,48,.17), transparent 22%); }
    .msav-about-hero-grid { position: relative; display: block; width: min(100%, 1380px); text-align: center; }
    .msav-about-hero-grid > :first-child { position: relative; z-index: 2; }
    .msav-kicker { justify-content: center; margin-bottom: 24px; }
    .msav-about-hero h1 { max-width: 1120px; margin: 0 auto; }
    .msav-hero-brand-art { position: absolute; z-index: 1; inset: 50% auto auto 50%; display: grid; min-height: 0; width: min(85vw, 1120px); padding: 0; border: 0; background: none; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; opacity: .17; transform: translate(-50%, -50%); }
    .msav-hero-brand-art::before, .msav-hero-brand-art::after { display: none; }
    .msav-hero-brand-art img { width: 100%; filter: none; }
    .msav-hero-brand-art p { display: none; }
    .msav-hero-note { position: relative; z-index: 2; max-width: 470px; margin: clamp(46px, 6vw, 76px) auto 0; padding: 18px 0 0; border-top-color: rgba(214,255,48,.7); text-align: center; }
    .msav-intro { display: grid; grid-template-columns: minmax(170px, .42fr) minmax(0, 1.58fr); gap: clamp(36px, 8vw, 126px); width: 100%; margin: 0; padding: clamp(96px, 10vw, 154px) var(--msav-gutter); overflow: hidden; border-top: 1px solid rgba(255,255,255,.18); background: linear-gradient(145deg, #121114, #09090b 68%, #210507); box-shadow: none; color: #fff; }
    .msav-intro::before { right: -4%; width: min(42vw, 590px); background: radial-gradient(circle at 30% 40%, rgba(214,255,48,.22), transparent 12%), linear-gradient(135deg, rgba(195,22,28,.28), transparent 60%); clip-path: none; }
    .msav-intro::after { right: -1%; bottom: -10%; color: rgba(255,255,255,.035); }
    .msav-brand-rail { grid-column: 1 / -1; width: 100vw; margin: 0 calc(50% - 50vw) clamp(50px, 6vw, 86px); overflow: hidden; border-top: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(255,255,255,.16); color: var(--msav-lime); font-family: 'Fira Mono', monospace; font-size: clamp(10px, .88vw, 13px); font-weight: 600; letter-spacing: .12em; line-height: 1; white-space: nowrap; text-transform: uppercase; }
    .msav-brand-rail span { display: inline-block; padding: 16px 0; animation: msav-brand-rail 22s linear infinite; }
    @keyframes msav-brand-rail { from { transform: translateX(0); } to { transform: translateX(-100%); } }
    .msav-intro-label { margin-top: 8px; color: var(--msav-lime); }
    .msav-intro h2 { max-width: 970px; color: #fff; }
    .msav-intro h2 span { color: rgba(255,255,255,.46); }
    .msav-intro p { color: rgba(255,255,255,.68); }
    @media (max-width: 860px) { .msav-intro { grid-template-columns: 1fr; width: 100%; margin: 0; padding: 78px 20px 84px; } .msav-brand-rail { width: calc(100% + 40px); margin: 0 -20px 52px; } }
    @media (max-width: 760px) { .msav-about-hero { min-height: 720px; } .msav-about-hero h1 { font-size: clamp(50px, 13.8vw, 70px); } .msav-hero-brand-art { width: 115vw; opacity: .14; } .msav-hero-note { max-width: 320px; margin-top: 42px; } .msav-intro { padding: 64px 20px 74px; border-top-color: rgba(214,255,48,.38); } .msav-brand-rail { margin-bottom: 43px; font-size: 9px; } }

    /* Red editorial hero. */
    .msav-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
    .msav-about-hero { display: block; min-height: min(920px, 100svh); padding: clamp(126px, 13vw, 168px) clamp(18px, 3vw, 42px) 28px; background: var(--msav-red); }
    .msav-about-hero::before { display: none; }
    .msav-about-hero::after { z-index: 0; background: radial-gradient(circle at 50% 46%, rgba(255,255,255,.13), transparent 33%), radial-gradient(circle at 15% 88%, rgba(122,0,9,.22), transparent 28%); mix-blend-mode: normal; opacity: 1; }
    .brand img { filter: drop-shadow(0 2px 7px rgba(0,0,0,.32)); }
    .msav-hero-microcopy { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: start; max-width: 1440px; margin: 0 auto clamp(36px, 5vw, 78px); color: #130608; font-size: clamp(8px, .72vw, 11px); font-weight: 700; letter-spacing: .025em; line-height: 1.1; text-transform: uppercase; }
    .msav-hero-microcopy span:nth-child(2) { text-align: center; } .msav-hero-microcopy span:last-child { text-align: right; }
    .msav-hero-editorial { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .82fr) minmax(320px, 1fr) minmax(0, .82fr); gap: clamp(20px, 3.5vw, 62px); align-items: center; width: min(100%, 1380px); margin: 0 auto; }
    .msav-hero-clip { position: relative; aspect-ratio: 1.18 / 1; margin: 0; overflow: hidden; background: #110304; box-shadow: 0 18px 44px rgba(78,0,7,.28); }
    .msav-hero-clip::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(0,0,0,.24); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07); pointer-events: none; }
    .msav-hero-clip img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.14) brightness(.88); }
    .msav-hero-clip-led img { object-position: 31% center; }
    .msav-hero-clip-sound img { object-position: 72% center; }
    .msav-hero-lockup { position: relative; display: grid; min-height: min(31vw, 435px); place-items: center; text-align: center; }
    .msav-hero-lockup img { position: relative; z-index: 2; width: min(74%, 410px); filter: drop-shadow(0 15px 18px rgba(86,0,8,.22)); }
    .msav-hero-lockup p { position: absolute; z-index: 3; bottom: 1%; margin: 0; color: #140708; font-family: 'Fira Mono', monospace; font-size: clamp(9px, .9vw, 13px); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
    .msav-hero-ring { position: absolute; width: min(100%, 430px); overflow: visible; animation: msav-hero-ring-turn 24s linear infinite; }
    .msav-hero-ring text { fill: #170709; font-family: 'Fira Mono', monospace; font-size: 13px; font-weight: 700; letter-spacing: 2.9px; text-transform: uppercase; }
    @keyframes msav-hero-ring-turn { to { transform: rotate(360deg); } }
    .msav-hero-bottomcopy { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr minmax(280px, 480px) 1fr; gap: 24px; align-items: end; max-width: 1440px; margin: clamp(36px, 5vw, 76px) auto 0; color: #150708; }
    .msav-hero-bottomcopy span { font-family: 'Fira Mono', monospace; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; } .msav-hero-bottomcopy span:last-child { text-align: right; }
    .msav-hero-bottomcopy p { margin: 0; color: var(--msav-lime); text-align: center; font-size: clamp(13px, 1.2vw, 16px); font-weight: 700; line-height: 1.35; text-shadow: 0 1px 0 rgba(0,0,0,.18); }
    @media (max-width: 860px) { .msav-about-hero { min-height: auto; padding-top: 128px; } .msav-hero-editorial { grid-template-columns: minmax(0, 1fr) minmax(250px, .85fr) minmax(0, 1fr); gap: 18px; } .msav-hero-lockup { min-height: 270px; } .msav-hero-bottomcopy { grid-template-columns: 1fr; gap: 14px; text-align: center; } .msav-hero-bottomcopy span, .msav-hero-bottomcopy span:last-child { text-align: center; } }
    @media (max-width: 620px) { .msav-about-hero { padding: 112px 20px 34px; } .msav-hero-microcopy { grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 35px; font-size: 8px; } .msav-hero-microcopy span:nth-child(2) { display: none; } .msav-hero-microcopy span:last-child { text-align: right; } .msav-hero-editorial { grid-template-columns: 1fr 1fr; gap: 10px; } .msav-hero-lockup { grid-column: 1 / -1; grid-row: 1; min-height: 225px; } .msav-hero-lockup img { width: min(68%, 290px); } .msav-hero-ring { width: min(88vw, 330px); } .msav-hero-ring text { font-size: 11px; letter-spacing: 2.35px; } .msav-hero-lockup p { bottom: 0; font-size: 8px; } .msav-hero-clip { aspect-ratio: 1 / 1.04; } .msav-hero-clip-led { grid-column: 1; grid-row: 2; } .msav-hero-clip-sound { grid-column: 2; grid-row: 2; } .msav-hero-bottomcopy { margin-top: 32px; } .msav-hero-bottomcopy span { display: none; } .msav-hero-bottomcopy p { max-width: 310px; margin: 0 auto; font-size: 13px; } }

    .msav-hero-lockup p { color: var(--msav-lime); text-shadow: 0 1px 0 rgba(0,0,0,.2); }
    .msav-hero-bottomcopy p { color: #fff; }
    @media (max-width: 620px) { .msav-hero-editorial { grid-template-columns: 1fr; gap: 14px; } .msav-hero-lockup { grid-column: auto; grid-row: auto; min-height: 235px; } .msav-hero-lockup img { width: min(64%, 290px); } .msav-hero-clip { aspect-ratio: 1.55 / 1; } .msav-hero-clip-led, .msav-hero-clip-sound { grid-column: auto; grid-row: auto; } .msav-hero-bottomcopy { margin-top: 34px; } }

    .msav-hero-clip { width: 100%; aspect-ratio: 16 / 9; }
    .msav-hero-clip::after { z-index: 2; }
    @media (max-width: 620px) { .msav-hero-editorial { display: block; } .msav-hero-clip { display: none; } .msav-hero-lockup { min-height: 250px; } }

    .msav-about-hero { padding-right: 0; padding-left: 0; }
    .msav-hero-microcopy { max-width: none; padding: 0 clamp(18px, 3vw, 42px); }
    .msav-hero-editorial { grid-template-columns: 1fr minmax(310px, .86fr) 1fr; gap: 0; width: 100%; max-width: none; height: clamp(250px, 22vw, 365px); }
    .msav-hero-clip { height: 100%; aspect-ratio: auto; box-shadow: none; }
    .msav-hero-clip::before { display: none; }
    .msav-hero-clip::after { display: none; }
    .msav-hero-lockup { min-height: 0; height: 100%; }
    .msav-hero-lockup img { width: min(72%, 350px); }
    .msav-hero-ring { width: min(88%, 355px); }
    .msav-hero-bottomcopy { max-width: none; padding: 0 clamp(18px, 3vw, 42px); }
    @media (max-width: 860px) { .msav-hero-editorial { grid-template-columns: 1fr minmax(250px, .76fr) 1fr; height: clamp(210px, 30vw, 290px); } .msav-hero-lockup img { width: min(70%, 260px); } .msav-hero-ring { width: min(94%, 285px); } }
    @media (max-width: 620px) { .msav-about-hero { padding-right: 20px; padding-left: 20px; } .msav-hero-microcopy, .msav-hero-bottomcopy { padding: 0; } .msav-hero-editorial { display: block; width: 100%; height: auto; } .msav-hero-lockup { min-height: 250px; } .msav-hero-clip { display: none; } }

    @media (max-width: 620px) { .msav-hero-lockup { min-height: 292px; padding-bottom: 44px; } .msav-hero-lockup p { z-index: 5; bottom: 12px; left: 50%; width: max-content; max-width: calc(100% - 24px); padding: 5px 8px; overflow: hidden; background: var(--msav-red); font-size: 9px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; transform: translateX(-50%); } .msav-hero-lockup img { transform: translateY(-11px); } }

    @media (max-width: 620px) { .msav-hero-lockup { display: grid; width: 100%; min-height: 306px; place-items: center; } .msav-hero-ring { top: 18px; right: 0; left: 0; width: min(56vw, 220px); margin: 0 auto; } .msav-hero-ring text { font-size: 9px; letter-spacing: 2px; } .msav-hero-lockup img { display: block; width: min(58vw, 250px); margin: 0 auto; transform: translateY(-8px); } .msav-hero-lockup p { bottom: 14px; } }

    .dropdown-panel { width: 570px; }
    .dropdown-links { max-height: min(58vh, 436px); overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(214,255,48,.72) transparent; }
    .dropdown-links::-webkit-scrollbar { width: 5px; } .dropdown-links::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(214,255,48,.72); }
    @media (max-width: 620px) { .msav-hero-lockup { min-height: 326px; } .msav-hero-ring { top: 14px; width: min(63vw, 248px); } .msav-hero-ring text { font-size: 10px; letter-spacing: 2.15px; } .msav-hero-lockup img { width: min(57vw, 245px); } .dropdown-links { max-height: none; overflow: visible; } }

    /* Full-screen editorial story slideshow. */
    .msav-intro { position: relative; isolation: isolate; display: grid; width: 100%; min-height: min(820px, 100svh); margin: 0; padding: clamp(104px, 11vw, 162px) 0 clamp(36px, 4vw, 64px); overflow: hidden; border: 0; background: #08090a; box-shadow: none; color: #fff; }
    .msav-intro::before, .msav-intro::after { display: none; }
    .msav-story-slides { position: absolute; z-index: -2; inset: 0; background: #050506; }
    .msav-story-slide { position: absolute; inset: 0; margin: 0; opacity: 0; transform: scale(1.045); transition: opacity .9s ease, transform 5.2s cubic-bezier(.16,1,.3,1); }
    .msav-story-slide.is-active { opacity: 1; transform: scale(1); }
    .msav-story-slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,5,6,.82) 0%, rgba(4,5,6,.61) 42%, rgba(4,5,6,.22) 100%), linear-gradient(0deg, rgba(4,5,6,.76), transparent 58%); }
    .msav-story-slide img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.15) brightness(.72); }
    .msav-story-slide:nth-child(1) img { object-position: 42% center; }
    .msav-story-slide:nth-child(2) img { object-position: 70% center; }
    .msav-story-slide:nth-child(3) img { object-position: 52% center; }
    .msav-story-slide:nth-child(4) img, .msav-story-slide:nth-child(5) img, .msav-story-slide:nth-child(6) img { object-position: 62% center; }
    .msav-intro-inner { position: relative; z-index: 1; display: grid; grid-template-rows: auto 1fr auto; width: min(100% - clamp(40px, 8vw, 128px), 1380px); height: 100%; margin: 0 auto; }
    .msav-intro-label { margin: 0; color: rgba(255,255,255,.7); font-size: 11px; }
    .msav-intro-label::before { background: currentColor; }
    .msav-intro-copy { align-self: center; max-width: 980px; padding: clamp(54px, 9vw, 132px) 0; }
    .msav-intro h2 { max-width: min(11.5ch, 940px); margin: 0; color: #d51f31; font-size: clamp(54px, 7.1vw, 88px); font-weight: 560; line-height: .94; letter-spacing: -.045em; text-wrap: balance; }
    .msav-intro p { max-width: 42ch; margin: clamp(20px, 2.2vw, 30px) 0 0; color: rgba(255,255,255,.88); font-size: clamp(15px, 1.15vw, 17px); font-weight: 450; line-height: 1.58; letter-spacing: -.01em; }
    .msav-story-gallery { align-self: end; width: min(100%, 720px); }
    .msav-story-gallery-meta { display: grid; grid-template-columns: 1fr auto auto; gap: 18px; align-items: baseline; margin: 0 0 13px; color: rgba(255,255,255,.62); font-family: 'Fira Mono', monospace; font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
    .msav-story-gallery-meta strong { color: #fff; font-size: 11px; font-weight: 700; }
    .msav-story-gallery-meta span:last-child { color: var(--msav-lime); }
    .msav-story-thumbnails { width: calc(100% + 112px); overflow: hidden; -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 38px), transparent 100%); mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 38px), transparent 100%); }
    .msav-story-thumbnail-track { display: flex; gap: 12px; width: max-content; transition: transform .7s cubic-bezier(.16,1,.3,1); will-change: transform; }
    .msav-story-thumbnail { position: relative; display: block; flex: 0 0 clamp(152px, 20vw, 228px); height: clamp(68px, 7.8vw, 112px); padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.28); background: #090a0b; cursor: pointer; opacity: .56; transition: opacity .35s ease, border-color .35s ease; }
    .msav-story-thumbnail.is-active { border-color: var(--msav-lime); opacity: 1; }
    .msav-story-thumbnail.is-loop-clone { pointer-events: none; }
    .msav-story-thumbnail:focus-visible { border-color: var(--msav-lime); outline: 2px solid #fff; outline-offset: 3px; }
    .msav-story-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.15) brightness(.86); }
    .msav-story-thumbnail:nth-child(1) img { object-position: 42% center; } .msav-story-thumbnail:nth-child(2) img { object-position: 70% center; } .msav-story-thumbnail:nth-child(3) img { object-position: 52% center; } .msav-story-thumbnail:nth-child(n+4) img { object-position: 62% center; }
    @media (max-width: 760px) { .msav-intro { min-height: 620px; padding: 92px 0 28px; } .msav-intro-inner { width: calc(100% - 40px); } .msav-intro-copy { align-self: center; padding: 46px 0; } .msav-intro h2 { max-width: 10.5ch; font-size: clamp(46px, 12.8vw, 64px); font-weight: 560; line-height: .95; letter-spacing: -.04em; } .msav-intro p { max-width: 31ch; margin-top: 18px; font-size: 15px; font-weight: 450; line-height: 1.55; } .msav-story-gallery-meta { display: grid; grid-template-areas: "partner partner" "caption count"; grid-template-columns: 1fr auto; gap: 4px 12px; width: 100%; margin-bottom: 10px; font-size: 8px; white-space: nowrap; } .msav-story-gallery-meta > span:first-child { grid-area: partner; display: block; } .msav-story-gallery-meta strong { grid-area: caption; display: block; margin: 0; font-size: 9px; white-space: nowrap; } .msav-story-gallery-meta > span:last-child { grid-area: count; position: static; display: block !important; color: var(--msav-lime); font-size: 10px; font-weight: 800; line-height: 1; text-shadow: 0 0 8px rgba(214,255,48,.82), 0 0 18px rgba(214,255,48,.38); white-space: nowrap; } .msav-story-thumbnails { position: relative; width: calc(100% + 44px); min-height: 66px; -webkit-mask-image: none; mask-image: none; } .msav-story-thumbnails::after { content: ""; position: absolute; z-index: 2; top: 0; right: 0; width: 24px; height: 100%; background: linear-gradient(90deg, transparent, rgba(4,5,6,.94)); pointer-events: none; } .msav-story-thumbnail-track { gap: 8px; } .msav-story-thumbnail { flex-basis: calc((100vw - 56px) / 3); height: 66px; } .msav-story-slide::after { background: linear-gradient(90deg, rgba(4,5,6,.83), rgba(4,5,6,.49)), linear-gradient(0deg, rgba(4,5,6,.78), transparent 64%); } }

    .msav-story-mobile-count { display: none; }
    @media (max-width: 760px) { .msav-story-gallery-meta strong { display: flex; align-items: center; gap: 12px; } .msav-story-mobile-count { display: inline-block; color: var(--msav-lime); font-family: 'Fira Mono', monospace; font-size: 10px; font-weight: 800; letter-spacing: .1em; line-height: 1; } .msav-story-gallery-meta > .msav-story-desktop-count { display: none !important; } }

    /* Mission and vision folders. */
    .msav-mv { display: block; min-height: 0; padding: clamp(96px, 11vw, 160px) var(--msav-gutter); background: #08090a; }
    .msav-mv-shell { width: min(100%, 1280px); margin: 0 auto; }
    .msav-mv-tabs { position: relative; z-index: 2; display: flex; gap: 5px; align-items: end; }
    .msav-folder-tab { position: relative; min-width: min(34vw, 310px); padding: 23px clamp(24px, 3vw, 42px) 22px; border: 0; border-radius: 12px 12px 0 0; background: #17181a; color: rgba(255,255,255,.68); cursor: pointer; font: inherit; text-align: left; transition: background .35s ease, color .35s ease, transform .35s cubic-bezier(.16,1,.3,1); }
    .msav-folder-tab::before { content: ""; position: absolute; top: -12px; left: 0; width: 42%; height: 14px; border-radius: 10px 10px 0 0; background: inherit; }
    .msav-folder-tab span { display: block; margin-bottom: 8px; font-family: 'Fira Mono', monospace; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .msav-folder-tab strong { display: block; font-size: clamp(20px, 2vw, 30px); font-weight: 650; letter-spacing: -.045em; }
    .msav-folder-tab.is-active { background: var(--msav-red); color: #fff; transform: translateY(-4px); }
    .msav-folder-tab:focus-visible { outline: 2px solid var(--msav-lime); outline-offset: 4px; }
    .msav-mv-panels { position: relative; overflow: hidden; min-height: clamp(410px, 39vw, 535px); border-top: 1px solid rgba(255,255,255,.16); background: #c3161c; }
    .msav-mv-panel { position: relative; display: none; min-height: inherit; padding: clamp(54px, 7vw, 102px); overflow: hidden; background: var(--msav-red); color: #fff; }
    .msav-mv-panel.is-active { display: grid; grid-template-columns: minmax(160px, .42fr) minmax(0, 1.4fr); gap: clamp(35px, 8vw, 130px); align-items: start; animation: msav-folder-open .5s cubic-bezier(.16,1,.3,1) both; }
    .msav-mv-panel::before { content: ""; position: absolute; z-index: 0; top: -20%; right: -8%; width: min(45vw, 610px); aspect-ratio: 1; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 56px rgba(255,255,255,.045), 0 0 0 112px rgba(255,255,255,.03); }
    .msav-mv-panel > * { position: relative; z-index: 1; }
    .msav-mv-panel > p { margin: 8px 0 0; color: var(--msav-lime); font-family: 'Fira Mono', monospace; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .msav-mv-panel h3 { max-width: 740px; margin: 0; color: #fff; font-size: clamp(48px, 6.8vw, 88px); font-weight: 650; line-height: .88; letter-spacing: -.075em; }
    .msav-mv-panel h3 span { color: var(--msav-lime); }
    .msav-mv-panel .msav-mv-copy { max-width: 500px; margin: clamp(24px, 3vw, 38px) 0 0; color: rgba(255,255,255,.9); font-size: clamp(16px, 1.35vw, 20px); font-weight: 600; line-height: 1.45; }
    @keyframes msav-folder-open { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
    @media (max-width: 760px) { .msav-mv { padding: 84px 20px; } .msav-mv-tabs { gap: 3px; } .msav-folder-tab { min-width: 0; flex: 1; padding: 16px 14px 15px; border-radius: 9px 9px 0 0; } .msav-folder-tab::before { top: -8px; height: 9px; } .msav-folder-tab span { margin-bottom: 5px; font-size: 7px; } .msav-folder-tab strong { font-size: 18px; } .msav-mv-panels { min-height: 420px; } .msav-mv-panel { padding: 48px 25px 55px; } .msav-mv-panel.is-active { grid-template-columns: 1fr; gap: 34px; } .msav-mv-panel h3 { max-width: 360px; font-size: clamp(47px, 13.2vw, 62px); } .msav-mv-panel .msav-mv-copy { margin-top: 22px; font-size: 16px; } }

    /* Scroll-led MSAV process. */
    .msav-process-journey { --msav-process-progress: 0%; position: relative; height: 420vh; overflow: clip; background: #08090a; color: #fff; }
    .msav-process-sticky { position: sticky; top: 0; display: grid; grid-template-columns: minmax(180px, .38fr) minmax(0, 1.62fr); grid-template-rows: auto 1fr auto; gap: clamp(42px, 6vw, 92px); min-height: 100svh; padding: clamp(106px, 11vw, 160px) var(--msav-gutter) clamp(52px, 5vw, 76px); }
    .msav-process-heading { display: contents; }
    .msav-process-heading > p { grid-column: 1; margin: 8px 0 0; color: var(--msav-lime); font-family: 'Fira Mono', monospace; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .msav-process-heading > div { grid-column: 2; }
    .msav-process-heading h2 { max-width: 960px; margin: 0; font-size: clamp(56px, 7.5vw, 88px); font-weight: 600; line-height: .86; letter-spacing: -.085em; }
    .msav-process-heading div > p { max-width: 310px; margin: 22px 0 0; color: rgba(255,255,255,.56); font-size: clamp(15px, 1.2vw, 18px); font-weight: 500; line-height: 1.35; }
    .msav-process-nav { grid-column: 1; align-self: center; margin: 0; padding: 0; list-style: none; }
    .msav-process-nav button { display: grid; grid-template-columns: 36px 1fr; gap: 13px; width: 100%; padding: 13px 0; border: 0; background: none; color: rgba(255,255,255,.3); cursor: pointer; font: inherit; text-align: left; transition: color .35s ease; }
    .msav-process-nav button > span { font-family: 'Fira Mono', monospace; font-size: 10px; font-weight: 700; letter-spacing: .08em; }
    .msav-process-nav strong { font-size: clamp(16px, 1.45vw, 21px); font-weight: 600; letter-spacing: -.03em; }
    .msav-process-nav button.is-active { color: var(--msav-lime); }
    .msav-process-nav button:focus-visible { outline: 2px solid var(--msav-lime); outline-offset: 4px; }
    .msav-process-stage { position: relative; grid-column: 2; align-self: center; min-height: 310px; }
    .msav-process-panel { position: absolute; inset: 0; display: grid; align-content: center; max-width: 760px; opacity: 0; pointer-events: none; transform: translateY(28px); transition: opacity .45s ease, transform .58s cubic-bezier(.16,1,.3,1); }
    .msav-process-panel.is-active { opacity: 1; pointer-events: auto; transform: none; }
    .msav-process-panel > span { display: block; margin-bottom: 28px; color: var(--msav-red); font-family: 'Fira Mono', monospace; font-size: clamp(12px, 1vw, 15px); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
    .msav-process-panel h3 { max-width: 680px; margin: 0; font-size: clamp(48px, 6vw, 88px); font-weight: 600; line-height: .88; letter-spacing: -.075em; }
    .msav-process-panel h3 span { color: #d51f31; }
    .msav-process-panel p { max-width: 470px; margin: 27px 0 0; color: rgba(255,255,255,.72); font-size: clamp(16px, 1.35vw, 20px); font-weight: 500; line-height: 1.46; }
    .msav-process-timeline { grid-column: 2; position: relative; height: 18px; border-top: 1px solid rgba(255,255,255,.25); }
    .msav-process-timeline::before { content: ""; position: absolute; top: -1px; left: 0; width: var(--msav-process-progress); height: 2px; background: var(--msav-lime); transition: width .18s linear; }
    .msav-process-timeline::after { content: ""; position: absolute; top: -5px; left: calc(var(--msav-process-progress) - 4px); width: 8px; height: 8px; border-radius: 50%; background: var(--msav-lime); box-shadow: 0 0 14px rgba(214,255,48,.7); transition: left .18s linear; }
    .msav-process-timeline span { position: absolute; top: -11px; color: rgba(255,255,255,.64); font-size: 22px; font-weight: 300; line-height: 1; } .msav-process-timeline span:last-child { right: -1px; }
    @media (max-width: 760px) { .msav-process-journey { height: auto; overflow: visible; } .msav-process-sticky { position: static; display: block; min-height: 0; padding: 88px 20px; } .msav-process-heading > p { margin: 0; } .msav-process-heading > div { margin-top: 30px; } .msav-process-heading h2 { font-size: clamp(48px, 13vw, 66px); } .msav-process-heading div > p { margin-top: 18px; } .msav-process-nav, .msav-process-timeline { display: none; } .msav-process-stage { min-height: 0; margin-top: 58px; } .msav-process-panel { position: relative; display: block; max-width: none; padding: 0 0 43px; margin: 0 0 42px; border-bottom: 1px solid rgba(255,255,255,.2); opacity: 1; pointer-events: auto; transform: none; } .msav-process-panel:last-child { margin-bottom: 0; } .msav-process-panel > span { margin-bottom: 17px; font-size: 10px; } .msav-process-panel h3 { font-size: clamp(43px, 11.8vw, 58px); } .msav-process-panel p { margin-top: 19px; font-size: 16px; } }

    .msav-process-panel > span { color: #d51f31; }
    .msav-process-panel h3 { max-width: 620px; font-size: clamp(44px, 5.35vw, 78px); line-height: .91; }
    @media (max-width: 760px) { .msav-process-nav { display: block; margin: 48px 0 0; border-top: 1px solid rgba(255,255,255,.2); } .msav-process-nav li { border-bottom: 1px solid rgba(255,255,255,.2); } .msav-process-nav button { grid-template-columns: 32px 1fr; gap: 12px; padding: 17px 0; color: rgba(255,255,255,.54); } .msav-process-nav button.is-active { color: var(--msav-lime); } .msav-process-stage { min-height: 0; margin-top: 0; } .msav-process-panel { display: none; padding: 32px 0 39px 44px; margin: 0; border-bottom: 1px solid rgba(255,255,255,.2); } .msav-process-panel.is-active { display: block; } .msav-process-panel > span { margin-bottom: 14px; font-size: 9px; } .msav-process-panel h3 { max-width: 330px; font-size: clamp(36px, 9.8vw, 47px); line-height: .92; } .msav-process-panel p { max-width: 310px; margin-top: 17px; font-size: 15px; } }
    @media (max-width: 760px) { .msav-process-stage { display: none; } .msav-process-nav li { transition: background .28s ease, border-color .28s ease; } .msav-process-nav li.is-open { background: #111214; border-bottom-color: transparent; } .msav-process-nav li.is-open button { padding: 18px 16px; color: var(--msav-lime); } .msav-process-nav li .msav-process-panel { padding: 17px 18px 33px 60px; border: 0; border-top: 1px solid rgba(255,255,255,.12); background: #111214; } .msav-process-nav li .msav-process-panel > span { margin-bottom: 13px; } }

    /* Mission and vision cinematic reel. */
    .msav-mv { display: block; min-height: 0; padding: clamp(92px, 10vw, 148px) var(--msav-gutter); background: #090a0b; }
    .msav-mv-shell { width: min(100%, 1320px); }
    .msav-mv-heading { display: grid; grid-template-columns: minmax(160px, .38fr) minmax(0, 1.62fr); gap: clamp(32px, 6vw, 92px); margin-bottom: clamp(42px, 5vw, 72px); }
    .msav-mv-heading > p { margin: 8px 0 0; color: var(--msav-lime); font-family: 'Fira Mono', monospace; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .msav-mv-heading h2 { max-width: 700px; margin: 0; color: #fff; font-size: clamp(48px, 6.4vw, 88px); font-weight: 600; line-height: .88; letter-spacing: -.075em; }
    .msav-mv-heading h2 span { color: #d51f31; }
    .msav-mv-tabs { gap: 6px; margin-bottom: 0; }
    .msav-folder-tab { min-width: 0; padding: 15px 25px 14px; border: 1px solid rgba(255,255,255,.18); border-radius: 0; background: #151618; color: rgba(255,255,255,.66); }
    .msav-folder-tab::before { display: none; }
    .msav-folder-tab span { margin: 0 0 4px; font-size: 8px; }
    .msav-folder-tab strong { font-size: clamp(16px, 1.5vw, 21px); }
    .msav-folder-tab.is-active { border-color: var(--msav-red); background: var(--msav-red); color: #fff; transform: none; }
    .msav-mv-stage { display: grid; grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr); min-height: clamp(470px, 40vw, 600px); border: 1px solid rgba(255,255,255,.16); }
    .msav-mv-reel { position: relative; overflow: hidden; background: #101113; }
    .msav-mv-reel::before { content: ""; position: absolute; z-index: 3; inset: 0; background-image: radial-gradient(rgba(255,255,255,.78) .75px, transparent .85px); background-size: 4px 4px; mix-blend-mode: overlay; opacity: .58; pointer-events: none; }
    .msav-mv-reel::after { content: ""; position: absolute; z-index: 4; inset: 0; background: linear-gradient(90deg, rgba(5,6,7,.1), rgba(5,6,7,.54)), linear-gradient(0deg, rgba(5,6,7,.66), transparent 58%); pointer-events: none; }
    .msav-mv-frame { position: absolute; inset: 0; margin: 0; opacity: 0; animation: msav-mv-reel-loop 15s infinite; }
    .msav-mv-frame:nth-child(1) { animation-delay: 0s; } .msav-mv-frame:nth-child(2) { animation-delay: 5s; } .msav-mv-frame:nth-child(3) { animation-delay: 10s; }
    .msav-mv-frame img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.25) brightness(.72); transition: filter .65s ease, transform 1.2s cubic-bezier(.16,1,.3,1); animation: msav-mv-reel-drift 5s ease-in-out infinite alternate; }
    .msav-mv-frame:nth-child(1) img { object-position: 42% center; } .msav-mv-frame:nth-child(2) img { object-position: 68% center; } .msav-mv-frame:nth-child(3) img { object-position: 58% center; }
    .msav-mv-reel-mark { position: absolute; z-index: 5; right: 22px; bottom: 19px; margin: 0; color: rgba(255,255,255,.72); font-family: 'Fira Mono', monospace; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .msav-mv-reel-mark::before { content: ""; display: inline-block; width: 28px; height: 1px; margin: 0 9px 3px 0; background: var(--msav-lime); }
    .msav-mv-panels { min-height: 0; border: 0; background: #111214; }
    .msav-mv-panel { min-height: 100%; padding: clamp(44px, 5.6vw, 78px); background: #111214; }
    .msav-mv-panel.is-active { display: flex; flex-direction: column; justify-content: space-between; gap: 48px; animation: msav-mv-panel-in .5s cubic-bezier(.16,1,.3,1) both; }
    .msav-mv-panel::before { display: none; }
    .msav-mv-panel > p { margin: 0; color: #d51f31; }
    .msav-mv-panel h3 { max-width: 620px; font-size: clamp(44px, 5.3vw, 76px); line-height: .9; }
    .msav-mv-panel .msav-mv-copy { max-width: 450px; margin-top: 26px; }
    @keyframes msav-mv-reel-loop { 0%, 28% { opacity: 1; } 33%, 100% { opacity: 0; } }
    @keyframes msav-mv-reel-drift { from { transform: translate3d(-2%, 0, 0); } to { transform: translate3d(2%, -1%, 0); } }
    @keyframes msav-mv-panel-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
    @media (hover: hover) and (pointer: fine) { .msav-mv-reel:hover .msav-mv-frame img { filter: grayscale(0) contrast(1.08) brightness(.9); animation-play-state: paused; transform: translate3d(0, 0, 0); } }
    @media (max-width: 640px) { .msav-mv { padding: 84px 20px; } .msav-mv-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 36px; } .msav-mv-heading > p { margin: 0; } .msav-mv-heading h2 { font-size: clamp(46px, 12.8vw, 64px); } .msav-mv-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; } .msav-folder-tab { padding: 13px 14px; } .msav-folder-tab strong { font-size: 16px; } .msav-mv-stage { grid-template-columns: 1fr; min-height: 0; } .msav-mv-reel { min-height: 230px; } .msav-mv-panels { min-height: 350px; } .msav-mv-panel { min-height: 350px; padding: 38px 25px 42px; } .msav-mv-panel.is-active { gap: 34px; } .msav-mv-panel h3 { max-width: 340px; font-size: clamp(43px, 11.7vw, 56px); } .msav-mv-panel .msav-mv-copy { margin-top: 21px; font-size: 16px; } }

    /* Desktop and tablet show both beliefs together; mobile retains one focused panel. */
    .msav-mv-heading h2 span, .msav-mv-stage .msav-mv-panel h3 span { color: #fff; }
    .msav-mv-tabs { display: none; }
    .msav-mv-stage { grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 0; gap: 14px; border: 0; }
    .msav-mv-panel, .msav-mv-panel.is-active { display: grid; grid-template-rows: minmax(260px, .82fr) minmax(310px, 1fr); min-height: clamp(590px, 49vw, 690px); padding: 0; border: 1px solid rgba(255,255,255,.15); background: #111214; }
    .msav-mv-card-media { position: relative; overflow: hidden; background: #090a0b; }
    .msav-mv-card-media::before { content: ""; position: absolute; z-index: 2; inset: 0; background-image: radial-gradient(rgba(255,255,255,.76) .75px, transparent .85px); background-size: 4px 4px; mix-blend-mode: overlay; opacity: .58; pointer-events: none; }
    .msav-mv-card-media::after { content: ""; position: absolute; z-index: 3; inset: 0; background: linear-gradient(0deg, rgba(5,6,7,.7), transparent 56%); pointer-events: none; }
    .msav-mv-card-media img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.2) brightness(.74); animation: msav-mv-card-pan 9s ease-in-out infinite alternate; transition: filter .65s ease, transform 1.1s cubic-bezier(.16,1,.3,1); }
    .msav-mv-panel:nth-child(1) .msav-mv-card-media img { object-position: 42% center; }
    .msav-mv-panel:nth-child(2) .msav-mv-card-media img { object-position: 60% center; animation-delay: -3s; }
    .msav-mv-card-media p { position: absolute; z-index: 4; right: 21px; bottom: 16px; margin: 0; color: rgba(255,255,255,.76); font-family: 'Fira Mono', monospace; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .msav-mv-card-media p::before { content: ""; display: inline-block; width: 26px; height: 1px; margin: 0 8px 3px 0; background: var(--msav-red); }
    .msav-mv-panel-body { display: flex; flex-direction: column; justify-content: space-between; gap: 38px; padding: clamp(33px, 4vw, 58px); }
    .msav-mv-panel-body > p { margin: 0; color: #d51f31; font-family: 'Fira Mono', monospace; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .msav-mv-panel h3 { max-width: 470px; font-size: clamp(42px, 4.5vw, 67px); }
    .msav-mv-panel .msav-mv-copy { max-width: 440px; margin: 23px 0 0; }
    @keyframes msav-mv-card-pan { from { transform: translate3d(-2.5%, 1%, 0); } to { transform: translate3d(2.5%, -1%, 0); } }
    @media (hover: hover) and (pointer: fine) { .msav-mv-card-media:hover img { filter: grayscale(0) contrast(1.05) brightness(.92); animation-play-state: paused; transform: translate3d(0, 0, 0); } }
    @media (max-width: 640px) { .msav-mv-tabs { display: grid; } .msav-mv-stage { grid-template-columns: 1fr; gap: 0; } .msav-mv-panel, .msav-mv-panel.is-active { grid-template-rows: 230px minmax(350px, auto); min-height: 0; } .msav-mv-panel-body { min-height: 350px; padding: 38px 25px 42px; } .msav-mv-panel h3 { max-width: 340px; font-size: clamp(43px, 11.7vw, 56px); } }

    .msav-mv-mobile-reel { display: none; }
    @media (max-width: 640px) {
      .msav-mv-mobile-reel { position: relative; display: block; height: 230px; overflow: hidden; border: 1px solid rgba(255,255,255,.15); background: #090a0b; }
      .msav-mv-mobile-reel::before { content: ""; position: absolute; z-index: 3; inset: 0; background-image: radial-gradient(rgba(255,255,255,.76) .75px, transparent .85px); background-size: 4px 4px; mix-blend-mode: overlay; opacity: .58; pointer-events: none; }
      .msav-mv-mobile-reel::after { content: ""; position: absolute; z-index: 4; inset: 0; background: linear-gradient(0deg, rgba(5,6,7,.72), transparent 58%); pointer-events: none; }
      .msav-mv-mobile-reel figure { position: absolute; inset: 0; margin: 0; opacity: 0; animation: msav-mv-reel-loop 15s infinite; }
      .msav-mv-mobile-reel figure:nth-child(1) { animation-delay: 0s; } .msav-mv-mobile-reel figure:nth-child(2) { animation-delay: 5s; } .msav-mv-mobile-reel figure:nth-child(3) { animation-delay: 10s; }
      .msav-mv-mobile-reel img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.25) brightness(.72); animation: msav-mv-mobile-pan 5s ease-in-out infinite alternate; }
      .msav-mv-mobile-reel figure:nth-child(1) img { object-position: 42% center; } .msav-mv-mobile-reel figure:nth-child(2) img { object-position: 68% center; } .msav-mv-mobile-reel figure:nth-child(3) img { object-position: 58% center; }
      .msav-mv-mobile-reel p { position: absolute; z-index: 5; right: 20px; bottom: 15px; margin: 0; color: rgba(255,255,255,.72); font-family: 'Fira Mono', monospace; font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
      .msav-mv-mobile-reel p::before { content: ""; display: inline-block; width: 24px; height: 1px; margin: 0 8px 3px 0; background: var(--msav-red); }
      .msav-mv-stage { margin-top: 0; }
      .msav-mv-panel, .msav-mv-panel.is-active { grid-template-rows: 1fr; border-top: 0; }
      .msav-mv-card-media { display: none; }
      .msav-mv-panel-body { min-height: 350px; }
    }
    @keyframes msav-mv-mobile-pan { from { transform: translate3d(-2%, 0, 0); } to { transform: translate3d(2%, -1%, 0); } }

    /* Restored Mission/Vision tab view. */
    .msav-mv-mobile-reel { display: none !important; }
    .msav-mv-tabs { display: flex; }
    .msav-mv-stage { grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr); min-height: clamp(470px, 40vw, 600px); gap: 0; border: 1px solid rgba(255,255,255,.16); }
    .msav-mv-reel { display: block; min-height: 0; }
    .msav-mv-panels { position: relative; display: block; min-height: 0; overflow: hidden; border: 0; background: #111214; }
    .msav-mv-panel, .msav-mv-panel.is-active { display: none; min-height: 100%; padding: clamp(44px, 5.6vw, 78px); border: 0; background: #111214; }
    .msav-mv-panel.is-active { display: flex; flex-direction: column; justify-content: space-between; gap: 48px; animation: msav-mv-panel-in .5s cubic-bezier(.16,1,.3,1) both; }
    .msav-mv-panel > p { margin: 0; color: #d51f31; font-family: 'Fira Mono', monospace; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
    .msav-mv-panel h3 { max-width: 620px; font-size: clamp(44px, 5.3vw, 76px); line-height: .9; }
    .msav-mv-heading h2 span, .msav-mv-stage .msav-mv-panel h3 span { color: #fff; }
    .msav-mv-panel .msav-mv-copy { max-width: 450px; margin-top: 26px; }
    @media (max-width: 640px) { .msav-mv-tabs { display: grid; } .msav-mv-stage { grid-template-columns: 1fr; min-height: 0; } .msav-mv-reel { min-height: 230px; } .msav-mv-panels { min-height: 350px; } .msav-mv-panel, .msav-mv-panel.is-active { min-height: 350px; padding: 38px 25px 42px; } .msav-mv-panel.is-active { gap: 34px; } .msav-mv-panel h3 { max-width: 340px; font-size: clamp(43px, 11.7vw, 56px); } .msav-mv-panel .msav-mv-copy { margin-top: 21px; font-size: 16px; } }

    @media (min-width: 761px) {
      .msav-mv-heading { position: relative; display: block; text-align: center; }
      .msav-mv-heading > p { position: absolute; top: 8px; left: 0; margin: 0; }
      .msav-mv-heading h2 { margin-right: auto; margin-left: auto; text-align: center; }
      .msav-process-heading > div, .msav-process-stage, .msav-process-timeline { transform: translateX(clamp(20px, 4vw, 72px)); }
    }

    .msav-process-journey::before { content: ""; position: absolute; z-index: 1; inset: 0; background: radial-gradient(ellipse at 82% 26%, rgba(213,31,49,.25), transparent 38%), radial-gradient(ellipse at 34% 88%, rgba(213,31,49,.1), transparent 36%), linear-gradient(135deg, #08090a 0%, #08090a 54%, #1b0308 100%); pointer-events: none; }
    .msav-process-journey::after { content: ""; position: absolute; z-index: 1; top: 0; right: 0; left: 0; height: 42svh; background: linear-gradient(180deg, rgba(0,0,0,.18), transparent); pointer-events: none; }
    .msav-process-sticky { z-index: 2; }
    @media (max-width: 760px) { .msav-process-sticky { position: relative; z-index: 2; } .msav-process-heading > p, .msav-process-heading > div, .msav-process-nav, .msav-process-panel { visibility: visible !important; opacity: 1 !important; transform: none !important; } }
    @media (min-width: 1024px) {
      .msav-process-sticky { grid-template-columns: minmax(132px, .42fr) minmax(0, 1.35fr) minmax(176px, .62fr); column-gap: clamp(56px, 6vw, 118px); }
      .msav-process-heading > div { grid-column: 2; grid-row: 1; padding-right: 0; }
      .msav-process-nav { grid-column: 3; grid-row: 1; align-self: start; justify-self: stretch; width: auto; margin: 10px 0 0; }
      .msav-process-stage, .msav-process-timeline { grid-column: 2; }
    }
    @media (min-width: 761px) and (max-width: 1023px) {
      .msav-process-sticky { grid-template-columns: minmax(145px, .52fr) minmax(0, 1.48fr); column-gap: clamp(36px, 5vw, 60px); }
      .msav-process-nav { align-self: end; }
    }

    /* Keep the desktop progress rail inside the viewport, even on shorter screens. */
    @media (min-width: 761px) {
      .msav-process-sticky {
        height: 100svh;
        min-height: 0;
        box-sizing: border-box;
        grid-template-rows: auto minmax(0, 1fr) 18px;
        row-gap: clamp(22px, 3.8svh, 52px);
        padding-top: clamp(68px, 8.5svh, 112px);
        padding-bottom: clamp(30px, 4.5svh, 54px);
      }
      .msav-process-stage { min-height: 0; }
      .msav-process-timeline { align-self: end; }
    }
    @media (min-width: 761px) and (max-height: 720px) {
      .msav-process-sticky { padding-top: 52px; padding-bottom: 26px; row-gap: 22px; }
      .msav-process-panel > span { margin-bottom: 16px; }
      .msav-process-panel p { margin-top: 18px; }
      .msav-process-nav button { padding-top: 8px; padding-bottom: 8px; }
    }

    /* Desktop process atmosphere: balanced technical detail without competing with the copy. */
    @media (min-width: 761px) {
      .msav-process-sticky { isolation: isolate; }
      .msav-process-sticky::before,
      .msav-process-sticky::after { content: ""; position: absolute; z-index: -1; pointer-events: none; }
      .msav-process-sticky::before {
        top: 27%; bottom: 13%; left: clamp(28px, 4vw, 72px); width: clamp(126px, 15vw, 238px);
        border-top: 1px solid rgba(213,31,49,.28); border-bottom: 1px solid rgba(213,31,49,.13);
        background:
          radial-gradient(circle at 0 14%, var(--msav-lime) 0 3px, transparent 3.5px),
          radial-gradient(circle at 100% 72%, rgba(213,31,49,.95) 0 3px, transparent 3.5px),
          repeating-linear-gradient(90deg, rgba(213,31,49,.12) 0 1px, transparent 1px 28px),
          repeating-linear-gradient(0deg, rgba(255,255,255,.055) 0 1px, transparent 1px 28px);
        clip-path: polygon(0 0, 100% 0, 82% 49%, 100% 100%, 0 100%, 18% 50%);
        opacity: .7;
        animation: msav-process-grid-drift 11s ease-in-out infinite alternate;
      }
      .msav-process-sticky::after {
        top: 32%; right: clamp(28px, 4vw, 72px); width: clamp(100px, 13vw, 210px); height: 38%;
        border-right: 1px solid rgba(255,255,255,.14); border-left: 1px solid rgba(213,31,49,.18);
        background:
          linear-gradient(90deg, transparent 0 48%, rgba(213,31,49,.28) 48% 49%, transparent 49% 100%),
          repeating-linear-gradient(0deg, rgba(255,255,255,.07) 0 1px, transparent 1px 22px);
        mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);
        opacity: .6;
        animation: msav-process-grid-drift 14s -4s ease-in-out infinite alternate-reverse;
      }
      .msav-process-nav { position: relative; padding-left: 23px; }
      .msav-process-nav::before { content: ""; position: absolute; top: 15px; bottom: 15px; left: 0; width: 1px; background: linear-gradient(to bottom, transparent, rgba(213,31,49,.56) 18%, rgba(255,255,255,.18) 82%, transparent); }
      .msav-process-nav::after { content: ""; position: absolute; top: 11px; left: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--msav-lime); box-shadow: 0 0 13px rgba(214,255,48,.45); }
    }
    @keyframes msav-process-grid-drift { from { transform: translateY(-10px); opacity: .38; } to { transform: translateY(12px); opacity: .72; } }
    @media (prefers-reduced-motion: reduce) { .msav-process-sticky::before, .msav-process-sticky::after { animation: none; } }

    .msav-about-cta { min-height: 350px; padding: clamp(70px, 8vw, 108px) var(--msav-gutter); }
    .msav-about-cta::before { opacity: .28; }
    .msav-about-cta > div { max-width: 660px; }
    .msav-about-cta .msav-about-cta-copy { margin: 0; color: #fff; font-family: 'Inter', sans-serif; font-size: clamp(21px, 2.2vw, 32px); font-weight: 550; line-height: 1.28; letter-spacing: -.035em; text-transform: none; }
    .msav-about-cta a { margin-top: 27px; }
    @media (max-width: 640px) { .msav-about-cta { min-height: 300px; padding: 68px 24px; } .msav-about-cta .msav-about-cta-copy { font-size: 21px; } }

    .msav-about-cta { min-height: 320px; padding: clamp(56px, 6vw, 84px) var(--msav-gutter); text-align: left; }
    .msav-about-cta > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: clamp(38px, 7vw, 110px); align-items: center; width: min(100%, 1220px); max-width: none; }
    .msav-about-cta .msav-about-cta-copy { max-width: 760px; }
    .msav-about-cta .msav-about-cta-label { margin: 0 0 12px; color: var(--msav-lime); font-family: 'Fira Mono', monospace; font-size: 11px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
    .msav-about-cta h2 { margin: 0; color: #fff; font-size: clamp(34px, 4vw, 55px); font-weight: 650; line-height: .98; letter-spacing: -.06em; }
    .msav-about-cta .msav-about-cta-description { margin: 13px 0 0; color: rgba(255,255,255,.78); font-family: 'Inter', sans-serif; font-size: clamp(15px, 1.25vw, 18px); font-weight: 500; letter-spacing: 0; line-height: 1.4; text-transform: none; }
    .msav-about-cta a { align-self: center; margin-top: 0; white-space: nowrap; }
    @media (max-width: 760px) { .msav-about-cta { min-height: 0; padding: 64px 24px; } .msav-about-cta > div { grid-template-columns: 1fr; gap: 28px; } .msav-about-cta h2 { font-size: clamp(34px, 10vw, 48px); } .msav-about-cta a { justify-self: start; } }

    /* Home-page CTA system, with About Us copy. */
    .msav-about-cta { display: block; min-height: 0; padding: clamp(48px, 6vw, 82px) clamp(22px, 7vw, 112px); background: radial-gradient(ellipse at 12% 0%, rgba(255,87,96,.55), transparent 42%), linear-gradient(110deg, #50070d 0%, #c3161c 49%, #710a10 100%); }
    .msav-about-cta::before { z-index: 0; opacity: .72; background: radial-gradient(circle, rgba(255,111,120,.9) 0 1px, transparent 1.35px) 0 0 / 4px 4px; -webkit-mask-image: radial-gradient(ellipse 34% 180% at 54% 54%, #000 0%, rgba(0,0,0,.82) 44%, transparent 88%); mask-image: radial-gradient(ellipse 34% 180% at 54% 54%, #000 0%, rgba(0,0,0,.82) 44%, transparent 88%); }
    .msav-about-cta::after { content: ""; position: absolute; z-index: 0; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(0,0,0,.2), transparent 42%, rgba(0,0,0,.14)); }
    .msav-about-cta > .msav-reveal { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 36px; width: 100%; max-width: none; }
    .msav-about-cta > .msav-reveal > div { max-width: 720px; }
    .msav-about-cta > .msav-reveal p { margin: 0 0 10px; color: #d6ff30; font-family: 'Fira Mono', monospace; font-size: 11px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
    .msav-about-cta h2 { max-width: 720px; margin: 0; font-size: clamp(28px, 3.4vw, 54px); font-weight: 620; line-height: .96; letter-spacing: -.06em; }
    .msav-about-cta > .msav-reveal > div > span { display: block; margin-top: 14px; color: rgba(255,255,255,.78); font-family: 'Inter', sans-serif; font-size: clamp(14px, 1.2vw, 17px); font-weight: 400; letter-spacing: 0; line-height: 1.38; text-transform: none; }
    .msav-about-cta a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 12px; margin: 0; padding: 12px 17px 12px 19px; border-radius: 999px; background: #d6ff30; box-shadow: 0 10px 24px rgba(43,2,8,.25); color: #101010; font-size: 13px; font-weight: 750; text-decoration: none; transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease; }
    .msav-about-cta a > span { display: inline; margin: 0; color: inherit; font: inherit; }
    .msav-about-cta a i { font-size: 18px; font-style: normal; line-height: 1; }
    .msav-about-cta a:hover, .msav-about-cta a:focus-visible { background: #fff; color: #bd1022; box-shadow: 0 14px 30px rgba(43,2,8,.32); outline: none; transform: translateX(3px); }
    @media (min-width: 761px) { .msav-about-cta a { gap: 14px; padding: 15px 23px 15px 25px; font-size: 15px; } .msav-about-cta a i { font-size: 20px; } }
    @media (max-width: 760px) { .msav-about-cta { padding: 50px 20px; } .msav-about-cta > .msav-reveal { display: block; } .msav-about-cta h2 { max-width: 350px; font-size: clamp(30px, 9vw, 40px); } .msav-about-cta a { margin-top: 28px; } }
    @media (max-width: 760px) {
      .msav-intro { display: block; }
      .msav-intro-inner { width: calc(100vw - 40px); max-width: calc(100vw - 40px); min-width: 0; }
      .msav-intro-copy, .msav-story-gallery { width: 100%; min-width: 0; }
      .msav-intro h2 { max-width: 100%; padding-right: 8px; overflow: visible; font-size: clamp(45px, 12.2vw, 61px); letter-spacing: -.065em; overflow-wrap: normal; }
    }
  
    /* Tablet compacting: keep the red editorial hero from leaving a large empty red area. */
    @media (min-width: 761px) and (max-width: 1180px) {
      .msav-about-hero { min-height: auto !important; padding-top: 112px !important; padding-bottom: 36px !important; }
      .msav-hero-microcopy { margin-bottom: 28px !important; }
      .msav-hero-editorial { height: clamp(220px, 28vw, 292px) !important; }
      .msav-hero-bottomcopy { margin-top: 26px !important; margin-bottom: 0 !important; }
    }

/* ---- msav-about-v01625-content ---- */
    .msav-about-hero > h1 {
      position: relative;
      z-index: 3;
      max-width: 1120px;
      margin: 0 auto clamp(30px, 4vw, 54px);
      padding: 0 clamp(18px, 3vw, 42px);
      color: #fff;
      text-align: center;
      font-size: clamp(36px, 4.7vw, 72px);
      font-weight: 650;
      line-height: .98;
      letter-spacing: -.055em;
      text-wrap: balance;
    }
    .msav-company-intro {
      padding: clamp(86px, 10vw, 150px) var(--msav-gutter);
      border-bottom: 1px solid rgba(255,255,255,.12);
      background: #0a0a0b;
      color: #fff;
    }
    .msav-company-intro__inner {
      display: grid;
      grid-template-columns: minmax(170px,.42fr) minmax(0,1.58fr);
      gap: clamp(36px,8vw,126px);
      width: min(100%, 1280px);
      margin: 0 auto;
    }
    .msav-company-intro__label {
      margin: 8px 0 0;
      color: var(--msav-lime);
      font-family: 'Fira Mono', monospace;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .11em;
      text-transform: uppercase;
    }
    .msav-company-intro__copy h2 {
      max-width: 900px;
      margin: 0;
      font-size: clamp(40px, 5.4vw, 82px);
      font-weight: 600;
      line-height: .94;
      letter-spacing: -.065em;
      text-wrap: balance;
    }
    .msav-company-intro__text {
      display: grid;
      gap: 18px;
      max-width: 820px;
      margin-top: clamp(30px, 4vw, 48px);
    }
    .msav-company-intro__text p {
      margin: 0;
      color: rgba(255,255,255,.75);
      font-size: clamp(16px, 1.25vw, 19px);
      line-height: 1.62;
    }
    @media (max-width: 760px) {
      .msav-about-hero > h1 { margin-bottom: 30px; font-size: clamp(34px, 10.5vw, 48px); }
      .msav-company-intro { padding: 74px 20px 82px; }
      .msav-company-intro__inner { grid-template-columns: 1fr; gap: 26px; }
      .msav-company-intro__copy h2 { font-size: clamp(38px, 11vw, 56px); }
      .msav-company-intro__text { margin-top: 28px; }
    }
  

/* ---- msav-medium-dots-about-live-systems ---- */
/* Medium dot-grid texture — background layer only */
    .msav-intro .msav-story-slide::after {
      background:
        radial-gradient(rgba(255,255,255,.066) .55px, transparent .7px),
        linear-gradient(90deg, rgba(4,5,6,.82) 0%, rgba(4,5,6,.61) 42%, rgba(4,5,6,.22) 100%),
        linear-gradient(0deg, rgba(4,5,6,.76), transparent 58%);
      background-size: 5px 5px, auto, auto;
    }
  

/* ---- msav-v01626-about-readability ---- */
    /* Keep the approved red editorial hero, but make the page title a quiet label. */
    .msav-about-hero h1 {
      position: relative;
      z-index: 2;
      max-width: 1440px;
      margin: 0 auto 32px;
      padding: 0 clamp(18px, 3vw, 42px);
      color: rgba(80,7,13,.54);
      text-shadow: 0 1px 0 rgba(255,255,255,.035);
      font-size: clamp(22px, 2.8vw, 38px);
      font-weight: 650;
      line-height: 1.05;
      letter-spacing: -.035em;
      text-align: center;
    }

    /* Give Mission / Vision more breathing room and a calmer reading rhythm. */
    .msav-mv-panel h3 {
      max-width: 560px;
      font-size: clamp(38px, 4.25vw, 62px);
      line-height: .96;
      letter-spacing: -.055em;
    }
    .msav-mv-panel .msav-mv-copy {
      max-width: 520px;
      margin-top: 24px;
      color: rgba(255,255,255,.78);
      font-size: clamp(15px, 1.15vw, 18px);
      font-weight: 500;
      line-height: 1.65;
    }
    @media (max-width: 640px) {
      .msav-about-hero h1 { margin-bottom: 24px; font-size: clamp(20px, 6vw, 28px); }
      .msav-mv-panel h3 { font-size: clamp(36px, 10.5vw, 50px); }
      .msav-mv-panel .msav-mv-copy { font-size: 15px; line-height: 1.62; }
    }
  

/* ---- msav-v01687-about-tablet-hero-spacing ---- */
    /* Tablet hero refinement.
       iPad landscape can report a CSS viewport wider than 1180px, so the
       compact treatment now covers common tablet widths up to 1366px. */
    @media (min-width: 700px) and (max-width: 1366px) {
      .msav-about-hero {
        min-height: auto !important;
        padding-top: 92px !important;
        padding-bottom: 18px !important;
      }
      .msav-hero-microcopy {
        margin-bottom: 18px !important;
      }
      .msav-hero-editorial {
        gap: 14px !important;
      }
      .msav-hero-lockup {
        position: relative;
        display: grid !important;
        min-height: 0 !important;
        place-items: center;
        padding: 0 !important;
      }
      .msav-hero-lockup img {
        transform: none !important;
      }
      .msav-hero-lockup p {
        position: absolute !important;
        z-index: 5;
        left: 50% !important;
        bottom: -20px !important;
        width: max-content !important;
        max-width: calc(100% + 32px) !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 9px !important;
        line-height: 1.15 !important;
        letter-spacing: .075em !important;
        text-align: center;
        white-space: nowrap !important;
        transform: translateX(-50%) !important;
      }
      .msav-hero-bottomcopy {
        margin-top: 42px !important;
        margin-bottom: 0 !important;
      }
    }

    /* Portrait tablet: keep the image/logo row compact and leave a clean
       dedicated line beneath the ring for the lime statement. */
    @media (min-width: 700px) and (max-width: 1100px) and (orientation: portrait) {
      .msav-about-hero { padding-top: 88px !important; padding-bottom: 16px !important; }
      .msav-hero-microcopy { margin-bottom: 14px !important; }
      .msav-hero-editorial {
        grid-template-columns: minmax(0,1fr) minmax(205px,.76fr) minmax(0,1fr) !important;
        height: clamp(176px, 24vw, 205px) !important;
        gap: 12px !important;
      }
      .msav-hero-lockup img { width: min(68%, 210px) !important; }
      .msav-hero-ring { width: min(92%, 205px) !important; }
      .msav-hero-bottomcopy { margin-top: 38px !important; }
      .msav-hero-bottomcopy p { max-width: 430px; margin-inline: auto; }
    }

    /* Landscape tablet: explicitly compact the hero instead of falling back
       to the desktop 100svh/min-height treatment. */
    @media (min-width: 900px) and (max-width: 1366px) and (orientation: landscape) {
      .msav-about-hero { padding-top: 94px !important; padding-bottom: 18px !important; }
      .msav-hero-microcopy { margin-bottom: 18px !important; }
      .msav-hero-editorial {
        grid-template-columns: 1fr minmax(250px,.78fr) 1fr !important;
        height: clamp(220px, 22vw, 278px) !important;
        gap: 0 !important;
      }
      .msav-hero-lockup img { width: min(68%, 260px) !important; }
      .msav-hero-ring { width: min(90%, 270px) !important; }
      .msav-hero-bottomcopy { margin-top: 40px !important; }
      .msav-hero-bottomcopy p { max-width: 470px; margin-inline: auto; }
    }
  

/* ---- msav-v01688-about-tablet-hero-breathing-room ---- */
    /* Tablet follow-up spacing tune.
       Give the red hero a little more breathing room before the next black section,
       and move the lime statement plus the white support copy slightly lower. */
    @media (min-width: 700px) and (max-width: 1366px) {
      .msav-about-hero {
        padding-bottom: 38px !important;
      }
      .msav-hero-lockup p {
        bottom: -30px !important;
      }
      .msav-hero-bottomcopy {
        margin-top: 58px !important;
      }
    }

    @media (min-width: 700px) and (max-width: 1100px) and (orientation: portrait) {
      .msav-about-hero {
        padding-bottom: 42px !important;
      }
      .msav-hero-lockup p {
        bottom: -32px !important;
      }
      .msav-hero-bottomcopy {
        margin-top: 60px !important;
      }
    }

    @media (min-width: 900px) and (max-width: 1366px) and (orientation: landscape) {
      .msav-about-hero {
        padding-bottom: 34px !important;
      }
      .msav-hero-lockup p {
        bottom: -28px !important;
      }
      .msav-hero-bottomcopy {
        margin-top: 54px !important;
      }
    }
  

/* ---- msav-v01690-about-heading-colors ---- */
    #storyHeading .msav-accent-white { color: #fff !important; }
    .msav-mv-stage .msav-mv-panel h3 .msav-mv-red { color: var(--msav-red) !important; }