@font-face{font-family:Satoshi;src:url('/assets/satoshi.ttf') format('truetype');font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:Coolvetica;src:url('/assets/coolvetica.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
:root{--blue:#1500ff;--paper:#edeae0;--ink:#20211f;--black:#171817;--muted:#70716b;--gutter:clamp(20px,4.5vw,72px);--line:#20211f2b}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Satoshi,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body,main{overflow-x:clip}
h1,h2,h3,p,figure,dl,dd{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
button:disabled{cursor:default}
img,video{display:block;max-width:100%}
[hidden]{display:none!important}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
::selection{background:var(--blue);color:var(--paper)}
:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
.roster-section :focus-visible,.join-section :focus-visible{outline-color:var(--paper)}
.skip-link{position:fixed;top:12px;left:12px;padding:14px 20px;background:var(--blue);color:white;z-index:100;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.shell{width:100%;max-width:1512px;padding-inline:var(--gutter);margin-inline:auto}
.display{font-family:Coolvetica,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:-.012em;line-height:.94}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;line-height:1.7}
.signal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);flex:none}
.site-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{height:83px;display:flex;justify-content:space-between;align-items:center;gap:32px}
.brand{display:flex;align-items:baseline;gap:9px}
.brand-name{font-size:32px;font-weight:750;letter-spacing:-.07em;line-height:1}
.brand-sub{font-size:8px;letter-spacing:.1em}
.site-nav{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:500}
.site-nav>a{position:relative;padding-block:12px}
.site-nav>a:hover{color:var(--blue)}
.site-nav [aria-current=page]::after{content:'';position:absolute;left:0;bottom:3px;width:100%;height:2px;background:var(--blue)}
.nav-talk{display:flex;align-items:center;gap:22px}
.nav-talk span{font-size:22px}
.artists-hero{text-align:center;padding-top:38px;padding-bottom:73px}
.hero-heading .eyebrow{display:flex;align-items:center;justify-content:center;gap:10px}
.hero-title{font-size:clamp(140px,29vw,420px);line-height:.84;text-transform:uppercase;color:var(--blue);margin-top:27px}
.hero-stage{position:relative;width:min(1160px,94%);height:clamp(240px,31vw,385px);margin:12px auto 0;transform:translate3d(0,var(--stage-drift,0px),0)}
.hero-film{position:absolute;left:50%;top:3%;width:37%;transform:translateX(-50%) rotate(-1.5deg);background:var(--paper);padding:7px;border-radius:19px;box-shadow:0 14px 32px #17181724;z-index:5}
.film-window{aspect-ratio:1.42;position:relative;background:#232321;border-radius:13px;overflow:hidden}
.film-window>img,.film-window>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film-window>video{opacity:0;transition:opacity .5s}
.film-window>video.is-playing{opacity:1}
.hero-film figcaption{min-height:36px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;font-weight:550;letter-spacing:-.01em}
.hero-film .signal-dot{width:5px;height:5px}


.portrait-orbit{position:absolute;perspective:1100px;z-index:3}
.orbit-one{width:15%;left:3%;top:31%;--angle:-13deg;--delay:-2s}
.orbit-two{width:21%;left:17%;top:10%;--angle:-8deg;--delay:-5s;z-index:4}
.orbit-three{width:21%;right:17%;top:14%;--angle:9deg;--delay:-1s;z-index:4}
.orbit-four{width:15%;right:3%;top:28%;--angle:13deg;--delay:-4s}
.flip-card{position:relative;display:block;width:100%;aspect-ratio:4/5;border:0;padding:0;background:transparent;border-radius:16px;transform:rotate(var(--angle));touch-action:manipulation}
.orbit-one .flip-card,.orbit-four .flip-card{aspect-ratio:.88}
.card-rotor{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.22,.68,0,1.02);border-radius:inherit;box-shadow:0 10px 25px #17181729}
.flip-card.is-flipped .card-rotor{transform:rotateY(180deg)}
.card-face{position:absolute;inset:0;border:5px solid var(--paper);border-radius:inherit;overflow:hidden;background:var(--paper);backface-visibility:hidden;-webkit-backface-visibility:hidden}
.card-back{transform:rotateY(180deg)}
.card-face.is-placeholder{display:grid;place-items:center;background:var(--paper);color:var(--blue)}
.card-question{font-family:Coolvetica,'Arial Narrow',sans-serif;font-size:clamp(28px,7vw,100px);font-weight:400;line-height:1}
.card-face img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.orbit-one .card-face img{object-fit:cover;object-position:center}
.flip-mark{position:absolute;bottom:12px;right:12px;width:24px;height:24px;display:grid;place-items:center;background:var(--paper);color:var(--ink);border-radius:50%;font-size:15px;opacity:0;transition:opacity .2s}
.flip-card:hover .flip-mark,.flip-card:focus-visible .flip-mark{opacity:1}
.hero-foot{position:relative;z-index:6;margin-top:3px}
.hero-tagline{font-size:clamp(31px,3.2vw,47px);font-weight:500;line-height:1.12;letter-spacing:-.055em}
.hero-tagline>span{color:var(--blue);position:relative;display:inline-block}
.hero-tagline>span::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:3px;background:var(--blue);transform:scaleX(1);transform-origin:left}
.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:37px;border-radius:100px;min-height:56px;padding:17px 27px;font-size:12px;font-weight:550;transition:background .25s,transform .25s,color .25s}
.pill-button>span{font-size:21px;line-height:1}
.pill-button:hover{transform:translateY(-3px)}
.pill-button.dark{color:var(--paper);background:var(--ink)}
.pill-button.dark:hover{background:var(--blue)}
.hero-foot .pill-button{margin-top:32px}

.signal-ribbon{background:var(--blue);color:var(--paper);overflow:hidden;padding-block:14px}
.ribbon-track{display:flex;width:max-content;background:var(--blue)}
.ribbon-group{display:flex;flex:none;width:max-content}
.ribbon-group>span{display:flex;flex:none;align-items:center;gap:40px;padding-right:40px;white-space:nowrap;font-family:Coolvetica,'Arial Narrow',sans-serif;font-size:51px;line-height:1;text-transform:uppercase;letter-spacing:.01em}
.ribbon-logo{position:relative;display:block;flex:none;width:.8em;height:.8em;overflow:hidden;mix-blend-mode:screen}
.ribbon-logo img{position:absolute;left:50%;top:50%;width:460%;max-width:none;height:auto;transform:translate(-50%,-50%)}
.roster-section{padding-block:94px 85px;background:var(--black);color:var(--paper);clip-path:inset(0 var(--roster-inset,0px) round var(--roster-radius,0px) var(--roster-radius,0px) 0 0)}
.section-heading{text-align:center}
.roster-section .eyebrow{color:#a2a39c}
.section-heading h2{font-size:clamp(62px,7.4vw,112px);margin-top:19px}
.section-copy{max-width:555px;font-size:14px;line-height:1.8;color:#babbb3;margin:24px auto 0}
.roster-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 36px;text-align:left}
.roster-intro{display:grid;min-width:0}
.roster-intro>div{grid-area:1/1;min-width:0}
.roster-intro-reference{visibility:hidden;pointer-events:none;user-select:none}
.roster-heading h2{margin-top:0}
.roster-heading .section-copy{margin:18px 0 0}
.artist-filter{position:relative;width:180px;max-width:100%;margin-top:14px}
.artist-filter::after{content:'';position:absolute;right:5px;top:18px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);pointer-events:none}
.artist-filter select{appearance:none;-webkit-appearance:none;width:100%;min-height:46px;padding:10px 30px 10px 0;border:0;border-bottom:1px solid #edeae060;border-radius:0;background:transparent;color:var(--paper);font:inherit;font-size:14px;cursor:pointer;transition:border-color .2s}
.artist-filter select:hover{border-color:var(--paper)}
.artist-filter option{background:var(--black);color:var(--paper)}
.artist-empty{padding-block:clamp(45px,6vw,80px);text-align:center;color:#babbb3;font-size:clamp(16px,2vw,24px)}
@media(max-width:700px){.roster-heading{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:18px}.roster-heading .section-copy{margin-inline:auto}.artist-filter{width:170px;margin-top:0}}
.composer-experience{margin-top:57px}
.composer-track{--card-width:clamp(275px,31vw,430px);position:relative;display:flex;gap:clamp(22px,3.5vw,53px);width:100%;max-width:1512px;margin-inline:auto;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:16px calc((100% - var(--card-width))/2) 14px;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}
.composer-track::-webkit-scrollbar{display:none}
.composer-track:focus-visible{outline-offset:-5px}
.composer-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.composer-track.is-rebasing{scroll-snap-type:none;scroll-behavior:auto}
.composer-track.is-rebasing .composer-card,.composer-track.is-rebasing .composer-photo img{transition:none!important}
.composer-card{flex:0 0 var(--card-width);min-width:0;text-align:center;scroll-snap-align:center;transform:scale(.87) rotate(-4deg);opacity:.55;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .5s;transform-origin:50% 60%}
.composer-card.tilt-right{transform:scale(.87) rotate(4deg)}
.composer-card.is-current{transform:scale(1) rotate(0);opacity:1}
.composer-photo{aspect-ratio:4/4.65;position:relative;overflow:hidden;border-radius:15px;background:#353631}
.composer-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,center);pointer-events:none;transition:transform 1s cubic-bezier(.22,1,.36,1)}
.composer-name-card{display:grid;place-items:center;padding:22px;background:linear-gradient(145deg,#070f37,#0d1850);color:var(--paper)}
.composer-name-card>span{font-family:Coolvetica,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(62px,7.6vw,108px);line-height:.94;letter-spacing:.01em;text-transform:uppercase;pointer-events:none}
.composer-track:hover .composer-card.is-current .composer-photo img{transform:scale(1.035)}

.composer-card figcaption{padding-top:23px}
.composer-card h3{font-family:Coolvetica,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(34px,3.8vw,57px);line-height:1.02;letter-spacing:-.005em}
.artist-name-line{display:flex;align-items:center;justify-content:center;gap:2px}
.artist-record-label{position:relative;flex:none;--label-red:#e91d2c}
.artist-record-label-button{display:grid;place-items:center;width:36px;height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--label-red);cursor:pointer}
.artist-record-label-button>span{display:grid;place-items:center;width:16px;height:16px;border:1px solid currentColor;border-radius:50%;font:700 10px/1 Satoshi,sans-serif}
.artist-record-label-text{position:absolute;right:0;bottom:100%;z-index:1;padding:7px 10px;border:1px solid var(--label-red);border-radius:7px;background:var(--paper);color:var(--black);font:600 11px/1.45 Satoshi,sans-serif;white-space:nowrap}
.composer-card:has(.artist-record-label-button[aria-expanded=true]){z-index:1}
.artist-role{margin-top:10px;color:#babbb3;font-size:12px;line-height:1.5;letter-spacing:.035em}
.composer-card .artist-role[hidden]{display:block!important;visibility:hidden}
.composer-controls{display:flex;align-items:center;justify-content:center;gap:32px;margin:21px auto 0;padding-inline:20px}
.round-button{width:50px;height:50px;display:grid;place-items:center;background:transparent;border:1px solid #edeae070;border-radius:50%;font-size:23px;line-height:1;transition:color .2s,background .2s,border-color .2s}
.round-button:not(:disabled):hover{background:var(--blue);border-color:var(--blue)}
.round-button:disabled{opacity:.25}
.composer-controls .round-button{flex-shrink:0}
.composer-position{text-align:center;min-width:0;max-width:200px}
.composer-status{font-size:12px;line-height:1.45;letter-spacing:.01em;overflow-wrap:anywhere}
.composer-position>p+p{font-size:9px;letter-spacing:.04em;color:#96978f;margin-top:7px}
.creator-section{padding-block:clamp(78px,8vw,120px)}
.creator-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(35px,6vw,88px);align-items:center;max-width:1260px;margin-inline:auto}
.creator-intro{min-width:0}
.creator-section .creator-heading.display{font-size:clamp(70px,8.3vw,126px);color:var(--blue);line-height:.93;letter-spacing:-.012em;text-align:left}
.creator-heading>span{display:block}
.creator-copy{max-width:375px;font-size:clamp(13px,1.1vw,16px);line-height:1.8;color:var(--muted);margin-top:30px}
.creator-visual{position:relative;isolation:isolate;min-width:0;height:clamp(375px,40vw,535px);margin:12px 10px;border-radius:23px;overflow:hidden;background:var(--blue);transform:rotate(2deg);box-shadow:0 18px 40px #17181716}
.creator-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:62% 50%;filter:saturate(.55)}
.creator-visual::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#1500ff05 15%,#1500ff24 35%,#1500ffe6 64%,#1500ff 100%)}
.creator-stats{position:absolute;left:clamp(25px,3vw,45px);right:clamp(25px,3vw,45px);bottom:clamp(27px,3vw,45px);color:var(--paper)}
.creator-stat{display:flex;align-items:baseline;gap:clamp(17px,2.1vw,32px)}
.creator-stat dt{order:2;font-family:Coolvetica,'Arial Narrow',sans-serif;font-size:clamp(33px,3.6vw,54px);font-weight:400;line-height:1;letter-spacing:-.01em}
.creator-stat-number{order:1;line-height:1}
.creator-stat-value{display:block;font-family:Coolvetica,'Arial Narrow',sans-serif;font-size:clamp(160px,16.3vw,246px);font-weight:400;line-height:.78;letter-spacing:0}
@media(max-width:760px){.creator-section{padding-block:65px 75px}.creator-layout{grid-template-columns:minmax(0,1fr);gap:36px;max-width:520px}.creator-section .creator-heading.display{font-size:clamp(66px,13.8vw,100px)}.creator-copy{font-size:13px;max-width:360px;margin-top:24px}.creator-visual{height:clamp(355px,83vw,465px);margin:5px 8px}.creator-stats{left:30px;right:30px;bottom:30px}.creator-stat-value{font-size:clamp(174px,40vw,225px)}.creator-stat dt{font-size:44px}.creator-stat{gap:23px}}

.artists-pathways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2vw,30px);margin-bottom:clamp(30px,3.2vw,48px)}
.pathway-tile{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:clamp(405px,37vw,535px);border:1px solid var(--blue);border-radius:26px;padding:clamp(32px,3.6vw,54px)}
.pathway-contact{background:var(--blue);color:var(--paper)}
.pathway-newsletter{background:var(--paper);color:var(--blue)}
.pathway-tile>.eyebrow{font-size:10px;letter-spacing:.12em}
.pathway-tile h2{font-size:clamp(52px,5.6vw,84px);line-height:.96;margin-top:27px}
.pathway-copy{max-width:365px;font-size:13px;line-height:1.8;margin-top:24px;margin-bottom:34px}
.pathway-contact .pathway-copy{color:#e3dfff}
.pathway-newsletter .pathway-copy{color:var(--muted)}
.pathway-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;max-width:100%;padding:14px 23px;border-radius:100px;font-size:12px;font-weight:550;line-height:1.5;margin-top:auto;transition:transform .2s,background .2s}
.pathway-link>span{font-size:21px;line-height:1;flex:none}
.pathway-contact .pathway-link{background:var(--paper);color:var(--blue)}
.pathway-newsletter .pathway-link{background:var(--blue);color:var(--paper)}
.pathway-link:hover{transform:translateY(-3px)}
.pathway-contact .pathway-link:hover{background:#fff}
.pathway-newsletter .pathway-link:hover{background:var(--ink)}
.pathway-contact :focus-visible{outline-color:var(--paper)}
.artists-patsj{margin-bottom:clamp(30px,3.2vw,48px)}
.artists-patsj-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(25px,3.4vw,48px);min-height:150px;padding:32px clamp(28px,4.2vw,64px);border-radius:26px;background:#c1ff00;color:#11160a}
.artists-patsj-brand{display:flex;align-items:center;min-height:64px;padding-right:clamp(25px,3vw,44px);border-right:1px solid #11160a30}
.artists-patsj-brand>img{width:139px;max-width:100%;height:auto;object-fit:contain}
.artists-patsj-copy{min-width:0}
.artists-patsj-copy>h2{font-size:clamp(32px,3.1vw,46px);line-height:1.02}
.artists-patsj-copy>p{margin-top:11px;font-size:13px;line-height:1.7}
.artists-patsj-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:50px;padding:14px 22px;border:1px solid #11160a;border-radius:100px;background:#11160a;color:#c1ff00;font-size:12px;font-weight:650;line-height:1.5;white-space:nowrap;transition:background .2s,color .2s}
.artists-patsj-link>span{flex:none;font-size:21px;line-height:1}
.artists-patsj-link:hover{background:transparent;color:#11160a}
.artists-pathways+.patchbay-network,.artists-patsj+.patchbay-network{margin-bottom:0;padding-bottom:clamp(64px,7vw,112px)}
@media(max-width:760px){.artists-patsj{margin-bottom:28px}.artists-patsj-bar{grid-template-columns:minmax(0,1fr) auto;gap:24px;min-height:0;padding:28px 24px;border-radius:23px}.artists-patsj-brand{grid-column:1;grid-row:1;min-height:0;padding:0;border:0}.artists-patsj-brand>img{width:120px}.artists-patsj-copy{grid-column:1/-1;grid-row:2}.artists-patsj-copy>h2{font-size:clamp(32px,6vw,40px)}.artists-patsj-copy>p{margin-top:9px;font-size:12px}.artists-patsj-link{grid-column:2;grid-row:1;min-height:46px;padding:12px 18px;gap:22px;font-size:11px}}
@media(max-width:430px){.artists-patsj-bar{grid-template-columns:minmax(0,1fr);gap:22px}.artists-patsj-brand{grid-column:1;grid-row:1;justify-self:start}.artists-patsj-copy{grid-column:1;grid-row:2}.artists-patsj-link{grid-column:1;grid-row:3;justify-self:start}}
@media(max-width:760px){.artists-pathways{grid-template-columns:minmax(0,1fr);gap:22px;margin-bottom:28px}.pathway-tile{min-height:365px;border-radius:23px;padding:32px}.pathway-tile h2{font-size:clamp(54px,11.8vw,80px);margin-top:24px}.pathway-copy{max-width:380px;font-size:12px;margin-top:21px;margin-bottom:28px}.pathway-link{font-size:11px;min-height:50px;padding:14px 22px}}
@media(max-width:430px){.pathway-tile{padding:29px 26px}.pathway-tile h2{font-size:clamp(48px,12.8vw,55px)}}

.join-section{padding-inline:var(--gutter);max-width:1512px;margin-inline:auto}
.join-canvas{position:relative;isolation:isolate;overflow:hidden;background:var(--blue);border-radius:30px;text-align:center}
.join-background{position:absolute;inset:-5% 0;z-index:-1;width:100%;height:110%;max-width:none;object-fit:cover;filter:grayscale(1);mix-blend-mode:luminosity;opacity:.13;transform:translate3d(0,var(--join-drift,0px),0) scale(1.02)}
.join-content{position:relative;color:var(--paper);padding:70px 28px 66px;display:flex;flex-direction:column;align-items:center}
.join-content>.eyebrow{color:#d7d2ff;font-size:9px}
.join-content h2{font-size:clamp(79px,9.3vw,141px);line-height:.93;margin-top:28px}
.join-copy{font-size:14px;line-height:1.8;max-width:380px;margin-top:30px;color:#e3dfff}
.pill-button.light{background:var(--paper);color:var(--blue);margin-top:30px;min-width:177px}
.pill-button.light:hover{background:white}
.join-email{font-size:10px;margin-top:23px;text-underline-offset:4px}
.join-email:hover{text-decoration:underline}
.site-footer{text-align:center;padding-top:64px;padding-bottom:29px}
.footer-brand{display:inline-flex;flex-direction:column;font-size:56px;font-weight:750;letter-spacing:-.075em;line-height:1}
.footer-brand>span{font-size:8px;letter-spacing:.21em;text-transform:uppercase;margin-top:11px;font-weight:500}
.footer-tagline{font-size:14px;letter-spacing:-.02em;margin-top:29px}
.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;font-size:11px;margin-top:27px}
.footer-nav a:hover{color:var(--blue)}
.newsletter{font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:26px;margin-top:41px;line-height:1.8}
.newsletter>a{color:var(--blue);text-decoration:underline;text-underline-offset:5px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:26px;border-top:1px solid var(--line);margin-top:37px;padding-top:26px;font-size:9px;color:var(--muted)}
.footer-bottom nav{display:flex;gap:25px}
.footer-bottom a:hover{color:var(--blue)}
@media(prefers-reduced-motion:no-preference){
  .hero-tagline.underline-ready>span::after{transform:scaleX(0)}
  .hero-tagline.underline-ready.is-underlined>span::after{transform:scaleX(1);transition:transform .8s cubic-bezier(.22,1,.36,1) 2.5s}
  body[data-motion] .portrait-orbit{animation:float-card 7s ease-in-out infinite;animation-delay:var(--delay)}
  body[data-motion] .ribbon-track.is-ready{animation:pass-signal var(--ribbon-duration,27s) linear infinite}
  @keyframes float-card{0%,100%{translate:0 0}50%{translate:0 -12px}}
  @keyframes pass-signal{to{transform:translateX(-50%)}}
}
body[data-motion=paused] .portrait-orbit,body[data-motion=paused] .ribbon-track,body.page-hidden .portrait-orbit,body.page-hidden .ribbon-track{animation-play-state:paused!important}
body.hero-offscreen .portrait-orbit{animation-play-state:paused!important}
@media(min-width:1513px){.composer-track{padding-inline:calc((1512px - var(--card-width))/2)}}
@media(max-width:1000px){
  .hero-stage{height:33vw;min-height:240px}.hero-film{width:39%}.orbit-two{left:16%;width:22%}.orbit-three{right:16%;width:22%}.orbit-one{left:2%}.orbit-four{right:2%}
  .hero-film figcaption{font-size:8px;min-height:31px}.hero-title{font-size:30vw}.roster-section{padding-top:75px;padding-bottom:65px}.composer-track{--card-width:36vw}.section-heading h2{font-size:9vw}
}
@media(max-width:700px){
  html{scroll-padding-top:85px}.header-inner{height:72px;gap:24px}.brand-name{font-size:28px}.brand-sub{font-size:7px}.site-nav{gap:25px;font-size:10px}.nav-talk{gap:12px}.nav-talk span{font-size:20px}
  .artists-hero{padding-top:33px;padding-bottom:47px}.eyebrow{font-size:8px}.hero-title{font-size:35vw;margin-top:26px;line-height:.86}.hero-stage{height:46vw;min-height:235px;width:100%;margin-top:20px}.hero-film{top:2%;width:44%;border-radius:15px;padding:5px}.film-window{aspect-ratio:1.18;border-radius:11px}.hero-film figcaption{font-size:8px;line-height:1.35;min-height:29px;gap:5px;padding-inline:4px}.hero-film .signal-dot{width:4px;height:4px}
  .orbit-one{width:17%;left:0;top:31%;--angle:-12deg}.orbit-two{width:25%;left:11%;top:11%;--angle:-9deg}.orbit-three{width:25%;right:11%;top:14%;--angle:10deg}.orbit-four{width:17%;right:0;top:29%;--angle:12deg}.flip-card{border-radius:12px}.card-face{border-width:4px}.flip-mark{width:21px;height:21px;right:8px;bottom:8px;font-size:13px}
  .hero-foot{margin-top:1px}.hero-tagline{font-size:37px}.hero-foot .pill-button{margin-top:27px}.pill-button{font-size:11px;min-height:52px;padding:16px 25px;gap:31px}.signal-ribbon{padding-block:12px}.ribbon-group>span{font-size:39px;gap:25px;padding-right:25px}
  .roster-section{padding-top:57px;padding-bottom:52px}.section-heading h2{font-size:clamp(52px,11.5vw,81px);margin-top:19px}.section-copy{font-size:12px;line-height:1.8;max-width:400px;margin-top:20px}.composer-experience{margin-top:29px}.composer-track{--card-width:57vw;gap:7vw;padding-top:15px;padding-bottom:13px}.composer-photo{border-radius:12px}.composer-card h3{font-size:clamp(35px,7.9vw,50px)}.composer-card figcaption{padding-top:19px}.composer-controls{margin-top:15px;gap:29px}.round-button{width:45px;height:45px;font-size:21px}.composer-status{font-size:11px}.composer-position>p+p{font-size:8px}

  .join-canvas{border-radius:23px}.join-content{padding:46px 20px 42px}.join-content>.eyebrow{font-size:7px;letter-spacing:.13em}.join-content h2{font-size:clamp(76px,14.5vw,100px);margin-top:25px}.join-copy{font-size:12px;max-width:300px;margin-top:25px}.pill-button.light{margin-top:25px;min-width:163px}.join-email{font-size:9px;margin-top:20px}.site-footer{padding-top:47px;padding-bottom:25px}.footer-brand{font-size:47px}.footer-brand>span{font-size:7px}.footer-tagline{font-size:12px;margin-top:27px}.footer-nav{gap:27px;font-size:10px;margin-top:25px}.newsletter{flex-direction:column;gap:11px;margin-top:34px;font-size:10px}.footer-bottom{margin-top:29px;padding-top:23px;font-size:8px;gap:23px}.footer-bottom nav{gap:20px}
}
@media(max-width:430px){
  :root{--gutter:20px}.brand-sub{display:none}.site-nav{gap:21px;font-size:10px}.header-inner{height:68px}.brand-name{font-size:27px}.nav-talk{gap:10px}.hero-heading .eyebrow{font-size:7px;gap:8px}.hero-title{font-size:37vw}.hero-stage{height:60vw;min-height:210px;margin-top:25px}.hero-film{top:5%;width:47%;transform:translateX(-50%) rotate(-1deg);padding:4px;border-radius:12px}.film-window{aspect-ratio:.99;border-radius:9px}.hero-film figcaption{font-size:8px;min-height:29px;gap:4px}.hero-film .signal-dot{width:3px;height:3px}
  .orbit-one{width:19%;left:-1%;top:39%}.orbit-two{width:27%;left:8%;top:17%}.orbit-three{width:27%;right:8%;top:20%}.orbit-four{width:19%;right:-1%;top:36%}.flip-card{border-radius:10px}.card-face{border-width:3px}.flip-mark{opacity:1;width:17px;height:17px;bottom:7px;right:7px;font-size:12px}.orbit-one .flip-mark,.orbit-four .flip-mark{display:none}
  .hero-foot{margin-top:8px}.hero-tagline{font-size:34px}.hero-tagline>span::after{height:2px;bottom:-5px}.section-heading h2{font-size:55px}.section-copy{font-size:11px;max-width:310px}.composer-track{--card-width:64vw;gap:7vw}.composer-photo{aspect-ratio:4/4.9}.composer-card h3{font-size:36px}.composer-card figcaption{padding-top:17px}.composer-controls{gap:26px}.join-section{padding-inline:14px}.join-content{padding-inline:18px}.join-content h2{font-size:78px}.join-copy{font-size:11px;max-width:260px}.footer-bottom{flex-direction:column;justify-content:center;gap:16px}.footer-tagline{font-size:11px}
}
@media(max-width:350px){
  .site-nav{gap:15px;font-size:9px}.brand-name{font-size:25px}.nav-talk{gap:7px}.nav-talk span{font-size:18px}.hero-title{font-size:38vw}.hero-stage{min-height:210px}.hero-film figcaption .signal-dot{display:none}.hero-tagline{font-size:31px}.section-heading h2{font-size:49px}.composer-card h3{font-size:32px}.join-content h2{font-size:70px}.join-content>.eyebrow{font-size:6px}.footer-tagline{font-size:10px}
}
/* Size the opening from one shared viewport budget, including its header and ribbon. */
:root{--opening-viewport:100vh;--opening-header:83px;--opening-ribbon-font:51px;--opening-ribbon-padding:14px;--opening-min-height:560px}
@supports(height:100svh){:root{--opening-viewport:100svh}}
.header-inner{height:var(--opening-header)}
.signal-ribbon{padding-block:var(--opening-ribbon-padding)}
.ribbon-group>span{font-size:var(--opening-ribbon-font)}
.artists-hero{
  --hero-height:max(var(--opening-min-height),calc(var(--opening-viewport) - var(--opening-header) - 1px - var(--opening-ribbon-font) - 2 * var(--opening-ribbon-padding)));
  --stage-width:min(1160px,94vw,calc(var(--hero-height) * .97));
  display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;
  min-height:var(--hero-height);padding-block:clamp(12px,calc(var(--hero-height) * .025),36px);gap:clamp(8px,calc(var(--hero-height) * .012),20px)
}
.hero-heading,.hero-foot{flex:none;min-width:0}
.hero-title{font-size:min(clamp(140px,29vw,420px),calc(var(--hero-height) * .30));margin-top:clamp(10px,calc(var(--hero-height) * .022),27px)}
.hero-stage{flex:none;width:var(--stage-width);max-width:100%;height:calc(var(--stage-width) * .35 + 20px);min-height:0;margin:0 auto}
.hero-foot{margin-top:0}
.hero-tagline{font-size:clamp(28px,min(3.2vw,calc(var(--hero-height) * .048)),47px)}
.hero-foot .pill-button{margin-top:clamp(14px,calc(var(--hero-height) * .025),28px)}
@media(max-width:700px){
  :root{--opening-header:72px;--opening-ribbon-font:39px;--opening-ribbon-padding:12px}
  .artists-hero{--stage-width:min(92vw,calc(var(--hero-height) * .76))}
  .hero-title{font-size:min(35vw,calc(var(--hero-height) * .28));line-height:.86}
  .hero-stage{height:calc(var(--stage-width) * .45 + 26px)}
  .hero-tagline{font-size:clamp(27px,min(5vw,calc(var(--hero-height) * .048)),37px)}
  .hero-foot .pill-button{min-height:52px;padding-block:15px}
}
@media(max-width:430px){
  :root{--opening-header:68px;--opening-min-height:510px}
  .artists-hero{--stage-width:min(92vw,calc(var(--hero-height) * .64))}
  .hero-title{font-size:min(37vw,calc(var(--hero-height) * .28))}
  .hero-stage{height:calc(var(--stage-width) * .53 + 22px)}
  .film-window{aspect-ratio:1.12}
  .hero-tagline{font-size:clamp(27px,min(8vw,calc(var(--hero-height) * .048)),34px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-stage,.join-background{transform:none}.hero-tagline>span::after{transform:none}.roster-section{clip-path:none}}