:root{--ink:#11100e;--paper:#eee9df;--rust:#a84030;--line:rgba(238,233,223,.28);--pad:clamp(1.25rem,4vw,4.5rem);--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.5}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input{font:inherit}.skip-link{position:fixed;z-index:100;top:-5rem;left:1rem;padding:.7rem 1rem;background:var(--paper);color:var(--ink)}.skip-link:focus{top:1rem}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.4rem var(--pad);transition:background .3s,padding .3s}.site-header.scrolled{padding-top:.9rem;padding-bottom:.9rem;background:rgba(17,16,14,.9);backdrop-filter:blur(12px)}.brand{font-weight:900;font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.07em}.brand-dot{color:var(--rust)}.main-nav{display:flex;gap:clamp(1.3rem,3vw,3rem)}.main-nav a,.footer-socials a,.footer-legal{font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;bottom:-.35rem;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s}.main-nav a:hover:after{transform:scaleX(1);transform-origin:left}.menu-toggle{display:none;background:none;border:0;color:inherit}
.hero{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex;align-items:flex-end;padding:8rem var(--pad) 3rem}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;filter:saturate(.55) contrast(1.1)}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.68))}.hero-copy{position:relative;z-index:2;width:100%}.eyebrow,.index{font-size:.69rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.hero h1{font-size:clamp(5.2rem,19vw,18rem);line-height:.72;letter-spacing:-.085em;margin:1rem 0 2.4rem;margin-left:-.055em}.round-link{width:6rem;height:6rem;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;font-size:.68rem;font-weight:800;letter-spacing:.1em;transition:.25s}.round-link:hover{background:var(--paper);color:var(--ink);transform:rotate(-8deg)}.hero-side{position:absolute;z-index:2;right:var(--pad);top:50%;margin:0;writing-mode:vertical-rl;font-size:.65rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.section{padding:clamp(6rem,12vw,11rem) var(--pad)}.section-dark{background:var(--ink);color:var(--paper)}.section-paper{background:var(--paper);color:var(--ink)}.section-rust{background:var(--rust);color:var(--paper)}.section-head{display:grid;grid-template-columns:4rem 1fr minmax(12rem,24rem);align-items:start;margin-bottom:clamp(4rem,8vw,8rem)}.section-head h2{font-size:clamp(4rem,11vw,10rem);letter-spacing:-.075em;line-height:.72;text-transform:uppercase;margin:0}.section-note{margin:0;padding-top:.4rem;font-size:clamp(1rem,1.5vw,1.25rem)}
.embed-shell{max-width:66rem;margin:0 auto}.embed-shell iframe{width:100%;height:520px;border:0;border-radius:12px}.embed-placeholder{min-height:22rem;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:clamp(1.5rem,4vw,4rem);background:#181715}.embed-placeholder span{font-size:clamp(3rem,8vw,8rem);font-weight:900;letter-spacing:-.07em;color:#1ed760}.embed-placeholder p{text-align:right}.embed-placeholder small{opacity:.55}.embed-placeholder.light{background:transparent;border-color:rgba(17,16,14,.22)}.embed-placeholder.light span{color:var(--rust)}code{font-size:.75em}.link-row{max-width:66rem;margin:2rem auto 0;display:flex;gap:2rem;justify-content:flex-end}.link-row a,.text-link{font-size:.75rem;text-transform:uppercase;font-weight:800;letter-spacing:.12em;border-bottom:1px solid currentColor;padding-bottom:.3rem}
.about-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:clamp(2rem,7vw,8rem);align-items:center}.about-image-wrap{overflow:hidden}.about-image-wrap img{aspect-ratio:4/5;object-fit:cover;filter:grayscale(1);transition:transform .8s}.about-image-wrap:hover img{transform:scale(1.025)}.about-copy .lead{font-size:clamp(1.7rem,3.2vw,3.4rem);line-height:1.08;letter-spacing:-.035em}.about-copy p:not(.lead){max-width:32rem}.text-link{display:inline-block;margin-top:2rem}
.gallery{position:relative;background:var(--paper);color:var(--ink);padding:var(--pad)}.gallery-title{display:flex;align-items:end;justify-content:space-between;margin:3rem 0 1.5rem}.gallery-title p{font-size:.7rem;text-transform:uppercase;font-weight:800;letter-spacing:.16em}.gallery-title h2{font-size:clamp(3rem,8vw,7rem);line-height:.8;letter-spacing:-.07em;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:20vw;gap:.6rem}.gallery-item{overflow:hidden}.gallery-item.wide{grid-column:span 2}.gallery-item.tall{grid-row:span 2}.gallery-item img{height:100%;object-fit:cover;filter:saturate(.68);transition:.5s}.gallery-item:hover img{transform:scale(1.035);filter:saturate(1)}
.downloads{width:100%;max-width:66rem;margin-left:auto;margin-right:auto;border-top:1px solid var(--line)}.download{display:grid;grid-template-columns:1fr 9rem 3rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line);transition:padding .25s,color .25s}.download:hover{padding-left:1rem;color:#df725e}.download span{font-size:clamp(1.4rem,3vw,2.5rem);font-weight:700;letter-spacing:-.03em}.download small{text-transform:uppercase;letter-spacing:.15em}.download b{font-size:1.7rem;text-align:right}
.newsletter{background:#d4c74f;color:var(--ink);padding:clamp(6rem,12vw,11rem) var(--pad)}.newsletter-inner{width:100%;max-width:66rem;margin:auto}.newsletter h2{font-size:clamp(5rem,15vw,13rem);line-height:.72;letter-spacing:-.085em;text-transform:uppercase;margin:2.5rem 0 5rem}.newsletter label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;margin-bottom:.8rem}.form-row{display:flex;border-bottom:2px solid var(--ink)}.form-row input{flex:1;background:none;border:0;padding:1rem 0;font-size:clamp(1.2rem,2vw,1.8rem);color:var(--ink);outline:0}.form-row input::placeholder{color:rgba(17,16,14,.48)}.form-row button{border:0;background:none;font-weight:800;text-transform:uppercase;cursor:pointer}.form-status{min-height:1.5rem;font-size:.8rem}.contact{padding:clamp(5rem,10vw,9rem) var(--pad)}.contact-mail{display:block;font-size:clamp(2rem,7vw,7rem);font-weight:800;letter-spacing:-.06em;line-height:1.1;overflow-wrap:anywhere;margin-top:2rem}.contact-mail:hover{color:var(--rust)}
.footer{padding:4rem var(--pad) 2rem;background:var(--ink);display:grid;grid-template-columns:1fr 2fr;gap:4rem}.footer-brand{font-size:clamp(2rem,5vw,5rem)}.footer-socials{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-end;align-items:start}.footer-socials a:hover{color:#df725e}.footer-legal{grid-column:1/-1;display:flex;gap:1.5rem;padding-top:2rem;border-top:1px solid var(--line);opacity:.62}
.reveal{opacity:0;transform:translateY(2rem);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{transition:none!important}}
@media(max-width:760px){.site-header{padding-top:1.1rem}.menu-toggle{display:flex;position:relative;z-index:3;flex-direction:column;align-items:flex-end;gap:.3rem}.menu-toggle span{font-size:.65rem;text-transform:uppercase;letter-spacing:.16em}.menu-toggle i{display:block;width:1.6rem;height:1px;background:currentColor;transition:.25s}.menu-open .menu-toggle i:first-of-type{transform:translateY(3px) rotate(45deg)}.menu-open .menu-toggle i:last-of-type{transform:translateY(-2px) rotate(-45deg)}.main-nav{position:fixed;inset:0;background:var(--ink);padding:8rem var(--pad) 3rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;visibility:hidden;opacity:0;transition:.25s}.menu-open .main-nav{visibility:visible;opacity:1}.main-nav a{font-size:clamp(3.5rem,17vw,6rem);line-height:1;font-weight:900;letter-spacing:-.07em;text-transform:uppercase}.hero{padding-bottom:2rem}.hero h1{font-size:24vw}.hero-side{display:none}.round-link{width:5rem;height:5rem}.section-head{grid-template-columns:2.5rem 1fr;margin-bottom:3.5rem}.section-head h2{font-size:21vw}.section-note{grid-column:2;margin-top:2rem}.embed-placeholder{min-height:20rem;display:block}.embed-placeholder span{display:block;margin-bottom:5rem}.embed-placeholder p{text-align:left}.link-row{justify-content:flex-start}.about-grid{grid-template-columns:1fr}.about-copy{padding-left:2.5rem}.gallery-title{display:block}.gallery-title h2{margin-top:1rem}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:47vw}.gallery-item.wide{grid-column:span 2}.downloads .download{grid-template-columns:1fr 2rem}.download small{display:none}.newsletter h2{margin-bottom:3rem}.form-row{display:block}.form-row button{padding:1rem 0;width:100%;text-align:left}.footer{grid-template-columns:1fr;gap:2rem}.footer-socials{justify-content:flex-start}.footer-legal{grid-column:auto;flex-wrap:wrap}}

/* MATATU brand system — derived from the supplied logo */
:root{--ink:#35203a;--paper:#dfbf27;--rust:#df0b70;--blue:#1710ef;--line:rgba(255,255,255,.42)}
body{background:var(--blue);color:#fff;font-weight:500}
::selection{background:var(--paper);color:var(--ink)}
.site-header{border-bottom:2px solid transparent}.site-header.scrolled{background:rgba(23,16,239,.94);border-color:var(--paper);box-shadow:0 7px 0 var(--rust);backdrop-filter:blur(10px)}
.brand{display:block;line-height:0}.brand img{width:4.25rem;height:4.25rem;object-fit:cover}.brand-dot{display:none}
.main-nav a{font-size:.8rem;font-weight:900}.main-nav a:after{height:4px;background:var(--paper);box-shadow:3px 3px 0 var(--rust)}
.hero{background:var(--blue);min-height:100svh}.hero-image{filter:grayscale(1) contrast(1.35);mix-blend-mode:luminosity;opacity:.66}.hero-shade{background:linear-gradient(90deg,rgba(23,16,239,.88) 0%,rgba(23,16,239,.24) 58%,rgba(223,11,112,.34) 100%)}
.hero-copy{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:end}.hero-copy .eyebrow{grid-column:1/-1;color:var(--paper)}
.hero-mark{width:clamp(15rem,37vw,36rem);height:auto;object-fit:contain;filter:drop-shadow(15px 15px 0 rgba(53,32,58,.88))}.round-link{border:4px solid var(--paper);background:var(--rust);color:#fff;box-shadow:8px 8px 0 var(--ink);margin:0 1rem 1.5rem 0;font-weight:900}.round-link:hover{background:var(--paper);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:translate(5px,5px) rotate(-5deg)}.hero-side{color:var(--paper)}
.section{position:relative;overflow:hidden}.section-dark{background:var(--blue);color:#fff}.section-paper{background:var(--paper);color:var(--ink)}.section-rust{background:var(--rust);color:#fff}
.section-head h2,.newsletter h2,.gallery-title h2{font-weight:950;letter-spacing:-.085em}.section-dark .section-head h2{text-shadow:7px 7px 0 var(--rust),14px 14px 0 var(--ink)}.section-paper .section-head h2{text-shadow:6px 6px 0 #fff,12px 12px 0 var(--rust)}.section-rust .section-head h2{text-shadow:7px 7px 0 var(--blue),14px 14px 0 var(--ink)}
.index{display:grid;place-items:center;width:2.5rem;height:2.5rem;background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--rust);font-weight:950}.section-paper .index{background:var(--blue);color:#fff;box-shadow:4px 4px 0 var(--rust)}.section-rust .index{background:var(--paper);box-shadow:4px 4px 0 var(--blue)}
.embed-shell{padding:8px;background:var(--paper);box-shadow:14px 14px 0 var(--rust),24px 24px 0 var(--ink);transform:rotate(-.35deg)}.embed-shell iframe{display:block;border-radius:0}.embed-placeholder{background:var(--blue);border:0}.embed-placeholder span{color:var(--paper);text-shadow:6px 6px 0 var(--rust)}
.live-frame{width:100%;max-width:66rem;margin:0 auto;padding:clamp(1rem,3vw,2.5rem);border:5px solid var(--ink);background:#fff;box-shadow:14px 14px 0 var(--rust)}.embed-placeholder.light{border:0;background:#fff}.embed-placeholder.light span{color:var(--blue);text-shadow:5px 5px 0 var(--rust)}
.link-row a,.text-link{border-bottom:4px solid var(--paper);font-weight:950}.section-rust .text-link{border-color:var(--paper)}
.about-image-wrap{border:7px solid var(--paper);box-shadow:18px 18px 0 var(--blue),30px 30px 0 var(--ink);transform:rotate(-1.4deg)}.about-image-wrap img{filter:grayscale(1) contrast(1.18);mix-blend-mode:luminosity}.about-copy .lead{font-weight:900;text-shadow:3px 3px 0 var(--blue)}
.gallery{background:var(--blue);color:#fff;padding-top:clamp(5rem,9vw,8rem);padding-bottom:clamp(5rem,9vw,8rem)}.gallery:before{content:"";position:absolute;top:0;left:0;width:100%;height:14px;background:linear-gradient(90deg,var(--paper) 0 33%,var(--rust) 33% 66%,var(--ink) 66%)}.gallery-title p{color:var(--paper)}.gallery-title h2{text-shadow:6px 6px 0 var(--rust),12px 12px 0 var(--ink)}.gallery-grid{gap:1rem}.gallery-item{border:4px solid var(--paper);box-shadow:8px 8px 0 var(--rust)}.gallery-item:nth-child(even){border-color:var(--rust);box-shadow:8px 8px 0 var(--paper)}.gallery-item img{filter:grayscale(1) contrast(1.15);mix-blend-mode:luminosity}.gallery-item:hover img{filter:grayscale(0) saturate(1.15)}
.downloads{border-top:4px solid var(--paper)}.download{border-bottom:4px solid var(--paper)}.download:hover{padding-left:1.25rem;background:var(--rust);color:#fff;box-shadow:10px 10px 0 var(--paper)}.download span{font-weight:950}
.newsletter{background:var(--rust);color:#fff;border-top:14px solid var(--paper)}.newsletter h2{text-shadow:8px 8px 0 var(--blue),16px 16px 0 var(--ink)}.newsletter .eyebrow{color:var(--paper)}.form-row{border-bottom:5px solid var(--paper)}.form-row input{color:#fff;font-weight:800}.form-row input::placeholder{color:rgba(255,255,255,.68)}.form-row button{background:var(--paper);color:var(--ink);padding:.7rem 1.25rem;margin-bottom:.5rem;box-shadow:7px 7px 0 var(--blue);font-weight:950}.form-row button:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--blue)}
.contact{border-top:14px solid var(--blue)}.contact-mail{color:var(--blue);text-shadow:5px 5px 0 var(--rust)}.contact-mail:hover{color:#fff;text-shadow:5px 5px 0 var(--blue)}
.footer{background:var(--ink);border-top:14px solid var(--rust)}.footer-brand img{width:clamp(7rem,13vw,11rem);height:auto;box-shadow:10px 10px 0 var(--rust)}.footer-socials a{color:var(--paper)}.footer-socials a:hover{color:#fff;text-shadow:3px 3px 0 var(--blue)}.footer-legal{border-color:var(--paper);opacity:.85}
@media(max-width:760px){.site-header{padding:.75rem var(--pad)}.brand img{width:3.3rem;height:3.3rem}.main-nav{background:var(--blue)}.main-nav a{color:#fff;text-shadow:4px 4px 0 var(--rust),8px 8px 0 var(--ink)}.hero{padding-top:7rem}.hero-copy{display:block}.hero-mark{width:min(80vw,24rem);margin:0 0 2.5rem;filter:drop-shadow(9px 9px 0 rgba(53,32,58,.88))}.round-link{margin:0}.section-head h2{font-size:19vw}.section-dark .section-head h2,.section-paper .section-head h2,.section-rust .section-head h2{text-shadow:4px 4px 0 var(--rust),8px 8px 0 var(--ink)}.embed-shell{box-shadow:8px 8px 0 var(--rust),14px 14px 0 var(--ink)}.about-image-wrap{box-shadow:10px 10px 0 var(--blue),17px 17px 0 var(--ink)}.gallery-title h2{font-size:14vw}.gallery-grid{gap:.7rem}.newsletter h2{text-shadow:5px 5px 0 var(--blue),10px 10px 0 var(--ink)}.footer-brand img{width:8rem}}

/* Clean image and type treatment */
.hero-image,.about-image-wrap img,.gallery-item img,.gallery-item:hover img{filter:none;mix-blend-mode:normal;opacity:1}
.hero-mark{filter:none}
.section-dark .section-head h2,.section-paper .section-head h2,.section-rust .section-head h2,.gallery-title h2,.newsletter h2,.contact-mail,.contact-mail:hover,.about-copy .lead{ text-shadow:none }
.about-image-wrap,.gallery-item,.gallery-item:nth-child(even){border:0;box-shadow:none;transform:none}
.embed-shell{border-radius:20px;overflow:hidden}
.embed-shell iframe{border-radius:12px!important}
.site-header.scrolled{border-bottom-color:transparent;box-shadow:none}
.hero-copy{display:block}.hero-copy .round-link{margin-top:2.5rem}
.hero-shade{display:none}
.hero-slide{opacity:0;transition:opacity 1.6s ease-in-out}.hero-slide.is-active{opacity:1}
@media(max-width:760px){.main-nav a,.hero-mark,.section-dark .section-head h2,.section-paper .section-head h2,.section-rust .section-head h2,.newsletter h2{filter:none;text-shadow:none}.about-image-wrap{box-shadow:none}}
@media(max-width:760px){.hero-slide-desktop{display:none}.hero-slide-primary{opacity:1!important;transition:none}}
@media(max-width:760px){.embed-shell iframe{height:440px}}

/* Curator Instagram feed */
.curator-feed-wrap{width:100%;min-height:18rem}
.curator-feed-wrap .crt-widget{font-family:var(--sans)!important}
.curator-feed-wrap .crt-post-text,.curator-feed-wrap .crt-post-caption,.curator-feed-wrap .crt-post-header,.curator-feed-wrap .crt-post-footer,.curator-feed-wrap .crt-post-user,.curator-feed-wrap .crt-post-fullname,.curator-feed-wrap .crt-post-date{display:none!important}
@media(max-width:760px){
  #curator-feed-default-feed-layout .crt-feed-window{height:auto!important;min-height:0!important}
  #curator-feed-default-feed-layout .crt-feed{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.55rem!important;height:auto!important;min-height:0!important;direction:ltr!important}
  #curator-feed-default-feed-layout .crt-feed>.crt-grid-post{position:static!important;inset:auto!important;transform:none!important;float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;grid-area:auto!important;order:1!important}
  #curator-feed-default-feed-layout .crt-feed>*:not(.crt-grid-post):not(.crt-logo){display:none!important}
  #curator-feed-default-feed-layout .crt-feed>.crt-logo{position:static!important;grid-column:1/-1!important;order:999!important;justify-self:end!important;margin-top:.5rem!important}
  #curator-feed-default-feed-layout .crt-post-content-image{aspect-ratio:1;overflow:hidden!important}
  #curator-feed-default-feed-layout .crt-post-content-image img,
  #curator-feed-default-feed-layout .crt-post-content-image video{width:100%!important;height:100%!important;object-fit:cover!important}
}

/* Consistently square visual language */
*,*::before,*::after{border-radius:0!important}

/* Crop Spotify's iframe-owned rounded corners */
.spotify-frame-mask{height:520px;overflow:hidden;background:var(--blue)}
.embed-shell .spotify-frame-mask iframe{display:block;width:calc(100% + 24px);height:calc(100% + 24px);margin:-12px;border:0}
@media(max-width:760px){.spotify-frame-mask{height:440px}.embed-shell .spotify-frame-mask iframe{height:calc(100% + 24px)}}

/* LIVE image backdrop */
#live{background-color:var(--ink);background-image:var(--section-background,url("../images/photos/live.jpg"));background-size:cover;background-position:center;background-repeat:no-repeat}
#live .section-head h2{width:max-content;padding:0;background:none;color:#ff1558}
#music .section-head h2{color:#ffda00}
#live .section-note{width:max-content;max-width:100%;padding:.65rem .85rem;background:var(--paper);color:var(--ink)}
@media(max-width:760px){#live{background-image:var(--section-background-mobile,var(--section-background));background-position:center top}}

/* Inverse curtain: content sections slide over the standing hero */
main{position:relative;isolation:isolate}
.hero{position:sticky;top:0;z-index:0}
main>section:not(.hero){position:relative;z-index:1}
#music{box-shadow:0 -1px 0 var(--blue)}

/* One typographic arrow throughout the site, rotated only by direction */
.site-arrow{display:inline-block;font:inherit;font-style:normal;line-height:1;transform-origin:50% 52%}
.site-arrow-out{transform:rotate(-90deg)}
.site-arrow-down{transform:rotate(45deg)}
.download .download-arrow{display:block;justify-self:end;font-size:2rem;font-weight:400}
.round-link .site-arrow{font-size:1rem}

/* Yellow Instagram field and centered booking axis */
.gallery{background:var(--paper);color:var(--ink)}
.gallery-title p{color:var(--blue)}
.gallery-title h2{color:var(--ink)}
.contact{text-align:center}
.contact .eyebrow,.contact-mail{margin-left:auto;margin-right:auto}

/* Mobile menu follows the section-heading scale */
@media(max-width:760px){
  .main-nav{gap:0}
  .main-nav a{font-size:19vw;line-height:.82;letter-spacing:-.075em}
}

/* Section numbers removed */
.section-head{grid-template-columns:1fr minmax(12rem,24rem)}
.section-head .index{display:none}
@media(max-width:760px){
  .section-head{grid-template-columns:1fr}
  .section-note{grid-column:1}
}

/* CONTACT image backdrop — photo remains unfiltered */
.contact{min-height:70svh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--ink);background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),var(--section-background);background-size:cover;background-position:center;background-repeat:no-repeat}
.contact .eyebrow{padding:0;background:none;color:#fff}
.contact-mail{width:max-content;max-width:100%;padding:0;background:none;color:#fff}
.contact-mail:hover{background:none;color:#fff}

/* Compact navigation with transparent vector logo */
.site-header,.site-header.scrolled{height:60px;padding:5px var(--pad)}
.site-header .brand img{width:auto;height:40px;object-fit:contain}
.site-header{background:rgba(23,16,239,0);transition:background-color .6s ease,backdrop-filter .6s ease}
.site-header.scrolled{background:rgba(23,16,239,1)}

/* Wordmark moves more slowly than the Credo curtain and settles as its headline */
#credo{overflow:visible}
.hero-wordmark{position:relative;z-index:3;display:block;width:clamp(24rem,52vw,64rem);height:auto;margin:0 auto clamp(4rem,8vw,8rem);transform:translate3d(0,var(--credo-logo-offset,-55vh),0) rotate(var(--credo-logo-rotate,0deg));pointer-events:none;will-change:transform}
@media(min-width:761px){
  .hero-slide-primary{object-position:center 70%}
}
@media(max-width:760px){.hero-wordmark{width:88vw}}

/* Floating MATATU wave motifs */
.parallax-motifs{position:absolute;z-index:4;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .5s ease}
.parallax-motifs.is-active{opacity:1}
.parallax-motif{position:absolute;width:clamp(7rem,12vw,14rem);height:auto;will-change:transform;transform:translate3d(var(--parallax-x,0),var(--parallax-y,0),0) rotate(calc(var(--motif-rotate,0deg) + var(--parallax-rotate,0deg)))}
.parallax-motif:nth-child(1){top:105svh;left:-9rem;--motif-rotate:-32deg}
.parallax-motif:nth-child(2){top:15%;right:5%;width:clamp(9.8rem,17vw,19.6rem);--motif-rotate:28deg}
.parallax-motif:nth-child(3){top:21%;left:10%;width:clamp(6rem,10vw,12rem);--motif-rotate:47deg}
.parallax-motif:nth-child(4){top:27%;right:11%;--motif-rotate:-41deg}
.parallax-motif:nth-child(5){top:33%;left:-2%;--motif-rotate:24deg}
.parallax-motif:nth-child(6){top:39%;right:3%;width:clamp(6rem,9vw,11rem);--motif-rotate:-52deg}
.parallax-motif:nth-child(7){top:45%;left:43%;width:clamp(6rem,8vw,10rem);--motif-rotate:36deg}
.parallax-motif:nth-child(8){top:51%;right:14%;--motif-rotate:-27deg}
.parallax-motif:nth-child(9){top:58%;left:3%;width:clamp(6rem,10vw,12rem);--motif-rotate:55deg}
.parallax-motif:nth-child(10){top:65%;right:5%;--motif-rotate:-38deg}
.parallax-motif:nth-child(11){top:72%;left:12%;--motif-rotate:43deg}
.parallax-motif:nth-child(12){top:79%;right:-2%;width:clamp(10.5rem,18vw,21rem);--motif-rotate:-48deg}
.parallax-motif:nth-child(13){top:86%;left:4%;--motif-rotate:31deg}
.parallax-motif:nth-child(14){top:92%;right:17%;--motif-rotate:-56deg}
.parallax-motif:nth-child(15){top:97%;left:28%;width:clamp(6rem,9vw,11rem);--motif-rotate:51deg}
@media(max-width:760px){
  .parallax-motif{width:clamp(5.5rem,27vw,8rem);opacity:.95}
  .parallax-motif:nth-child(2),.parallax-motif:nth-child(7){width:clamp(7.7rem,38vw,11.2rem)}
}

/* Compact footer with horizontal MATATU wordmark */
.footer{padding:2rem var(--pad) 1.25rem;grid-template-columns:auto 1fr;align-items:center;gap:1.5rem 3rem}
.footer-brand img{display:block;width:min(250px,28vw);height:auto;box-shadow:none}
.footer-socials{align-items:center}
.footer-legal{padding-top:1.25rem}
@media(max-width:760px){
  .footer{padding:1.75rem var(--pad) 1rem;grid-template-columns:1fr;gap:1.25rem}
  .footer-brand img{width:min(250px,70vw)}
  .footer-legal{padding-top:1rem}
}

/* Newsletter title uses the same scale as all section titles */
.newsletter h2{font-size:clamp(4rem,11vw,10rem)}
@media(max-width:760px){.newsletter h2{font-size:19vw}}

/* Credo and revised section color rhythm */
.credo{position:relative;z-index:1;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:clamp(6rem,10vw,9rem) var(--pad);background:var(--blue);color:#fff}
.credo-inner{width:100%;max-width:74rem;margin:0 auto;text-align:center}
.credo-text{max-width:74rem;margin:0 auto;font-size:clamp(1.39rem,2.62vw,2.78rem);font-weight:500;line-height:1.35;letter-spacing:.02em}
#music{background:var(--blue);color:#fff;box-shadow:0 -1px 0 var(--blue)}
#music .link-row a{color:var(--paper);border-color:var(--paper)}
.gallery{background:var(--blue);color:#fff}
.gallery-title p{color:var(--paper)}
.gallery-title h2{color:#fff}
.gallery .crt-logo{color:#fff!important}
#press{background:var(--paper);color:var(--ink)}

/* Seamless transitions between the full-page sections */
.section,.newsletter,.contact,.footer{border-top:0;border-bottom:0}
#music{box-shadow:none}
#press .downloads,#press .download{border-color:var(--blue)}
#press .download:hover{background:var(--blue);color:#fff;box-shadow:10px 10px 0 var(--rust)}
@media(max-width:760px){
  .credo{min-height:125vh;min-height:125svh;padding:8rem clamp(2.25rem,9vw,3.25rem) 10rem}
  .credo .hero-wordmark{width:100%;margin-bottom:6rem}
  .credo-text{font-size:clamp(1.39rem,2.62vw,2.78rem)}
}

/* More compact section-title scale and a roomier Music ending */
.section-head h2,.newsletter h2{font-size:clamp(3rem,8.25vw,7.5rem)}
.gallery-title h2{font-size:clamp(2.25rem,6vw,5.25rem)}
.gallery-title{justify-content:flex-start;text-align:left}
#music{padding-bottom:clamp(8rem,14vw,13rem)}
.gallery:before{display:none}
@media(max-width:760px){
  .section-head h2,.newsletter h2{font-size:14.25vw}
  .gallery-title h2{font-size:10.5vw}
  #music{padding-bottom:9rem}
}

/* Air below the Bandsintown widget */
#live{padding-bottom:360px}
@media(max-width:760px){#live{padding-bottom:220px}}

/* Compact footer identity and links */
.footer-brand img{width:min(200px,70vw)}
.footer-socials a,.footer-legal{font-size:.6rem}

/* Portrait video in the MATATU section */
.about-video-wrap{position:relative;width:100%;max-width:34rem;margin:0 0 0 auto;aspect-ratio:9/16}
.about-video-wrap video{display:block;width:100%;height:100%;object-fit:cover;background:#000}
.video-sound-toggle{position:absolute;z-index:2;top:1rem;right:1rem;width:2.8rem;height:2.8rem;display:grid;place-items:center;border:0;border-radius:.65rem;background:var(--ink);color:#fff;padding:.65rem;cursor:pointer;box-shadow:.25rem .25rem 0 rgba(255,255,255,.3)}
.video-sound-toggle svg{display:block;width:100%;height:100%;fill:currentColor}
.video-sound-toggle svg path:not(:first-child){fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.video-sound-toggle .sound-on{display:none}
.video-sound-toggle[aria-pressed="true"] .sound-muted{display:none}
.video-sound-toggle[aria-pressed="true"] .sound-on{display:block}
.video-sound-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* MATATU: tighter spacing between video and copy */
#matatu .about-grid{grid-template-columns:minmax(0,34rem) minmax(28rem,42rem);justify-content:center;column-gap:clamp(5rem,9vw,12rem);max-width:88rem;margin-inline:auto}
@media(min-width:761px) and (max-width:1100px){#matatu .about-grid{grid-template-columns:minmax(0,28rem) minmax(18rem,1fr);column-gap:3rem}}
@media(max-width:760px){.about-video-wrap{margin:0 auto}#matatu .about-grid{grid-template-columns:1fr;column-gap:0;row-gap:2.5rem;max-width:none}}

/* Compact Mailchimp consent and bot protection */
.newsletter .newsletter-consent{display:flex;align-items:flex-start;gap:.75rem;margin-top:1.25rem;font-size:.68rem;line-height:1.45;letter-spacing:.06em;text-transform:none;cursor:pointer}
.newsletter-consent input{width:1.1rem;height:1.1rem;flex:0 0 auto;margin:.12rem 0 0;accent-color:var(--paper)}
.newsletter-consent a{text-decoration:underline;text-underline-offset:.2em}
.newsletter-honeypot{position:absolute!important;left:-5000px!important;width:1px;height:1px;overflow:hidden}

/* Locally hosted Geist typography */
@font-face{font-family:"Geist";src:url("../fonts/Geist-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Geist";src:url("../fonts/Geist-Black.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}
body,button,input{font-family:"Geist",Arial,Helvetica,sans-serif;font-weight:500}
body *{font-weight:500}
.section-head h2{font-family:"Geist",Arial,Helvetica,sans-serif;font-weight:900}
.section-head h2,.newsletter h2,.gallery-title h2{letter-spacing:.01em}
.about-copy .lead{font-family:"Geist",Arial,Helvetica,sans-serif;font-size:clamp(1.39rem,2.62vw,2.78rem);font-weight:500;line-height:1.35;letter-spacing:.02em}

/* Launch CTA and privacy controls */
.credo-cta{display:inline-flex;align-items:center;gap:.6rem;margin-top:clamp(2.5rem,5vw,4rem);padding:.85rem 1.15rem;background:var(--paper);color:var(--ink);font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:7px 7px 0 var(--rust);transition:transform .25s ease,box-shadow .25s ease}
.credo-cta:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--rust)}
.privacy-settings{border:0;background:none;color:inherit;padding:0;font:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;opacity:inherit}
.privacy-settings:hover{text-decoration:underline;text-underline-offset:.25em}
.consent-panel{position:fixed;z-index:1000;inset:0;display:grid;align-items:end;padding:clamp(1rem,3vw,2rem);background:rgba(17,16,14,.42)}
.consent-panel[hidden]{display:none}
.consent-card{width:min(44rem,100%);margin:0 auto;padding:clamp(1.4rem,3vw,2.25rem);background:#fff;color:var(--ink);box-shadow:12px 12px 0 var(--rust)}
.consent-card h2{margin:.25rem 0 1rem;font-size:clamp(2rem,5vw,4rem);line-height:.9;text-transform:uppercase;font-family:"Geist",Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:.01em}
.consent-card p{max-width:38rem}
.consent-card>a{display:inline-block;margin-top:1rem;text-decoration:underline;text-underline-offset:.25em}
.consent-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.consent-actions button,.external-content-button{border:0;padding:.85rem 1.1rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.consent-primary,.external-content-button{background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 var(--blue)}
.consent-secondary{background:var(--ink);color:#fff}
.external-content-placeholder{min-height:20rem;display:grid;place-items:center;text-align:center;padding:2rem;background:rgba(255,255,255,.1)}
.live-frame .external-content-placeholder{background:#fff;color:var(--ink)}
.external-content-placeholder p{max-width:28rem;margin:0 auto 1.25rem}
@media(max-width:760px){.consent-actions{display:grid}.consent-actions button{width:100%}.credo-cta{margin-top:3rem}}

/* Legal information pages */
.legal-page{min-height:100vh;background:var(--blue);color:#fff;padding:clamp(7rem,12vw,10rem) var(--pad) clamp(4rem,8vw,7rem)}
.legal-inner{width:min(52rem,100%);margin:0 auto}
.legal-inner h1{margin:0 0 3rem;font-family:"Geist",Arial,Helvetica,sans-serif;font-size:clamp(3.5rem,10vw,8rem);font-weight:900;line-height:.82;letter-spacing:.01em;text-transform:uppercase}
.legal-inner h2{margin:3rem 0 .75rem;font-size:1.35rem}
.legal-inner p,.legal-inner li{line-height:1.65}
.legal-inner a{text-decoration:underline;text-underline-offset:.25em}
.legal-notice{margin:2rem 0;padding:1rem;background:var(--paper);color:var(--ink)}
.legal-back{display:inline-block;margin-bottom:3rem;font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}