@font-face{font-family:CoverDisplay;src:local('Arial Black');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#091522;color:#f4f2ed;font-family:Arial,Helvetica,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0099db;outline-offset:5px}::selection{background:#f38a02;color:#091522}:root{--accent:#f38a02;--muted:#a7b5c5;--line:#ffffff26}.accent{color:var(--accent)}.skip{position:fixed;top:-80px;left:10px;z-index:100;background:var(--accent);color:#111;padding:12px}.skip:focus{top:10px}.header{height:88px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;width:100%;z-index:10;border-bottom:1px solid #ffffff30;background:linear-gradient(#09152299,transparent)}.wordmark{font-family:CoverDisplay,Arial,sans-serif;font-size:25px;font-weight:900;letter-spacing:-1.3px;white-space:nowrap}.wordmark span{color:var(--accent);margin-left:5px}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}nav a:hover{color:var(--accent)}.nav-cta{border:1px solid #ffffff88;padding:10px 18px;display:flex;gap:30px}.menu-toggle{display:none}.hero{min-height:800px;height:100svh;max-height:1200px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo{object-position:center 54%}.hero-shade{background:linear-gradient(90deg,#061421c9 0%,#071b2c68 55%,#06142122),linear-gradient(0deg,#091522 0%,transparent 40%,#06142124)}.hero-content{position:relative;width:100%;padding:140px 6% 110px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 30px;text-transform:uppercase}.dot{display:inline-block;background:var(--accent);height:7px;width:7px;border-radius:50%;margin-right:10px;box-shadow:0 0 18px #f38a0277}h1{font-family:CoverDisplay,Arial,sans-serif;font-weight:950;font-size:clamp(88px,11.5vw,180px);line-height:.88;letter-spacing:-.065em;margin:35px 0 44px}h2{font-size:clamp(36px,4vw,66px);line-height:1.08;letter-spacing:-.055em;margin:0;font-weight:800}h2 em{font-weight:400;font-style:normal;color:var(--muted)}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;max-width:1250px}.hero-bottom p{font-size:19px;line-height:1.55;margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:15px 22px;font-size:13px;font-weight:700;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--accent);color:#091522}.primary:hover{background:#ffac3d}.glass{background:#ffffff0b;border-color:#ffffff66;backdrop-filter:blur(12px)}.glass:hover{background:#ffffff22}.hero-foot{position:absolute;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}.hero-foot a span{margin-left:20px}.ribbon{padding:22px 6%;display:flex;justify-content:space-between;gap:30px;align-items:center;background:var(--accent);color:#091522;font-size:13px;font-weight:800;letter-spacing:2px;overflow:hidden;white-space:nowrap}.ribbon b{font-size:28px;line-height:1}.section{padding:110px 6%;max-width:1600px;margin:auto}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;border-bottom:1px solid var(--line)}.lead{font-size:27px;line-height:1.3;letter-spacing:-.6px;margin:0 0 25px}.intro-copy{padding-top:36px}.intro-copy>p:not(.lead){color:var(--muted);font-size:15px;max-width:490px}.text-link{display:inline-flex;gap:35px;justify-content:space-between;padding:15px 0 9px;border-bottom:1px solid currentColor;font-weight:600;font-size:13px}.text-link:hover{color:var(--accent)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:48px}.section-head>p{color:var(--muted);font-size:14px;margin:0}.video-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.video-card{position:relative;display:block;min-height:220px;border:0;padding:0;background:#102335;color:#fff;text-align:left;overflow:hidden}.video-card.featured{grid-row:span 2;min-height:500px}.video-card img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transition:transform .5s;filter:brightness(.8)}.video-card:hover img{transform:scale(1.035);filter:brightness(1)}.video-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#061421dc)}.play{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);border:1px solid #ffffffab;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;padding-left:3px;background:#ffffff13;backdrop-filter:blur(5px);z-index:1}.featured .play{height:80px;width:80px;font-size:23px}.video-meta{position:absolute;bottom:24px;left:26px;right:26px;display:flex;align-items:end;justify-content:space-between;gap:15px;z-index:1}.video-meta small{font-size:9px;letter-spacing:1.5px;display:block}.video-meta strong{font-size:23px;letter-spacing:-.5px}.video-meta>span:last-child{font-size:10px}.repertoire{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:#102335;max-width:none}.repertoire>div>p:not(.eyebrow){color:var(--muted);max-width:430px;margin-top:28px;font-size:15px}.song-list{align-self:center}.song{display:flex;align-items:center;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.song>span:first-child{font-size:10px;color:var(--accent);letter-spacing:1px}.song strong{font-size:22px;font-weight:500;flex:1;letter-spacing:-.5px}.song>span:last-child{color:var(--accent)}.song small{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.note{font-size:12px!important}.members-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.members-grid img{width:100%;height:260px;object-fit:cover;object-position:center 25%;filter:saturate(.72);margin-bottom:22px;transition:filter .3s}.members-grid article:hover img{filter:saturate(1.15)}.members-grid article>span{font-size:8px;color:var(--accent);letter-spacing:1.2px;display:block}.members-grid h3{font-size:23px;letter-spacing:-.8px;margin:6px 0 0}.members-grid p{font-size:12px;color:var(--muted);margin:2px 0}.gallery-section{padding-bottom:60px}.gallery-heading{padding-top:20px;padding-bottom:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 10px}.gallery button{position:relative;border:0;background:#102335;padding:0;overflow:hidden;color:white;aspect-ratio:1.3}.gallery img{height:100%;width:100%;object-fit:cover;transition:transform .45s,filter .3s;filter:brightness(.9)}.gallery button:hover img{transform:scale(1.04);filter:brightness(1)}.gallery button span{position:absolute;left:20px;bottom:18px;font-size:10px;letter-spacing:1.5px;background:#091522aa;padding:4px 8px}.dates{display:grid;grid-template-columns:1fr 1fr;gap:12%}.tag{border:1px solid #f38a0266;color:var(--accent);padding:6px 10px;font-size:9px;letter-spacing:1.4px}.dates h3{font-size:27px;letter-spacing:-.8px;margin:24px 0 12px}.dates p:not(.eyebrow){color:var(--muted);font-size:14px}.past-dates{margin-top:48px}.past-dates .eyebrow{color:var(--muted);font-size:9px;margin-bottom:10px}.past-dates>div{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:15px 0}.past-dates>div span{font-size:10px;color:var(--muted);width:38px}.past-dates strong{flex:1;font-size:16px;font-weight:400}.booking{background:var(--accent);color:#091522}.booking h2{font-family:CoverDisplay,Arial,sans-serif;font-size:clamp(52px,7.4vw,118px);line-height:.95;letter-spacing:-.06em}.booking h2 em{color:inherit;font-style:italic;font-weight:900}.booking-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:60px}.booking-layout>div>p:not(.lead){font-size:14px;max-width:410px}.dark{background:#091522;color:#f4f2ed}.dark:hover{background:#163750}.booking-hint{font-size:11px!important;line-height:1.5;opacity:.76;margin-top:16px}form h3{font-size:21px;margin:0 0 24px;letter-spacing:-.5px}label{display:block;font-size:12px;font-weight:600;margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{display:block;width:100%;min-width:0;background:#ffffff40;color:#091522;border:1px solid #09152255;border-radius:0;padding:12px;margin-top:6px;font-size:13px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#3e352a}form .button{width:100%}.booking .text-link:hover{color:#133d58}#form-status{font-size:12px}#message-result{padding-top:14px}footer{display:flex;align-items:center;justify-content:space-between;padding:50px 6%;gap:25px}footer p,footer>span,footer>a:not(.wordmark){font-size:11px;color:var(--muted)}dialog{width:min(1000px,94vw);padding:18px;background:#102335;color:#fff;border:1px solid #ffffff44;max-height:94svh}dialog::backdrop{background:#030d17e8;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:20px}.dialog-head h2{font-size:18px;letter-spacing:0}.dialog-head button{color:white;background:transparent;border:1px solid #ffffff66;width:38px;height:38px}#media-content img,#media-content video{display:block;width:100%;max-height:75svh;object-fit:contain;background:#061421}body.modal-open{overflow:hidden}
@media(min-width:1600px){.repertoire{padding-left:max(6%,calc((100vw - 1408px)/2));padding-right:max(6%,calc((100vw - 1408px)/2))}}
@media(max-width:1100px){nav{gap:20px}.hero{min-height:760px}.hero-bottom{align-items:start;flex-direction:column}.members-grid{grid-template-columns:repeat(3,1fr);gap:35px 20px}.members-grid img{height:330px}.intro,.repertoire,.dates,.booking-layout{gap:7%}.video-meta strong{font-size:19px}.hero-content{padding-top:140px}h1{font-size:14vw}}
@media(max-width:700px){html{scroll-padding-top:25px}.header{height:74px;padding:0 6%}.wordmark{font-size:22px}.menu-toggle{display:flex;gap:14px;color:white;background:transparent;border:1px solid #ffffff77;padding:8px 12px;font-size:12px}nav{display:none;position:absolute;top:74px;left:0;right:0;padding:24px 6%;background:#091522;align-items:stretch;gap:0}nav.open{display:flex;flex-direction:column}nav a{padding:12px 0;font-size:15px}nav .nav-cta{padding:12px;margin-top:10px}.hero{height:100svh;min-height:730px;max-height:950px}.hero-photo{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#061421ba,#06142144),linear-gradient(0deg,#091522,transparent 80%)}.hero-content{padding:135px 6% 115px}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:25px}h1{font-size:clamp(76px,19vw,130px);margin:30px 0;line-height:.94}.hero-bottom{gap:28px}.hero-bottom p{font-size:16px}.hero-bottom .actions{width:100%;gap:10px;align-items:stretch;flex-direction:column}.button{min-height:49px;font-size:12px;padding:13px 17px}.hero-bottom .glass{justify-content:center}.hero-foot{font-size:8px;letter-spacing:1px;bottom:24px;gap:20px}.hero-foot a{white-space:nowrap}.hero-foot a span{margin-left:5px}.ribbon{padding:17px 6%;gap:25px;font-size:10px;justify-content:start}.ribbon b{font-size:22px}.section{padding:72px 6%}.intro,.repertoire,.dates,.booking-layout{grid-template-columns:1fr;gap:35px}h2{font-size:39px}.intro-copy{padding:0}.lead{font-size:25px}.intro-copy>p:not(.lead){font-size:14px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:25px;font-size:13px}.video-grid{grid-template-columns:1fr;gap:15px}.video-card.featured{grid-row:auto;min-height:330px}.video-card{min-height:260px}.video-meta{left:20px;right:20px;bottom:20px}.featured .play{height:64px;width:64px;font-size:18px}.song{padding:17px 0}.song strong{font-size:20px}.members-grid{grid-template-columns:repeat(2,1fr);gap:32px 15px}.members-grid img{height:245px;margin-bottom:15px}.members-grid h3{font-size:23px}.members-grid article>span{font-size:7px}.gallery-heading{padding-top:0;padding-bottom:0}.gallery{grid-template-columns:repeat(2,1fr);gap:6px;padding:0 6px}.gallery button{aspect-ratio:.8}.gallery button span{left:8px;bottom:10px;font-size:8px}.gallery-section{padding-bottom:0}.booking h2{font-size:clamp(42px,10vw,70px)}.booking-layout{margin-top:40px}.booking-layout .button{width:100%}.form-row{grid-template-columns:1fr;gap:0}footer{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:40px 6%}footer .wordmark{grid-column:span 2}footer p{margin:0}footer>span{grid-column:span 2}.dialog-head h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Coverdrive identity: original logo, solar orange and electric blue. */
:root{--brand-blue:#0099db;--brand-orange:#f38a02;--blue-light:#63c9f5}
.wordmark{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.brand-logo{width:210px;height:auto;max-height:100%;object-fit:contain}
.header{height:112px;background:linear-gradient(180deg,#061421ed,#06142185);border-bottom-color:#0099db40}
.header .brand-logo{width:205px}
footer .brand-logo{width:235px}
.dot{background:var(--brand-blue);box-shadow:0 0 18px #0099db88}
.ribbon{background:var(--brand-orange)}
.ribbon b{color:#083654}
.intro .eyebrow,.live .eyebrow,.repertoire .eyebrow,.members .eyebrow,.gallery-heading .eyebrow,.dates>div>.eyebrow{color:var(--blue-light)}
.song>span:first-child,.members-grid article>span{color:var(--blue-light)}
.play{border-color:#63c9f5aa;background:#062c4c55}
.video-card:hover .play{background:#0099db99}
.tag{border-color:#0099db80;color:var(--blue-light)}
.booking{background:var(--brand-orange)}
.booking h2 em{color:#073455}
.booking input:focus-visible,.booking select:focus-visible,.booking textarea:focus-visible,.booking a:focus-visible,.booking button:focus-visible{outline-color:#073455}
footer{border-top:1px solid #0099db33}
@media(max-width:700px){.header{height:88px}.header .brand-logo{width:165px}nav{top:88px}footer .brand-logo{width:210px}}

.gallery{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 6%;gap:18px}
.gallery button{width:100%;aspect-ratio:auto;display:block}
.gallery button[hidden]{display:none}
.gallery img{height:auto;width:100%;filter:none}
.gallery button:hover img{transform:scale(1.015)}
.gallery-more{text-align:center;padding:35px 6% 0}
.gallery-more p{font-size:12px;color:var(--muted)}
#photo-navigation:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
#photo-count{font-size:12px;color:var(--muted);white-space:nowrap}
@media(max-width:700px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery button span{font-size:7px;left:5px;bottom:6px}#photo-navigation .button{padding:10px;font-size:11px;gap:5px}}

.gallery{display:block;columns:3;column-gap:18px}.gallery button{break-inside:avoid;margin-bottom:18px}.gallery-more .button,#photo-navigation .button{color:#f4f2ed}@media(max-width:700px){.gallery{columns:2;column-gap:10px}.gallery button{margin-bottom:10px}}

