/*
Theme Name: Hollywood 2U Hair Studio
Theme URI: https://hollywood2uhair.com/
Author: Hollywood 2U Hair Studio
Description: Custom one-page theme for Hollywood 2U Hair Studio in Silverdale, Washington.
Version: 1.0.0
Text Domain: hollywood2u
*/
:root{--ink:#151311;--cream:#f6f1e9;--paper:#fffdf9;--gold:#d2ab63;--muted:#746d66;--line:rgba(210,171,99,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#26221f;font-family:Arial,Helvetica,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}.site-nav{position:fixed;inset:0 0 auto 0;z-index:50;background:linear-gradient(to bottom,rgba(10,9,8,.90),rgba(10,9,8,.55),transparent);color:#fff;padding:18px clamp(20px,5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:Georgia,'Times New Roman',serif;text-decoration:none;letter-spacing:.08em;font-size:clamp(20px,2vw,30px);line-height:.85}.brand span{color:var(--gold)}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.45em;margin-top:8px;color:#eae3d9}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.nav-links a:hover{color:var(--gold)}.hero{min-height:92vh;position:relative;background:linear-gradient(90deg,rgba(5,5,5,.78) 0%,rgba(5,5,5,.48) 38%,rgba(5,5,5,.12) 72%),url('assets/images/hero-salon.png') center/cover no-repeat;display:flex;align-items:center;color:#fff;padding:140px clamp(24px,7vw,100px) 90px}.hero-content{max-width:690px}.eyebrow{font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-weight:700}.hero h1,.section-title{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero h1{font-size:clamp(48px,7vw,90px);line-height:.95;letter-spacing:-.025em;margin:14px 0 18px}.hero .sub{font-size:clamp(17px,2vw,22px);max-width:600px;color:#f0ebe5}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.13em;font-weight:700;border:1px solid var(--gold);background:var(--gold);color:#17130f}.button.secondary{background:transparent;color:#fff}.story-wrap{background:#fff}.story{max-width:1180px;margin:auto;padding:90px clamp(24px,6vw,80px);display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:60px;align-items:center}.portrait-frame{position:relative}.portrait-frame:before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--line);z-index:0}.portrait-frame img{position:relative;z-index:1;width:100%;height:auto}.story-copy .section-title{font-size:clamp(38px,5vw,58px);line-height:1.02;margin:10px 0 24px}.story-copy p{font-size:17px;color:#4b4540;margin:0 0 16px}.story-copy strong{color:#1f1b18}.signature{font:italic 30px/1.2 Georgia,'Times New Roman',serif;margin-top:28px;color:#2d2722}.studio{background:#171512;color:#fff;padding:80px clamp(20px,5vw,70px) 90px;text-align:center}.studio .section-title{font-size:clamp(36px,5vw,56px);margin:10px 0}.studio-lead{font:30px/1.2 Georgia,'Times New Roman',serif;margin:0 auto 38px;max-width:850px;color:#f5efe7}.gallery-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-card{overflow:hidden;background:#222}.gallery-card img{width:100%;height:520px;object-fit:cover;transition:transform .45s ease}.gallery-card:hover img{transform:scale(1.015)}.contact{background:linear-gradient(rgba(15,13,11,.93),rgba(15,13,11,.96));color:#fff;text-align:center;padding:80px clamp(20px,5vw,70px)}.contact .section-title{font-size:clamp(38px,5vw,58px);margin:8px 0 12px}.contact p{color:#dfd8d0;font-size:17px}.contact-grid{max-width:930px;margin:35px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.contact-card{background:#171512;padding:28px 16px;text-decoration:none}.contact-card b{display:block;color:var(--gold);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.contact-card span{font-size:18px}.footer{background:#0f0e0c;color:#aaa;text-align:center;padding:22px;font-size:12px;letter-spacing:.08em}.mobile-cta{display:none}.menu-toggle{display:none}
@media(max-width:820px){.site-nav{background:rgba(14,12,10,.94);padding:14px 18px}.brand{font-size:22px}.nav-links{display:none}.menu-toggle{display:inline-flex;background:none;border:1px solid rgba(255,255,255,.4);color:white;padding:8px 10px;font-size:11px;letter-spacing:.12em}.nav-links.open{display:flex;position:absolute;top:65px;left:0;right:0;background:#151311;padding:18px;flex-direction:column;align-items:flex-start;gap:14px}.hero{min-height:80vh;background-position:58% center;padding:120px 24px 70px}.hero h1{font-size:52px}.story{grid-template-columns:1fr;gap:38px;padding:65px 24px}.story-copy .section-title{font-size:42px}.gallery-grid{grid-template-columns:1fr}.gallery-card img{height:auto}.studio-lead{font-size:25px}.contact-grid{grid-template-columns:1fr}.mobile-cta{position:fixed;z-index:60;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-cta a{box-shadow:0 8px 28px rgba(0,0,0,.22)}.footer{padding-bottom:90px}}