.brand-symbol{background:var(--black);padding:7px;border-radius:6px}.hero h1 .hero-logo{transform:none}.listening-room.is-floating{position:fixed;z-index:40;right:20px;bottom:20px;width:370px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;display:flex;flex-direction:column;gap:16px;margin:0;padding:16px;border:1px solid #bcff3560;box-shadow:0 10px 48px #0005;border-radius:12px}.player-toolbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #ffffff30}.player-toolbar button{border:1px solid #ffffff55;background:transparent;color:var(--white);font-size:11px;font-weight:700;padding:8px 10px;border-radius:5px}.player-toolbar button:hover{color:var(--green);border-color:var(--green)}.player-toolbar .player-grip{cursor:grab;touch-action:none;border:0;padding:6px 0;letter-spacing:.06em;color:var(--green)}.player-grip:active{cursor:grabbing}.is-floating .now-playing{grid-template-columns:52px minmax(0,1fr);gap:10px;align-content:start}.is-floating .now-playing .eyebrow{display:none}.is-floating #playing-art{width:52px;height:52px}.is-floating .now-playing h3{font-family:'Geist',Arial,sans-serif;font-size:16px;line-height:1.3;margin:0 0 5px;letter-spacing:0}.is-floating .now-playing p{font-size:12px}.is-floating #player-status{min-height:0;line-height:1.4}.is-floating .player-actions{gap:12px}.is-floating .player-actions button,.is-floating .player-actions a{font-size:10px}.is-floating .player-screen{height:200px;min-height:200px;aspect-ratio:auto}.is-floating .player-screen[data-mode="audio"]{height:auto;min-height:70px}.is-floating .player-screen[data-mode="spotify"]{height:164px;min-height:164px;padding:6px}.is-floating .archive-audio-player{padding:10px;min-height:70px;gap:10px}.is-floating .archive-audio-player img,.is-floating .archive-audio-player p{display:none}.is-floating .archive-audio-player a{font-size:10px}.player-transport{display:flex;justify-content:center;align-items:center;gap:12px;grid-column:1/-1}.player-transport button{border:1px solid #ffffff50;border-radius:100px;background:transparent;color:var(--white);font-size:12px;font-weight:700;padding:9px 15px}.player-transport button:hover{border-color:var(--green);color:var(--green)}.player-transport .transport-play{background:var(--green);color:var(--black);border-color:var(--green);min-width:80px}.player-transport .transport-play:hover{color:var(--black);background:var(--white)}.history{padding:85px 4%;background:var(--white);border-top:1px solid var(--black)}.history-timeline{margin-top:60px;border-top:1px solid var(--black)}.history-timeline article{display:grid;grid-template-columns:1fr 3fr;gap:40px;padding:40px 0;border-bottom:1px solid var(--line)}.history-year{font-size:clamp(28px,4vw,54px);color:var(--purple)}.history-timeline h3{font-size:clamp(25px,3vw,42px);line-height:1.4;margin:0 0 18px}.history-timeline p{max-width:700px;line-height:1.75;margin:0}.player-toolbar button:focus-visible,.player-transport button:focus-visible{outline-color:var(--green)}
@media(max-width:700px){header{flex-wrap:wrap;height:auto;min-height:100px;gap:15px;padding-top:15px;padding-bottom:15px}nav{gap:14px;font-size:11px}header .header-listen{padding:12px 18px}.history-timeline article{grid-template-columns:1fr;gap:18px;padding:30px 0}.history-timeline{margin-top:35px}.history-timeline h3{font-size:26px}.history{padding:65px 4%}.listening-room.is-floating{right:12px;bottom:12px;width:340px;padding:12px;gap:12px}.is-floating .player-toolbar{padding-bottom:8px}}
@media(min-width:1600px){.history{padding-left:max(4%,calc((100vw - 1500px)/2));padding-right:max(4%,calc((100vw - 1500px)/2))}}
@media(max-width:560px){.history{padding-left:5%;padding-right:5%}}
:root{--page-gutter:4%}
.hero h1{line-height:.84;margin-bottom:36px}.hero h1 .hero-logo{top:-8px;bottom:auto;right:0;width:clamp(85px,19vw,290px)}
.wordmark{line-height:.82;align-items:flex-start}.brand-symbol{transform:translateY(-4px);height:48px;padding:5px}.brand-name{padding-top:2px}
.listening-room,.listening-room.is-floating{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr) minmax(240px,340px);grid-template-areas:'toolbar toolbar toolbar' 'info controls media';column-gap:24px;row-gap:12px;width:auto;max-width:none;max-height:calc(100dvh - 24px);overflow:auto;padding:16px 20px;margin:24px var(--page-gutter);border-radius:12px}
.listening-room.is-floating{position:fixed;left:var(--page-gutter);right:var(--page-gutter);bottom:16px;margin:0;top:auto;z-index:40}
.player-toolbar{grid-area:toolbar;padding-bottom:8px;margin:0}.player-bar-label{color:var(--green);font-size:10px;letter-spacing:.08em;font-weight:700}
.now-playing,.is-floating .now-playing{grid-area:info;grid-template-columns:52px minmax(0,1fr);gap:10px;align-content:center}.now-playing .eyebrow{display:none}#playing-art{width:52px;height:52px}.now-playing h3,.is-floating .now-playing h3{font-size:16px;margin:0 0 5px;line-height:1.3}.now-playing p{font-size:12px}#player-status{min-height:0;font-size:11px;line-height:1.4}.player-actions{gap:12px}.player-actions button,.player-actions a{font-size:10px}
.player-transport{grid-area:controls;display:flex;flex-direction:column;align-self:center;gap:16px}.transport-main,.queue-options{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.player-transport button{font-size:11px;padding:10px 12px}.queue-options button{font-size:10px;border-radius:5px;padding:8px}.queue-options button[aria-pressed=true]{color:var(--green);border-color:var(--green);background:#bcff3515}.queue-options button:disabled{opacity:.4;cursor:default}
.player-screen,.is-floating .player-screen{grid-area:media;height:200px;min-height:200px;aspect-ratio:auto}.player-screen[data-mode=audio],.is-floating .player-screen[data-mode=audio]{height:auto;min-height:90px}.archive-audio-player,.is-floating .archive-audio-player{min-height:90px;padding:10px;gap:10px}.archive-audio-player img,.archive-audio-player p{display:none}.archive-audio-player audio{width:100%}.archive-audio-player a{font-size:10px}
.player-screen[data-mode=spotify],.is-floating .player-screen[data-mode=spotify]{height:164px;min-height:164px;padding:6px}.has-floating-player{padding-bottom:300px}
@media(min-width:1600px){:root{--page-gutter:max(4%,calc((100vw - 1500px)/2))}}
@media(max-width:1000px){.listening-room,.listening-room.is-floating{grid-template-columns:minmax(0,1fr) minmax(210px,280px);grid-template-areas:'toolbar toolbar' 'info media' 'controls media';gap:12px}.player-transport{gap:10px}}
@media(max-width:560px){:root{--page-gutter:5%}.brand-symbol{height:30px}.hero h1{line-height:.84}.hero h1 .hero-logo{top:-10px;bottom:auto;width:22vw}.listening-room,.listening-room.is-floating{padding:10px;grid-template-columns:1fr;grid-template-areas:'toolbar' 'info' 'controls' 'media';gap:8px}.listening-room.is-floating{bottom:10px}.now-playing,.is-floating .now-playing{grid-template-columns:40px minmax(0,1fr)}#playing-art,.is-floating #playing-art{width:40px;height:40px}.now-playing h3,.is-floating .now-playing h3{font-size:14px}.player-actions{gap:10px}#player-status{display:none}.player-transport{gap:8px}.player-transport button{padding:8px 12px}.player-screen,.is-floating .player-screen{width:100%;height:200px;min-height:200px}.has-floating-player{padding-bottom:430px}}
.listening-room,.listening-room.is-floating{grid-template-columns:120px minmax(0,1fr) minmax(260px,.9fr) minmax(240px,340px);grid-template-areas:'art toolbar toolbar toolbar' 'art info controls media'}
#playing-art,.is-floating #playing-art{grid-area:art;width:120px;height:120px;align-self:center;object-fit:contain}
.now-playing,.is-floating .now-playing{grid-template-columns:minmax(0,1fr)}
@media(max-width:1100px){.listening-room,.listening-room.is-floating{grid-template-columns:80px minmax(0,1fr) minmax(210px,260px);grid-template-areas:'art toolbar toolbar' 'art info media' 'art controls media';gap:12px}#playing-art,.is-floating #playing-art{width:80px;height:80px}}
@media(max-width:560px){.listening-room,.listening-room.is-floating{grid-template-columns:40px minmax(0,1fr);grid-template-areas:'art toolbar' 'art info' 'art controls' 'art media';gap:8px}#playing-art,.is-floating #playing-art{width:40px;height:40px;align-self:start;margin-top:4px}.player-bar-label{font-size:8px}.player-toolbar{gap:6px}.player-toolbar button{font-size:9px;padding:6px}.transport-main,.queue-options{gap:5px}.player-transport button{padding:8px;font-size:10px}.queue-options button{font-size:9px;padding:7px}.player-screen,.is-floating .player-screen{min-width:200px}}
.hero h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:900;font-synthesis:weight;font-size:clamp(100px,22.5vw,360px);line-height:.77;letter-spacing:-.025em;margin:57px 0 45px}
.hero-title-row{display:flex;align-items:center;gap:clamp(24px,5vw,90px);margin-top:12px}.hero h1 .hero-title-row{color:var(--black)}.hero-title-row>span{color:var(--green)}.hero h1 .hero-logo{position:static;width:clamp(100px,19vw,300px);height:auto;flex:0 0 auto;transform:none}
.hero-graphic{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-graphic span{position:absolute;width:85%;height:220px;right:-22%;bottom:80px;border:3px solid rgba(16,16,16,.55);border-radius:50%;transform:rotate(-25deg)}.hero-graphic span:nth-child(2){bottom:115px;right:-19%}.hero-graphic span:nth-child(3){bottom:150px;right:-16%}.hero-graphic span:nth-child(4){bottom:185px;right:-13%}.hero-top,.hero-bottom{position:relative;z-index:1}
@media(max-width:560px){.hero h1{font-size:27vw;margin:42px 0 36px}.hero-title-row{gap:20px;margin-top:8px}.hero h1 .hero-logo{width:23vw}.hero-graphic span{width:130%;height:95px;right:-70%;bottom:65px;border-width:2px}.hero-graphic span:nth-child(2){bottom:83px;right:-64%}.hero-graphic span:nth-child(3){bottom:101px;right:-58%}.hero-graphic span:nth-child(4){bottom:119px;right:-52%}}
@media(max-width:560px){.hero h1{font-size:26vw}.hero-title-row{gap:12px}}
header .brand-symbol{background:transparent;padding:0;border-radius:0;width:78px;height:auto;transform:none;display:block}header .wordmark{align-items:center}
.hero-graphic{z-index:0}.hero-graphic img{position:absolute;width:clamp(700px,90vw,1800px);height:auto;right:-15%;top:-10%;transform:rotate(-18deg);opacity:.72}.hero h1{z-index:1}
@media(max-width:560px){header .brand-symbol{width:55px}.hero-graphic img{width:175vw;right:-75%;top:8%;transform:rotate(-18deg);opacity:.65}}
.hero-graphic img{transform:rotate(0deg)}
@media(max-width:560px){.hero-graphic img{transform:rotate(0deg)}}
.hero-graphic img{width:clamp(700px,65vw,1300px);right:-34%;top:5%;transform:rotate(90deg)}
@media(max-width:560px){.hero-graphic img{width:145vw;right:-125%;top:8%;transform:rotate(90deg)}}
.hero-graphic img{right:-28%}
@media(max-width:560px){.hero-graphic img{right:-110%}}
.hero-graphic img{transform:none;right:-50%;top:4%;width:clamp(700px,65vw,1300px)}
@media(max-width:560px){.hero-graphic img{transform:none;width:145vw;right:-135%;top:8%}}

.hero-graphic img{right:-34%}
@media(max-width:560px){.hero-graphic img{right:-135%}}