:root{--main-bg:#17120f;--text-color:#f8f1e6;--accent-gold:#e4bd73;--accent-red:#a83526}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:#17120f;color:#f8f1e6;line-height:1.85}a:focus-visible{outline:3px solid #f4d18b;outline-offset:5px}.container{max-width:1180px;padding:0 32px}header{background:rgba(23,18,15,.94);border-bottom:1px solid rgba(228,189,115,.25);padding:18px 0;backdrop-filter:blur(12px)}.logo{font-family:Cinzel,serif;letter-spacing:.04em;font-size:1.18rem;white-space:nowrap}.logo span{display:block;font:400 .58rem 'Noto Sans JP',sans-serif;letter-spacing:.2em;color:#d3b990}nav ul{gap:25px}nav ul li{margin:0}nav ul li a{font-size:.72rem;letter-spacing:.12em;color:#f8f1e6}.hero{position:relative;min-height:710px;height:92svh;max-height:1000px;justify-content:flex-start;text-align:left;background:linear-gradient(90deg,rgba(23,14,10,.94) 0%,rgba(23,14,10,.72) 43%,rgba(23,14,10,.18) 100%),linear-gradient(0deg,#17120f 0%,transparent 30%),url('img/EstrellasMagosAllMenbers.jpg') center 32%/cover no-repeat;padding:110px 0 40px}.hero .container{width:100%}.hero-kicker{color:#e4bd73;letter-spacing:.23em;font-size:.7rem;font-weight:700;margin-bottom:25px}.hero-content h1{font-size:clamp(3.8rem,8vw,7.8rem);line-height:.95;letter-spacing:-.025em;color:#fff7e8;text-shadow:none}.hero-content h1 span{display:block;font:400 .85rem 'Noto Sans JP',sans-serif;letter-spacing:.2em;color:#e4bd73;margin-top:24px}.hero-content p{font-size:clamp(.95rem,1.4vw,1.13rem);line-height:2;margin-top:30px}.btn{background:#a83526;color:#fff;border:1px solid #d05e48;border-radius:3px;padding:15px 28px;box-shadow:0 5px 0 #672319;letter-spacing:.06em}.btn:hover{background:#c44834;color:#fff;opacity:1}.btn span{margin-left:22px}section{padding:105px 0}.section-title{text-align:left;font-size:clamp(2.15rem,4vw,3.8rem);letter-spacing:.03em;margin-bottom:48px;color:#ead1a0}.section-title::after{width:48px;height:2px;margin:15px 0 0;background:#b74530}.about-grid{gap:70px}.about-img img{border-radius:2px;box-shadow:18px 18px 0 #633124}.about-text h3{font-family:'Noto Sans JP',sans-serif;font-size:1.35rem;color:#f7e5ca}.about-text p{color:#e4d7c8}#video,#live{background-color:#211a16!important}#video p[style]{text-align:left!important;color:#ddcfbd}.video-grid{gap:30px}.video-thumb{border-radius:2px}.video-thumb::after{content:'▶';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#a83526;color:white;padding-left:4px;box-shadow:0 4px 20px #17120f99}.video-caption{text-align:left;font-family:Cinzel,serif;font-size:1.1rem;color:#f3e4d0}.live-card{max-width:none;text-align:left;background:#2b211c;border:1px solid #5c4738;border-radius:2px;padding:clamp(26px,5vw,60px);box-shadow:none}.live-date{font-size:1rem;letter-spacing:.08em;color:#e7bc72}.live-venue{font-size:clamp(1.5rem,3vw,2.5rem);margin:10px 0}.live-details{display:block;padding:0;margin:24px 0;color:#e9dccd}.live-details li{border-bottom:1px solid #514038;padding:10px 0;margin:0}.map-link{color:#f1ce96;text-underline-offset:4px}.member-list{max-width:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#564234;border:1px solid #564234}.member-card{width:auto;border:0;border-radius:0;background:#211a16;padding:26px}.member-role{color:#e4bd73;letter-spacing:.1em;text-transform:uppercase}.member-name{font-family:Cinzel,serif;font-size:1.3rem}.leader-badge{background:#8d3227}footer{background:#100d0b;color:#bda995}a:hover{opacity:.8}@media(max-width:768px){html{scroll-padding-top:112px}.container{padding:0 22px}header{padding:12px 0}header .container{align-items:flex-start;gap:10px}.logo{font-size:1rem}.logo span{display:inline;margin-left:8px}nav{width:100%;overflow-x:auto}nav ul{margin:0;gap:22px;width:max-content}nav ul li{margin:0}nav ul li a{font-size:.65rem}.hero{min-height:650px;height:90svh;background:linear-gradient(90deg,rgba(23,14,10,.78),rgba(23,14,10,.28)),linear-gradient(0deg,#17120f 0%,transparent 48%),url('img/EstrellasMagosAllMenbers.jpg') 55% center/cover no-repeat;align-items:flex-end;padding-bottom:75px}.hero-content h1{font-size:clamp(3.5rem,15vw,5.8rem)}.hero-content p{font-size:.9rem}.hero-kicker{font-size:.62rem}section{padding:75px 0}.section-title{margin-bottom:35px}.about-grid{gap:38px}.about-img img{box-shadow:10px 10px 0 #633124}.member-list{grid-template-columns:repeat(2,1fr)}.member-card{padding:22px 10px}.member-name{font-size:1.05rem}.live-card{padding:26px}.live-details{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:768px){.hero-content h1{font-size:clamp(2.5rem,10.2vw,4.2rem)}}

/* Review: preserve the warm stage palette and give controls room to operate. */
html { scroll-padding-top: 130px; }
nav ul { gap: 14px; }
nav ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 8px;
    font-size: .82rem;
    letter-spacing: .04em;
}
nav a:hover, nav a:focus-visible { color: var(--accent-gold); opacity: 1; }
.skip-link {
    position: fixed;
    top: 8px;
    left: 16px;
    z-index: 1100;
    padding: 12px 20px;
    color: #17120f;
    background: #f8f1e6;
    transform: translateY(-160%);
}
.skip-link:focus { transform: translateY(0); }
.btn {
    min-height: 52px;
    max-width: 100%;
    text-align: center;
    box-shadow: inset 0 1px 0 #df8972, 0 4px 10px #401c1599;
    transition: background-color .2s, transform .2s, box-shadow .2s;
}
.btn:active {
    transform: translateY(2px);
    box-shadow: inset 0 1px 0 #df8972, 0 1px 4px #401c1599;
}
.about-img img { display: block; height: auto; }
.video-thumb img { height: auto; }
.section-title, .live-venue { text-wrap: balance; }
.live-date { text-wrap: pretty; }
.live-details a { text-decoration: underline; text-underline-offset: 4px; }
.live-details a, .map-link, .back-to-top { display: inline-block; padding: 10px 0; }
.event-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: 40px;
    margin-top: 32px;
}
.flyer-link { display: block; }
.flyer-link img { display: block; width: 100%; height: auto; border-radius: 2px; }
.event-details h4 { margin: 0; color: var(--accent-gold); }
.event-details .live-details { margin-top: 12px; }
.event-details > br { display: none; }
.back-to-top { min-height: 44px; color: #ead1a0; text-decoration: underline; text-underline-offset: 5px; }

@media (max-width: 900px) {
    .event-body { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .flyer-link { max-width: 640px; }
}
@media (max-width: 768px) {
    header .container { gap: 4px; }
    nav { overflow: visible; }
    nav ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); width: 100%; gap: 0; }
    nav ul li a { padding: 0 2px; font-size: .7rem; letter-spacing: 0; white-space: nowrap; }
    .hero-content h1 span { font-size: .75rem; letter-spacing: .08em; line-height: 1.8; }
    .hero-kicker { letter-spacing: .12em; }
    .live-card { padding: 24px 20px; }
    .live-venue { font-size: clamp(1.35rem, 5vw, 1.9rem); }
    .live-details { font-size: .9rem; overflow-wrap: normal; }
    .event-details { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .btn { transition: none; }
}