:root{--background:#fff;--foreground:#171717;--muted:#666;--border:#e7e7e7;--accent:#198754;--accent-dark:#10643d;--hero-image:url(/images/bg-img/breadcumb3.jpg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{min-height:calc(100vh - 168px)}.site-header{z-index:50;color:#fff;background:0 0;border-bottom:0;width:100%;transition:background-color .3s,box-shadow .3s;position:fixed;top:0;left:0}.site-header.scrolled{background:#000;box-shadow:0 5px 50px 15px #0003}.site-shell{width:min(1120px,100% - 32px);margin:0 auto}.site-nav{justify-content:space-between;align-items:center;gap:24px;min-height:85px;display:flex}.brand{align-items:center;gap:12px;font-weight:700;display:inline-flex}.brand img{width:112px;height:auto}.nav-links{color:#fff;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;font-size:15px;font-weight:700;display:flex}.nav-links a:hover{color:#ffffffb8}.menu-toggle{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:42px;height:42px;display:none}.menu-toggle span{background:currentColor;width:26px;height:2px;transition:transform .25s,opacity .25s;display:block}.site-header.menu-open .menu-toggle span:first-child{transform:translateY(8px)rotate(45deg)}.site-header.menu-open .menu-toggle span:nth-child(2){opacity:0}.site-header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}h1,h2,p{margin-top:0}h1{color:#fff;letter-spacing:14px;text-transform:capitalize;max-width:760px;margin-bottom:18px;font-size:3.75rem;font-weight:400;line-height:1}h2{margin-bottom:14px;font-size:32px;line-height:1.18}.page-section{padding:88px 0}.home-section{padding:100px 0}.home-section-heading{text-align:center;margin-bottom:70px}.home-section-heading p{color:#5f5f5f;margin-bottom:5px;font-size:16px}.home-section-heading h2{color:var(--foreground);text-transform:uppercase;margin-bottom:0;font-size:30px}.home-section-heading.white p,.home-section-heading.white h2{color:#fff}.home-section-heading.left{text-align:left;margin-bottom:30px}.albums-intro{text-align:center;width:min(820px,100%);margin:-30px auto 70px}.albums-intro p{color:var(--muted);line-height:1.8}.home-album-strip,.download-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.download-section{background:#f5f9fa}.download-card{text-align:center}.download-card img{aspect-ratio:1;object-fit:cover;width:100%}.download-card h3{margin:18px 0 12px;font-size:18px}.download-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.download-actions a,.home-outline-button{color:#fff;min-width:120px;min-height:40px;font:inherit;cursor:pointer;background:#000;border:1px solid #000;justify-content:center;align-items:center;padding:0 14px;font-weight:700;display:inline-flex}.download-actions a+a{color:#000;background:#fff}.home-featured-artist{color:#fff;background:linear-gradient(#0000009e,#0000009e),url(/images/bg-img/j-1.jpg) 50%/cover fixed;padding:100px 0}.featured-artist-grid{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:end;gap:38px;display:grid}.featured-artist-thumb img{object-fit:cover;width:100%}.featured-artist-content p{color:#ffffffd1;line-height:1.8}.home-contact-section{color:#fff;background:linear-gradient(#000000a8,#000000a8),url(/images/bg-img/j-2.png) 50%/cover fixed;padding:100px 0}.home-contact-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.home-contact-form input,.home-contact-form textarea{color:#fff;width:100%;font:inherit;background:0 0;border:0;border-bottom:1px solid #ffffffb3;border-radius:0;padding:0 0 15px}.home-contact-form input::placeholder,.home-contact-form textarea::placeholder{color:#ffffffc7}.home-contact-form textarea{resize:vertical;grid-column:1/-1;min-height:150px}.home-contact-form .home-outline-button{background:0 0;border-color:#fff;grid-column:1/-1;justify-self:center;min-width:212px;min-height:49px}.home-contact-form .home-outline-button:hover{color:#000;background:#fff}.home-contact-meta{color:#ffffffc7;text-align:center;margin:24px 0 0}.muted-section{background:#f7f7f5}.page-hero{background:linear-gradient(#00000085, #00000085), var(--hero-image) center / cover;color:#fff;align-items:center;min-height:360px;display:grid}.page-hero.home{background:linear-gradient(#0000006b, #00000075), var(--hero-image) center / cover;min-height:560px}.hero-carousel{color:#fff;background:#111;position:relative;overflow:hidden}.embla{overflow:hidden}.embla-track{display:flex}.hero-slide{background-position:50%;background-size:cover;flex:0 0 100%;align-items:center;min-width:0;min-height:100vh;display:grid}.hero-link{color:#fff;background:0 0;border:1px solid #fff;border-radius:0;justify-content:center;align-items:center;min-width:212px;min-height:49px;padding:0 18px;font-weight:700;display:inline-flex}.hero-link:hover{color:#000;background:#fff}.carousel-control{color:#fff;width:44px;height:44px;font:inherit;cursor:pointer;background:#00000057;border:1px solid #ffffff61;border-radius:999px;place-items:center;font-size:1.2rem;font-weight:700;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-control.previous{left:18px}.carousel-control.next{right:18px}.carousel-dots{justify-content:center;gap:10px;display:flex;position:absolute;bottom:24px;left:0;right:0}.carousel-dot{cursor:pointer;background:#ffffff75;border:0;border-radius:999px;width:10px;height:10px}.carousel-dot[aria-pressed=true]{background:#fff}.eyebrow{color:#fff;letter-spacing:10px;text-transform:uppercase;margin:0 0 10px;font-size:18px;font-weight:700}.lede{color:#ffffffd6;max-width:680px;margin-bottom:0;font-size:18px;line-height:1.7}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.content-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{border:1px solid var(--border);background:#fff;border-radius:8px;padding:22px}.content-card p{color:var(--muted);margin-bottom:0;line-height:1.6}.section-heading{max-width:720px;margin-bottom:28px}.section-heading .eyebrow,.prose .eyebrow{color:var(--accent)}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.card-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.media-card{border:1px solid var(--border);background:#fff;border-radius:8px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.media-card:hover{border:1px solid #000}.media-card-image{aspect-ratio:4/3;background:#111;position:relative;overflow:hidden}.media-card-image img,.gallery-image img,.portrait-frame img{object-fit:cover}.media-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.media-card-body h2{margin-bottom:0;font-size:1.45rem}.media-card-body p{color:var(--muted);margin-bottom:-15px}.card-kicker{color:var(--accent);text-transform:uppercase;font-size:.82rem;font-weight:700}.card-actions{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.card-actions a,.text-button,.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;min-height:42px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-weight:700;display:inline-flex}.card-actions a+a{color:var(--accent);background:#fff}.status-pill{color:#111;background:#ffffffeb;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:700;position:absolute;top:12px;left:12px}.audio-player{background:#f4f5f2;border-radius:8px;gap:8px;padding:12px;display:grid}.audio-player span{color:var(--foreground);font-size:.9rem;font-weight:700}.audio-player audio{width:100%;min-height:40px}.contact-band{color:#fff;background:linear-gradient(#000000a8,#000000a8),url(/images/bg-img/bg-2.jpg) 50%/cover fixed;padding:80px 0}.contact-band.light{color:var(--foreground);background:#f7f7f5}.contact-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:28px;display:grid}.contact-grid p{color:currentColor;max-width:620px;line-height:1.7}.contact-card{background:#ffffff1a;border:1px solid #ffffff38;border-radius:8px;gap:12px;padding:22px;display:grid}.contact-band.light .contact-card{border-color:var(--border);background:#fff}.contact-card a{font-weight:700}.split-section{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:center;gap:36px;display:grid}.portrait-frame{background:#111;border-radius:8px;min-height:460px;position:relative;overflow:hidden}.prose{max-width:720px}.prose p{color:var(--muted);line-height:1.75}.modal-backdrop{z-index:100;background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gallery-dialog{width:min(1080px,100%);max-height:min(820px,100vh - 48px);color:var(--foreground);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 24px 80px #00000059}.dialog-panel{width:min(760px,100%);max-height:min(820px,100vh - 48px);color:var(--foreground);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 24px 80px #00000059}.dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.dialog-header h2{margin-bottom:0;font-size:1.2rem}.dialog-body{padding:18px}.event-dialog-body{grid-template-columns:minmax(220px,.8fr) minmax(0,1fr);gap:18px;display:grid}.event-dialog-image{background:#111;border-radius:8px;min-height:300px;position:relative;overflow:hidden}.event-dialog-image img{object-fit:cover}.event-dialog-content p{color:var(--muted);line-height:1.65}.auth-shell{place-items:center;display:grid}.auth-form{border:1px solid var(--border);background:#fff;border-radius:8px;gap:18px;width:min(420px,100%);padding:24px;display:grid}.auth-form label{color:var(--foreground);gap:8px;font-weight:700;display:grid}.auth-form input{border:1px solid var(--border);min-height:44px;color:var(--foreground);font:inherit;border-radius:8px;padding:0 12px}.lyrics-page-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:32px;display:grid}.lyrics-sidebar{gap:16px;display:grid}.lyrics-sidebar-card{border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #00000014}.lyrics-sidebar-card img{aspect-ratio:1;object-fit:cover;width:100%}.lyrics-empty{color:var(--muted);padding:40px 0;font-size:1.1rem}.lyrics-accordion{gap:12px;display:grid}.lyrics-accordion-item{border:1px solid var(--border);background:#fff;border-radius:10px;transition:box-shadow .25s,border-color .25s;overflow:hidden;box-shadow:0 1px 4px #0000000a}.lyrics-accordion-item:hover{box-shadow:0 4px 18px #00000014}.lyrics-accordion-item.open{border-color:var(--accent);box-shadow:0 4px 24px #1987541a}.lyrics-accordion-header{width:100%;color:var(--foreground);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-size:1.1rem;font-weight:700;transition:background-color .18s;display:flex}.lyrics-accordion-header:hover{background:#f8faf8}.lyrics-accordion-item.open .lyrics-accordion-header{background:var(--accent);color:#fff}.lyrics-accordion-title{align-items:center;gap:10px;display:flex}.lyrics-accordion-icon{width:32px;height:32px;color:var(--accent);background:#1987541a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;display:inline-flex}.lyrics-accordion-item.open .lyrics-accordion-icon{color:#fff;background:#fff3}.lyrics-accordion-chevron{font-size:1.3rem;transition:transform .25s}.lyrics-accordion-chevron.rotated{transform:rotate(180deg)}.lyrics-accordion-collapse{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.lyrics-accordion-collapse.expanded{grid-template-rows:1fr}.lyrics-accordion-body{max-height:0;padding:0 22px;transition:max-height .35s,padding .35s}.lyrics-accordion-collapse>.lyrics-accordion-body{overflow:hidden}.lyrics-accordion-collapse.expanded>.lyrics-accordion-body{max-height:5000px;padding:0 22px 24px}.lyrics-summary{color:var(--accent);margin-bottom:14px;font-style:italic;font-weight:600}.lyrics-body-text{color:#444;letter-spacing:.01em;font-size:.98rem;line-height:2}.toast-container{z-index:9999;pointer-events:none;gap:10px;width:min(400px,100vw - 48px);display:grid;position:fixed;top:24px;right:24px}.toast{pointer-events:auto;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:14px 18px;animation:.32s cubic-bezier(.22,1,.36,1) toast-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.toast:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.toast-success:before{background:var(--accent)}.toast-error:before{background:#dc3545}.toast-info:before{background:#0d6efd}.toast-icon{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:inline-flex}.toast-success .toast-icon{color:var(--accent);background:#1987541f}.toast-error .toast-icon{color:#dc3545;background:#dc35451f}.toast-info .toast-icon{color:#0d6efd;background:#0d6efd1f}.toast-message{color:var(--foreground);flex:1;font-size:.92rem;font-weight:600;line-height:1.4}.toast-dismiss{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;transition:background-color .15s;display:inline-flex}.toast-dismiss:hover{color:var(--foreground);background:#f0f0f0}.toast-progress{height:3px;animation:4s linear forwards toast-timer;position:absolute;bottom:0;left:0}.toast-success .toast-progress{background:var(--accent)}.toast-error .toast-progress{background:#dc3545}.toast-info .toast-progress{background:#0d6efd}@keyframes toast-timer{0%{width:100%}to{width:0%}}.form-pending{pointer-events:none;opacity:.65;transition:opacity .2s;position:relative}.form-pending-overlay{z-index:2;background:#ffffff80;border-radius:8px;place-items:center;display:grid;position:absolute;inset:0}.admin-page{background:linear-gradient(#f4f5f2 0%,#eef0eb 100%);min-height:100vh;padding:125px 0 80px}.admin-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:28px;display:grid}.admin-sidebar,.admin-content,.admin-item,.media-admin-card{border:1px solid var(--border);background:#fff;border-radius:12px}.admin-sidebar{gap:18px;padding:0;display:grid;position:sticky;top:96px;overflow:hidden;box-shadow:0 2px 12px #0000000d}.admin-sidebar-brand{color:#fff;background:linear-gradient(135deg,#111 0%,#1a1a1a 100%);align-items:center;gap:14px;padding:22px 20px;display:flex}.admin-sidebar-brand .eyebrow{letter-spacing:4px;color:#fff9;margin-bottom:2px;font-size:11px}.admin-sidebar-brand h2{color:#fff;margin-bottom:0;font-size:1.15rem}.admin-sidebar-logo{background:var(--accent);color:#fff;letter-spacing:1px;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:800;display:inline-flex}.admin-nav{gap:2px;padding:8px 12px;display:grid}.admin-nav a{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.92rem;font-weight:600;transition:all .18s;display:flex}.admin-nav a:hover{color:var(--accent);background:#f3f7f4}.admin-nav a.active{border-left:3px solid var(--accent);color:var(--accent);background:#19875414;font-weight:700}.admin-nav-icon{justify-content:center;width:22px;font-size:1rem;display:inline-flex}.admin-signout-btn{justify-content:center;width:calc(100% - 24px);margin:4px 12px 16px;font-size:.88rem;transition:all .18s}.admin-signout-btn:hover{color:#b42318;background:#fef2f2;border-color:#fca5a5}.admin-content{gap:24px;padding:28px;display:grid;box-shadow:0 2px 12px #0000000a}.admin-heading h1{color:var(--foreground);letter-spacing:0;margin-bottom:8px;font-size:2.2rem}.admin-heading p{color:var(--muted);font-size:.95rem}.admin-stat-grid,.media-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.admin-stat{border:1px solid var(--border);background:#fff;border-radius:10px;padding:20px;transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden}.admin-stat:before{content:"";background:var(--accent);height:3px;position:absolute;top:0;left:0;right:0}.admin-stat:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.admin-stat span{color:var(--foreground);font-size:2.2rem;font-weight:800;display:block}.admin-stat p,.media-admin-card p,.message-item p{color:var(--muted);margin-bottom:0}.admin-form{gap:16px;display:grid}.admin-form.compact{border:1px solid var(--border);background:#fff;border-radius:10px;padding:20px;transition:box-shadow .2s}.admin-form.compact:hover{box-shadow:0 2px 12px #0000000a}.admin-form h2{color:var(--foreground);margin-bottom:0;font-size:1.2rem}.admin-form label{color:#555;text-transform:uppercase;letter-spacing:.04em;gap:6px;font-size:.88rem;font-weight:700;display:grid}.admin-form input,.admin-form select,.admin-form textarea,.inline-form input,.inline-form select{border:1px solid var(--border);width:100%;min-height:42px;color:var(--foreground);font:inherit;text-transform:none;letter-spacing:normal;border-radius:8px;padding:0 12px;font-size:.95rem;transition:border-color .18s,box-shadow .18s}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #1987541f}.admin-form textarea{min-height:120px;padding:10px 12px}.checkbox-row{text-transform:none;letter-spacing:normal;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-size:.95rem;display:flex}.checkbox-row input[type=checkbox]{width:18px;height:18px;min-height:auto;accent-color:var(--accent);cursor:pointer}.admin-list{gap:18px;display:grid}.admin-item{border-radius:10px;gap:16px;padding:20px;transition:box-shadow .2s;display:grid}.admin-item:hover{box-shadow:0 4px 16px #0000000f}.inline-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inline-form input,.inline-form select{width:auto;min-width:160px}.primary-button{transition:background-color .18s,transform .1s}.primary-button:hover{background:var(--accent-dark)}.primary-button:active{transform:scale(.98)}.secondary-button,.danger-button{border:1px solid var(--border);min-height:42px;color:var(--foreground);font:inherit;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-weight:700;transition:all .18s;display:inline-flex}.secondary-button:hover{background:#f4f5f2;border-color:#ccc}.danger-button{color:#fff;background:#b42318;border-color:#b42318}.danger-button:hover{background:#911c13;border-color:#911c13}.danger-button:active{transform:scale(.98)}.gallery-admin{border-top:1px solid var(--border);gap:12px;padding-top:16px;display:grid}.gallery-admin h3{margin:0;font-size:1rem}.gallery-admin-list{gap:8px;display:grid}.media-admin-card{gap:12px;padding:14px;transition:box-shadow .2s;display:grid;overflow:hidden}.media-admin-card:hover{box-shadow:0 4px 16px #0000000f}.media-admin-card img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%}.media-admin-card code{overflow-wrap:anywhere;color:var(--muted);font-size:.8rem}.contact-form-shell{max-width:720px}.contact-form{border:1px solid var(--border);background:#fff;border-radius:8px;padding:24px}.icon-button{border:1px solid var(--border);width:40px;height:40px;color:var(--foreground);font:inherit;cursor:pointer;background:#fff;border-radius:999px;place-items:center;font-weight:700;display:inline-grid}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:calc(100vh - 148px);padding:18px;display:grid;overflow:auto}.gallery-image{aspect-ratio:4/3;background:#eee;border-radius:8px;position:relative;overflow:hidden}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:28px 0}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.footer-links a:hover{color:var(--accent)}@media (max-width:760px){h1{letter-spacing:5px;font-size:2rem}.site-header{background:#000}.site-nav{grid-template-columns:auto auto;align-items:center;min-height:76px;padding:10px 0;display:grid}.brand img{width:104px}.menu-toggle{align-content:center;justify-self:end;gap:6px;display:inline-grid}.nav-links{opacity:0;grid-column:1/-1;justify-content:stretch;gap:0;width:100%;max-height:0;transition:max-height .28s,opacity .22s,padding .22s;display:grid;overflow:hidden}.site-header.menu-open .nav-links{opacity:1;max-height:380px;padding:8px 0 10px}.nav-links a{border-top:1px solid #ffffff24;padding:12px 0}.eyebrow{letter-spacing:5px;font-size:14px}.content-grid,.content-grid.two-column,.card-grid,.card-grid.two-column,.contact-grid,.home-album-strip,.download-grid,.featured-artist-grid,.home-contact-form,.split-section{grid-template-columns:1fr}.home-section,.home-featured-artist,.home-contact-section{padding:70px 0}.home-section-heading{margin-bottom:44px}.albums-intro{margin:-14px auto 44px}.page-section,.contact-band{padding:64px 0}.portrait-frame{min-height:360px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-slide{min-height:100vh}.carousel-control{top:auto;bottom:18px;transform:none}.event-dialog-body,.lyrics-page-layout,.admin-layout,.admin-stat-grid,.media-admin-grid{grid-template-columns:1fr}.admin-sidebar{position:static}.inline-form{flex-direction:column;align-items:stretch}.inline-form input,.inline-form select{width:100%}.toast-container{width:calc(100vw - 24px);top:12px;right:12px}}.image-upload-wrapper{gap:8px;width:100%;display:grid}.image-upload-field-row{gap:10px;width:100%;display:flex}.image-upload-text-input{flex:1}.image-upload-btn{flex-shrink:0;min-width:100px}.image-upload-preview{align-items:center;margin-top:4px;display:flex}.image-upload-preview-thumb{border:1px solid var(--border);object-fit:cover;border-radius:6px;width:auto;max-height:80px;box-shadow:0 2px 8px #0000000d}