@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/geist-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/geist-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--black:#070707;--white:#f3f2ee;--red:#f20d3c;--cyan:#007da0;--line:rgba(243,242,238,.2)}
/* Official business-card identity system */
.home2-card-spread{background:#080808;display:grid;grid-template-columns:1.45fr .55fr;align-items:stretch;min-height:620px}.home2-card-spread>img{width:100%;height:100%;min-height:620px;object-fit:cover;display:block}.home2-card-spread>div{display:flex;flex-direction:column;justify-content:center;padding:7rem 4vw;background:#111}.home2-card-spread h2{font-size:clamp(3rem,4.8vw,6rem);line-height:.9;letter-spacing:-.065em;margin:2rem 0}.home2-card-spread h2 em,.home2-family h2 em{font-style:normal;font-weight:300;color:var(--red)}.home2-card-spread div>p:last-child{color:#aaa;font-size:1.05rem;line-height:1.6;max-width:460px}.home2-world>.home2-world-card{z-index:2;position:absolute;inset:2rem 2rem auto auto;width:clamp(105px,11vw,168px);height:auto;aspect-ratio:1;object-fit:contain;box-shadow:0 22px 50px #0009;transform:rotate(3deg);transition:transform .45s ease}.home2-world:hover>.home2-world-card{filter:none;transform:rotate(0) scale(1.04)}.home2-family{background:#070707;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw;padding:9rem 9vw}.home2-family>img{width:100%;max-height:700px;object-fit:contain;display:block}.home2-family h2{font-size:clamp(4rem,7vw,8rem);line-height:.86;letter-spacing:-.07em;margin:2rem 0 0}.division-card-badge,.records-hero>.division-card-badge,.house-hero>.division-card-badge{z-index:4;position:absolute;inset:125px 4vw auto auto;width:clamp(125px,14vw,220px);height:auto;aspect-ratio:1;object-fit:contain;box-shadow:0 24px 65px #000b;transform:rotate(3deg)}
@media(max-width:900px){.home2-card-spread{grid-template-columns:1fr}.home2-card-spread>img{min-height:52vw}.home2-card-spread>div{padding:6rem 6vw}.home2-family{grid-template-columns:1fr 1fr;padding:7rem 6vw}.division-card-badge,.records-hero>.division-card-badge,.house-hero>.division-card-badge{width:130px;inset:110px 5vw auto auto}}
@media(max-width:600px){.home2-card-spread>img{min-height:68vw}.home2-world>.home2-world-card{width:105px;inset:1.25rem 1.25rem auto auto}.home2-family{grid-template-columns:1fr;padding:6rem 12vw}.home2-family>img{max-height:520px}.division-card-badge,.records-hero>.division-card-badge,.house-hero>.division-card-badge{width:100px;inset:105px 6vw auto auto}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"Geist",Arial,sans-serif}a{color:inherit;text-decoration:none}
.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:90px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.18)}
.brand{display:flex;gap:12px;align-items:center;font-size:25px;letter-spacing:-1.7px;width:max-content}.brand strong{font-weight:800}.brand-mark{display:block;width:33px;height:33px;object-fit:contain}
.nav-links{display:flex;gap:38px;font-size:13px}.nav-links a,.nav-cta{transition:opacity .2s}.nav-links a:hover,.nav-cta:hover{opacity:.6}.nav-cta{justify-self:end;font-size:13px;display:flex;gap:22px}.nav-cta span{color:var(--red)}
.hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:center;padding:140px 4vw 90px;background:radial-gradient(circle at 78% 42%,#202020 0,#0a0a0a 34%,#050505 62%)}
.hero-noise{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E")}
.hero-copy{position:relative;z-index:2;width:65%}.kicker,.section-label{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:650}.kicker{display:flex;align-items:center;gap:12px;margin:0 0 5vh}.kicker span{width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 0 3px var(--cyan)}
.hero h1{font-size:clamp(78px,12vw,190px);line-height:.78;letter-spacing:-.085em;margin:0;font-weight:720}.hero h1 em,.feature h2 em{font-weight:300;font-style:normal}.hero-intro{margin:6vh 0 0 4px;font-size:clamp(16px,1.35vw,22px);line-height:1.5;color:#c8c7c2}
.hero-art{position:absolute;width:min(47vw,700px);aspect-ratio:1;right:-3vw;top:50%;transform:translateY(-48%)}.core-shape{position:absolute;inset:23%;width:54%;height:54%;object-fit:contain;transform:rotate(-13deg);filter:drop-shadow(0 0 70px rgba(242,13,60,.25));animation:float 6s ease-in-out infinite}.pulse{position:absolute;width:80%;height:80%;left:10%;top:10%;object-fit:contain;transform:rotate(18deg);opacity:.1}.pulse-two{width:100%;height:100%;left:0;top:0;transform:rotate(-18deg);opacity:.045}@keyframes float{50%{transform:rotate(-7deg) translateY(-12px)}}
.scroll-cue{position:absolute;right:4vw;bottom:38px;z-index:2;display:flex;align-items:center;gap:24px;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.scroll-cue b{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--red)}
.manifesto{background:var(--white);color:var(--black);padding:140px 4vw 150px;display:grid;grid-template-columns:28% 1fr}.manifesto-copy h2{font-size:clamp(62px,9vw,138px);line-height:.85;letter-spacing:-.075em;margin:0 0 55px;font-weight:700}.manifesto-copy h2 span{color:var(--red);font-weight:300}.manifesto-copy p{max-width:700px;font-size:clamp(20px,2.3vw,36px);line-height:1.28;letter-spacing:-.035em}
.mission{padding:130px 4vw 150px;background:var(--red);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.mission-heading h2{margin:70px 0 0;font-size:clamp(58px,7vw,110px);line-height:.88;letter-spacing:-.07em}.mission-heading h2 em{font-weight:300;font-style:normal}.mission-summary{margin:45px 0 0;max-width:610px;font-size:19px;line-height:1.55;color:rgba(255,255,255,.8)}
.mission-paths{border-top:1px solid rgba(255,255,255,.45)}.mission-paths article{display:grid;grid-template-columns:52px 1fr;padding:38px 0 42px;border-bottom:1px solid rgba(255,255,255,.45)}.mission-paths article>span{grid-row:1/3;font-size:11px;padding-top:6px;opacity:.7}.mission-paths h3{margin:0 0 12px;font-size:clamp(24px,2vw,34px);letter-spacing:-.035em}.mission-paths p{margin:0;max-width:500px;font-size:16px;line-height:1.55;color:rgba(255,255,255,.78)}
.channel-strip{min-height:108px;padding:28px 4vw;display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;white-space:nowrap;text-transform:uppercase;letter-spacing:.13em;font-size:11px;background:var(--white);color:var(--black)}.channel-strip b{color:var(--red)}
.why{padding:145px 4vw 150px;background:#111}.why-intro{display:grid;grid-template-columns:24% 1.25fr .75fr;gap:4vw;align-items:start;padding-bottom:100px}.why-intro h2{margin:0;font-size:clamp(56px,7.2vw,112px);line-height:.87;letter-spacing:-.075em}.why-intro h2 em{color:var(--red);font-weight:300;font-style:normal}.why-intro>p:last-child{margin:8px 0 0;font-size:18px;line-height:1.55;color:#aaa}
.shift-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.shift-grid article{min-height:350px;padding:46px 4vw 50px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.shift-year{margin:0 0 60px;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--red)}.shift-grid h3{margin:0 0 30px;max-width:520px;font-size:clamp(28px,3vw,46px);line-height:1;letter-spacing:-.05em}.shift-grid ul{list-style:none;padding:0;margin:0;color:#aaa}.shift-grid li{padding:10px 0 10px 20px;border-top:1px solid rgba(255,255,255,.1);font-size:15px;line-height:1.45;position:relative}.shift-grid li::before{content:'—';position:absolute;left:0;color:#666}.shift-grid article>p:not(.shift-year){max-width:520px;font-size:17px;line-height:1.55;color:#aaa}.streaming-shift{background:#090909}.sodapop-response{background:var(--cyan)}.sodapop-response .shift-year{color:white}.sodapop-response>p:not(.shift-year){color:rgba(255,255,255,.82)!important}.sodapop-response a{display:inline-flex;gap:28px;margin-top:30px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.6);font-size:14px}.why blockquote{margin:120px auto 0;max-width:1100px;text-align:center;font-size:clamp(38px,5.4vw,84px);line-height:1;letter-spacing:-.055em;font-weight:650}
.worlds{padding:125px 4vw 0}.worlds-header{display:grid;grid-template-columns:1fr 1fr;padding-bottom:75px}.worlds-note{margin:0;max-width:520px;font-size:18px;line-height:1.5;color:#a5a5a2}.division{min-height:390px;display:grid;grid-template-columns:8% 37% 1fr;align-items:center;border-top:1px solid var(--line);position:relative;overflow:hidden;transition:background .35s}.division:last-child{border-bottom:1px solid var(--line)}.division:hover{background:#101010}.division-number{align-self:start;padding-top:36px;font-size:11px;color:#777}.division-logo{height:100%;overflow:hidden;display:flex;align-items:center}.division-logo img{width:80%;display:block;transition:transform .5s ease}.division:hover .division-logo img{transform:scale(1.025)}.division-body{max-width:580px;padding:60px 20px}.division-eyebrow{font-size:11px!important;text-transform:uppercase;letter-spacing:.15em;color:var(--red)!important;margin-bottom:26px!important}.division-body p{color:#a5a5a2;font-size:18px;line-height:1.55;margin:0 0 38px}.division-body a,.feature-card>a{font-size:14px;display:inline-flex;gap:30px;padding-bottom:8px;border-bottom:1px solid #777}.division-body a span,.feature-card>a span{color:var(--red)}
.feature{margin-top:160px;min-height:760px;position:relative;display:grid;grid-template-columns:62% 38%}.feature-image{background:url('../brand/cards.jpg') center/cover no-repeat;min-height:660px;filter:saturate(.9) contrast(1.05)}.feature-card{background:var(--red);color:var(--white);padding:90px 7vw 80px 5vw;display:flex;flex-direction:column;justify-content:center}.feature-card .section-label{margin-bottom:45px}.feature-card h2{margin:0 0 45px;font-size:clamp(52px,5.7vw,90px);line-height:.9;letter-spacing:-.07em}.feature-card p:not(.section-label){font-size:19px;line-height:1.5;margin:0 0 42px;max-width:430px}.approach-list{list-style:none;margin:0 0 44px;padding:0;max-width:430px;border-top:1px solid rgba(255,255,255,.4)}.approach-list li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.4);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.feature-card>a span{color:white}
.contact{padding:140px 4vw 100px;background:var(--cyan);color:white}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-mark{width:90px;height:90px;object-fit:contain}.contact h2{font-size:clamp(86px,14vw,210px);line-height:.78;letter-spacing:-.09em;margin:90px 0}.contact-email{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid white;padding-bottom:20px;font-size:clamp(20px,2.7vw,40px)}.contact-email span{font-size:.7em}
footer{min-height:210px;padding:60px 4vw;display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:30px;align-items:end;font-size:11px;text-transform:uppercase;letter-spacing:.08em}footer p{margin:0;color:#777}footer div{display:flex;gap:22px}.footer-brand{font-size:22px;text-transform:none;letter-spacing:-1.4px}
@media(max-width:800px){.topbar{height:72px;grid-template-columns:1fr auto;padding:0 22px}.nav-links{display:none}.nav-cta{font-size:0}.nav-cta span{font-size:20px}.hero{min-height:820px;padding:125px 22px 80px;align-items:flex-start}.hero-copy{width:100%}.hero h1{font-size:clamp(72px,22vw,118px)}.hero-art{width:90vw;right:-30vw;top:67%;opacity:.9}.hero-intro{font-size:17px}.scroll-cue{left:22px;right:auto}.manifesto{padding:90px 22px;display:block}.manifesto>.section-label{margin-bottom:55px}.manifesto-copy h2{font-size:17vw}.mission{padding:85px 22px 95px;display:block}.mission-heading h2{font-size:16vw;margin:55px 0 75px}.mission-summary{margin:-40px 0 70px;font-size:16px}.mission-paths article{grid-template-columns:40px 1fr}.channel-strip{justify-content:flex-start;overflow:auto;padding-left:22px}.why{padding:90px 22px 100px}.why-intro{display:block;padding-bottom:70px}.why-intro .section-label{margin-bottom:55px}.why-intro h2{font-size:15.5vw;margin-bottom:45px}.why-intro>p:last-child{font-size:16px}.shift-grid{display:block}.shift-grid article{min-height:0;padding:38px 28px 42px}.shift-year{margin-bottom:45px}.why blockquote{margin-top:80px;font-size:10.5vw}.worlds{padding:90px 22px 0}.worlds-header{display:block;padding-bottom:55px}.worlds-note{margin-top:35px}.division{grid-template-columns:42px 1fr;padding:34px 0 45px}.division-number{grid-row:1/3}.division-logo{height:auto}.division-logo img{width:100%}.division-body{grid-column:2;padding:22px 0 0}.division-body p{font-size:16px}.feature{margin-top:100px;display:block}.feature-image{min-height:420px}.feature-card{padding:70px 22px 75px}.feature-card h2{font-size:16vw}.contact{padding:85px 22px 70px}.contact h2{font-size:20vw;margin:70px 0}.contact-mark{width:62px;height:62px}footer{padding:50px 22px;grid-template-columns:1fr 1fr;align-items:start}footer div{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.core-shape{animation:none}}

/* SodaPop Sound */
.brand small{margin-left:9px;font-size:.48em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
.sound-hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:150px 4vw 100px}.sound-hero-image,.sound-hero-shade{position:absolute;inset:0}.sound-hero-image{background:url('../brand/sound/live-stage.jpeg') center/cover no-repeat;transform:scale(1.02)}.sound-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.64) 42%,rgba(0,0,0,.08) 76%),linear-gradient(0deg,rgba(0,0,0,.75),transparent 55%)}.sound-hero-copy{position:relative;z-index:2;max-width:1100px}.sound-hero-copy h1{margin:0;font-size:clamp(84px,12vw,185px);line-height:.78;letter-spacing:-.085em}.sound-hero-copy h1 em{font-weight:300;font-style:normal;color:var(--red)}.sound-hero-copy>p:last-child{max-width:730px;margin:55px 0 0;font-size:clamp(18px,1.65vw,26px);line-height:1.4;color:#ddd}
.sound-intro{padding:145px 4vw 155px;background:var(--white);color:var(--black);display:grid;grid-template-columns:28% 1fr}.sound-intro h2{margin:0 0 50px;font-size:clamp(62px,9vw,138px);line-height:.84;letter-spacing:-.075em}.sound-intro h2 span{color:var(--cyan);font-weight:300}.sound-intro div>p{max-width:760px;font-size:clamp(21px,2.3vw,36px);line-height:1.3;letter-spacing:-.03em}
.sound-services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.sound-services article{min-height:470px;padding:42px 3vw 55px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.sound-services article>span{font-size:11px;color:var(--red)}.sound-services h3{margin:auto 0 25px;font-size:clamp(27px,2.5vw,40px);line-height:1;letter-spacing:-.045em}.sound-services p{margin:0;color:#999;font-size:16px;line-height:1.55}
.stage-gallery{display:grid;grid-template-columns:66% 34%;min-height:700px}.stage-gallery figure{margin:0;overflow:hidden}.stage-gallery img,.quiet-stage img,.sound-live-image>img{width:100%;height:100%;object-fit:cover;display:block}.stage-gallery-note{background:var(--cyan);padding:80px 4vw;display:flex;flex-direction:column;justify-content:center}.stage-gallery-note h2{margin:65px 0 35px;font-size:clamp(48px,5vw,78px);line-height:.9;letter-spacing:-.06em}.stage-gallery-note>p:last-child{font-size:18px;line-height:1.55;color:rgba(255,255,255,.78)}
.quiet-stage{padding:150px 4vw;display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:center;background:#0d0d0d}.quiet-stage-copy h2{margin:65px 0 45px;font-size:clamp(62px,7.4vw,112px);line-height:.84;letter-spacing:-.075em}.quiet-stage-copy h2 em{color:var(--red);font-weight:300;font-style:normal}.quiet-stage-copy>p:not(.section-label){max-width:620px;color:#aaa;font-size:19px;line-height:1.55}.quiet-stage figure{margin:0;aspect-ratio:1.6;overflow:hidden}.quiet-stats{margin-top:55px;border-top:1px solid var(--line)}.quiet-stats span{display:flex;gap:24px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.quiet-stats b{color:var(--red);font-size:10px}
.coverage{display:grid;grid-template-columns:48% 52%;background:var(--white);color:var(--black)}.coverage-photo{min-height:750px;padding:70px;display:grid;place-items:center;background:#e9e9e6}.coverage-photo img{max-width:100%;max-height:640px;mix-blend-mode:multiply}.coverage-copy{padding:110px 6vw;display:flex;flex-direction:column;justify-content:center}.coverage-copy h2{margin:70px 0 45px;font-size:clamp(64px,7vw,112px);line-height:.83;letter-spacing:-.075em}.coverage-copy>p:last-child{max-width:650px;font-size:20px;line-height:1.55;color:#555}
.backline-section{padding:140px 4vw 150px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.backline-section h2{margin:70px 0 0;font-size:clamp(64px,8vw,125px);line-height:.83;letter-spacing:-.075em}.backline-section h2 em{color:var(--red);font-weight:300;font-style:normal}.backline-list{border-top:1px solid var(--line)}.backline-list p{margin:0;padding:27px 0;border-bottom:1px solid var(--line);font-size:clamp(20px,2vw,30px);letter-spacing:-.03em}.backline-list span{display:inline-block;width:60px;font-size:10px;color:var(--red);vertical-align:middle}
.sound-live-image{height:80vh;min-height:600px;position:relative;overflow:hidden}.sound-live-image>div{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;padding:30px 4vw;border-top:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.45);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.14em;font-size:11px}.sound-contact{background:var(--red)}.sound-footer>p:nth-child(2){color:#999}
.dressing-room{display:grid;grid-template-columns:minmax(360px,.82fr) 1.18fr;background:var(--cyan);min-height:820px}.dressing-room figure{margin:0;min-height:720px;overflow:hidden;background:#050505}.dressing-room figure img{width:100%;height:100%;display:block;object-fit:cover}.dressing-room-copy{padding:110px 8vw;display:flex;flex-direction:column;justify-content:center}.dressing-room-copy h2{margin:70px 0 45px;font-size:clamp(64px,7.5vw,120px);line-height:.83;letter-spacing:-.075em}.dressing-room-copy h2 em{font-weight:300;font-style:normal}.dressing-room-copy>p:not(.section-label){max-width:700px;font-size:20px;line-height:1.55;color:rgba(255,255,255,.82)}.dressing-room-copy .dressing-room-note{margin-top:20px;font-size:16px!important;max-width:620px!important}.dressing-room-features{display:flex;gap:10px;margin-top:45px}.dressing-room-features span{padding:10px 16px;border:1px solid rgba(255,255,255,.55);border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.13em}
@media(max-width:800px){.sound-hero{min-height:780px;padding:130px 22px 80px;align-items:center}.sound-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.35)),linear-gradient(0deg,rgba(0,0,0,.8),transparent)}.sound-hero-copy h1{font-size:22vw}.sound-hero-copy>p:last-child{margin-top:45px;font-size:17px}.sound-intro{display:block;padding:90px 22px}.sound-intro>.section-label{margin-bottom:55px}.sound-intro h2{font-size:16.5vw}.sound-services{display:block}.sound-services article{min-height:350px;padding:35px 28px 42px}.stage-gallery{display:block}.stage-gallery-main{min-height:380px}.stage-gallery-note{min-height:440px;padding:65px 22px}.quiet-stage{display:flex;flex-direction:column;padding:90px 22px}.quiet-stage-copy h2{font-size:16vw}.quiet-stage figure{width:100%;order:-1}.coverage{display:flex;flex-direction:column}.coverage-photo{min-height:500px;padding:35px}.coverage-copy{padding:80px 22px 90px}.coverage-copy h2{font-size:17vw}.dressing-room{display:flex;flex-direction:column}.dressing-room figure{min-height:620px;height:75vh}.dressing-room-copy{padding:80px 22px 90px}.dressing-room-copy h2{font-size:17vw}.dressing-room-copy>p:not(.section-label){font-size:17px}.dressing-room-features{flex-wrap:wrap}.backline-section{display:block;padding:90px 22px}.backline-section h2{font-size:17vw;margin-bottom:75px}.sound-live-image{min-height:480px;height:65vh}.sound-live-image>div{gap:22px;overflow:hidden;justify-content:flex-start}}

/* SodaPop Sync */
.sync-hero{min-height:100svh;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:150px 4vw 105px}.sync-hero-image,.sync-hero-shade{position:absolute;inset:0}.sync-hero-image{background:url('../brand/sync/platforms-hero.png') center/cover no-repeat;transform:scale(1.015)}.sync-hero-shade{background:linear-gradient(90deg,rgba(2,5,8,.98) 0%,rgba(2,5,8,.82) 39%,rgba(2,5,8,.13) 76%),linear-gradient(0deg,rgba(0,0,0,.7),transparent 50%)}.sync-hero-copy{position:relative;z-index:2;max-width:1250px}.sync-hero-copy h1{margin:0;font-size:clamp(72px,10vw,155px);line-height:.82;letter-spacing:-.08em}.sync-hero-copy h1 em{color:var(--cyan);font-weight:300;font-style:normal}.sync-hero-copy>p:last-child{max-width:720px;margin:52px 0 0;color:#bbb;font-size:clamp(18px,1.55vw,24px);line-height:1.5}
.sync-intro{padding:145px 4vw 155px;background:var(--white);color:var(--black);display:grid;grid-template-columns:28% 1fr}.sync-intro h2{margin:0 0 50px;font-size:clamp(62px,9vw,138px);line-height:.84;letter-spacing:-.075em}.sync-intro h2 span{color:var(--red);font-weight:300}.sync-intro div>p{max-width:820px;font-size:clamp(21px,2.2vw,35px);line-height:1.32;letter-spacing:-.03em}
.sync-destinations{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.sync-destinations span{min-height:180px;display:flex;flex-direction:column;justify-content:space-between;padding:28px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:clamp(17px,1.5vw,25px)}.sync-destinations b{color:var(--red);font-size:10px;font-weight:500}
.sync-production{display:grid;grid-template-columns:62% 38%;min-height:790px}.sync-production figure{margin:0;overflow:hidden}.sync-production img{width:100%;height:100%;object-fit:cover;display:block}.sync-production-copy{padding:90px 5vw;background:var(--cyan);display:flex;flex-direction:column;justify-content:center}.sync-production-copy h2{margin:65px 0 40px;font-size:clamp(55px,5.8vw,90px);line-height:.86;letter-spacing:-.07em}.sync-production-copy h2 em{font-weight:300;font-style:normal}.sync-production-copy>p:not(.section-label){font-size:18px;line-height:1.55;color:rgba(255,255,255,.8)}.sync-production-copy blockquote{margin:60px 0 0;padding-top:28px;border-top:1px solid rgba(255,255,255,.45);font-size:clamp(22px,2vw,32px);line-height:1.15;letter-spacing:-.035em}
.sync-process{padding:145px 4vw 155px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.sync-process header h2{margin:65px 0 0;font-size:clamp(55px,6.5vw,100px);line-height:.87;letter-spacing:-.07em}.sync-process header h2 em{color:var(--red);font-weight:300;font-style:normal}.sync-process-list{border-top:1px solid var(--line)}.sync-process-list article{display:grid;grid-template-columns:55px 1fr;padding:33px 0 38px;border-bottom:1px solid var(--line)}.sync-process-list article>span{grid-row:1/3;color:var(--red);font-size:10px;padding-top:5px}.sync-process-list h3{margin:0 0 10px;font-size:clamp(22px,2vw,32px);letter-spacing:-.035em}.sync-process-list p{margin:0;max-width:540px;color:#999;font-size:15px;line-height:1.55}
.sync-catalog{display:grid;grid-template-columns:40% 60%;min-height:800px;background:#0e1114}.sync-catalog-copy{padding:100px 4vw;display:flex;flex-direction:column;justify-content:center}.sync-catalog-copy h2{margin:65px 0 40px;font-size:clamp(54px,5.8vw,88px);line-height:.86;letter-spacing:-.07em}.sync-catalog-copy h2 em{color:var(--cyan);font-weight:300;font-style:normal}.sync-catalog-copy>p:not(.section-label){max-width:560px;color:#aaa;font-size:18px;line-height:1.55}.sync-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:45px}.sync-tags span{padding:10px 15px;border:1px solid var(--line);border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.sync-catalog-art{overflow:hidden}.sync-catalog-art img{width:100%;height:100%;object-fit:cover;display:block}
.sync-artist-value{padding:150px 8vw 160px;text-align:center;background:var(--white);color:var(--black)}.sync-artist-value h2{margin:80px auto 55px;max-width:1300px;font-size:clamp(65px,8.5vw,132px);line-height:.85;letter-spacing:-.075em}.sync-artist-value h2 em{color:var(--red);font-weight:300;font-style:normal}.sync-artist-value>p:last-child{margin:0 auto;max-width:760px;color:#555;font-size:20px;line-height:1.55}.sync-contact{background:var(--cyan)}.sync-footer>p:nth-child(2){color:#999}
@media(max-width:800px){.sync-hero{min-height:780px;padding:130px 22px 80px;align-items:center}.sync-hero-shade{background:linear-gradient(90deg,rgba(2,5,8,.95),rgba(2,5,8,.38)),linear-gradient(0deg,rgba(0,0,0,.75),transparent)}.sync-hero-copy h1{font-size:18vw}.sync-hero-copy>p:last-child{font-size:17px}.sync-intro{display:block;padding:90px 22px}.sync-intro>.section-label{margin-bottom:55px}.sync-intro h2{font-size:16.5vw}.sync-destinations{grid-template-columns:1fr 1fr}.sync-destinations span{min-height:135px}.sync-production{display:flex;flex-direction:column}.sync-production figure{min-height:430px}.sync-production-copy{padding:80px 22px 90px}.sync-production-copy h2{font-size:16vw}.sync-process{display:block;padding:90px 22px}.sync-process header h2{font-size:14vw;margin-bottom:80px}.sync-catalog{display:flex;flex-direction:column}.sync-catalog-copy{padding:80px 22px 90px}.sync-catalog-copy h2{font-size:16vw}.sync-catalog-art{min-height:440px;order:-1}.sync-artist-value{padding:90px 22px 100px}.sync-artist-value h2{font-size:15vw}}

/* Full news stories */
.story-page{min-height:100vh;background:#f1ede6;color:#171311}.story-page .topbar{background:#0a0908;color:#fff}.story-header{padding:15rem 6vw 6.5rem;background:var(--red);color:#fff}.story-header .news-meta{display:flex;gap:1rem;align-items:center;margin:0 0 3rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.story-header .news-meta span{padding:.45rem .7rem;border:1px solid rgba(255,255,255,.55);border-radius:999px}.story-header h1{max-width:1250px;margin:0;font-size:clamp(4rem,8.5vw,9.5rem);line-height:.87;letter-spacing:-.075em}.story-deck{max-width:800px;margin:3.5rem 0 0;font-size:clamp(1.2rem,1.8vw,1.7rem);line-height:1.45}.story-hero-image{h;margin:0;overflow:hidden;background:#111}.story-hero-image img{width:100%;height:100%;display:block;object-fit:cover}.story-body{display:grid;grid-template-columns:minmax(180px,25%) minmax(0,760px);justify-content:center;gap:7vw;padding:8rem 6vw 9rem}.story-body aside{font-size:.78rem}.story-body aside a{display:inline-block;margin-top:2rem;padding-bottom:.45rem;border-bottom:1px solid currentColor}.story-copy p{margin:0 0 2rem;font-size:1.18rem;line-height:1.82;color:#3f3936}.story-copy>p:first-child{font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.52;letter-spacing:-.025em;color:#171311}.story-end{display:flex;align-items:center;gap:1.2rem;margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(23,19,17,.25)}.story-end span{color:var(--red)}.story-end p{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em}.story-more{padding:8rem 6vw;background:#0a0908;color:#fff;position:relative}.story-more h2{margin:3.5rem 0 0;font-size:clamp(4rem,8vw,8.5rem);line-height:.85;letter-spacing:-.075em}.story-more h2 em{color:var(--red);font-style:normal;font-weight:300}.story-more>a{position:absolute;right:6vw;bottom:8.5rem;padding-bottom:.55rem;border-bottom:1px solid #777}.story-more>a span{color:var(--red);margin-left:2rem}.story-missing{min-height:75vh;padding:15rem 6vw 8rem}.story-missing h1{font-size:clamp(4rem,10vw,10rem);letter-spacing:-.075em;margin:3rem 0}.story-missing>a{display:inline-block;margin-top:2rem;padding-bottom:.5rem;border-bottom:1px solid currentColor}
@media(max-width:800px){.story-header{padding:11rem 22px 5rem}.story-header h1{font-size:16vw}.story-header .news-meta{margin-bottom:2rem}.story-deck{font-size:1.08rem}.story-hero-image{height:72vw;min-height:360px}.story-body{display:block;padding:5.5rem 22px 6.5rem}.story-body aside{margin-bottom:4rem}.story-copy p{font-size:1.05rem}.story-copy>p:first-child{font-size:1.35rem}.story-more{padding:6rem 22px 8rem}.story-more h2{font-size:16vw}.story-more>a{position:static;display:inline-block;margin-top:3rem}.story-missing{padding:11rem 22px 6rem}}




/* ==========================================================
   SODAPOP PREMIUM AUDIO PLAYER
   ========================================================== */

.spx-player-shell {
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.07), transparent 28%),
        radial-gradient(circle at 80% 15%, rgba(255,255,255,.03), transparent 22%),
        linear-gradient(180deg, #090909 0%, #050505 100%);
    color: #fff;
    padding: 110px 24px;
}

.spx-wrap {
    width: min(1250px, 100%);
    margin: 0 auto;
}


/* HEADER */

.spx-section-head {
    max-width: 850px;
    margin-bottom: 55px;
}

.spx-kicker {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .28em;
    opacity: .5;
    margin-bottom: 14px;
}

.spx-section-head h2 {
    font-size: clamp(3.2rem, 7vw, 6.2rem);
    line-height: .95;
    margin: 0 0 22px;
    letter-spacing: -.045em;
}

.spx-section-head p {
    font-size: 1.18rem;
    color: #aaa;
    line-height: 1.7;
}


/* PLAYER SHELL */

.spx-player {
    display: grid;
    grid-template-columns: 400px 1fr;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.015)
        );
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 26px;
    overflow: hidden;
    box-shadow:
        0 40px 100px rgba(0,0,0,.45),
        inset 0 1px 0 rgba(255,255,255,.04);
}


/* ARTWORK */

.spx-art-panel {
    padding: 28px;
    background: rgba(255,255,255,.02);
    border-right: 1px solid rgba(255,255,255,.08);
}

.spx-art-frame {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    aspect-ratio: 1;
    background: #000;
    box-shadow: 0 25px 60px rgba(0,0,0,.5);
}

.spx-art-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.spx-art-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 18px;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(0,0,0,.8)
        );
}

.spx-now {
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .2em;
    opacity: .8;
}


/* MINI EQ */

.spx-eq {
    display: flex;
    gap: 3px;
    align-items: end;
    height: 20px;
}

.spx-eq span {
    width: 3px;
    height: 6px;
    border-radius: 3px;
    background: #fff;
    opacity: .65;
}

.spx-eq.playing span {
    animation: spxEq 700ms ease-in-out infinite alternate;
}

.spx-eq.playing span:nth-child(2) {
    animation-delay: 120ms;
}

.spx-eq.playing span:nth-child(3) {
    animation-delay: 220ms;
}

.spx-eq.playing span:nth-child(4) {
    animation-delay: 330ms;
}

.spx-eq.playing span:nth-child(5) {
    animation-delay: 440ms;
}

@keyframes spxEq {
    from {
        height: 5px;
        opacity: .35;
    }

    to {
        height: 20px;
        opacity: 1;
    }
}


/* CREDIT */

.spx-credit {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 22px 5px 0;
}

.spx-credit span {
    font-size: .58rem;
    letter-spacing: .2em;
    opacity: .35;
}

.spx-credit strong {
    font-size: .95rem;
    font-weight: 600;
}


/* MAIN */

.spx-main {
    padding: 52px 50px 40px;
    display: flex;
    flex-direction: column;
}

.spx-track-meta span {
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #aaa;
}

.spx-track-heading h3 {
    font-size: clamp(3rem, 6vw, 5rem);
    margin: 6px 0 8px;
    line-height: .95;
    letter-spacing: -.04em;
}

.spx-submeta {
    color: #666;
    font-size: .82rem;
}


/* WAVEFORM */

.spx-waveform {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 100px;
    margin: 38px 0 18px;
}

.spx-waveform span {
    flex: 1;
    height: var(--h);
    min-width: 2px;
    max-width: 7px;
    border-radius: 20px;
    background: rgba(255,255,255,.17);
    transition:
        background .25s ease,
        transform .25s ease;
}

.spx-player.is-playing .spx-waveform span {
    animation: spxWave 1.4s ease-in-out infinite alternate;
}

.spx-player.is-playing .spx-waveform span:nth-child(3n) {
    animation-delay: 180ms;
}

.spx-player.is-playing .spx-waveform span:nth-child(4n) {
    animation-delay: 320ms;
}

.spx-player.is-playing .spx-waveform span:nth-child(5n) {
    animation-delay: 460ms;
}

@keyframes spxWave {
    from {
        transform: scaleY(.75);
        background: rgba(255,255,255,.18);
    }

    to {
        transform: scaleY(1.15);
        background: rgba(255,255,255,.6);
    }
}


/* PROGRESS */

.spx-progress-row {
    display: grid;
    grid-template-columns: 45px 1fr 45px;
    align-items: center;
    gap: 14px;
    font-size: .68rem;
    color: #666;
}

.spx-progress-row input,
.spx-volume input {
    accent-color: #fff;
    cursor: pointer;
}


/* CONTROLS */

.spx-controls {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 32px 0 40px;
}

.spx-small-control,
.spx-main-play {
    border: 0;
    cursor: pointer;
}

.spx-small-control {
    background: transparent;
    color: #aaa;
    font-size: 1rem;
    transition:
        color .2s ease,
        transform .2s ease;
}

.spx-small-control:hover {
    color: #fff;
    transform: scale(1.08);
}

.spx-main-play {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #fff;
    color: #000;
    font-size: 1.35rem;
    box-shadow: 0 10px 30px rgba(255,255,255,.1);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.spx-main-play:hover {
    transform: scale(1.06);
    box-shadow: 0 15px 45px rgba(255,255,255,.16);
}

.spx-volume {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.spx-volume span {
    font-size: .6rem;
    letter-spacing: .16em;
    opacity: .4;
}

.spx-volume input {
    width: 110px;
}


/* PLAYLIST */

.spx-playlist {
    margin-top: auto;
    border-top: 1px solid rgba(255,255,255,.08);
}

.spx-track {
    width: 100%;
    display: grid;
    grid-template-columns: 50px 1fr 75px;
    align-items: center;
    padding: 18px 4px;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
    background: transparent;
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition:
        padding-left .2s ease,
        opacity .2s ease;
}

.spx-track:hover {
    padding-left: 8px;
}

.spx-track:last-child {
    border-bottom: 0;
}

.spx-index {
    font-size: .68rem;
    color: #555;
}

.spx-track-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.spx-track-copy strong {
    font-size: .95rem;
}

.spx-track-copy small {
    font-size: .74rem;
    color: #666;
}

.spx-track-status {
    justify-self: end;
    font-size: .58rem;
    letter-spacing: .14em;
    color: #555;
}

.spx-track.active .spx-track-status {
    color: #fff;
}

.spx-track.active .spx-track-copy strong {
    color: #fff;
}


/* MOBILE */

@media (max-width: 900px) {

    .spx-player {
        grid-template-columns: 1fr;
    }

    .spx-art-panel {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .spx-art-frame {
        max-width: 520px;
        margin: 0 auto;
    }

}

@media (max-width: 650px) {

    .spx-player-shell {
        padding: 75px 18px;
    }

    .spx-main {
        padding: 35px 24px 28px;
    }

    .spx-art-panel {
        padding: 18px;
    }

    .spx-waveform {
        height: 75px;
        gap: 3px;
    }

    .spx-volume {
        display: none;
    }

    .spx-controls {
        justify-content: center;
    }

}