:root{--black:#0b0b0b;--amber:#d6a85a;--gold:#b88a44;--ivory:#f5efe6;--brown:#3a2e24;--muted:#aaa29a;--line:rgba(245,239,230,.16);--glass:rgba(11,10,9,.75);--serif:"Playfair Display",serif;--display:Cinzel,serif}
*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font:400 16px/1.6 Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}.grain{position:fixed;z-index:40;inset:0;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.skip-link{position:fixed;top:-4rem;left:1rem;z-index:99;background:var(--ivory);color:#000;padding:.65rem 1rem}.skip-link:focus{top:1rem}
.topbar{position:fixed;z-index:60;top:1rem;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 2rem));height:66px;border:1px solid var(--line);border-radius:22px;background:rgba(8,8,8,.75);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem .5rem 1rem;box-shadow:0 20px 80px #0008}.brand{display:flex;align-items:center;gap:.65rem;font:600 .74rem/1 var(--display);letter-spacing:.16em}.brand img{width:31px;height:31px;object-fit:contain;filter:drop-shadow(0 0 12px #d6a85a55)}.topbar nav{display:flex;align-items:center;gap:1.25rem;font-size:.69rem;text-transform:uppercase;letter-spacing:.13em}.topbar nav a{opacity:.72;transition:.25s}.topbar nav a:hover,.topbar nav a[aria-current=page]{opacity:1;color:var(--amber)}.nav-cta{border:1px solid #d6a85a66;border-radius:99px;padding:.63rem .85rem}.menu-button{display:none;border:1px solid var(--line);border-radius:99px;background:transparent;padding:.55rem .9rem}
.scene,.page-section{position:relative;overflow:hidden;padding:8.5rem clamp(1.25rem,5vw,5rem) 5rem}.scene{min-height:100svh}.wrap{width:min(1180px,100%);margin:auto}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.22em;font-size:.69rem}.eyebrow{color:var(--amber);margin:0 0 1.1rem}.kicker{color:#c8beb5}.display{font:500 clamp(3.5rem,8vw,8.2rem)/.9 var(--serif);letter-spacing:-.045em;margin:0}.display em{color:var(--amber);font-weight:500}.lede{font-size:clamp(1rem,1.55vw,1.25rem);color:#cec5bc;max-width:650px}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.7rem}.button{border:1px solid var(--line);border-radius:999px;background:transparent;padding:.82rem 1.08rem;cursor:pointer;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;display:inline-flex;align-items:center;justify-content:center;transition:.25s}.button.primary{background:var(--amber);border-color:var(--amber);color:#17100b}.button:hover{transform:translateY(-2px);box-shadow:0 12px 34px #0009}.button.ghost:hover{border-color:var(--amber);color:var(--amber)}.text-link{display:inline-flex;align-items:center;gap:.65rem;border-bottom:1px solid #d6a85a88;color:var(--amber);padding:.25rem 0;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.hero{display:grid;align-items:end;isolation:isolate;background:#0b0b0b url('/assets/hoj-ch1-4-hero-poster.jpg') center/cover}.hero-film{position:absolute;z-index:0;inset:-3%;width:106%;height:106%;object-fit:cover;object-position:center;transform:scale(1.04);will-change:transform}.hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#050505e8 0%,#07070765 54%,#07070791),linear-gradient(0deg,#0b0b0bf5 0%,transparent 58%)}.hero:after{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 72% 43%,#d6a85a20,transparent 32%),linear-gradient(120deg,transparent 60%,#9d331321)}.hero-grid{position:relative;z-index:2;width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:3rem;align-items:end}.hero-copy{padding-bottom:1rem;text-shadow:0 2px 28px #000}.hero-copy .display{font-size:clamp(3rem,6vw,6.8rem)}.next-card,.glass-card{border:1px solid var(--line);border-radius:28px;background:var(--glass);backdrop-filter:blur(18px);padding:1.5rem}.next-card h2{font:500 2.25rem/1.05 var(--serif);margin:.35rem 0}.next-card p{color:var(--muted)}.date-mark{font:500 4.7rem/1 var(--display);color:var(--amber);opacity:.85}.scroll-cue{position:absolute;z-index:3;bottom:1.2rem;left:50%;transform:translateX(-50%);font-size:.63rem;letter-spacing:.18em;text-transform:uppercase;color:#aaa29a}
.manifesto{background:radial-gradient(circle at 75% 35%,#7b351c2d,transparent 34%),#0b0b0b;display:grid;place-items:center}.manifesto-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center}.glyph{font:500 clamp(10rem,26vw,24rem)/.7 serif;color:#d6a85a13}.manifesto h2,.section-title{font:500 clamp(3rem,6vw,6.1rem)/.96 var(--serif);letter-spacing:-.035em;margin:0}.manifesto blockquote{margin:2rem 0 0;border-left:1px solid var(--amber);padding-left:1.25rem;color:var(--amber);font:italic 500 1.25rem/1.45 var(--serif)}
.chapter-grid,.event-grid,.media-grid,.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.chapter-card,.event-card,.media-card,.phase-card{position:relative;min-height:360px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#ffffff09,transparent);padding:1.45rem;display:flex;flex-direction:column}.event-card.featured{grid-column:span 2;background:radial-gradient(circle at 72% 30%,#d6a85a2e,transparent 28%),linear-gradient(145deg,#2b170d,#0c0b0a 70%)}.event-card.washington-card{background:radial-gradient(circle at 82% 18%,#d6a85a1f,transparent 28%),linear-gradient(145deg,#1b110c,#0c0b0a 72%)}.event-shield{position:absolute;z-index:2;top:1rem;right:1rem;width:68px;height:60px;object-fit:contain;filter:drop-shadow(0 0 16px #d6a85a55);opacity:.88}.event-card h2,.event-card h3,.phase-card h3{font:500 2.35rem/1.05 var(--serif);margin:auto 0 .8rem}.event-meta{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:var(--amber)}.event-card p,.phase-card p,.media-card p{color:var(--muted)}.event-card .text-link{margin-top:auto;width:max-content}.event-number{position:absolute;right:.7rem;top:-1.5rem;font:500 8rem/1 var(--display);color:#f5efe60a}.archive-list{border-top:1px solid var(--line);margin-top:2rem}.archive-row{display:grid;grid-template-columns:100px 1fr 1.3fr;gap:1rem;padding:1.2rem 0;border-bottom:1px solid var(--line);align-items:center}.archive-row h3{font:500 1.35rem var(--serif);margin:0}.archive-row p{color:var(--muted);margin:0}.proof{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.proof div{border-left:1px solid var(--line);padding-left:1rem}.proof strong{display:block;color:var(--amber);font:500 2.4rem/1 var(--serif)}.proof span{font-size:.72rem;color:var(--muted)}
.music-world{background:radial-gradient(circle at center,#8e4a1c2b,transparent 34%),#090909}.sound-orbit{position:absolute;width:min(74vw,900px);aspect-ratio:1;right:-15%;top:10%;border:1px solid #d6a85a24;border-radius:50%;animation:spin 35s linear infinite}.sound-orbit:before,.sound-orbit:after{content:"";position:absolute;inset:14%;border:1px solid #d6a85a1b;border-radius:50%}.sound-orbit:after{inset:31%}.sound-copy{position:relative;z-index:2;max-width:780px}.sound-switch{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:2rem}.sound-switch button{border:1px solid var(--line);border-radius:99px;background:#0a0a0a99;padding:.55rem .8rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.11em}.sound-switch button.active{border-color:var(--amber);color:var(--amber)}.release-list{display:grid;gap:.75rem;margin-top:2rem}.release-row{display:grid;grid-template-columns:64px 1fr auto;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:20px;padding:.8rem;background:#ffffff08}.release-art{width:64px;height:64px;border-radius:14px;background:radial-gradient(circle,#d6a85a,#4b2813 56%,#0b0908);display:grid;place-items:center;font:500 2rem var(--display)}.release-row h3{font:500 1.25rem var(--serif);margin:0}.release-row p{margin:0;color:var(--muted);font-size:.74rem}
.media-card{min-height:440px;justify-content:end;background-position:center;background-size:cover}.media-card:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,#080808f2 4%,transparent 75%),linear-gradient(135deg,#48220e66,transparent)}.media-card>*{position:relative;z-index:2}.media-card.city{background-image:url('/assets/rooftop.jpg')}.media-card.abstract{background-image:radial-gradient(circle at 50% 40%,#d6a85a55,transparent 10%),repeating-radial-gradient(ellipse at center,#37190e 0 2%,#0b0b0b 3% 8%)}.media-card.ritual{background-image:linear-gradient(125deg,#050505,#61280e 48%,#090909 49%)}.media-card h3{font:500 2.2rem/1.05 var(--serif);margin:0}.media-card span{color:var(--amber);font-size:.68rem;text-transform:uppercase;letter-spacing:.14em}.media-card video,.event-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media-card video{z-index:0}.event-film{opacity:.24;filter:saturate(.8) contrast(1.1)}.event-detail-grid{position:relative;z-index:1}
.page-hero{min-height:78svh;display:grid;align-items:end;background:radial-gradient(circle at 75% 25%,#87401d30,transparent 30%)}.page-hero .wrap{position:relative}.page-hero .watermark{position:absolute;right:0;bottom:-2rem;font:500 clamp(7rem,20vw,17rem)/.8 var(--display);color:#f5efe608}.event-detail{min-height:100svh;background:radial-gradient(circle at 70% 25%,#9b4f2233,transparent 30%)}.event-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:end;min-height:75svh}.event-detail h1{font-size:clamp(4rem,9vw,9rem)}.event-detail-shield{display:block;width:clamp(72px,8vw,104px);height:auto;margin:0 0 1.25rem;filter:drop-shadow(0 0 24px #d6a85a66)}.ticket-panel{border:1px solid #d6a85a66;border-radius:30px;padding:1.25rem;background:#110e0cdd}.ticket-panel h2{font:500 2rem var(--serif);margin:.35rem 0}.ticket-tier{border-top:1px solid var(--line);padding:.75rem 0;display:flex;justify-content:space-between}.ticket-embed{width:100%;margin:.15rem 0 .75rem;padding:0;border-radius:18px;overflow:hidden;background:#f5efe6;color:#17100b}.ticket-embed .tt-widget{width:100%;margin:0!important;padding:0!important}.ticket-embed iframe{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:18px!important}.ticket-embed .tt-widget-fallback{margin:0;padding:1rem;text-align:center}.ticket-embed .tt-widget-fallback p{margin:0}.ticket-embed .tt-widget-fallback a{color:#5a351c;text-decoration:underline}.ticket-laylo-embed{width:100%;margin:.9rem 0 0;border:1px solid #d6a85a33;border-radius:18px;overflow:hidden;background:#080808}.ticket-laylo-embed iframe{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important}.ticket-laylo-fallback{margin:.75rem 0 0;font-size:.7rem;color:var(--muted)}.ticket-laylo-fallback a{color:var(--amber);text-decoration:underline;text-underline-offset:.2em}.ticket-fallback{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:.85rem}.ticket-fallback span{font-size:.7rem;color:var(--muted)}.ticket-fallback .button{flex-shrink:0}.ticket-panel .fineprint{margin:.85rem 0 0}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.fact{border-top:1px solid var(--line);padding-top:1rem}.fact span{display:block;color:var(--amber);font-size:.65rem;text-transform:uppercase;letter-spacing:.14em}.fact strong{font:500 1.25rem var(--serif)}
.form-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:4vw}.form-card{border:1px solid var(--line);border-radius:30px;padding:clamp(1.25rem,3vw,2.5rem);background:#ffffff08}.form{display:grid;gap:1rem}.form label{display:grid;gap:.4rem;color:#b8afa7;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);border-radius:13px;background:#080706;padding:.85rem;text-transform:none;letter-spacing:0;font-size:.95rem}.check{display:grid!important;grid-template-columns:auto 1fr;align-items:start;text-transform:none!important;letter-spacing:0!important}.check input{width:16px}.form-note,.fineprint{font-size:.7rem;color:#827972}.success{border:1px solid #d6a85a55;border-radius:20px;padding:1.2rem;background:#d6a85a12}.success h3{font:500 1.7rem var(--serif);margin:0}.principles{display:grid;gap:1rem}.principle{border-top:1px solid var(--line);padding-top:1rem}.principle h3{font:500 1.35rem var(--serif);margin:0}.principle p{color:var(--muted)}
.story-video-section{background:radial-gradient(circle at 70% 30%,#7f371d24,transparent 34%),#090909}.story-video-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:clamp(2rem,7vw,7rem);align-items:center}.story-video-frame{border:1px solid #d6a85a55;border-radius:30px;padding:.55rem;background:#050505;box-shadow:0 30px 90px #000}.story-video-frame video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:23px;background:#050505}.laylo-card{border:1px solid #d6a85a55;border-radius:30px;padding:clamp(1.5rem,4vw,3rem);background:#f5efe6;color:#17100b;overflow:hidden}.laylo-card h2{font:500 clamp(2rem,4vw,3.4rem)/1 var(--serif);margin:.35rem 0 1rem}.laylo-card .kicker{color:#70451f}.laylo-card>p:not(.kicker):not(.laylo-fallback){color:#5f554c;max-width:34rem}.laylo-embed{margin-top:1.25rem;border-radius:18px;overflow:hidden;background:#080808;min-height:220px}.laylo-embed iframe{display:block;border:0}.laylo-fallback{margin:.85rem 0 0;font-size:.76rem;color:#5f554c}
.footer{border-top:1px solid var(--line);padding:2rem clamp(1.25rem,5vw,5rem);display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end;color:var(--muted);font-size:.72rem}.footer-brand{font:500 1rem var(--display);color:var(--ivory)}.footer p{margin:.3rem 0}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.footer a:hover{color:var(--amber)}
.consent{position:fixed;z-index:80;bottom:1rem;left:50%;transform:translateX(-50%);width:min(820px,calc(100% - 2rem));border:1px solid var(--line);border-radius:20px;background:#0a0908f2;backdrop-filter:blur(18px);padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;box-shadow:0 20px 70px #000}.consent p{margin:0;color:var(--muted);font-size:.75rem}.consent-actions{display:flex;gap:.5rem;flex-shrink:0}dialog{width:min(560px,calc(100% - 2rem));border:1px solid #d6a85a55;border-radius:28px;background:#100e0c;color:var(--ivory);padding:2rem}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}dialog h2{font:500 2.4rem var(--serif);margin:.3rem 0}.dialog-close{position:absolute;right:1rem;top:1rem;border:1px solid var(--line);border-radius:50%;background:transparent;width:40px;height:40px;cursor:pointer}
.reveal{opacity:0;transform:translateY(22px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}@keyframes breath{to{transform:scale(1.045)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.topbar{top:.65rem}.topbar nav{display:none;position:absolute;top:73px;left:0;right:0;background:#0a0908;border:1px solid var(--line);border-radius:20px;padding:1rem;flex-direction:column;align-items:stretch}.topbar nav.open{display:flex}.menu-button{display:block}.hero-grid,.manifesto-grid,.event-detail-grid,.form-layout,.story-video-grid{grid-template-columns:1fr}.hero-grid{align-content:end}.hero-film{object-position:50% 46%}.hero:before{background:linear-gradient(0deg,#080706fa 0%,#0807067a 58%,#08070635),linear-gradient(90deg,#0807069e,transparent)}.hero-copy{padding-bottom:0}.hero-copy .display{font-size:clamp(2.65rem,12vw,4.7rem)}.next-card{max-width:460px}.chapter-grid,.event-grid,.media-grid,.phase-grid{grid-template-columns:1fr}.event-card.featured{grid-column:auto}.archive-row{grid-template-columns:75px 1fr}.archive-row p{grid-column:2}.proof,.fact-grid{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}.consent{align-items:flex-start;flex-direction:column}.consent-actions{width:100%;justify-content:flex-end}.media-card{min-height:360px}.display{font-size:clamp(3.25rem,16vw,5.6rem)}.story-video-frame{max-width:430px;margin:auto}.ticket-fallback{align-items:stretch;flex-direction:column}.ticket-fallback .button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-film{display:none}}
.ticket-embed{background:linear-gradient(to bottom,#786f67 0 10rem,#f5efe6 10rem 100%)}

/* October 3 event story */
.event-story{background:radial-gradient(circle at 12% 18%,#7d351f24,transparent 28%),#090909;padding-top:7rem}
.event-story-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.48fr);grid-template-areas:"eyebrow flyer" "title flyer" "copy flyer";gap:1.25rem clamp(2rem,7vw,7rem);align-items:end;margin-bottom:6rem}
.event-story-intro .eyebrow{grid-area:eyebrow;margin:0 0 .5rem}
.event-story-intro .section-title{grid-area:title}
.event-story-intro>p:not(.eyebrow){grid-area:copy;margin:0;color:#c8beb5;font-size:1.05rem;max-width:38rem}
.event-flyer-card{grid-area:flyer;justify-self:end;align-self:start;width:min(100%,360px);margin:0}
.event-flyer-card img{display:block;width:100%;height:auto;border:1px solid #d6a85a44;border-radius:26px;box-shadow:0 30px 90px #000a}
.event-flyer-card figcaption{margin:.8rem .35rem 0;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;text-align:right}
.event-story-intro--landscape{grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);grid-template-areas:"eyebrow flyer" "title flyer" "copy flyer";align-items:center}
.event-flyer-card--landscape{width:100%;max-width:720px}
.event-flyer-card--landscape img{border-radius:22px}
.lineup-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-bottom:1.4rem}
.lineup-heading .eyebrow{margin:0}
.lineup-heading>p:last-child{color:var(--muted);margin:0;max-width:31rem;text-align:right}
.artist-lineup{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.artist-profile{position:relative;display:block;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#100e0c;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.artist-profile:hover,.artist-profile:focus-visible{transform:translateY(-6px);border-color:#d6a85a88;box-shadow:0 24px 65px #0009;outline:none}
.artist-portrait{position:relative;aspect-ratio:4/5;overflow:hidden;background:#17110e}
.artist-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100e0ce6 0%,transparent 45%),linear-gradient(130deg,#d6a85a18,transparent 48%)}
.artist-portrait img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .4s ease;filter:saturate(.88) contrast(1.05)}
.artist-profile:first-child .artist-portrait img{object-position:center}
.artist-profile:hover .artist-portrait img{transform:scale(1.035);filter:saturate(1) contrast(1.05)}
.artist-profile-copy{position:relative;padding:1.15rem 1.2rem 1.3rem;margin-top:-3.1rem;z-index:2}
.artist-profile-copy span{color:var(--amber);font-size:.64rem;text-transform:uppercase;letter-spacing:.14em}
.artist-profile-copy h3{font:500 clamp(1.75rem,2.6vw,2.65rem)/1 var(--serif);margin:.28rem 0 .5rem}
.artist-profile-copy p{margin:0;color:var(--muted)}
.artist-profile-copy .artist-bio{min-height:6.4em;font-size:.82rem;line-height:1.55;text-transform:none;letter-spacing:0}
.artist-profile-copy .artist-listen{margin-top:1rem;font-size:.69rem;text-transform:uppercase;letter-spacing:.08em;color:var(--amber)}
.artist-profile.paired:before{content:"B2B";position:absolute;z-index:3;top:1rem;right:1rem;border:1px solid #f5efe64a;border-radius:99px;padding:.3rem .55rem;background:#090909aa;backdrop-filter:blur(8px);font-size:.59rem;letter-spacing:.13em;color:var(--ivory)}
.dc-lineup-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:1rem;align-items:stretch}
.lineup-announcement{display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);border-radius:26px;padding:clamp(1.5rem,4vw,3.5rem);background:radial-gradient(circle at 82% 18%,#d6a85a1f,transparent 32%),#100e0c}
.lineup-announcement h3{font:500 clamp(2rem,4vw,4.25rem)/1 var(--serif);margin:.2rem 0 1.1rem}
.lineup-announcement>p:not(.eyebrow){color:var(--muted);max-width:38rem;margin:0 0 1.5rem}
.lineup-announcement .text-link{width:max-content}

.event-history{background:radial-gradient(circle at 82% 14%,#9a421d2c,transparent 28%),#0b0b0b;padding-top:7rem}
.event-history-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:clamp(2rem,7vw,7rem);align-items:end;margin-bottom:2rem}
.event-history-heading>p{margin:0;color:#c8beb5;max-width:35rem}
.event-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(220px,20vw,350px);gap:1rem}
.history-image{position:relative;margin:0;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#120e0c;min-width:0}
.history-image--lead{grid-column:span 2}
.history-image--portrait{grid-row:span 2}
.history-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070605d9 0%,transparent 45%),linear-gradient(125deg,#d6a85a10,transparent 50%);pointer-events:none}
.history-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04);transition:transform .7s ease,filter .5s ease}
.history-image:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.05)}
.history-image figcaption{position:absolute;z-index:2;left:1.15rem;right:1.15rem;bottom:1rem;color:var(--ivory);font-size:.64rem;text-transform:uppercase;letter-spacing:.14em}
.history-note{margin:1rem 0 0;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;text-align:right}

.event-sound{background:radial-gradient(circle at 78% 20%,#8b411f2b,transparent 32%),#0b0b0b;padding-top:7rem}
.event-sound-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:clamp(2rem,6vw,5rem);align-items:start}
.event-sound-copy{color:#c8beb5;max-width:46rem;margin:1.3rem 0 2rem}
.live-set-frame{position:relative;aspect-ratio:16/9;border:1px solid #d6a85a55;border-radius:28px;overflow:hidden;background:#050505;box-shadow:0 30px 90px #0009}
.live-set-frame iframe{display:block;width:100%;height:100%;border:0}
.live-set-launch{position:relative;display:block;width:100%;height:100%;border:0;padding:0;background:#050505;cursor:pointer;color:var(--ivory);overflow:hidden}
.live-set-launch:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080706d9 0%,transparent 56%),linear-gradient(120deg,#4f1e0d4d,transparent 52%)}
.live-set-launch img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .5s ease;filter:saturate(.8) contrast(1.05)}
.live-set-launch:hover img,.live-set-launch:focus-visible img{transform:scale(1.025);filter:saturate(1) contrast(1.06)}
.live-set-launch:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
.live-set-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border:1px solid #f5efe68c;border-radius:50%;background:#0b0b0bbd;backdrop-filter:blur(12px);font-size:1.35rem;padding-left:.2rem;box-shadow:0 16px 50px #0009}
.live-set-label{position:absolute;z-index:2;left:1.25rem;bottom:1.1rem;text-transform:uppercase;letter-spacing:.13em;font-size:.68rem}
.live-set-link{margin-top:1rem}
.playlist-panel{position:sticky;top:7.2rem;border:1px solid #d6a85a55;border-radius:28px;padding:clamp(1.3rem,3vw,2rem);background:#100e0cdd}
.playlist-panel h3{font:500 clamp(2rem,3.2vw,3.15rem)/1 var(--serif);margin:.2rem 0 1rem}
.playlist-panel>p:not(.eyebrow):not(.fineprint){color:var(--muted);margin-bottom:1.35rem}
.spotify-playlist{display:block;border:0;border-radius:14px;margin:0 0 1rem;background:#181818}
.playlist-panel .button{width:100%}
.playlist-panel .fineprint{margin:.8rem 0 0}

.event-final-cta{padding-top:4rem;padding-bottom:6rem;background:#090909}
.final-ticket-card{display:flex;justify-content:space-between;align-items:center;gap:2rem;border:1px solid #d6a85a66;border-radius:30px;padding:clamp(1.5rem,4vw,3rem);background:radial-gradient(circle at 78% 20%,#d6a85a28,transparent 35%),#130e0b}
.final-ticket-card h2{font:500 clamp(2.4rem,5vw,4.8rem)/.96 var(--serif);margin:.25rem 0 .7rem}
.final-ticket-card p:not(.eyebrow){color:var(--muted);margin:0}
.final-ticket-card .button{min-width:210px}

.event-laylo{padding-top:5rem;padding-bottom:6rem;background:radial-gradient(circle at 18% 35%,#8b411f24,transparent 30%),#0b0b0b;border-top:1px solid var(--line)}
.event-laylo-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(420px,1fr);gap:clamp(2rem,7vw,7rem);align-items:center}
.event-laylo-copy .section-title{font-size:clamp(2.8rem,5vw,5.2rem)}
.event-laylo-copy>p:not(.eyebrow){max-width:31rem;margin:1.25rem 0 0;color:#c8beb5}
.event-laylo-card{border:1px solid #d6a85a55;border-radius:30px;padding:clamp(.7rem,1.5vw,1rem);background:#080706;overflow:hidden;box-shadow:0 30px 90px #0009}
.event-laylo-card iframe{display:block;width:100%!important;max-width:100%!important;min-height:245px;border:0}
.event-laylo-fallback{margin:.65rem .5rem .2rem;color:var(--muted);font-size:.7rem;text-align:center}
.event-laylo-fallback a{color:var(--amber);text-decoration:underline;text-underline-offset:.2em}

@media(max-width:980px){.artist-lineup{grid-template-columns:1fr 1fr}.event-sound-grid,.event-laylo-grid{grid-template-columns:1fr}.event-laylo-copy{max-width:44rem}.playlist-panel{position:static}.event-story-intro{grid-template-columns:1fr minmax(220px,.58fr);gap:1.25rem 2rem}.event-story-intro--landscape{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "copy" "flyer"}.event-flyer-card--landscape{justify-self:start;max-width:none;margin-top:1.5rem}.dc-lineup-grid{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr)}.lineup-heading{align-items:flex-start;flex-direction:column}.lineup-heading>p:last-child{text-align:left}.event-history-heading{grid-template-columns:1fr}.event-history-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(220px,42vw,360px)}.history-image--lead{grid-column:span 2}.history-image--portrait{grid-row:span 1}}
@media(max-width:720px){.event-story-intro{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "copy" "flyer"}.event-flyer-card{justify-self:center;width:min(100%,360px);margin-top:1.5rem}}
@media(max-width:600px){.event-detail{padding-bottom:3rem}.ticket-panel{padding:1.1rem}.ticket-panel h2{font-size:1.75rem}.ticket-panel>p:not(.eyebrow){margin:.4rem 0 .9rem}.ticket-tier{font-size:.78rem}.event-story,.event-history,.event-sound,.event-laylo{padding-top:5rem}.event-story-intro{margin-bottom:4rem}.event-story-intro>p:not(.eyebrow){font-size:1rem}.artist-lineup,.dc-lineup-grid{grid-template-columns:1fr;gap:.85rem}.artist-profile{border-radius:20px}.artist-profile-copy{padding:1rem 1rem 1.15rem;margin-top:-2.6rem}.artist-profile-copy h3{font-size:1.8rem}.artist-profile-copy .artist-bio{min-height:0;font-size:.84rem}.artist-profile-copy .artist-listen{font-size:.65rem}.artist-profile.paired:before{top:.65rem;right:.65rem}.lineup-announcement{border-radius:20px}.event-history-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:.75rem}.history-image,.history-image--lead,.history-image--portrait{grid-column:auto;grid-row:auto;aspect-ratio:16/10;border-radius:20px}.history-image--portrait{aspect-ratio:4/5}.history-note{text-align:left}.live-set-frame{border-radius:20px}.live-set-play{width:60px;height:60px}.live-set-label{left:.85rem;bottom:.75rem;font-size:.58rem}.final-ticket-card{align-items:stretch;flex-direction:column}.final-ticket-card .button{width:100%}.event-laylo{padding-bottom:4rem}.event-laylo-card{border-radius:20px;padding:.35rem}.event-laylo-card iframe{min-height:280px}.event-laylo-fallback{padding:0 .5rem}}
.mobile-event-cta{display:none}
.ticket-updates-link{margin:1rem 0 .15rem;color:#c9b9aa;font-size:.85rem;line-height:1.5;text-align:center}.ticket-updates-link a{color:var(--amber);text-decoration:underline;text-underline-offset:.2em}.ticket-updates-link a:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
.events-hero{min-height:55svh}.events-calendar{padding-top:4rem;background:#0b0b0b}.events-calendar-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.events-calendar-heading .section-title{margin:.2rem 0 0}.events-calendar-heading>p{max-width:21rem;color:var(--muted);margin:0 0 .4rem}.event-rows{border-top:1px solid var(--line)}.event-row{display:grid;grid-template-columns:94px minmax(0,1fr) 170px;gap:clamp(1rem,3vw,2.5rem);align-items:center;min-height:152px;padding:1.2rem clamp(.25rem,2vw,1.5rem);border-bottom:1px solid var(--line);background:linear-gradient(90deg,transparent,#d6a85a06 45%,transparent);transition:background .2s}.event-row:hover{background:#d6a85a0d}.event-row-featured{background:linear-gradient(90deg,#7b421021,transparent 75%)}.event-row-dc{background:linear-gradient(90deg,#7b421014,transparent 75%)}.event-row-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:104px;border:1px solid #d6a85a55;border-radius:16px;color:var(--amber)}.event-row-date span{font-size:.68rem;letter-spacing:.18em}.event-row-date strong{font:500 2.6rem/1.15 var(--serif)}.event-row-info h3{font:500 clamp(1.5rem,2.7vw,2.4rem)/1.1 var(--serif);margin:.3rem 0 .45rem}.event-row-info p{color:var(--muted);margin:0}.event-row-info .event-row-place{color:var(--amber);font-size:.72rem;letter-spacing:.11em;text-transform:uppercase}.event-row-action{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.event-pill{border:1px solid #d6a85a55;border-radius:999px;padding:.4rem .7rem;color:#c9b9aa;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.event-pill-live{color:var(--amber)}.event-row-action .text-link{white-space:nowrap}.calendar-footnote{color:var(--muted);font-size:.85rem;margin:1.4rem 0 0}.events-past{padding-top:4rem;background:#090909}.events-past .archive-row a:hover{color:var(--amber)}
@media(max-width:700px){.events-calendar-heading{display:block}.events-calendar-heading>p{margin:1rem 0 0}.event-row{grid-template-columns:72px minmax(0,1fr);gap:1rem;padding:1rem 0;min-height:0}.event-row-date{min-height:90px}.event-row-date strong{font-size:2.15rem}.event-row-info h3{font-size:1.5rem}.event-row-info .event-row-place{font-size:.65rem;line-height:1.45}.event-row-info p:not(.event-row-place){font-size:.86rem}.event-row-action{grid-column:2;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.7rem;margin-top:-.3rem}.event-row-action .text-link{font-size:.72rem}.event-pill{font-size:.61rem}.events-hero{min-height:48svh}}
@media(max-width:600px){body[data-event-slug]{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.mobile-event-cta.is-ready{position:fixed;z-index:1000;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#100d0bf2;border-top:1px solid #d6a85a66;box-shadow:0 -12px 36px #0008;backdrop-filter:blur(16px)}.mobile-event-cta-label{min-width:0;color:#f5efe6;font-size:.85rem;font-weight:600;line-height:1.25}.mobile-event-cta-label small{display:block;margin-top:3px;color:#c9b9aa;font-size:.75rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-event-cta .button{flex:none;min-height:44px;padding:.75rem 1rem;font-size:.75rem;letter-spacing:.06em}}

.artist-name-art{min-height:340px;display:grid;place-items:center;background:radial-gradient(ellipse at top,#714734,#121010 70%);color:#f8d489;font:500 clamp(3rem,6vw,5rem) var(--display)}