@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f4f2ef;--ink:#242320;--red:#c52d3b;--line:#d3d0cb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}.fixed-portrait{position:fixed;inset:0;z-index:-1;background:#f7f5f4;pointer-events:none}.fixed-portrait img{height:100%;width:100%;object-fit:contain;object-position:66% center}header{height:90px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#f4f2ef85;border-bottom:1px solid #24232020}.brand{font-weight:800;font-size:21px;letter-spacing:-1px;display:flex;align-items:center;gap:8px}.brand-dot{width:7px;height:7px;background:var(--red);border-radius:50%}nav{display:flex;gap:36px;font-size:13px}nav a:hover{color:var(--red)}.nav-book,.booking-button{font-size:13px;border:1px solid var(--ink);border-radius:35px;padding:13px 23px;display:inline-block;transition:background .2s}.nav-book:hover{background:var(--ink);color:var(--paper)}.hero{min-height:calc(100svh - 90px);position:relative;padding:30px 4%}.hero h1{margin:0;font-family:Manrope,Arial,sans-serif;font-size:20.5vw;font-weight:500;line-height:1.2;letter-spacing:-1.4vw}.hero-bottom{position:absolute;bottom:35px;left:4%;right:4%;display:flex;justify-content:space-between}.sound-label,.scroll{font-size:10px;letter-spacing:1.3px}.section{padding:70px 6% 85px;position:relative;background:rgba(244,242,239,.91);border-top:1px solid #24232020}h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,4vw,58px);font-weight:500;letter-spacing:-2px;line-height:1.1;margin:0 0 40px}.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;align-items:center}.about-copy{font-size:17px;line-height:1.7;max-width:450px;color:#514c47;margin-bottom:32px}.about-copy p{margin:0 0 20px}.about-photo{width:100%;max-height:490px;object-fit:cover;object-position:center 25%;aspect-ratio:.95}.text-link{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:8px}.music{background:rgba(36,35,32,.94);color:var(--paper);padding-top:65px}iframe{border:0;display:block;max-width:100%;border-radius:12px}.spotify{max-width:900px;margin:0 auto}.platforms{display:flex;justify-content:center;align-items:center;gap:34px;margin:28px 0 55px}.platform{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;transition:opacity .2s}.platform:hover{opacity:.6}.platform img{width:28px;height:28px;display:block}.music .platform img{filter:invert(1)}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.video-grid iframe{width:100%;aspect-ratio:16/9;border-radius:0}.video-grid h3{font-size:13px;font-weight:400;margin:15px 0 0}.venue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.city{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #24232055;padding-bottom:15px;margin-bottom:22px}.city h3{font-size:22px;font-weight:500;margin:0;letter-spacing:-.7px}.city>span{font-size:9px;color:#77716b}.venue-grid p{font-size:14px;margin:13px 0;line-height:1.6}.venue-grid small{font-size:7px;color:#875c58;margin-left:7px}.second-city{margin-top:40px}summary{font-size:11px;color:#6c645e;cursor:pointer;list-style:none;padding-top:10px;display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}.contact{background:rgba(197,45,59,.94);color:var(--paper);padding-top:85px;padding-bottom:85px}.contact h2{font-size:clamp(45px,8vw,105px);letter-spacing:-4px}.booking-button{border-color:var(--paper);padding:17px 30px}.booking-button:hover{background:var(--paper);color:var(--red)}footer{padding:35px 4%;background:rgba(244,242,239,.95)}.socials{display:flex;gap:20px;margin-bottom:30px}.footer-credits{display:flex;justify-content:space-between;font-size:10px;color:#706960;letter-spacing:.5px}@media(max-width:750px){header{height:76px;padding:0 5%}.brand{font-size:17px}nav{gap:17px;font-size:11px}.nav-book{font-size:10px;padding:10px 13px}.fixed-portrait img{object-position:center center;object-fit:contain}.hero{min-height:calc(100svh - 76px);padding-top:25px}.hero h1{font-size:20.5vw;letter-spacing:-1.4vw}.hero-bottom{bottom:30px;left:5%;right:5%}.sound-label,.scroll{font-size:8px;letter-spacing:.6px}.section{padding:46px 6% 55px;background:rgba(244,242,239,.91)}h2{font-size:36px;letter-spacing:-1.5px;margin-bottom:30px}.about-grid{grid-template-columns:1fr;gap:35px}.about-copy{font-size:15px}.about-photo{aspect-ratio:1.1;max-height:400px}.music{background:rgba(36,35,32,.94)}.video-grid{grid-template-columns:1fr;gap:30px}.platforms{margin-bottom:40px}.venue-grid{grid-template-columns:1fr;gap:32px}.venue-grid p{margin:10px 0}.contact{background:rgba(197,45,59,.94);padding-top:60px;padding-bottom:60px}.contact h2{font-size:47px;letter-spacing:-2px}footer{padding:30px 6%}.footer-credits{font-size:8px}.platform{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.video-card{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;background:#181818}.video-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-card:hover .video-thumbnail{transform:scale(1.025)}.video-label{position:absolute;bottom:18px;left:18px;display:flex;align-items:center;gap:9px;font-size:11px;background:#242320e8;padding:11px 15px;border-radius:25px}.video-label img{width:19px;height:19px;filter:invert(1)}

