/*
Theme Name: AuDee-O
Theme URI: https://audee-o.com/
Author: Dee / AuDee-O
Description: Lightweight dark/gold music artist theme for AuDee-O. Designed for a square online-store style music catalogue with audio playback and lyric dropdowns.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: audee-o
*/
:root{--bg:#050505;--panel:#0b0b0b;--text:#f0ede6;--muted:#8b877f;--gold:#d9b45b;--line:rgba(255,255,255,.1);--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit}.site-wrap{overflow:hidden}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.eyebrow{font-size:10px;letter-spacing:.24em;color:var(--gold);font-weight:800;text-transform:uppercase}.site-header{position:fixed;z-index:100;top:0;left:0;right:0;background:rgba(5,5,5,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand img{width:125px}.nav-links{display:flex;gap:24px;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.nav-links a{color:#aaa69d}.nav-links a:hover{color:var(--gold)}.hero{min-height:100vh;display:grid;align-items:end;position:relative;background:radial-gradient(circle at 75% 35%,rgba(217,180,91,.15),transparent 35%),linear-gradient(180deg,#070707 0%,#050505 70%);padding:140px 0 80px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 85%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;position:relative}.hero h1{font-family:Georgia,serif;font-size:clamp(58px,9vw,130px);line-height:.82;letter-spacing:-.06em;margin:15px 0}.hero h1 span{color:var(--gold)}.hero p{max-width:560px;color:#a7a39a;line-height:1.7;font-size:15px}.hero-art{position:relative;aspect-ratio:1;border:1px solid rgba(217,180,91,.25);overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.05)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(0,0,0,.7))}.hero-art .hero-label{position:absolute;z-index:2;left:22px;bottom:22px;color:white;font-size:9px;letter-spacing:.22em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid var(--gold);color:#080808;background:var(--gold);font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.btn.alt{background:transparent;color:var(--gold);margin-left:8px}.section{padding:105px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-head h2{font-family:Georgia,serif;font-size:clamp(42px,7vw,82px);line-height:.82;margin:8px 0 0}.section-head h2 span{color:var(--gold)}.section-note{max-width:350px;color:#77736b;font-size:11px;line-height:1.6}.latest{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#090909;border:1px solid var(--line)}.latest-art{aspect-ratio:1;overflow:hidden}.latest-art img{width:100%;height:100%;object-fit:cover}.latest-copy{padding:clamp(25px,5vw,65px);display:flex;flex-direction:column;justify-content:center}.latest-copy h3{font-family:Georgia,serif;font-size:clamp(34px,5vw,70px);line-height:.9;margin:12px 0 20px}.latest-copy p{color:#8c887f;line-height:1.7;font-size:13px}.player{margin-top:28px}.player audio{width:100%}.music-shop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.music-tile{background:var(--panel);border:1px solid var(--line);transition:.25s ease}.music-tile:hover{transform:translateY(-4px);border-color:rgba(217,180,91,.45)}.tile-art{position:relative;aspect-ratio:1;overflow:hidden}.tile-art img{width:100%;height:100%;object-fit:cover}.tile-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.6))}.tile-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--gold);background:rgba(0,0,0,.8);color:var(--gold);cursor:pointer}.tile-play:hover,.tile-play.is-playing{background:var(--gold);color:#050505}.tile-status{position:absolute;z-index:3;top:9px;left:9px;background:rgba(0,0,0,.8);border:1px solid rgba(217,180,91,.45);padding:6px 7px;color:var(--gold);font-size:6px;font-weight:800;letter-spacing:.18em}.tile-info{padding:14px}.tile-number{float:right;color:#555;font-size:8px}.tile-info h3{font-family:Georgia,serif;font-size:19px;line-height:1;margin:0 20px 7px 0}.tile-info p{font-size:9px;line-height:1.5;color:#74716a;min-height:28px;margin:0 0 11px}.tile-lyrics{border-top:1px solid var(--line);padding-top:10px}.tile-lyrics summary{cursor:pointer;list-style:none;color:#aaa69d;font-size:7px;font-weight:800;letter-spacing:.18em;display:flex;justify-content:space-between}.tile-lyrics summary::-webkit-details-marker{display:none}.tile-lyrics[open] summary{color:var(--gold)}.tile-lyrics-body{margin-top:10px;padding:10px;background:#070707;border:1px solid rgba(217,180,91,.12);max-height:230px;overflow:auto}.lyrics-text{font-size:10px;line-height:1.75;color:#c7c2b8}.tile-audio{display:none}.socials{display:flex;gap:12px;flex-wrap:wrap}.socials a{font-size:9px;letter-spacing:.14em;color:#9b978f;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:4px}.site-footer{border-top:1px solid var(--line);padding:35px 0;color:#66635d;font-size:9px}.footer-row{display:flex;justify-content:space-between;gap:20px}.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1100px){.music-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.nav-links{display:none}.hero-grid,.latest{grid-template-columns:1fr}.hero-art{order:-1}.music-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{display:block}.section-note{margin-top:18px}}@media(max-width:460px){.container{width:min(calc(100% - 24px),var(--max))}.music-shop-grid{grid-template-columns:1fr}.hero{padding-top:110px}.btn.alt{margin-left:0;margin-top:8px}.footer-row{display:block}.footer-row>*+*{margin-top:12px}}