/*
Theme Name: The WOW Band
Theme URI: https://thewowband.com/
Author: The WOW Band
Description: A warm, responsive WordPress theme for The WOW Band — Wright of Way.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: the-wow-band
*/

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700&display=swap');

:root{--red:#ff3d20;--black:#0a0a0a;--ink:#131313;--paper:#eee9df;--gray:#9d9b96;--line:#303030}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f5f2eb;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:10px;top:-50px;z-index:99;background:white;color:black;padding:10px}.skip-link:focus{top:10px}.header{position:absolute;z-index:10;top:0;left:0;width:100%;height:104px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.18)}.logo{display:flex;flex-direction:column;font-family:'Archivo Black',Impact,sans-serif;font-size:22px;line-height:.78;letter-spacing:-.04em}.outline{-webkit-text-stroke:1px currentColor;color:transparent}.header nav{display:flex;gap:38px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--red);transition:.2s}.header nav a:hover:after{width:100%}.menu-button{display:none;background:none;border:1px solid #fff;color:#fff;padding:9px 12px;font:600 11px Inter;text-transform:uppercase;letter-spacing:.1em}.hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.56) 43%,rgba(0,0,0,.18) 75%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 45%)}.hero-content{position:relative;z-index:2;width:100%;padding:150px clamp(24px,7vw,118px) 80px}.kicker,.section-label{margin:0 0 22px;color:var(--red);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero h1{margin:0;display:flex;flex-direction:column;max-width:900px;font-family:'Archivo Black',Impact,sans-serif;font-size:clamp(72px,12vw,190px);font-weight:900;line-height:.73;letter-spacing:-.075em;text-transform:uppercase}.hero h1 .outline{-webkit-text-stroke:clamp(1px,.16vw,3px) #fff}.hero-copy{margin:40px 0 0;font-size:clamp(17px,2vw,25px);font-weight:500}.actions{display:flex;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid white;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;transition:.2s}.button.primary{border-color:var(--red);background:var(--red)}.button:hover{background:white;border-color:white;color:black}.scroll-note{position:absolute;z-index:2;right:clamp(24px,5vw,76px);bottom:40px;margin:0;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.scroll-note span{color:var(--red);margin-left:10px}.section{padding:clamp(80px,10vw,150px) clamp(24px,7vw,118px)}.intro{background:var(--paper);color:var(--ink)}.intro-grid,.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(40px,9vw,150px)}h2{margin:0;font-family:'Archivo Black',Impact,sans-serif;font-size:clamp(45px,7vw,106px);line-height:.91;letter-spacing:-.06em;text-transform:uppercase}.intro-grid .lead{margin-top:0;font-size:clamp(21px,2.2vw,31px);line-height:1.35}.intro-grid p:not(.lead),.media-card p,.contact-grid p{color:#66625b;font-size:16px;line-height:1.8}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid #c9c2b7}.stats div{padding:28px 20px 0 0;border-right:1px solid #c9c2b7}.stats strong{display:block;color:var(--red);font-family:'Archivo Black',Impact,sans-serif;font-size:32px}.stats span{display:block;margin-top:9px;color:#65615a;font-size:12px}.shows{background:#111}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:70px}.section-heading h2{font-size:clamp(45px,6vw,82px)}.section-heading>p{color:var(--gray)}.show-row{display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:30px;padding:28px 0;border-top:1px solid var(--line)}.show-row:last-child{border-bottom:1px solid var(--line)}.show-row time{color:var(--red);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.show-row strong,.show-row span{display:block}.show-row strong{font-size:20px}.show-row div span{margin-top:7px;color:var(--gray);font-size:12px}.show-row>a,.status{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.show-row.muted{opacity:.75}.media{background:var(--red);color:white}.media-card{position:relative;max-width:980px}.media-card .section-label{color:#250804}.media-card h2{max-width:800px}.media-card p{max-width:620px;color:#3d0a02}.play{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:84px;height:84px;border:2px solid white;border-radius:50%;font-size:22px}.contact{background:var(--paper);color:var(--ink)}.contact-grid h2{font-size:clamp(45px,6.5vw,92px)}.contact-grid p{margin-top:0}.email{display:inline-flex;gap:10px;margin-top:25px;padding-bottom:8px;border-bottom:2px solid var(--red);font-weight:700}.email span{color:var(--red)}footer{padding:40px clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:30px;color:#aaa;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.footer-logo{color:white;font-size:18px}
@media(max-width:760px){.header{height:84px}.menu-button{display:block}.header nav{display:none;position:absolute;top:84px;left:0;width:100%;padding:25px;background:#0a0a0a;flex-direction:column}.header nav.open{display:flex}.hero-content{padding-top:130px}.hero h1{font-size:clamp(62px,20vw,100px)}.actions{align-items:flex-start;flex-direction:column}.scroll-note{display:none}.intro-grid,.contact-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr;margin-top:65px}.stats div{padding:22px 0;border-right:0;border-bottom:1px solid #c9c2b7}.section-heading{align-items:flex-start;flex-direction:column}.show-row{grid-template-columns:1fr;gap:12px}.play{position:static;margin-top:35px;width:65px;height:65px}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Official supplied logo */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header .logo img{display:block;width:172px;height:72px;object-fit:cover;object-position:center;border-radius:2px}
.hero-logo{display:block;width:min(720px,80vw);max-height:45vh;object-fit:contain;object-position:left center;mix-blend-mode:screen;filter:drop-shadow(0 12px 35px rgba(0,0,0,.62))}
.hero-logo+.hero-copy{margin-top:22px}
.footer-logo{display:block;line-height:1;color:white}.footer-logo span{margin-left:6px;color:#d98b36;font-family:Inter,Arial,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.header .logo img{width:128px;height:54px}.hero-logo{width:min(620px,92vw)}}

/* Warm, classic visual direction */
:root{--red:#b56a2b;--black:#25241f;--ink:#343128;--paper:#f5f0e5;--gray:#777168;--line:#d5c9b7}
body{background:#f5f0e5;color:#343128}
.header{position:relative;height:100px;background:#f7f2e8;border-bottom:1px solid #d8ccba;color:#343128}
.header .logo img{width:160px;height:68px;box-shadow:0 4px 18px rgba(55,38,20,.12)}
.header nav a:after{background:#b56a2b}
.menu-button{border-color:#655c50;color:#343128}
.hero{min-height:calc(100svh - 100px);background:#d9c5aa;align-items:flex-end}
.hero-photo{object-position:center 34%}
.hero-shade{background:linear-gradient(90deg,rgba(27,24,20,.66) 0%,rgba(27,24,20,.15) 55%,rgba(27,24,20,.04) 100%),linear-gradient(0deg,rgba(24,21,18,.78) 0%,transparent 55%)}
.hero-content{padding-top:100px;padding-bottom:72px}
.hero h1{max-width:760px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,7vw,104px);font-weight:400;line-height:.92;letter-spacing:-.045em;text-transform:none;text-shadow:0 3px 24px rgba(0,0,0,.3)}
.hero h1 .outline{-webkit-text-stroke:0;color:#f1bd68;font-style:italic}
.hero-copy{margin-top:25px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,2vw,25px)}
.button{border-radius:3px}.button.primary{background:#b56a2b;border-color:#b56a2b}.button:hover{background:#f5f0e5;border-color:#f5f0e5;color:#343128}
.intro{background:#f5f0e5}.intro h2,.shows h2,.media h2,.contact h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;text-transform:none}
.intro-grid .lead{font-family:Georgia,'Times New Roman',serif;color:#4b463e}
.stats{border-color:#d5c9b7}.stats div{border-color:#d5c9b7}.stats strong{color:#a95f27;font-family:Georgia,'Times New Roman',serif;font-size:28px;font-weight:400}
.shows{background:#e8dfd0;color:#343128}.shows .section-heading>p,.shows .show-row div span{color:#777168}.show-row{border-color:#cfc1ae}.show-row:last-child{border-color:#cfc1ae}.show-row time{color:#9e5824}
.media{background:#314d57;color:#fff}.media-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,90px);max-width:none;align-items:center}.media-card .section-label{color:#f2bd67}.media-card h2{font-size:clamp(42px,5.8vw,82px)}.media-card p{color:#d9e1df}.media-card img{display:block;width:100%;border-radius:4px;box-shadow:0 20px 50px rgba(0,0,0,.24)}
.contact{background:#f5f0e5}.email{border-color:#b56a2b}.email span{color:#b56a2b}
footer{background:#25241f;color:#c7bcae}.footer-logo span{color:#d49a4b}
@media(max-width:760px){.header{height:82px}.header .logo img{width:124px;height:52px}.header nav{top:82px;background:#f7f2e8;color:#343128;border-bottom:1px solid #d8ccba}.hero{min-height:720px}.hero-photo{object-position:53% center}.hero-shade{background:linear-gradient(0deg,rgba(25,22,18,.87) 0%,rgba(25,22,18,.16) 75%)}.hero-content{padding-bottom:52px}.hero h1{font-size:clamp(48px,14vw,72px)}.media-card{grid-template-columns:1fr}.media-card img{order:-1}}

/* Logo-led homepage background */
.hero-logo-background{object-fit:cover;object-position:center center;background:#111}
.hero .hero-shade{background:linear-gradient(0deg,rgba(8,8,7,.86) 0%,rgba(8,8,7,.18) 40%,rgba(8,8,7,.03) 76%)}
.hero .hero-content{align-self:flex-end;padding-bottom:54px;text-align:center}
.hero .kicker{margin-bottom:10px;color:#f2bd67}
.hero .hero-copy{margin:0 auto;color:#fff;font-size:clamp(20px,2.2vw,28px);text-shadow:0 2px 12px #000}
.hero .actions{justify-content:center;margin-top:24px}
@media(max-width:760px){.hero-logo-background{object-fit:contain;object-position:center 20%;background:#111}.hero .hero-shade{background:linear-gradient(0deg,rgba(8,8,7,.94) 0%,rgba(8,8,7,.26) 48%,transparent 78%)}.hero .hero-content{padding-left:22px;padding-right:22px;padding-bottom:46px}}