@import url('https://fonts.googleapis.com/css2?family=Tac+One&family=Barlow+Condensed:wght@600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--cyan:#ff9b45;--muted:#a5a9bd;--line:#ffffff21}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#070912;color:#f1f4ff;font-family:'Space Grotesk',sans-serif;line-height:1.65}body{isolation:isolate}body:before{content:'';position:fixed;inset:0;background:linear-gradient(#07091218,#07091230),url('public/images/background.jpg') center center/cover no-repeat;z-index:-1;pointer-events:none}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}header,main,footer{max-width:1200px;margin:auto}header{padding:28px 36px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:.1em;font-size:22px}.brand span{display:block;font-size:12px;color:var(--muted);letter-spacing:.15em}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:var(--cyan)}main{padding:0 36px}.hero{padding:65px 0 35px}.eyebrow{display:inline-flex;gap:10px;align-items:center;border:1px solid #ff9b4544;background:#071a1b80;border-radius:30px;padding:7px 15px;font-size:13px;letter-spacing:.15em;color:var(--cyan)}.dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.kicker{font-size:13px;letter-spacing:.15em;color:var(--cyan);font-weight:600}.hero>.kicker{margin-top:32px}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(70px,10vw,126px);line-height:.94;letter-spacing:-.025em;margin:18px 0 25px}h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 35px #ff9b4532}h1 span{display:block;font-size:.38em;letter-spacing:.035em;margin-top:17px}.subtitle{max-width:660px;color:#c7cad8;font-size:16px}.hero-actions{display:flex;gap:14px;margin-top:30px}.button,.outline{display:inline-block;border-radius:5px;padding:12px 21px;font-size:14px;font-weight:600}.button{background:var(--cyan);color:#071214;box-shadow:0 0 30px #ff9b451a}.button:hover{background:white}.outline{border:1px solid #ffffff40;background:#ffffff08}.event-strip{display:grid;grid-template-columns:1.2fr 1.2fr 1fr;margin-top:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;gap:20px}.event-strip small,.event-strip strong,.event-strip span{display:block}.event-strip small{font-size:12px;letter-spacing:.2em;color:var(--cyan);margin-bottom:6px}.event-strip strong{font-size:16px}.event-strip span{font-size:14px;color:var(--muted)}section{scroll-margin-top:24px}.listen{padding:35px 0 65px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-heading>p{color:var(--muted);font-size:14px}h2{font-size:clamp(30px,4vw,44px);line-height:1.2;letter-spacing:-.04em;margin:10px 0 25px}h2 em{color:var(--cyan);font-style:normal}.section-heading h2{margin-bottom:0}.glass{background:linear-gradient(125deg,#b6dcff13,#8970e00c);border:1px solid #c8d9ff30;backdrop-filter:blur(24px);box-shadow:0 18px 80px #0006,inset 0 1px 0 #ffffff16;border-radius:16px}.player{padding:28px;background-color:#11172799}.now{display:flex;gap:22px;align-items:center}.now img{width:112px;height:112px;object-fit:cover;object-position:60% center;border-radius:9px;border:1px solid var(--line)}.now h3{margin:5px 0;font-size:27px;letter-spacing:-.04em}.now p{margin:0;font-size:14px}.now .kicker{font-size:12px}.muted{color:var(--muted)}.metadata{display:flex;gap:7px;margin-top:12px}.metadata span{border:1px solid var(--line);padding:2px 8px;font-size:12px;border-radius:4px;color:var(--muted)}#scope{margin-left:auto;width:30%;height:70px;opacity:.7}.timeline{display:flex;gap:13px;align-items:center;font-size:13px;color:var(--muted);margin-top:28px}.timeline input{flex:1;width:100%}input[type=range]{accent-color:var(--cyan);height:4px;cursor:pointer}.controls{display:flex;align-items:center;justify-content:center;position:relative;margin:19px 0 25px}.transport{display:flex;align-items:center;gap:20px}button{color:#d2d9eb;cursor:pointer;background:none;border:0;padding:8px;font-size:18px}button:hover,button[aria-pressed=true]{color:var(--cyan)}button.play{background:var(--cyan);color:#061716;width:50px;height:50px;border-radius:50%;font-size:20px;box-shadow:0 0 30px #ff9b4533}.volume{position:absolute;right:0;font-size:12px;display:flex;align-items:center;gap:10px;color:var(--muted)}.volume input{width:80px}.playlist-head{display:flex;justify-content:space-between;padding:14px 10px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.15em;color:var(--muted)}.track{display:grid;grid-template-columns:30px 1fr auto;align-items:center;text-align:left;width:100%;padding:13px 12px;font-size:15px;border-radius:5px;border-top:1px solid #ffffff08}.track.active{background:#ff9b450d;color:var(--cyan);box-shadow:inset 2px 0 var(--cyan)}.track .number,.track .time{font-size:13px;color:var(--muted)}.track small{display:block;font-size:13px;color:var(--muted)}.story{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;padding:40px 0 55px;border-top:1px solid var(--line)}.story p{font-size:16px;color:#b8bdce}.story strong{color:#eef4ff}.story blockquote{margin:30px 0;padding:6px 0 6px 22px;border-left:2px solid var(--cyan);font-size:18px;color:var(--cyan)}.story aside{padding-top:20px}.flyer{width:100%;border:1px solid var(--line);border-radius:7px}.asia{width:55%;display:block;margin:25px auto 0;transform:rotate(3deg);border:1px solid #ffe7bb50;box-shadow:0 15px 30px #0006}.caption{text-align:center;font-size:12px!important;letter-spacing:.2em}.promo{margin:0 0 70px}.promo img{width:100%;display:block;border-radius:7px}.promo figcaption{font-size:12px;letter-spacing:.2em;color:var(--muted);padding:12px 0}.gathering{padding:48px;margin-bottom:65px;position:relative;background:radial-gradient(at right bottom,#5840b42b,transparent 70%),#ffffff05}.gathering h2{font-size:34px}.gathering p{font-size:16px}.gathering .date{color:var(--cyan);font-size:14px;margin-top:30px}.gathering .button{margin-top:15px}footer{padding:25px 36px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}footer strong{font-size:18px;color:white;letter-spacing:.1em}@media(max-width:700px){header{padding:20px}main{padding:0 20px}nav{gap:16px}nav a:nth-child(2){display:none}.brand{font-size:18px}.hero{padding-top:45px}h1{font-size:clamp(60px,14vw,95px)}h1 span{font-size:.36em}.subtitle{font-size:16px}.event-strip{grid-template-columns:1fr;gap:17px}.hero-actions{flex-wrap:wrap}.section-heading{display:block}.section-heading>p{margin-bottom:0}.player{padding:18px}.now{gap:15px}.now img{width:75px;height:85px}.now h3{font-size:21px}#scope{display:none}.volume{position:static;margin-top:18px}.controls{flex-direction:column}.playlist-head{font-size:12px;letter-spacing:.08em}.story{grid-template-columns:1fr;gap:15px}.story aside{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:center}.asia{width:100%;margin:0}.caption{grid-column:1/-1;margin:0}.gathering{padding:28px 22px}.gathering h2{font-size:28px}footer{padding:22px;gap:20px;flex-wrap:wrap}footer span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Keep metadata and controls readable on narrow screens. */
@media(max-width:700px){.playlist-head{gap:12px;flex-wrap:wrap}.now .kicker{font-size:12px}.track small{font-size:13px}.timeline{font-size:13px}.volume{font-size:12px}nav{font-size:14px}.event-strip strong{font-size:16px}.event-strip span{font-size:14px}}

.pricing{width:100%;margin:0 0 65px}.pricing stripe-pricing-table{display:block;width:100%}

.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:32px;align-items:center;margin-top:30px}.hero-copy h1{font-size:clamp(65px,7.5vw,92px)}.maggot-inset{margin:0;transform:rotate(3deg)}.maggot-inset img{display:block;width:100%;border-radius:12px;border:1px solid #ffffff55;box-shadow:0 24px 48px #0009,0 0 28px #ac64ff35}.hero-copy,.section-heading,header,footer{text-shadow:0 2px 6px #000}.event-strip{background:#07091265;padding:22px 18px;border-radius:8px}.story>div{background:#070912bd;padding:25px;border-radius:12px}.gathering{background-color:#070912b0}
@media(max-width:850px){.hero-layout{grid-template-columns:minmax(0,1fr) 190px;gap:20px}.hero-copy h1{font-size:65px}}@media(max-width:700px){.hero-layout{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(60px,14vw,95px)}.maggot-inset{width:min(70%,280px);margin:12px auto 8px}.story>div{padding:20px}}

/* Solid navigation, translucent event hero, and roomy desktop pricing. */
header{background:#070912;max-width:none;padding-left:max(36px,calc((100vw - 1128px)/2));padding-right:max(36px,calc((100vw - 1128px)/2));text-shadow:none}
.hero{background:rgba(7,9,18,.7);border:1px solid #ffffff26;border-radius:16px;padding:36px;margin:36px 0 0;box-shadow:0 18px 50px #0003}
.hero-layout{grid-template-columns:minmax(0,1fr) 240px;gap:24px}
.hero-copy h1{font-size:clamp(60px,6.8vw,84px)}
.pricing{width:auto;margin:0 24px 65px;overflow-x:auto}

@media(max-width:850px){.hero-layout{grid-template-columns:minmax(0,1fr) 180px}.hero-copy h1{font-size:60px}}
@media(max-width:700px){header{padding:20px}.hero{padding:24px 18px;margin-top:24px}.hero-layout{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(48px,11vw,72px)}.pricing{margin-left:12px;margin-right:12px;overflow-x:visible}.pricing stripe-pricing-table{min-width:0}}

/* Warm accents and standalone artwork. */
.hero-layout{grid-template-columns:minmax(0,1fr) 340px;gap:30px}
.maggot-inset{transform:none}
.maggot-inset img{box-shadow:0 24px 48px #0009,0 0 28px #ff9b4535}
.asia{width:85%;transform:none;margin:32px auto 0}
@media(max-width:1000px){.hero-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.hero-copy h1{font-size:64px}}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr}.maggot-inset{width:min(100%,420px);margin:24px auto 0}}
@media(max-width:700px){.hero-copy h1{font-size:clamp(48px,11vw,72px)}.story aside{display:block}.asia{width:min(85%,360px);margin:32px auto 0}.caption{margin-top:16px}.maggot-inset{width:min(100%,420px)}}

/* Compact glass navigation. */
header{padding-top:12px;padding-bottom:12px;background:rgba(7,9,18,.5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #ffffff26;box-shadow:0 4px 20px #0002,inset 0 1px 0 #ffffff12}.brand{line-height:1.2}.brand span{margin-top:4px;font-size:10px}
@media(max-width:700px){header{padding-top:10px;padding-bottom:10px}.brand span{font-size:10px}}

.squaawke-wordmark{font-family:'Tac One',sans-serif!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.02em}.brand .squaawke-wordmark,h1 .squaawke-wordmark{display:inline;font-size:inherit;line-height:inherit;color:inherit;margin:0;letter-spacing:.02em}.brand .squaawke-wordmark{font-size:28px}.track .squaawke-wordmark{font-size:inherit}

footer .squaawke-wordmark{display:inline}

.event-flyer{width:100%;margin:32px 0}.event-flyer a,.event-flyer img{display:block;width:100%}.event-flyer img{height:auto;box-shadow:0 18px 40px #0006}

.event-flyer{border-radius:18px;overflow:hidden}.event-flyer img{border-radius:18px}

/* Match residency artwork to the adjacent biography card. */
@media(min-width:701px){.story{align-items:stretch}.story aside{position:relative;padding:0;min-height:0}.story aside>a{position:absolute;inset:0;display:flex;justify-content:center}.story aside .asia{height:100%;width:100%;max-width:none;object-fit:contain;margin:0;border:0;box-shadow:none}.story aside .caption{position:absolute;top:100%;left:0;right:0;margin:10px 0 0}}

/* Footer shares the navigation's glass treatment. */
footer{max-width:none;background:rgba(7,9,18,.5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid #ffffff26;box-shadow:0 -4px 20px #0002,inset 0 1px 0 #ffffff12;padding:18px max(36px,calc((100vw - 1128px)/2));text-shadow:none;gap:24px}.footer-identity{display:flex;flex-direction:column;gap:4px}.footer-identity .copyright{display:block;font-size:13px}.booking{font-size:14px;color:var(--cyan)}footer a:hover{color:#fff}
@media(max-width:700px){footer{padding:18px 20px;gap:16px}.footer-identity{width:100%}.footer-identity .copyright{display:block}footer .squaawke-wordmark{display:inline}}

@media(min-width:1400px){.pricing{margin-left:124px;margin-right:124px}}

.community-note{font-size:16px;line-height:1.65;color:#e1e4ed;margin:0 0 24px}

.track-credit{display:block;margin-top:4px;line-height:1.5}.now #track-credits{margin-top:8px;font-size:13px;max-width:450px}

.pricing{overflow-x:visible}.pricing stripe-pricing-table{min-width:0;max-width:100%}