/* Scroll-driven arrival, with native scrolling and a complete reduced-motion composition. */
html{scroll-padding-top:92px}body{overflow-x:clip}.intro-sequence{height:300svh;position:relative;isolation:isolate;background:#f3f2ec}.intro-stage{height:100svh;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 20% 12%,#fff 0,#efeee8 50%,#d4d5ce 100%);perspective:1400px}.intro-stage:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23g)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.intro-identity{position:absolute;z-index:10;left:50%;top:41%;width:min(32vw,196px);text-align:center;transform-origin:center center;will-change:transform}.intro-identity img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;box-shadow:6px 9px 0 #111,12px 17px 24px #0003;border:2px solid #17191a}.intro-identity span{position:absolute;top:calc(100% + 24px);left:50%;transform:translateX(-50%);white-space:nowrap;font:22px Arial,sans-serif;letter-spacing:3px;color:#17191a}.scene-backdrop{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at 50% 75%,#158f90 0,#007d80 55%,#0b4f55 100%);overflow:hidden}.fog{position:absolute;inset:-20%;opacity:.3;background:radial-gradient(ellipse at 25% 45%,#f5f1dd7a,transparent 30%),radial-gradient(ellipse at 80% 65%,#e0e4d078,transparent 30%);filter:blur(28px);animation:fogFlow 25s ease-in-out infinite alternate}.fog-front{top:45%;opacity:.32;animation-duration:19s;animation-direction:alternate-reverse}.scene-star{position:absolute;right:11%;top:23%;font-size:70px;color:#f5d527;animation:slowStar 30s linear infinite}.band-scene{position:absolute;bottom:0;left:50%;width:min(1200px,96vw);aspect-ratio:2;transform:translateX(-50%) translate3d(var(--px,0px),var(--py,0px),0);transition:transform .7s ease-out}.band-piece,.band-complete{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform,opacity}.band-complete{opacity:0}.intro-scroll{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);display:grid;justify-items:center;gap:9px;color:#313534;font-size:12px;z-index:12}.intro-scroll i{font:25px Arial;font-style:normal;animation:scrollNudge 2.4s ease-in-out infinite}.intro-skip{position:absolute;bottom:25px;left:5%;font:12px Abar,Tahoma;border:1px solid #17191a40;background:#f3f2eccf;border-radius:3px;padding:8px 13px;z-index:12;color:#17191a;cursor:pointer}.intro-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#f5d527;transform:scaleX(0);transform-origin:left;z-index:15}header.intro-running{background:transparent;border-color:transparent;box-shadow:none}header.intro-running .brand{opacity:0;pointer-events:none}header.intro-running nav,header.intro-running .mobile-menu{opacity:var(--nav-reveal,0);transform:translateY(calc((1 - var(--nav-reveal,0)) * -8px));color:#fff}.intro-ready nav{pointer-events:auto}header .brand{width:48px;height:48px}header{height:70px}.hero{min-height:520px;padding-top:78px;padding-bottom:66px;gap:40px}.hero h1{font-size:clamp(33px,3.3vw,46px);margin:12px 0 18px}.hero-copy p{max-width:35em}.hero .stamp,.hero .orbit-label{display:none}.hero-art{aspect-ratio:2;margin-bottom:36px}.hero .bike-stage.kinetic-bicycle{width:76%;bottom:-103px;right:-4%;transform:rotate(-3deg);filter:none}.kinetic-bicycle svg{width:100%;height:auto;overflow:visible}.kinetic-bicycle .motion-wheel{transform-box:fill-box;transform-origin:center;animation:wheelTurn 13s linear infinite}.hero .scroll-note{bottom:20px}.section{padding-block:clamp(38px,4.4vw,64px)}.section-head h2,.about-copy h2{font-size:clamp(26px,2.5vw,34px)}.section-head{gap:16px;margin-bottom:25px}.section-head:after{margin-inline:6px}.album-grid{gap:32px}.album-meta h3{font-size:25px}.album-meta p,.card-description{font-size:13px}.single-card h3{font-size:20px}.single-card span{font-size:12px}.about-section{gap:44px}.about-copy p{line-height:2}.member-line{grid-template-columns:1fr 25px 1.1fr}.video-card{padding-block:17px}.news-card p{font-size:14px}.news-card{min-height:236px}.contact-grid{gap:48px}.contact-section h2{line-height:1.5}.key:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #087c80;outline-offset:5px}#modal{max-height:88svh}#modal-body{max-width:100%;overflow-wrap:anywhere}.pause-motion .fog,.pause-motion .scene-star,.pause-motion .intro-scroll i,.pause-motion .kinetic-bicycle .motion-wheel{animation-play-state:paused!important}
@keyframes fogFlow{from{transform:translate(-3%,2%) scale(1)}to{transform:translate(5%,-3%) scale(1.09)}}@keyframes slowStar{to{transform:rotate(360deg)}}@keyframes wheelTurn{to{transform:rotate(-360deg)}}@keyframes scrollNudge{50%{transform:translateY(7px)}}
@media(min-width:1500px){.hero{padding-inline:max(6%,calc((100vw - 1240px)/2))}}
@media(max-width:900px){.band-scene{width:110vw;bottom:8%}.hero{gap:25px}.hero .bike-stage.kinetic-bicycle{bottom:-85px}.section-head:after{display:none}.news-card{min-height:260px}}
@media(max-width:680px){html{scroll-padding-top:78px}.intro-sequence{height:245svh}.intro-identity{top:41%;width:32vw}.intro-identity span{font-size:16px;letter-spacing:2px;top:calc(100% + 20px)}.band-scene{width:100%;bottom:20%;aspect-ratio:2}.scene-star{font-size:40px;right:12%;top:29%}.fog{filter:blur(16px)}header{height:70px}.hero{padding:86px 6% 55px;gap:23px}.hero h1{font-size:32px}.hero-art{margin:4px 0 70px;aspect-ratio:2}.hero .bike-stage.kinetic-bicycle{bottom:-83px;width:82%}.section{padding:36px 6%}.section-head{align-items:flex-start;gap:12px;flex-wrap:wrap}.section-head h2,.about-copy h2{font-size:26px}.section-head .text-button{font-size:11px}.album-grid{gap:26px}.album-meta h3{font-size:24px}.album-meta p,.card-description{font-size:12px}.single-card h3{font-size:19px}.single-card span{font-size:11px}.about-section{gap:20px}.about-copy p{font-size:14px;line-height:2}.member-line strong{font-size:18px}.member-line span{font-size:12px}.media-grid.video-rows{gap:0}.video-card{grid-template-columns:92px 1fr 20px;gap:13px;padding:14px 0}.video-info h3{font-size:19px}.video-info small{font-size:11px}.news-card{min-height:0;padding-top:40px}.contact-grid{gap:25px}.intro-skip{font-size:11px}.intro-scroll{bottom:11%;white-space:nowrap}.tape-player{padding:24px 16px}.contact-section h2{font-size:28px}}
.hero-art{width:100%;min-width:0}header.intro-running{backdrop-filter:none;-webkit-backdrop-filter:none}.enable-intro{position:absolute;right:5%;bottom:27px;z-index:15;background:#f3f2ec;padding:7px 12px;border:1px solid #17191a;font-size:12px;border-radius:3px}
@media(max-width:680px){.band-scene{top:34%;bottom:auto}header.intro-running.open{background:#f3f2ec}header.intro-running.open nav,header.intro-running.open .mobile-menu{color:#17191a}.scene-star{top:24%;right:14%}}
@media(prefers-reduced-motion:reduce){.intro-sequence.reduced{height:100svh}body:not(.explicit-motion) .fog,body:not(.explicit-motion) .scene-star,body:not(.explicit-motion) .intro-scroll i,body:not(.explicit-motion) .kinetic-bicycle .motion-wheel{animation:none!important}.reduced .band-piece{display:none}.reduced .band-complete{opacity:1!important}.reduced .scene-backdrop{opacity:1!important}.reduced .intro-scroll{display:none}.reduced .intro-identity{top:41%}.reduced .intro-identity span{display:none}body:not(.explicit-motion) *{scroll-behavior:auto!important}body.explicit-motion .kinetic-bicycle .motion-wheel{animation:wheelTurn 13s linear infinite!important}}