/* Reserve a title band so the fixed portrait never sits behind the mobile wordmark. */
.spotify iframe{height:680px}.youtube-player{width:100%;height:auto;min-height:200px;aspect-ratio:16/9;border-radius:0}.city{gap:12px}.city>span{text-align:right;line-height:1.5}.events-empty{font-size:16px;color:#706960;padding:25px 0}.event-row{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:30px;border-top:1px solid var(--line);padding:25px 0}.event-date{font-size:17px}.event-info h3{font-weight:500;font-size:22px;margin:0 0 7px}.event-info p{font-size:13px;color:#706960;margin:0}.event-ticket{border:1px solid var(--ink);border-radius:30px;padding:11px 20px;font-size:12px}.contact h2{margin-bottom:30px}.footer-credits{align-items:center}
@media(max-width:750px){header{gap:10px;padding:0 4%;height:70px}.brand{font-size:15px}nav{gap:12px;font-size:10px}.nav-book{font-size:10px;padding:9px 11px}.hero{min-height:calc(100svh - 70px);padding-top:0}.hero h1{font-size:20vw;letter-spacing:-1.3vw;line-height:1.2;white-space:nowrap}.fixed-portrait{top:calc(70px + 24vw);bottom:0}.fixed-portrait img{object-fit:contain;object-position:center center}.spotify iframe{height:720px}.event-row{grid-template-columns:90px 1fr;gap:15px}.event-date{font-size:14px}.event-info h3{font-size:19px}.event-ticket{grid-column:2;justify-self:start}.contact h2{font-size:47px}}
@media(max-width:350px){.brand{font-size:13px}nav{gap:9px}.nav-book{padding:8px}}

.contact{display:flex;justify-content:center;align-items:center;padding:85px 6%}.contact .booking-button{font-size:clamp(25px,4vw,48px);font-weight:500;line-height:1.2;padding:26px 65px;border-radius:100px;background:var(--paper);color:var(--red);border:1px solid var(--paper)}.contact .booking-button:hover{background:transparent;color:var(--paper)}@media(max-width:750px){.contact{padding:65px 6%}.contact .booking-button{font-size:30px;padding:23px 50px}}

/* Extend the studio backdrop to the viewport and blend the photograph edges. */
:root{--paper:#f8f5f7}
body{background:var(--paper)}
.fixed-portrait{inset:0;background:linear-gradient(110deg,#f4f0f2 0%,#f8f5f6 48%,#f7f5f8 100%)}
.fixed-portrait img{position:absolute;top:50%;left:66%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 94%,transparent);-webkit-mask-composite:source-in}
header{background:rgba(248,245,247,.35)}
.section{background:rgba(248,245,247,.91)}
.music{background:rgba(36,35,32,.94)}
.contact{background:rgba(197,45,59,.94)}
footer{background:rgba(248,245,247,.95)}
@media(max-width:750px){.fixed-portrait{inset:0}.fixed-portrait img{left:50%;top:calc((100% + 70px + 24vw)/2);max-height:calc(100% - 70px - 24vw);max-width:100%;width:auto;height:auto}}