/* TATUWÄGE 2026: generated brand artwork with accessible live page titles. */
:root{--tw-nav-height:82px}
.tw-page-hero{margin-top:var(--tw-nav-height);position:relative;isolation:isolate;min-height:300px;display:flex;align-items:center;color:#fff6e3;background:#150c06 url('../img/headers/tatuwage-gold.webp') center/cover no-repeat;border-bottom:3px solid #d89425;overflow:hidden}
.tw-page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,6,2,.42),rgba(12,6,2,.12) 62%,transparent)}
.tw-page-hero-inner{width:min(1280px,100%);margin:auto;padding:27px 36px 34px}
.tw-page-breadcrumb{display:flex;align-items:center;gap:12px;font-size:.7rem;margin-bottom:28px;color:#e4cdb1;letter-spacing:.02em}
.tw-page-breadcrumb a{color:#ffe2a1;text-decoration:none}.tw-page-breadcrumb a:hover{text-decoration:underline}
.tw-page-eyebrow{display:flex;align-items:center;gap:10px;font-size:.7rem;font-weight:700;letter-spacing:.25em;color:#ffd06d;margin:0 0 9px}
.tw-page-hero h1{font-family:'Playfair Display',Georgia,serif;color:#ffe1a0;font-size:clamp(2.2rem,4.2vw,4rem);font-weight:700;line-height:1.15;margin:0 0 13px;text-shadow:0 3px 20px #0007;max-width:850px;overflow-wrap:anywhere}
.tw-page-description{color:#f8e5cd;font-size:.95rem;line-height:1.8;max-width:680px;margin:0;text-shadow:0 1px 4px #000}
.tw-page-gold-line{display:block;margin-top:23px;width:68px;height:3px;background:linear-gradient(90deg,#ffdc7a,#e97b14);border-radius:4px}
/* Existing page content starts directly below the shared header. */
.has-page-hero .page-main{padding-top:0!important;min-height:0}.has-page-hero .press-layout{padding-top:0!important}
.has-page-hero .tw-tv-page,.has-page-hero .tw-radio-page.radio-stage,.has-page-hero .tn-page{padding-top:30px!important;min-height:0}
.has-page-hero .contact-section{padding-top:45px}.has-page-hero .themes-section,.has-page-hero .gallery-section{padding-top:40px}
.has-page-hero .press-section{padding-top:30px}.has-page-hero .tn-masthead h2{font-size:2.25rem}
/* Concert photographs stay complete on phones and wide monitors. */
.hero-carousel .hero-photo-slide .live-concert-poster{object-fit:contain;background:#0d0806}
.live-concert-section{margin-top:var(--tw-nav-height);height:calc(100svh - var(--tw-nav-height))}
@media(max-width:767px){.tw-page-hero{min-height:270px;background-position:58% center}.tw-page-hero::before{background:linear-gradient(90deg,#0c0602b8,#0c06024d)}.tw-page-hero-inner{padding:24px 22px 30px}.tw-page-breadcrumb{margin-bottom:24px;font-size:.65rem}.tw-page-description{font-size:.85rem;max-width:85%}.tw-page-hero h1{font-size:2.3rem;max-width:90%}.has-page-hero .tw-tv-page,.has-page-hero .tw-radio-page.radio-stage,.has-page-hero .tn-page{padding-top:22px!important}}