:root{--black: #0d0d0d;--ivory: #f3e4cf;--deep-red: #871016;--gold: #e5bf6e;--midnight-blue: #081736;--silver: #b4b2b3;--burgundy: #52192c;--lavender: #b59bc0;--pale-blue: #b4c9dc;--midnight-blue-deep: #050e22;--burgundy-deep: #3a1120;--ivory-warm: #ece0cd;--silver-light: #d5d4d4;--near-black: #121212;--font-display: "Fraunces", "Bookman Old Style", Georgia, "Times New Roman", serif;--font-sans: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background-color:var(--midnight-blue);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{text-decoration:none;color:inherit}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:none;position:sticky;top:0;z-index:1000;background:var(--nav-bg, var(--midnight-blue))}.theme-home,.theme-music{--nav-bg: var(--midnight-blue);--nav-ink: var(--ivory);--nav-ink-hover: var(--gold)}.theme-press{--nav-bg: var(--burgundy);--nav-ink: var(--ivory);--nav-ink-hover: var(--gold)}.theme-support,.theme-about{--nav-bg: var(--ivory);--nav-ink: var(--black);--nav-ink-hover: var(--deep-red)}.theme-contact{--nav-bg: var(--silver);--nav-ink: var(--black);--nav-ink-hover: var(--midnight-blue)}.home-route .navbar{position:absolute;top:0;left:0;right:0;background:transparent}.navbar-logo{display:flex;align-items:center}.navbar-logo img{height:clamp(18px,calc(1.8vw + 10px),38px);width:auto;display:block;transition:height .2s ease}.navbar-logo img.logo-large{height:clamp(20px,calc(2vw + 10px),42px);width:auto}.theme-home .navbar-logo img,.theme-music .navbar-logo img,.theme-press .navbar-logo img{filter:invert(1) sepia(.18) saturate(1.2)}.nav-links{list-style-type:none;margin:0;padding:0;display:flex;gap:30px}.nav-links li{margin:0}.nav-links a{color:var(--nav-ink, var(--ivory));font-family:var(--font-sans);text-decoration:none;font-weight:700;font-size:16px;transition:color .3s ease;position:relative}.nav-links a:hover{color:var(--nav-ink-hover, var(--gold))}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:currentColor;transition:width .3s ease}.nav-links a:hover:after{width:100%}.navbar-toggle{display:none;background:transparent;border:none;padding:8px;cursor:pointer}.navbar-toggle-bar{display:block;width:26px;height:2px;background:var(--nav-ink, var(--ivory));margin:6px 0;transition:all .3s ease}@media(max-width:768px){.navbar{padding:15px 20px}.navbar-toggle{display:block}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--midnight-blue);border-bottom:1px solid rgba(243,228,207,.25);padding:12px 20px 20px;display:none}.nav-links.open{display:flex}.nav-links li{margin:6px 0}.nav-links a,.nav-links a:hover{color:var(--ivory);font-size:16px;display:block;padding:10px 0}.home-route .navbar-toggle-bar{background:var(--ivory)}}.footer{background:var(--near-black);border-top:1px solid rgba(243,228,207,.12);padding:50px 40px 30px}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px}.laylo-section{text-align:center;width:100%;max-width:600px}.laylo-section h3{font-family:var(--font-display);font-size:30px;font-weight:800;color:var(--ivory);margin-bottom:20px;font-variation-settings:"SOFT" 20,"WONK" 1}.laylo-embed{background:#f3e4cf0d;border:1px solid rgba(243,228,207,.15);padding:30px;min-height:100px;display:flex;align-items:center;justify-content:center;color:var(--ivory)}.footer-socials{display:flex;gap:30px;justify-content:center;align-items:center;flex-wrap:wrap}.footer-social-icon{display:inline-flex;align-items:center;justify-content:center;font-size:24px;color:var(--ivory);background:none;border:none;transition:color .3s ease,transform .3s ease;text-decoration:none}.footer-social-icon:hover{color:var(--gold);transform:translateY(-4px)}.footer-copyright{text-align:center;border-top:1px solid rgba(243,228,207,.12);padding-top:30px;width:100%}.footer-copyright p{font-size:13px;color:#f3e4cf99;line-height:1.8;margin:0;letter-spacing:.5px}@media(max-width:768px){.footer{padding:40px 20px 30px}.footer-container{gap:30px}.laylo-section h3{font-size:24px}.laylo-embed{padding:20px;min-height:80px}.footer-socials{gap:22px}.footer-social-icon{font-size:21px}.footer-copyright p{font-size:12px}}.home-page{width:100%;display:flex;flex-direction:column;min-height:100vh;background:var(--midnight-blue)}.hero-section{position:sticky;top:0;z-index:0;width:100%;background:var(--midnight-blue)}.hero-banner{display:block;width:100%;height:auto}.social-icons-hero{position:absolute;left:0;right:0;bottom:22px;z-index:2;display:flex;gap:26px;justify-content:center;align-items:center;padding:0 20px}.hero-social-icon{display:inline-flex;color:var(--ivory);font-size:26px;transition:color .3s ease,transform .3s ease;line-height:1}.hero-social-icon:hover{color:var(--gold);transform:translateY(-4px)}.albums-section{position:relative;z-index:1;padding:70px 40px 110px;background:var(--midnight-blue);flex:1}.albums-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:80px 60px;max-width:none;margin:0 auto}.album-card{display:block;text-decoration:none;color:inherit}.release-heading{display:flex;flex-direction:column;align-items:flex-end;width:100%;margin-bottom:26px}.release-label{font-family:var(--font-sans);font-size:15px;font-weight:800;letter-spacing:.2px;color:var(--ivory);margin-bottom:5px}.release-title{align-self:stretch;font-family:var(--font-display);font-weight:900;font-size:clamp(28px,3.2vw,48px);line-height:1.02;letter-spacing:-.5px;color:var(--ivory);text-align:left;font-variation-settings:"SOFT" 20,"WONK" 1}.release-cover{display:block;width:100%;aspect-ratio:1;object-fit:cover;box-shadow:none;transition:opacity .3s ease}.album-card:hover .release-cover{opacity:.88}.album-card:hover .release-title{color:var(--gold)}@media(min-width:901px){.album-card{container-type:inline-size}.release-cover{width:72%;margin:0 auto}.release-heading{width:72%;margin:0 auto 26px}.release-title{white-space:nowrap;font-size:min(40px,3.85cqw)}}@media(max-width:900px){.albums-grid{grid-template-columns:1fr;gap:60px;max-width:620px}}@media(max-width:768px){.hero-banner{height:auto;aspect-ratio:4 / 3;object-fit:cover;object-position:center}.social-icons-hero{gap:18px;padding:0 16px;bottom:12px}.hero-social-icon{font-size:22px}.albums-section{padding:40px 24px 70px}.release-title{font-size:clamp(26px,8vw,40px)}.release-label{font-size:13px}}.about-page{min-height:100vh;background:var(--ivory)}.about-container{max-width:1100px;margin:0 auto;padding:70px 40px 100px}.about-container h1{font-family:var(--font-display);font-size:clamp(40px,6vw,68px);font-weight:900;margin-bottom:50px;color:var(--black);letter-spacing:-.5px;font-variation-settings:"SOFT" 20,"WONK" 1}.about-content{display:flex;flex-direction:row;gap:50px;align-items:flex-start}.about-photo{flex-shrink:0;width:350px;display:flex;flex-direction:column;gap:24px}.profile-image{width:100%;aspect-ratio:1;object-fit:cover;display:block}.about-text{display:flex;flex-direction:column;gap:25px;flex:1}.about-text p{font-size:18px;line-height:1.8;color:#0d0d0dd1}@media(max-width:768px){.about-container{padding:40px 20px 70px}.about-content{flex-direction:column;gap:30px}.about-photo{width:100%;flex-direction:column;gap:16px}.about-text p{font-size:16px}}.music-page{min-height:100vh;background:var(--midnight-blue)}.music-container{max-width:none;margin:0 auto;padding:70px 40px 110px}.music-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:80px 60px}.music-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px}.music-link{font-family:var(--font-sans);font-size:15px;font-weight:800;letter-spacing:.2px;color:var(--ivory);text-decoration:underline;text-underline-offset:4px;transition:color .3s ease}.music-link:hover{color:var(--gold)}@media(min-width:901px){.music-links{margin-left:14%}}@media(max-width:900px){.music-grid{grid-template-columns:1fr;gap:60px;max-width:620px;margin:0 auto}}@media(max-width:768px){.music-container{padding:40px 24px 70px}.music-link{font-size:13px}}.support-page{min-height:100vh;background:var(--ivory)}.support-container{max-width:1000px;margin:0 auto;padding:70px 40px 100px}.support-container h1{font-family:var(--font-display);font-size:clamp(38px,5.5vw,64px);font-weight:900;text-align:center;margin-bottom:15px;color:var(--black);letter-spacing:-.5px;font-variation-settings:"SOFT" 20,"WONK" 1}.support-subtitle{font-size:18px;text-align:center;color:#0d0d0da6;margin-bottom:60px}.support-section,.merch-section{text-align:center;padding:46px 40px;border:2px solid var(--black);background:transparent;margin-bottom:40px}.support-section h2,.merch-section h2{font-family:var(--font-display);font-weight:800;font-size:34px;margin-bottom:15px;color:var(--black);font-variation-settings:"SOFT" 20,"WONK" 1}.support-text{font-size:16px;color:#0d0d0dc7;margin-bottom:35px;line-height:1.65;max-width:700px;margin-left:auto;margin-right:auto}.support-buttons{display:flex;flex-direction:column;gap:20px;max-width:400px;margin:0 auto}.btn{padding:14px 32px;font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;border:2px solid var(--black);cursor:pointer;transition:background .3s ease,color .3s ease,transform .3s ease;display:inline-block;text-decoration:none;text-align:center}.btn-bandcamp,.btn-gofundme,.btn-shows{background:var(--black);color:var(--ivory)}.btn-bandcamp:hover,.btn-gofundme:hover,.btn-shows:hover{background:var(--deep-red);border-color:var(--deep-red);color:var(--ivory);transform:translateY(-2px)}.merch-section{margin-bottom:0}@media(max-width:768px){.support-container{padding:40px 20px 70px}.support-section,.merch-section{padding:30px 20px}.support-section h2,.merch-section h2{font-size:26px}.support-buttons{max-width:100%}}.press-page{min-height:100vh;background:var(--burgundy)}.press-container{max-width:1200px;margin:0 auto;padding:70px 40px 100px}.press-container h1{font-family:var(--font-display);font-size:clamp(40px,6vw,68px);font-weight:900;margin-bottom:50px;color:var(--ivory);letter-spacing:-.5px;font-variation-settings:"SOFT" 20,"WONK" 1}.press-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.press-item{display:flex;flex-direction:column;gap:14px;padding:18px;background:#f3e4cf12;border:1px solid rgba(243,228,207,.25);transition:background .3s ease,border-color .3s ease,transform .3s ease}.press-item:hover{transform:translateY(-4px);background:#f3e4cf24;border-color:var(--gold)}.press-image{width:100%;aspect-ratio:1;overflow:hidden;background:#f3e4cf1a}.press-image img{width:100%;height:100%;object-fit:cover;display:block}.press-item h3{font-family:var(--font-sans);font-size:12px;font-weight:800;color:var(--gold);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px}.press-item p{font-size:14px;color:var(--ivory);line-height:1.5}@media(max-width:768px){.press-container{padding:40px 20px 70px}.press-container h1{margin-bottom:30px}.press-list{grid-template-columns:1fr;gap:16px}.press-item{padding:16px;display:flex;flex-direction:row;gap:12px}.press-image{width:100px;height:100px;flex-shrink:0}.press-text{display:flex;flex-direction:column;justify-content:center}.press-item h3{font-size:11px;margin-bottom:6px}.press-item p{font-size:13px;line-height:1.4}}.contact-page{min-height:100vh;background:var(--silver)}.contact-container{max-width:700px;margin:0 auto;padding:70px 40px 100px}.contact-container h1{font-family:var(--font-display);font-size:clamp(40px,6vw,68px);font-weight:900;text-align:center;margin-bottom:16px;color:var(--black);letter-spacing:-.5px;font-variation-settings:"SOFT" 20,"WONK" 1}.contact-subtitle{font-size:18px;text-align:center;color:#0d0d0db3;margin-bottom:50px}.contact-form-section{background:#ffffff59;border:2px solid var(--black);padding:40px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:1px}.form-group input,.form-group textarea{padding:14px 18px;background:var(--ivory);border:1px solid rgba(13,13,13,.35);color:var(--black);font-size:16px;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--midnight-blue);box-shadow:0 0 0 3px #0817362e}.form-group input::placeholder,.form-group textarea::placeholder{color:#0d0d0d73}.form-group textarea{resize:vertical;min-height:120px}.btn-submit{padding:16px 32px;background:var(--midnight-blue);color:var(--ivory);border:2px solid var(--midnight-blue);font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .3s ease,color .3s ease,transform .3s ease;margin-top:10px}.btn-submit:hover:not(:disabled){transform:translateY(-3px);background:var(--black);border-color:var(--black)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.status-message{font-size:15px;font-weight:600;text-align:center}.status-message.success{color:var(--midnight-blue)}.status-message.error{color:var(--deep-red)}.contact-info{text-align:center;margin-top:30px;padding-top:30px;border-top:1px solid rgba(13,13,13,.2)}.email-note{font-size:15px;color:#0d0d0dcc}.email-note a{color:var(--midnight-blue);font-weight:700;transition:color .3s ease}.email-note a:hover{color:var(--deep-red)}@media(max-width:768px){.contact-container{padding:45px 20px 80px}.contact-subtitle{font-size:16px}.contact-form-section{padding:26px 20px}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%}
