/* One centered content measure; backgrounds retain their full width. */
:root{--content-width:1240px;--page-gutter:max(6%,calc((100% - var(--content-width))/2));scrollbar-color:#087c80 #ece9dd;scrollbar-width:thin}
.section,.hero{padding-inline:var(--page-gutter)}
.hero-copy{width:100%;max-width:none;margin:0}
.hero-copy-heading{display:flex;align-items:center;gap:20px;width:100%;margin-bottom:16px}
.hero-copy-heading h1{flex-shrink:0;margin:0;font-size:36px;white-space:nowrap}
.hero-copy-heading:after{content:'';height:1px;min-width:10px;flex:1;background:#17191a30;order:1}
.hero-copy-heading .outline-control{order:2;font-size:12px}
.hero-copy p{line-height:1.85;font-size:15px}
footer{display:block;padding:24px var(--page-gutter)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;margin:auto}
footer img{display:block;width:50px;height:50px;object-fit:contain}.footer-inner>span{white-space:nowrap}.footer-inner>.eyebrow{font-size:11px}
.compact-player.retro-deck{display:block;margin:0;width:100%;padding:26px var(--page-gutter) 22px;min-height:0}
.deck-inner{display:grid;grid-template-columns:auto minmax(190px,1fr) minmax(230px,300px);gap:32px;max-width:var(--content-width);margin:auto;align-items:start}
.transport{gap:22px;align-items:flex-start}.transport-bank{margin-top:10px}.volume-assembly{padding:0}.knob-ring{margin-top:4px}
.deck-monitor{max-width:none;gap:8px}.vu-meter{height:72px}.deck-track{min-height:72px;gap:12px;align-items:center}.deck-track>img{width:72px;height:72px}
.retro-deck .deck-track h3{font-size:29px;margin:0 0 3px;display:flex;align-items:baseline;gap:6px;min-width:0}.deck-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.deck-kind{font:10px Abar,sans-serif;flex-shrink:0;color:#ccd1bf}
.retro-deck .deck-track p{font-size:10px;line-height:1.5;white-space:normal}.deck-info{margin-top:3px;padding:2px 0;min-height:24px}
.hero .bike-stage.real-cycle{width:min(550px,max(43%,min(63%,280px)));max-width:none;bottom:var(--bike-drop,100px);height:auto;aspect-ratio:2070/1030}
.real-cycle svg{display:block;width:100%;height:100%}
.hero-art{margin-bottom:var(--bike-space,110px)}
.edge-decor.spark{right:auto;left:-18px}.news-grid>.edge-decor.spark{top:38%}
/* Native scrollbars preserve familiar drag, keyboard and touch behavior. */
*{scrollbar-color:#087c80 #ece9dd;scrollbar-width:thin}
::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#ece9dd;border-inline:1px solid #17191a25}::-webkit-scrollbar-thumb{background:#087c80;border:2px solid #ece9dd;border-radius:3px;box-shadow:inset -2px -2px #17191a55}::-webkit-scrollbar-thumb:hover{background:#d4b816}::-webkit-scrollbar-thumb:active{background:#f6df19}::-webkit-scrollbar-corner{background:#ece9dd}
.booklet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.booklet-grid button{width:100%;max-width:none;aspect-ratio:1;border-radius:4px 12px 4px 4px;padding:5px;overflow:hidden;background:#e6e3d8}
.booklet-grid img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0}
.news-body>img{display:block;width:100%;height:auto;aspect-ratio:2.4;max-height:none;object-fit:cover;object-position:50% 50%;border:1px solid var(--ink);border-radius:4px 14px 4px 4px;margin:18px 0}
.single-video{margin-top:18px;padding-top:16px;border-top:1px solid #17191a30}.single-video-link{display:grid;grid-template-columns:160px minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid #17191a60;border-radius:4px 14px 4px 4px;overflow:hidden;text-decoration:none;padding:8px;background:#e4ebe4}.single-video-link img{width:100%;aspect-ratio:16/9;object-fit:cover}.single-video-link strong{font-size:22px;display:block}.single-video-link small{font-size:12px;color:#58665e}.single-video-link>span:last-child{font-size:28px;padding:10px;color:#087c80}.single-video-link:hover{background:#d7e7df}.single-video-link:focus-visible{outline:3px solid #087c80}
@media(max-width:1100px){.deck-inner{grid-template-columns:auto minmax(150px,1fr) minmax(180px,230px);gap:22px}.transport{gap:14px}.transport-key{width:32px}.deck-track>img{width:64px;height:64px}.deck-track{min-height:72px}.retro-deck .deck-track h3{font-size:26px}.booklet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.deck-inner{grid-template-columns:1fr 1fr;gap:18px 24px}.deck-monitor{grid-column:1;grid-row:1}.deck-track{grid-column:2;grid-row:1}.transport{grid-column:1/-1;grid-row:2;justify-content:center;gap:24px}.transport-bank{flex:none;gap:7px}.transport-key{width:44px;height:44px;max-width:none;flex:none}.transport-key small{top:59px}.volume-assembly{width:64px}.volume-knob{width:52px;height:52px}.volume-knob:after{left:23px}.compact-player.retro-deck{padding-block:22px 35px}.hero-copy-heading h1{font-size:32px}.booklet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){
 :root{--page-gutter:6%}.section{padding-block:28px}.hero{padding-top:22px;padding-bottom:28px;gap:18px}
 .hero-copy-heading{gap:10px;margin-bottom:12px}.hero-copy-heading h1{font-size:28px}.hero-copy-heading .outline-control{font-size:10px;padding:6px 8px;min-height:34px}.hero-copy-heading:after{display:block;min-width:4px}.hero-copy p{font-size:14px;line-height:1.85}.hero .actions{gap:10px}.hero .actions .key{min-height:38px;padding:6px 11px}
 .compact-player.retro-deck{padding-top:20px;padding-bottom:29px}.deck-inner{gap:16px 14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .vu-meter{height:58px}.deck-monitor{gap:7px}.deck-track{min-height:58px;gap:8px;align-items:center}.deck-track>img{width:54px;height:54px}.retro-deck .deck-track h3{font-size:23px;gap:4px;flex-wrap:wrap;margin:0 0 2px}.deck-kind{font-size:9px}.retro-deck .deck-track p{font-size:9px;line-height:1.5}.deck-info{font-size:10px;margin-top:2px;min-height:28px}.deck-clock{font-size:11px}.deck-readout>span{font-size:6px;letter-spacing:.4px}.deck-seek{height:14px;margin:0}
 .transport{gap:12px;align-items:flex-start;justify-content:space-between;padding:0}.transport-bank{flex:1;min-width:0;margin-top:5px;padding:6px 5px 10px;gap:4px}.transport-key{flex:1;min-width:0;max-width:44px;width:auto;height:44px}.transport-key small{top:58px;font-size:7px}.volume-assembly{width:56px;flex-shrink:0}.knob-ring{margin-top:4px}.volume-knob{width:44px;height:44px}.volume-knob:after{left:19px}.volume-assembly>small{font-size:7px;margin-top:14px}
 .booklet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.news-body>img{aspect-ratio:2.4;margin:14px 0}
 .single-video-link{grid-template-columns:95px minmax(0,1fr) 24px;gap:10px;padding:6px}.single-video-link strong{font-size:20px}.single-video-link small{font-size:11px}.single-video-link>span:last-child{font-size:22px;padding:0}
 footer{padding-block:20px}.footer-inner{display:grid;grid-template-columns:44px minmax(0,1fr) 36px;gap:4px 14px;text-align:center}.footer-inner>a:first-child{grid-column:1;grid-row:1/3;justify-self:start}.footer-inner>a:last-child{grid-column:3;grid-row:1/3;justify-self:end}.footer-inner>span:first-of-type{grid-column:2;grid-row:1;font-size:13px}.footer-inner>.eyebrow{grid-column:2;grid-row:2;font-size:9px;letter-spacing:1px}.footer-inner img{width:44px;height:44px}
 .about-heading{flex-wrap:nowrap;gap:10px}.about-heading h2{font-size:27px;white-space:normal}.about-heading #members-button{font-size:10px;min-height:34px;max-width:48%;white-space:normal;text-align:center}
 .member-line{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 36px;gap:7px}.member-line strong{font-size:20px;white-space:normal}.member-line>span{font-size:11px}.member-line .key{width:34px;height:34px;min-height:34px}.contact-grid h2,.contact-grid h3{font-size:28px}.contact-link{font-size:clamp(21px,6vw,26px)}
 .single-meta{gap:8px}.single-meta .key{min-height:36px;font-size:10px;padding:4px 6px}.single-meta h3{font-size:22px}.single-meta p{font-size:10px}.singles{gap:22px 14px}
 .inline-player{position:sticky;bottom:0;z-index:5}.inline-player .key{min-height:38px}.inline-player input{height:20px}.inline-player .preview-label{font-size:10px}.modal-links a{min-height:36px}.modal-bar button{min-width:40px;min-height:40px}.section-head>.outline-control{min-height:36px}
 .edge-decor.spark{left:-12px}.edge-decor.sun{left:-12px}.typewriter{min-height:64px;padding-block:10px}.typewriter-line{font-size:17px}
}
@media(max-width:360px){.transport{gap:8px}.volume-assembly{width:48px}.volume-knob{width:36px;height:36px}.volume-knob:after{left:15px}.knob-ring{margin-top:8px}.transport-bank{gap:3px;padding-inline:4px}.transport-key svg{width:14px;height:14px}.hero-copy-heading h1{font-size:24px}.hero-copy-heading .outline-control{font-size:9px}.deck-track>img{width:44px;height:44px}.retro-deck .deck-track h3{font-size:21px}.deck-track{gap:6px}.single-meta h3{font-size:20px}.single-meta .key{font-size:9px;padding:4px}.member-line strong{font-size:18px}.contact-grid h2,.contact-grid h3{font-size:26px}}
@media(forced-colors:active){*{scrollbar-color:auto}.transport-key,.volume-knob{border:2px solid ButtonText}.vu-meter{border-color:CanvasText}}
.footer-inner>a:last-child{font-size:32px;line-height:1} #modal-body{container-type:inline-size;container-name:archive} @container archive (min-width:720px){.booklet-grid{grid-template-columns:repeat(4,minmax(0,1fr))}} @container archive (max-width:719px) and (min-width:480px){.booklet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @container archive (max-width:479px){.booklet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.deck-inner{grid-template-columns:auto minmax(190px,340px) minmax(230px,290px);justify-content:center}.deck-track{height:72px;min-height:0}.retro-deck .deck-track h3{line-height:1.1;margin-bottom:1px}.deck-info{min-height:22px;margin-top:1px;padding-block:1px} @media(max-width:1100px){.deck-inner{grid-template-columns:auto minmax(150px,1fr) minmax(180px,230px)}} @media(max-width:900px){.deck-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.deck-track{height:auto;min-height:72px}} @media(max-width:680px){.deck-track{min-height:58px}.deck-info{min-height:28px}.retro-deck .deck-track h3{line-height:1.2}}
@media(max-width:680px){header .mobile-menu{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;color:var(--ink)}header.intro-running .mobile-menu{color:var(--ink)}header.open nav{top:70px;height:56px;align-items:center;justify-content:space-evenly;gap:12px;padding:10px 16px;font-size:18px;border:0;background:var(--paper)}header.open nav:nth-of-type(2){top:126px;border-bottom:1px solid #17191a30}header.open nav a{padding:8px 3px}}
@media(max-width:680px){.contact-grid .social-links a{font-size:12px;min-height:40px}.telephone-line{flex-wrap:wrap;gap:6px}} @supports selector(::-webkit-scrollbar){html,*{scrollbar-color:auto;scrollbar-width:auto}}