/* Healing Hair Salon v0.3.0 */
:root{--bg:#f8f5ee;--ink:#19342f;--muted:#6e746d;--line:#e3dfd5;--paper:#fffefa;--accent:#b08b67}
body{background:radial-gradient(ellipse at 80% 7%,#e6eee5 0,transparent 36%),#f8f5ee}
.top{background:rgba(248,245,238,.94);backdrop-filter:blur(18px)}
.brand{letter-spacing:.035em;font-size:17px;font-family:Georgia,serif;font-weight:500;color:#183d35}
.brand .dim{color:#a67e59;font-weight:500}
.mark{color:#a67e59}
.btn{border-radius:9px;transition:transform .2s,background .2s}
.btn.primary{background:#183d35;border-color:#183d35}
.btn.primary:hover{background:#2e6254;border-color:#2e6254}
.product,.panel,.lookbook-item{border-radius:15px;overflow:hidden;box-shadow:0 14px 38px #2743380b}
.product .photo{background:linear-gradient(135deg,#e7d5c3,#f3eee5)}
.hero-card{border-radius:10px;overflow:hidden}
.orb{background:radial-gradient(circle at 40% 30%,#eae5d6,#bbcfc2 67%,#658779)}
.message-panel{background:linear-gradient(135deg,#e4ebe1,#efe3d7);border-radius:24px}
.eyebrow{color:#93724e}
.landing h1 em,.studio-hero h1 em,.message-panel h2 em{color:#997653}
.render-wait{margin:35px auto;max-width:680px;text-align:center;padding:65px 30px;border:1px solid #d9ded3;background:#fafaf5;border-radius:24px}
.render-wait h2{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3rem)}
.wait-glow{font-size:74px;color:#bd9b72;animation:hhs-breathe 2.4s ease-in-out infinite}
@keyframes hhs-breathe{50%{opacity:.35;transform:scale(.92)}}
@media(max-width:560px){.brand{font-size:12px}.top nav{gap:8px}.top nav a{font-size:10px}.render-wait{padding:40px 18px}}