/*
Theme Name: The Blend Collective
Theme URI: https://thebmoreblend.com
Author: The Blend Collective
Description: Luxury black-and-gold salon theme, Elementor-compatible with editable WordPress pages.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: the-blend-collective
*/
:root{--gold:#d9b36b;--cream:#f5e6c8;--black:#0b0a09}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0a09;color:#f8f4ed;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{max-width:1200px;margin:auto;padding:0 24px}.topbar{background:#171411;color:#e6d2aa;font-size:12px;padding:9px 0;border-bottom:1px solid #4b3b22}.topbar .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-header{background:#090807;border-bottom:1px solid #493820;position:relative;z-index:2}.headinner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:90px}.brand{font-family:Georgia,serif;font-size:27px;line-height:1.05;color:var(--gold);letter-spacing:2px}.brand small{display:block;font:10px Arial,sans-serif;letter-spacing:4px;text-align:center;margin-top:8px}.nav{display:flex;flex-wrap:wrap;gap:22px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:1px}.nav a:hover,.footer a:hover{color:var(--gold)}.btn{display:inline-block;background:linear-gradient(110deg,#e6c47d,#b88b42);color:#15100a;padding:13px 22px;font-weight:bold;font-size:12px;letter-spacing:1px;text-transform:uppercase;border:1px solid #d7b36c}.btn.alt{background:transparent;color:#edcc8e}.hero{min-height:570px;display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(circle at 60% 40%,#443019,#0a0908 65%)}.hero-copy{padding:85px max(25px,calc((100vw - 1200px)/2)) 75px max(25px,calc((100vw - 1200px)/2));padding-right:20px;align-self:center}.eyebrow{font-size:12px;letter-spacing:4px;color:var(--gold);text-transform:uppercase}.hero h1{font:clamp(40px,5vw,72px)/1.06 Georgia,serif;letter-spacing:-1px;margin:20px 0;color:white}.hero h1 em{color:var(--gold);font-weight:normal}.hero p{max-width:460px;color:#ddd4c8}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-photo{background-image:linear-gradient(90deg,#0b0a09 0%,transparent 24%),url('assets/hero-model.jpg');background-position:center,center 35%;background-size:cover}.section{padding:78px 0}.section h2{font:clamp(32px,4vw,48px) Georgia,serif;color:var(--gold);margin:0 0 18px}.section-intro{color:#cfc5b6;max-width:690px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.service-card{border:1px solid #574324;background:#16120e;padding:28px;min-height:165px}.service-card h3{font:24px Georgia,serif;color:#e4bd75;margin:0 0 12px}.service-card p{color:#c6bfb5;margin:0}.band{background:#18120c;border-top:1px solid #4d3821;border-bottom:1px solid #4d3821}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.notice{padding:35px;border:1px solid #75572c;background:#110e0a}.footer{padding:40px 0;border-top:1px solid #4c3a20;color:#cfc5b6}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.content-page{min-height:50vh;padding:70px 0}.content-page h1{font:44px Georgia,serif;color:var(--gold)}input,textarea{max-width:100%}@media(max-width:850px){.headinner{align-items:flex-start;flex-direction:column;padding:20px 0}.nav{gap:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:60px 25px}.hero-photo{height:430px;grid-row:1;background-image:url('assets/hero-model.jpg');background-position:center 28%}.cards{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media(max-width:540px){.cards{grid-template-columns:1fr}.hero-photo{height:350px}.nav{font-size:11px}.topbar .wrap{display:block}.section{padding:55px 0}}