:root{--ink:#102e32;--cream:#f6f2e9;--orange:#eaa86c;--line:#cbd0c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:18px;font-weight:900;letter-spacing:-.6px}.wordmark span{color:#b7713c}.wordmark .tiny{display:block;color:var(--ink);font-size:9px;letter-spacing:3px;margin-top:5px}nav{display:flex;gap:32px;align-items:center;font-size:13px}.navbook{border:1px solid var(--ink);padding:12px 19px;border-radius:30px}.hero{padding:70px 5% 64px;display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:center;min-height:680px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin:0 0 24px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b7794b;margin-right:9px}h1{font-size:clamp(48px,5.7vw,88px);line-height:1.03;letter-spacing:-4px;font-weight:500;margin:0 0 28px}em{font-family:Georgia,serif;font-weight:400;color:#98704b}p{line-height:1.65}.intro{font-size:17px;max-width:390px;color:#4d6160}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--ink);color:var(--cream);padding:18px 24px;border-radius:32px;font-size:13px}.textlink{font-size:12px;border-bottom:1px solid #8b9b94;padding-bottom:5px}.hero-note{font-size:11px;color:#647570;margin-top:35px}.hero-art{background:#fff;border-radius:50% 50% 5px 5px;position:relative;padding:55px 25px 20px;transform:rotate(2deg);box-shadow:16px 20px 0 #e4e6db}.hero-art img{width:100%;display:block;mix-blend-mode:multiply}.orbit{position:absolute;top:28px;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:3px}.art-caption{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding-top:20px;margin:20px 0 0;font-size:8px;letter-spacing:1.5px}.ticker{display:flex;justify-content:space-around;align-items:center;padding:24px 3%;background:var(--ink);color:#f6e9d6;font-size:10px;letter-spacing:2px;gap:15px}.ticker b{font-size:23px;color:var(--orange)}.section{padding:90px 7%}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}h2{font-size:clamp(36px,4vw,58px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:0}.sectionhead p{font-size:13px;color:#5c6c67;margin:0}.sectionhead .eyebrow{margin-bottom:20px}.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video{position:relative;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:var(--ink)}.video img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;filter:saturate(.7)}.play{position:absolute;top:35%;left:43%;background:var(--cream);border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-size:13px}.video-caption{display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px solid var(--line);font-size:13px}.video-caption span{font-size:8px;letter-spacing:1px}.audio-link{display:flex;align-items:center;justify-content:space-between;padding:24px 0;margin-top:25px;border-bottom:1px solid var(--line);font-size:12px}.audio-link>span:first-child{font-size:9px;letter-spacing:2px}.audio-link strong{font-size:20px;font-weight:400}.story{background:#e4e8df;display:grid;grid-template-columns:1fr 1fr;gap:12%}.storytext{padding-top:40px;color:#52615b;font-size:15px}.storytext .large{font-family:Georgia,serif;font-size:25px;line-height:1.5;color:var(--ink);margin-top:0}.storytext .textlink{display:inline-block;margin-top:20px}.story-stamp{font-size:9px;letter-spacing:2px;line-height:2;margin-top:38px;color:#6b786d}.liveintro{color:#647168;font-size:14px}.past{margin-top:40px}.past .eyebrow{font-size:9px;color:#6e786c}.past>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0;gap:20px}.past>div>span:first-child{font-family:Georgia,serif;font-size:25px}.past>div>span:last-child{font-size:12px;align-self:center}.booking{background:var(--ink);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:25px 10%;position:relative}.booking>.eyebrow{grid-column:1/-1;color:#b8c2b7}.booking h2{font-size:clamp(48px,5vw,75px)}.booking em{color:var(--orange)}.bookingbody p{font-size:15px;color:#c4cdc5;margin:0 0 24px;max-width:370px}.cream{background:var(--cream);color:var(--ink)}.book-alt{display:block;font-size:11px;margin-top:18px;color:#c7cfc4}.details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #42605e;padding-top:30px;margin-top:40px}.details span{font-size:9px;letter-spacing:2px;color:var(--orange)}.details p{font-size:12px;color:#c0cac2}footer{display:flex;padding:35px 5%;justify-content:space-between;align-items:center;gap:25px;font-size:10px}footer p{color:#607167}footer .wordmark{font-size:14px}dialog{border:0;padding:45px 20px 20px;width:min(900px,95vw);background:var(--ink);color:var(--cream)}dialog::backdrop{background:#000b}dialog iframe{width:100%;aspect-ratio:16/9;border:0}.close{position:absolute;right:12px;top:9px;background:none;color:white;border:0;font-size:23px;cursor:pointer}dialog>a{display:inline-block;margin-top:12px;font-size:12px}a:hover{opacity:.75}a:focus-visible,button:focus-visible{outline:3px solid #df9253;outline-offset:5px}@media(max-width:760px){header{padding:20px 6%}nav{gap:16px}nav>a:not(.navbook){display:none}.hero{grid-template-columns:1fr;padding:45px 7%;gap:40px;min-height:0}h1{letter-spacing:-2.5px;font-size:59px}.hero-art{max-width:420px;margin:0 auto 20px;width:94%}.hero-note{margin-bottom:0}.actions{gap:18px;flex-wrap:wrap}.ticker{flex-wrap:wrap;gap:15px;font-size:8px}.ticker span{width:40%;text-align:center}.ticker b{display:none}.section{padding:60px 7%}.sectionhead{align-items:start;flex-direction:column;gap:20px}.videos{grid-template-columns:1fr;gap:28px}.video img{aspect-ratio:1.65}.play{top:38%;left:44%}.story{grid-template-columns:1fr;gap:15px}.storytext{padding-top:20px}.story-stamp{display:none}.audio-link{gap:20px;flex-wrap:wrap}.audio-link strong{font-size:18px}.booking{grid-template-columns:1fr;gap:25px}.details{grid-template-columns:1fr;gap:10px;margin-top:15px}.past>div>span:first-child{font-size:22px}.past>div>span:last-child{max-width:120px;text-align:right}footer{flex-wrap:wrap;padding:30px 7%}footer>*{width:40%;margin:0}footer .wordmark{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.video-art{display:flex;flex-direction:column;justify-content:center;padding:30px;background:#dce4dc;aspect-ratio:1.5;font-size:33px;font-weight:800;letter-spacing:-1px;color:#385951}.video-art i{font-family:Georgia,serif;color:#9a714d}.video-art small{font-size:8px;letter-spacing:3px;margin-top:15px;font-weight:400}.video:nth-child(2) .video-art{background:#e9d9c3}.video:nth-child(3) .video-art{background:#c5d8d6}.video .play{left:auto;right:20px;top:30px}
/* Sunset & surf identity */
:root{--ink:#06132e;--cream:#f9fcf7;--orange:#ffb52e;--line:#284760;--aqua:#22d8da}body{background:var(--ink);color:var(--cream)}header{border-bottom:1px solid #23445e;background:#06132e;padding:22px 5%}.wordmark{color:#fff;font-size:20px;letter-spacing:-.7px}.wordmark span{color:var(--aqua)}.wordmark .tiny{color:#9feeee}nav{font-weight:700}.navbook{background:var(--aqua);color:var(--ink);border:0;box-shadow:0 3px 0 #009aab}.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 75% 30%,#fff8c4 0,transparent 50%),linear-gradient(130deg,#ff7a32,#ffc84a 45%,#ffedac);padding:65px 6% 120px;gap:2%;min-height:740px;color:var(--ink)}.hero:after{content:'';position:absolute;z-index:-1;bottom:-85px;left:-10%;width:125%;height:160px;background:#0db3c7;border-radius:50% 50% 0 0;transform:rotate(-3deg);box-shadow:0 -12px 0 #48e7df,0 -24px 0 #06132e}.hero .eyebrow{color:#13233d;font-size:10px}.dot{background:#d94016}h1{font-weight:900;font-size:clamp(50px,6.1vw,92px);letter-spacing:-4.5px;line-height:.99}h1 em{display:inline-block;color:#073644;font-family:Georgia,serif;font-weight:700;font-size:.91em;margin-top:8px}.intro{color:#18344a;font-size:18px;font-weight:500}.hero-art{background:none;border-radius:0;padding:0;transform:rotate(-4deg);box-shadow:none;mix-blend-mode:multiply}.hero-art img{width:100%;mix-blend-mode:multiply}.orbit{top:0;font-size:9px;letter-spacing:3px;font-weight:700}.art-caption{border:0;margin:0;padding:0 30px;font-weight:700}.hero-art .orbit{display:none}.hero-note{color:#31404a;font-weight:700}.button{background:var(--ink);font-weight:700;padding:19px 27px;box-shadow:4px 4px 0 #f36724}.hero .textlink{border-color:#526155;font-weight:700}.ticker{position:relative;background:#0db3c7;color:#04162e;padding:22px 4%;font-weight:900;border-bottom:4px solid #23d8da}.ticker b{color:#fff1b4}.section{padding:95px 7%}h2{font-weight:800;letter-spacing:-2px;font-size:clamp(39px,4.3vw,65px)}.eyebrow{color:var(--aqua);letter-spacing:2.5px}.sectionhead p{color:#b8c9d9}.sectionhead .eyebrow{color:var(--aqua)}.videos{gap:25px}.video{color:white}.video-art{background:radial-gradient(circle at 85% 0%,#205786,transparent 55%),#0c2d4d;color:#e7ffff;border:1px solid #277189;position:relative;overflow:hidden;border-radius:18px 18px 0 0;font-size:36px;padding:35px;aspect-ratio:1.4}.video-art:after{content:'';position:absolute;bottom:-60px;left:-10%;height:110px;width:130%;border-radius:50%;background:#11a8ba;transform:rotate(-12deg);box-shadow:0 -7px 0 #22e6df}.video-art i{color:#ffbe39;font-size:45px;line-height:.7}.video-art small{color:#b2f3f4;z-index:1;font-weight:700}.video:nth-child(2) .video-art{background:radial-gradient(circle at 85% 0%,#ffdc57,transparent 70%),#f18432;color:#091a35;border-color:#ffc440}.video:nth-child(2) .video-art i{color:#fff8ce}.video:nth-child(2) .video-art small{color:#102b40}.video:nth-child(3) .video-art{background:radial-gradient(circle at 85% 0%,#38ecdc,transparent 60%),#12859e;color:#04162e;border-color:#22d8da}.video:nth-child(3) .video-art small{color:#06132e}.play{background:#fff8d7;color:#06132e;box-shadow:0 0 0 7px #ffffff20;transition:transform .2s}.video:hover .play{transform:scale(1.1)}.video-caption{font-size:14px;border-color:#31526c;padding:22px 4px}.video-caption span{color:var(--aqua)}.audio-link{background:#102c48;border:1px solid #31526c;border-radius:14px;padding:25px;margin-top:30px}.audio-link>span:first-child{color:var(--aqua)}.audio-link>span:last-child{color:#ffd375}.audio-link strong{font-weight:700}.story{position:relative;background:#0b354a;border-top:1px solid #1b6677;border-bottom:1px solid #1b6677;gap:9%;overflow:hidden}.story:after{content:'≈';position:absolute;bottom:-140px;left:12%;font:500px Georgia;color:#14c6c60b;pointer-events:none}.story h2 em{color:#ffc241}.storytext{color:#b5d2d9}.storytext .large{color:#e8fcfa}.textlink{border-color:#4a8d9b;color:inherit}.story-stamp{border-left:3px solid #20cfd0;padding-left:20px;color:#76e3e0}.liveintro{color:#b5c7d6}.past .eyebrow{color:#29dadd}.past>div{border-color:#29485e}.past>div>span:first-child{font-family:Arial,Helvetica,sans-serif;font-weight:700}.past>div>span:last-child{color:#9fc6d3}.booking{background:linear-gradient(120deg,#09a8bb,#24ddd6);color:#06132e;border-radius:70px 70px 0 0}.booking>.eyebrow{color:#07384e}.booking em{color:#06384c}.bookingbody p{color:#0d3e51}.cream{background:#ffca43;color:#06132e;box-shadow:4px 4px 0 #087b94}.book-alt{color:#153b50;font-weight:700}.details{border-color:#087f92}.details span{color:#062d47;font-weight:900}.details p{color:#123e52}footer{background:#040e24;color:#b8cedc}footer .wordmark{color:white}footer p{color:#a8c6d5}dialog{background:#091c39;border:1px solid #1e899a;border-radius:18px}a:focus-visible,button:focus-visible{outline:3px solid #ffb52e;outline-offset:5px}@media(max-width:760px){.hero{padding:45px 7% 100px;gap:24px;min-height:0}h1{font-size:61px;letter-spacing:-3px}.hero-art{width:100%;max-width:400px;margin:-8px auto 0}.hero-art img{width:100%}.art-caption{font-size:7px}.hero-note{font-size:10px}.section{padding:65px 7%}.video-art{aspect-ratio:1.65}.booking{border-radius:35px 35px 0 0}.hero:after{height:120px;bottom:-70px}.ticker{font-size:8px}.audio-link{padding:22px}.storytext .large{font-size:24px}}
.insta-handle { display:inline-flex; align-items:center; gap:.35em; color:#86eeee; font-weight:700; }
.insta-handle svg { width:1.15em; height:1.15em; }
@media (max-width:760px) {
  .hero { padding-top:16px; gap:12px; }
  .hero-art { order:-1; width:min(76vw,32svh,305px); margin:0 auto; }
  .hero-art .art-caption { display:none; }
  .hero h1 { font-size:clamp(38px,9vw,60px); }
}
.photo-wall { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:28px; }
.photo-wall a { display:block; overflow:hidden; border-radius:6px; background:#0b354a; }
.photo-wall img { display:block; width:100%; height:100%; aspect-ratio:4/3; object-fit:cover; }
.photo-wall a:first-child { grid-column:span 2; grid-row:span 2; }
@media(max-width:760px){.photo-wall {grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;} .photo-wall a:first-child{grid-row:auto;}}
.feature-photo { margin:0; }
.feature-photo img { display:block; width:100%; }
.feature-photo figcaption { margin-top:.7rem; font-size:.8rem; letter-spacing:.06em; }
.stage-photo { position:relative; overflow:hidden; }
.stage-photo img { max-height:620px; aspect-ratio:2.8; object-fit:cover; object-position:center 46%; }
.stage-photo figcaption { position:absolute; bottom:1rem; left:7%; background:#06132ee6; color:white; padding:.6rem .9rem; }
.rehearsal-photo { margin-top:2rem; max-width:470px; }
.rehearsal-photo img { border-radius:8px; }
.venue-photo { grid-column:1/-1; margin-top:1rem; }
.venue-photo img { border-radius:12px; max-height:480px; object-fit:cover; object-position:center 65%; }
@media(max-width:760px) {
 .stage-photo img { aspect-ratio:1.5; }
 .venue-photo img { max-height:none; }
}
.hero {
  background:linear-gradient(95deg,rgba(255,221,155,.97) 0%,rgba(255,221,155,.83) 38%,rgba(255,231,177,.38) 65%,rgba(255,231,177,.54)),url("assets/photos/frame-15.webp") center 58% / cover;
}
.hero-art { mix-blend-mode:normal; }
.hero-art img { border-radius:50%; mix-blend-mode:normal; }
.hero-art .art-caption { color:#06132e; background:#fff2cb; border-radius:8px; padding:8px; }
@media(max-width:760px){
 .hero { background:linear-gradient(to bottom,rgba(255,226,164,.35),rgba(255,229,171,.90) 44%,rgba(255,221,155,.96)),url("assets/photos/frame-15.webp") center / cover; }
}
/* Let the sunset show through the white field of the logo. */
.hero-art { mix-blend-mode:multiply; }
.hero-art img { border-radius:0; mix-blend-mode:normal; }
.hero-art { mix-blend-mode:normal; }
.hero-art img { mix-blend-mode:normal; filter:drop-shadow(0 2px 4px rgba(6,19,46,.22)); }
#music .videos { margin-top:2rem; }
.video .clip-poster { aspect-ratio:16/9; object-fit:cover; filter:none; border-radius:12px; }
a[href*="instagram.com/"] > svg { width:1.1em; height:1.1em; vertical-align:-.16em; flex-shrink:0; }
.booking .cream { gap:.6em; }
@media(max-width:760px) {
  #story { row-gap:10px; }
  #story .storytext { padding-top:0; }
}
@media(min-width:761px) {
  #story { padding-bottom:44px; }
}
