:root{--ink:#11141a;--cream:#f5f1e7;--gold:#d7a536;--red:#8d1827;--muted:#6e6d68}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#101319;color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff20}.brand{color:white;text-decoration:none;letter-spacing:.12em;font-size:14px;display:flex;align-items:center;gap:7px}.brand span{font-family:'Playfair Display';font-size:35px;color:var(--gold);font-style:italic}.brand b{font-size:10px;color:#aaa}.nav nav{display:flex;gap:28px}.nav nav a{color:#ddd;text-decoration:none;font-size:14px}.nav nav a:hover{color:var(--gold)}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:690px;background:radial-gradient(circle at 75% 40%,#273348 0,#131821 32%,#090b0f 72%);color:white;display:grid;grid-template-columns:1.1fr .9fr;padding:80px 8vw;gap:7vw;align-items:center;overflow:hidden}.hero h1,.section h2{font-family:'Playfair Display';font-size:clamp(46px,6vw,82px);line-height:1.01;margin:14px 0 24px}.hero h1 em{color:var(--gold);font-weight:700}.eyebrow{letter-spacing:.2em;font-size:12px;font-weight:700;color:var(--gold)}.lead{font-size:19px;line-height:1.7;color:#c7c9ce;max-width:650px}.actions{display:flex;gap:14px;margin-top:34px}.button{display:inline-block;padding:14px 24px;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;border:1px solid}.gold{background:var(--gold);border-color:var(--gold);color:#101319}.ghost{color:white;border-color:#777}.dark{background:#151922;color:white;border-color:#151922}.hero-art{min-height:480px;position:relative;text-align:center;padding:80px 30px 30px;border:1px solid #d7a53655;background:linear-gradient(#0003,#000c),radial-gradient(circle at 50% 25%,#d1982f55,transparent 30%);box-shadow:0 40px 80px #000}.hero-art h2{font-family:'Playfair Display';font-size:42px;line-height:.95;margin:10px}.hero-art h2 strong{color:var(--gold);font-size:80px}.hero-art p,.hero-art small{letter-spacing:.18em}.building{height:110px;width:100px;background:#17191c;border:1px solid #a67e30;position:relative;margin:auto;box-shadow:0 0 50px #c3953744}.building:before{content:'';position:absolute;left:-18px;top:-25px;border-left:68px solid transparent;border-right:68px solid transparent;border-bottom:28px solid #121417}.building span{font-size:24px;color:var(--gold)}.door{height:64px;width:35px;background:#050608;margin:14px auto}.moon{position:absolute;width:90px;height:90px;border-radius:50%;background:#f4d78a;top:36px;right:40px;filter:blur(.3px);box-shadow:0 0 40px #f4d78a55}.section{padding:95px 8vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section h2{font-size:clamp(38px,4vw,58px);margin:8px 0}.text-link{color:var(--red);font-weight:700;text-decoration:none}.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.cover{aspect-ratio:1;padding:28px;color:white;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 20px 35px #19191925}.cover small{letter-spacing:.13em}.cover b{font-family:'Playfair Display';font-size:36px;line-height:.95;margin:12px 0}.crimson .cover{background:linear-gradient(145deg,#300b12,#a72032)}.blue .cover{background:linear-gradient(145deg,#102536,#3386a1)}.amber .cover{background:linear-gradient(145deg,#1c1710,#aa7122)}.album h3{font-size:20px;margin-bottom:5px}.album p{color:var(--muted);margin-top:0}.album a{color:var(--red);text-decoration:none;font-weight:700}.feature{background:var(--red);color:white;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}.feature .number{font:italic 700 clamp(220px,32vw,480px)/.7 'Playfair Display';color:#ffffff10;text-shadow:1px 1px #ffffff25}.feature p{max-width:700px;line-height:1.8;font-size:18px}.feature .quote{font-family:'Playfair Display';font-style:italic;font-size:25px;color:#f0cd7d}.shop{background:#e8e1d3}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.product{background:white;padding:35px;display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center}.shirt{height:210px;background:#191d24;color:white;clip-path:polygon(15% 12%,35% 0,42% 10%,58% 10%,65% 0,85% 12%,100% 35%,83% 45%,83% 100%,17% 100%,17% 45%,0 35%);display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 54px 'Playfair Display'}.shirt span{font:600 9px 'DM Sans';letter-spacing:.12em;text-align:center}.book{height:220px;background:linear-gradient(135deg,#111722,#234668);color:white;padding:30px;box-shadow:10px 8px 0 #d7a536;display:flex;flex-direction:column;justify-content:center}.book span{font:italic 700 45px 'Playfair Display';color:var(--gold)}.book b{font-size:17px}.book small{margin-top:15px;color:#cbd3dd}.tag{font-size:11px;letter-spacing:.15em;color:var(--red);font-weight:700}.product h3{font:700 25px 'Playfair Display';margin:10px 0}.product p{color:var(--muted);line-height:1.6}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:center}.portrait{aspect-ratio:4/5;background:linear-gradient(145deg,#151922,#374459);color:var(--gold);display:grid;place-items:center;font:italic 700 110px 'Playfair Display';box-shadow:18px 18px 0 var(--gold)}.about p{line-height:1.8;font-size:18px;max-width:750px}footer{background:#0d1015;color:#aaa;padding:55px 8vw;display:flex;align-items:center;justify-content:space-between;gap:30px}footer small{font-size:12px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{max-width:560px}.release-grid,.shop-grid{grid-template-columns:1fr}.feature{grid-template-columns:1fr}.feature .number{display:none}.product{grid-template-columns:150px 1fr}.about{grid-template-columns:1fr}.portrait{max-width:390px}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#101319;padding:25px;flex-direction:column}.nav nav.open{display:flex}.menu{display:block}footer{flex-direction:column;align-items:flex-start}}@media(max-width:560px){.section{padding:70px 6vw}.hero{padding:60px 6vw}.hero h1{font-size:45px}.hero-art{min-height:430px}.section-head{align-items:flex-start;gap:15px;flex-direction:column}.product{grid-template-columns:1fr}.shirt,.book{width:180px}.actions{flex-direction:column}.actions .button{text-align:center}footer{padding:45px 6vw}}
/* Creator portrait */
.portrait{overflow:hidden}
.portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 38%}
.toolkit-media{background:#111722;box-shadow:10px 8px 0 var(--gold);overflow:hidden}
.toolkit-media video{width:100%;aspect-ratio:16/9;display:block;object-fit:cover}
/* Supplied song artwork */
.cover-art{display:block;width:100%;height:auto;padding:0;object-fit:cover}

/* Events page */
.nav nav a.active{color:var(--gold)}
.events-hero{min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden;background:#090b0f;color:white}
.events-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.events-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,13,.97) 0%,rgba(7,9,13,.82) 35%,rgba(7,9,13,.2) 72%),linear-gradient(0deg,rgba(7,9,13,.65),transparent 45%)}
.events-hero-copy{position:relative;z-index:1;width:min(720px,84vw);margin-left:8vw;padding:85px 0}
.events-hero h1{font-family:'Playfair Display';font-size:clamp(52px,7vw,94px);line-height:.96;margin:14px 0 25px}
.events-hero h1 em{color:var(--gold)}
.events-hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.65;color:#e0e1e3;max-width:590px;margin-bottom:32px}
.events-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}
.events-intro h2{max-width:620px}
.events-intro-copy p{font-size:18px;line-height:1.8;margin:0 0 18px;color:#41413e}
.event-types{background:#11141a;color:white;padding:0 8vw 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px}
.event-types article{padding:55px 42px;background:#181c24;border-top:3px solid var(--gold)}
.event-types span{font-family:'Playfair Display';font-size:19px;color:var(--gold);font-style:italic}
.event-types h3{font:700 31px 'Playfair Display';margin:38px 0 15px}
.event-types p{color:#bfc2c7;line-height:1.7;margin:0}
.coming-soon{background:var(--red);color:white;display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:center}
.coming-mark{font:italic 700 clamp(220px,30vw,440px)/.7 'Playfair Display';color:#ffffff10;text-align:center}
.coming-soon p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:700px;margin-bottom:30px}
.event-contact{text-align:center;max-width:1050px;margin:auto}
.event-contact p:not(.eyebrow){font-size:18px;color:var(--muted)}
.event-contact .text-link{font-size:18px;display:inline-block;margin-top:15px}
@media(max-width:900px){.events-intro{grid-template-columns:1fr}.event-types{grid-template-columns:1fr;padding-bottom:70px}.coming-soon{grid-template-columns:1fr}.coming-mark{display:none}}
@media(max-width:560px){.events-hero{min-height:620px}.events-hero-copy{margin-left:6vw;width:88vw}.events-hero h1{font-size:49px}.events-hero-overlay{background:linear-gradient(90deg,rgba(7,9,13,.95),rgba(7,9,13,.58)),linear-gradient(0deg,rgba(7,9,13,.7),transparent)}.event-types{padding-left:6vw;padding-right:6vw}.event-types article{padding:42px 28px}}

/* Multi-page layout */
.home-hero .hero-art{padding:0}.welcome{text-align:center;max-width:1050px;margin:auto}.welcome>p:last-child{font-size:19px;line-height:1.8;color:#4e4e4b;max-width:820px;margin:0 auto}.home-links{display:grid;grid-template-columns:repeat(4,1fr);background:#11141a;padding:1px;gap:1px}.home-links a{background:#181c24;color:white;padding:58px 36px;text-decoration:none;border-bottom:4px solid transparent;transition:.2s}.home-links a:hover{background:#202632;border-bottom-color:var(--gold)}.home-links small{letter-spacing:.18em;color:var(--gold);font-weight:700}.home-links h3{font:700 30px 'Playfair Display';margin:32px 0 15px}.home-links span{color:#bfc2c7}.connect-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;background:#e8e1d3}.connect-copy p:last-child{font-size:18px;line-height:1.8}.form-stack{display:grid;gap:28px}.email-form,.comment-form{background:white;padding:34px;box-shadow:0 18px 50px #20202012}.email-form label,.comment-form label{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:9px}.form-row{display:flex;gap:10px}.form-row input{flex:1}.email-form input,.comment-form input,.comment-form textarea{width:100%;border:1px solid #c7c2b7;background:#fbfaf7;padding:14px;font:inherit;border-radius:0}.comment-form textarea{resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comment-form>.button{margin-top:16px}.form-note{font-size:13px;color:var(--muted);margin:12px 0 0}.page-hero{background:#10141c;color:white;padding:120px 8vw 105px}.page-hero h1{font:700 clamp(50px,7vw,88px)/1 'Playfair Display';margin:12px 0 22px}.page-hero>p:last-child{font-size:19px;line-height:1.7;color:#c8cbd0;max-width:730px}.music-page-hero{background:radial-gradient(circle at 80%,#30465d,#10141c 55%)}.shop-page-hero{background:linear-gradient(135deg,#241b13,#10141c 70%)}.demos{background:#e8e1d3}.demo-list{display:grid;gap:12px;margin-top:35px}.demo-list article{background:white;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:25px}.demo-list h3{margin:0 0 5px;font:700 24px 'Playfair Display'}.demo-list p{margin:0;color:var(--muted)}.demo-list audio{width:min(420px,100%)}.musical-hero{min-height:700px;background:#0b0d12;color:white;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:8vw;padding:70px 8vw}.musical-hero img{width:100%;max-height:590px;object-fit:cover;box-shadow:18px 18px 0 var(--gold)}.musical-hero h1{font:700 clamp(50px,6vw,82px)/.98 'Playfair Display';margin:15px 0 25px}.musical-hero h1 em{color:var(--gold)}.musical-hero div>p:last-child{font-size:19px;line-height:1.7;color:#c7c9ce}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.story-grid>div:last-child>p{font-size:18px;line-height:1.8;margin-top:0}.dark-quote{color:var(--red)!important;font-size:25px!important}.musical-songs{background:var(--red);color:white;text-align:center}.song-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:35px 0}.song-chips span{border:1px solid #ffffff55;padding:12px 17px}.about-page{min-height:calc(100vh - 150px)}.about-page h1{font:700 clamp(48px,6vw,78px)/1 'Playfair Display';margin:12px 0 25px}
@media(max-width:1050px){.nav nav{gap:17px}.home-links{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.connect-section,.musical-hero,.story-grid{grid-template-columns:1fr}.musical-hero img{max-width:520px}.demo-list article{align-items:flex-start;flex-direction:column}.nav nav{gap:28px}}
@media(max-width:560px){.home-links{grid-template-columns:1fr}.form-row{flex-direction:column}.field-grid{grid-template-columns:1fr}.email-form,.comment-form{padding:25px}.page-hero{padding:90px 6vw 75px}.musical-hero{padding:60px 6vw}.musical-hero h1{font-size:48px}}

/* Mobile overflow fix */
html,body{max-width:100%;overflow-x:hidden}
img,video,audio{max-width:100%}
.hero,.hero-copy,.hero-art,.section,.section-head,.actions,.home-links,.connect-section,.product,.about,.events-intro,.event-types,.coming-soon,.musical-hero,.story-grid{min-width:0}
.home-hero .hero-art img{display:block;width:100%;height:100%;max-height:590px;object-fit:cover}
@media(max-width:560px){
  .hero{width:100%;min-height:auto;padding:54px 6vw 60px}
  .hero-copy{width:100%;max-width:100%}
  .hero h1{font-size:clamp(35px,11vw,45px);line-height:1.04;overflow-wrap:anywhere}
  .lead{max-width:100%;font-size:17px;line-height:1.6;overflow-wrap:anywhere}
  .actions{width:100%}
  .actions .button{display:block;width:100%;max-width:100%;padding:14px 12px;white-space:normal}
  .hero-art{width:100%;min-height:0;padding:0}
  .section h2,.page-hero h1,.musical-hero h1,.events-hero h1{overflow-wrap:anywhere}
}

/* Scrolling news bar on every page. Update this announcement as news changes. */
body{padding-bottom:48px}
html::before{content:"";position:fixed;bottom:0;left:0;right:0;height:48px;background:#101319;box-shadow:0 -3px 16px #0005;z-index:100;pointer-events:none}
body::before{content:"  ✦  Go listen now to The Secret of Main Street 13 Act 2!  ✦  Go check out the new merch! Design it yourself — click the Shop button.  ✦    ✦  Go listen now to The Secret of Main Street 13 Act 2!  ✦  Go check out the new merch! Design it yourself — click the Shop button.  ✦    ✦  Go listen now to The Secret of Main Street 13 Act 2!  ✦  Go check out the new merch! Design it yourself — click the Shop button.  ✦    ✦  Go listen now to The Secret of Main Street 13 Act 2!  ✦  Go check out the new merch! Design it yourself — click the Shop button.  ✦    ✦  Go listen now to The Secret of Main Street 13 Act 2!  ✦  Go check out the new merch! Design it yourself — click the Shop button.  ✦    ✦  Go listen now to The Secret of Main Street 13 Act 2!  ✦  Go check out the new merch! Design it yourself — click the Shop button.  ✦  ";position:fixed;left:112px;bottom:0;height:48px;display:flex;align-items:center;white-space:pre;color:white;font:600 15px 'DM Sans',Arial,sans-serif;width:max-content;z-index:101;animation:fivefold-news-scroll 48s linear infinite;pointer-events:none}
body::after{content:"LATEST NEWS";position:fixed;bottom:0;left:0;height:48px;padding:0 16px;display:flex;align-items:center;background:#d7a536;color:#101319;font:800 12px 'DM Sans',Arial,sans-serif;letter-spacing:.09em;white-space:nowrap;z-index:102;pointer-events:none}
@keyframes fivefold-news-scroll{to{transform:translateX(-50%)}}
@media(max-width:560px){body::before{left:91px;font-size:13px;animation-duration:55s}body::after{padding:0 10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){body::before{animation:none;content:"Go listen now to The Secret of Main Street 13 Act 2!  ✦  Go check out the new merch! Design it yourself — click the Shop button.";white-space:nowrap}}

html{overflow-x:clip}