/*
Theme Name: Kay Howl Cinematic
Theme URI: https://kayhowlmusic.com
Author: OpenAI
Description: Cinematic, elegant artist website starter for Kay Howl. Includes Home, About, Music, Live, Media and Contact pages.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: kay-howl-cinematic
*/
:root{--bg:#0b0b0d;--panel:#111114;--cream:#eee5d2;--muted:#bcb5a9;--gold:#c6ad7b;--line:rgba(238,229,210,.22);--serif:"Cormorant Garamond",Georgia,serif;--sans:"Montserrat",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--sans);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,8,10,.55);backdrop-filter:blur(8px)}.brand{font:400 28px/1 var(--serif);letter-spacing:.12em;text-transform:uppercase}.main-nav{display:flex;gap:30px;align-items:center}.main-nav a,.eyebrow,.btn,.section-link{font-size:10px;letter-spacing:.22em;text-transform:uppercase}.main-nav a{color:var(--cream);opacity:.88}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--gold)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--cream);padding:8px 12px}.hero{min-height:690px;display:flex;align-items:center;position:relative;padding:150px 8% 80px;background:linear-gradient(90deg,rgba(5,5,7,.88),rgba(5,5,7,.45) 52%,rgba(5,5,7,.12)),url('') center/cover no-repeat;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 24%);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:580px}.hero h1{font:400 clamp(64px,9vw,120px)/.9 var(--serif);letter-spacing:.015em;text-transform:uppercase;margin:0 0 16px}.hero .tagline{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--cream)}.hero .intro{font:400 20px/1.45 var(--serif);color:#ddd4c5;max-width:360px;margin:24px 0}.btn{display:inline-block;border:1px solid var(--gold);padding:12px 28px;color:var(--cream);transition:.2s}.btn:hover{background:var(--gold);color:#111}.section{padding:72px 7%;border-bottom:1px solid var(--line)}.section-heading{font:400 clamp(36px,5vw,54px)/1 var(--serif);text-transform:uppercase;margin:0 0 14px}.eyebrow{color:var(--gold);margin:0 0 10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.release-art,.photo-placeholder{min-height:260px;background:linear-gradient(135deg,#292720,#0c1820 55%,#33291d);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:rgba(238,229,210,.6);font:italic 26px var(--serif);text-align:center;padding:20px}.show-list{list-style:none;padding:0;margin:0}.show-list li{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.show-date{font:400 25px/1 var(--serif);text-transform:uppercase}.show-date small{display:block;font:10px var(--sans);letter-spacing:.15em}.show-place{font:400 18px var(--serif);text-transform:uppercase}.show-venue{font-size:12px;color:var(--muted)}.small-btn{font-size:9px;letter-spacing:.16em;border:1px solid var(--line);padding:8px 12px;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:var(--panel)}.card .photo-placeholder{min-height:190px}.card-body{padding:18px}.card h3{font:400 24px var(--serif);margin:0}.card p{color:var(--muted);font-size:12px;margin:4px 0 0}.page-hero{padding:170px 8% 55px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 10%,#272016 0%,var(--bg) 55%)}.page-hero h1{font:400 clamp(48px,7vw,82px)/.95 var(--serif);text-transform:uppercase;margin:0}.content-wrap{max-width:1100px;margin:auto;padding:60px 7%}.site-footer{text-align:center;padding:65px 7% 28px;background:#080809;border-top:1px solid var(--line)}.footer-title{font:400 48px/1 var(--serif);letter-spacing:.1em}.footer-tag{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:14px 0 24px}.socials,.footer-nav{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin:22px 0}.socials a,.footer-nav a{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.copyright{font-size:9px;letter-spacing:.12em;color:#777;margin-top:35px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery .photo-placeholder{min-height:210px}.music-list{list-style:none;padding:0}.music-list li{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.contact-form input,.contact-form textarea{width:100%;background:#111114;border:1px solid #45413a;color:var(--cream);padding:13px;margin:7px 0;font:inherit}.contact-form textarea{min-height:140px}.muted{color:var(--muted)}
@media(max-width:760px){.site-header{padding:18px 5%}.brand{font-size:24px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:70px;left:0;width:100%;padding:20px 5%;background:#0b0b0d;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.hero{min-height:630px;padding:135px 7% 70px}.split,.feature-grid{grid-template-columns:1fr;gap:28px}.cards,.gallery{grid-template-columns:1fr 1fr}.section{padding:52px 6%}.show-list li{grid-template-columns:48px 1fr;gap:12px}.show-list .small-btn{grid-column:2;justify-self:start}.page-hero{padding:140px 6% 45px}.content-wrap{padding:45px 6%}}
@media(max-width:460px){.cards,.gallery{grid-template-columns:1fr}.hero h1{font-size:62px}.footer-title{font-size:38px}}