/*
Theme Name: Billy.MC Records
Theme URI: https://billymcrecords.com
Author: Billy.MC Records
Description: Premium WordPress and WooCommerce-ready theme for Michael Billing, Mike Billing and Mikey the Alien.
Version: 1.0.1
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: billy-mc-records
*/
:root{--black:#0b0b0b;--charcoal:#151412;--gold:#d6a84a;--gold-hi:#f4d27a;--gold-old:#9b6a24;--cream:#f5e6c8;--muted:#aba397;--display:Cinzel,"Times New Roman",serif;--serif:"Cormorant Garamond","Libre Baskerville",Georgia,serif;--ui:Montserrat,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:var(--serif);font-size:18px;line-height:1.6}body.admin-bar .site-header{top:32px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff18;position:sticky;top:0;z-index:50;background:#0b0b0be8;backdrop-filter:blur(16px)}.site-brand{display:flex;align-items:center;gap:14px}.brand-disc{width:48px;height:48px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;font:700 14px var(--display);color:var(--gold-hi)}.wordmark{display:grid;line-height:1}.wordmark-main{font:700 20px var(--display);letter-spacing:.13em;color:var(--gold-hi)}.wordmark-sub{font:600 8px/2 var(--ui);letter-spacing:.52em}.nav-toggle summary{display:none}.nav-links{display:flex;align-items:center;gap:clamp(15px,2vw,34px)}.nav-links a{font:600 10px var(--ui);letter-spacing:.13em;text-transform:uppercase}.nav-links a:hover,.current-menu-item>a{color:var(--gold-hi)}.nav-links li{list-style:none}.nav-links ul{display:flex;gap:inherit;margin:0;padding:0}.hero{min-height:calc(100svh - 90px);padding:8vh 7vw;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:5vw;overflow:hidden;position:relative;background:radial-gradient(circle at 78% 35%,#7d59273a,transparent 30%),linear-gradient(120deg,#0b0b0b,#17130d)}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent)}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow{font:700 10px/1.4 var(--ui);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin:0 0 23px}.hero h1,.page-hero h1{font:400 clamp(50px,7.5vw,112px)/.9 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:0;color:#fff}.hero h1 em{font-style:normal;color:var(--gold-hi)}.lede{max-width:650px;font-size:clamp(20px,2vw,28px);color:#c7beaf;margin:32px 0}.hero-disc{width:min(42vw,590px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:2px solid var(--gold-old);box-shadow:0 0 90px #d6a84a24,inset 0 0 80px #000;background:repeating-radial-gradient(circle,#191919 0 3px,#0e0e0e 3px 6px);position:relative}.hero-disc:after{content:"";position:absolute;inset:25%;border:1px solid var(--gold);border-radius:50%}.hero-disc span{font:500 clamp(80px,13vw,180px) var(--display);color:var(--gold-hi);position:relative;z-index:2}.button-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px!important;border:1px solid var(--gold)!important;border-radius:0!important;background:var(--gold)!important;color:#0b0b0b!important;font:700 10px var(--ui)!important;letter-spacing:.13em;text-transform:uppercase}.button.ghost{background:transparent!important;color:var(--cream)!important}.section{padding:105px 7vw}.section.cream{background:var(--cream);color:var(--black);text-align:center}.section h2{font:400 clamp(38px,5vw,70px)/1.05 var(--display);text-transform:uppercase;margin:0 0 40px}.brand-grid,.release-grid,.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff15}.brand-card{min-height:670px;padding:38px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background:#111}.brand-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,#050505ee 78%);z-index:1}.brand-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.9)}.brand-card.mike img{object-position:center 12%}.brand-card.mikey img{object-position:38% center}.brand-copy{position:relative;z-index:2}.brand-copy h3,.release h3,.category h3{font:400 clamp(27px,3vw,40px)/1 var(--display);margin:8px 0 16px}.brand-copy p:not(.eyebrow){color:#d0c8bb}.text-link{font:700 10px var(--ui);letter-spacing:.13em;text-transform:uppercase;color:var(--gold-hi)}.release-grid{gap:28px;background:transparent}.release-art{aspect-ratio:1;display:grid;place-items:center;border:1px solid #ffffff18;box-shadow:0 25px 65px #000;background:radial-gradient(circle,#936c2f,#16120d 55%,#050505)}.release:nth-child(2) .release-art{background:repeating-linear-gradient(135deg,#b62b38 0 28px,#e5b83e 28px 56px)}.release:nth-child(3) .release-art{background:radial-gradient(circle,#33d5d7,#085c7f 48%,#05152c)}.release-art span{font:500 clamp(50px,8vw,105px) var(--display);color:#fff}.release-meta{font:700 9px var(--ui);letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin:18px 0 0}.shop-band{background:var(--gold-old);color:#100d08;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.shop-band p{font-size:22px}.shop-symbols{display:flex;justify-content:center;gap:18px;transform:rotate(-4deg)}.shop-symbols span{width:150px;aspect-ratio:.8;background:#111;color:var(--gold);display:grid;place-items:center;font:800 36px var(--ui);clip-path:polygon(25% 0,38% 10%,62% 10%,75% 0,100% 18%,84% 38%,76% 31%,76% 100%,24% 100%,24% 31%,16% 38%,0 18%);filter:drop-shadow(0 20px 20px #0005)}.shop-symbols span:nth-child(2){background:#f0ce43;color:#a32231}.shop-symbols span:nth-child(3){background:#22c5cf;color:white}.page-hero{min-height:470px;padding:100px 7vw 70px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden;background:radial-gradient(circle at 75%,#74502540,transparent 35%),#0e0d0c}.page-hero>*{position:relative}.page-hero>p:last-child{max-width:780px;font-size:clamp(20px,2.2vw,29px);color:#c5bcad}.page-hero.mike{background:radial-gradient(circle at 78%,#9c25375c,transparent 34%),#160c0f}.page-hero.mikey{background:radial-gradient(circle at 78%,#20cdd659,transparent 34%),#051723}.world-image{width:100%;max-height:660px;object-fit:cover;object-position:center}.world-image.portrait{object-position:center 28%}.content{padding:90px 7vw;max-width:1500px;margin:auto}.content-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.prose{max-width:900px}.prose p{font-size:clamp(19px,2vw,27px);color:#c8bfb1}.prose h2{font-size:clamp(30px,4vw,52px);margin-top:65px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff18}.feature{background:#111;padding:30px;min-height:220px}.feature span,.category span{font:700 10px var(--ui);color:var(--gold)}.feature h3{font:400 25px var(--display)}.feature p{color:var(--muted);font-size:16px}.category-grid{background:#ffffff18}.category{min-height:230px;background:#111;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.category:nth-child(3n+2){background:#1a1012}.category:nth-child(3n){background:#071a22}.notice{padding:25px;border-left:3px solid var(--gold);background:#d6a84a0d;margin-top:35px;color:#c0b7a8}.notice strong{color:var(--gold-hi);font:700 10px var(--ui);letter-spacing:.1em;text-transform:uppercase}.contact-form{display:grid;gap:18px}.contact-form label{display:grid;gap:7px;font:700 10px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.contact-form input,.contact-form textarea,.contact-form select{background:#ffffff08;border:1px solid #ffffff20;color:var(--cream);padding:14px;font:16px var(--serif);text-transform:none;letter-spacing:0}.contact-form button{width:max-content;cursor:pointer}.site-footer{padding:75px 7vw 30px;border-top:1px solid #ffffff16;display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-links h4{font:700 10px var(--ui);letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}.footer-links a{display:block;font:600 10px/2.2 var(--ui);letter-spacing:.1em;text-transform:uppercase}.copyright{grid-column:1/-1;border-top:1px solid #ffffff12;padding-top:25px;color:#6d6962;font:10px var(--ui)}.billing-animation{display:flex;align-items:center;gap:15px;margin-top:30px;color:#999;font:10px var(--ui);letter-spacing:.1em;text-transform:uppercase}.billing-animation img{width:85px;height:85px;object-fit:contain;background:white}.woocommerce div.product,.woocommerce-page .site-main{padding:70px 7vw}.woocommerce ul.products li.product{background:#151515;padding:15px}.woocommerce ul.products li.product .price{color:var(--gold-hi)}
@media(max-width:900px){body.admin-bar .site-header{top:46px}.site-header{height:75px}.nav-toggle summary{display:block;font:700 10px var(--ui);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.nav-links{display:none;position:absolute;right:4vw;top:62px;background:#111;border:1px solid #ffffff22;padding:24px;min-width:230px}.nav-toggle[open] .nav-links,.nav-links ul{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;min-height:760px}.hero-visual{position:absolute;right:-25%;bottom:5%;opacity:.3}.hero-disc{width:650px}.brand-grid,.release-grid,.shop-band,.content-grid{grid-template-columns:1fr}.brand-card{min-height:620px}.feature-grid{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr}.copyright{grid-column:auto}}
@media(max-width:560px){body{font-size:16px}.wordmark-main{font-size:16px}.brand-disc{width:40px;height:40px}.hero{padding:80px 6vw}.hero h1,.page-hero h1{font-size:45px}.button{width:100%}.section,.content{padding:75px 6vw}.feature-grid,.category-grid{grid-template-columns:1fr}.brand-card{min-height:540px}.shop-symbols{transform:scale(.75);transform-origin:left center}.site-footer{padding:60px 6vw 25px}.footer-links{grid-template-columns:1fr}.page-hero{min-height:400px;padding:80px 6vw 55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}