:root{--cream:#f6f0e9;--white:#fffdfa;--taupe:#b89c82;--text:#2d2926;--muted:#756c65;--line:#e2d8cf;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--white);font-family:Arial,sans-serif;line-height:1.65}.sba-wrap{width:min(var(--max),92%);margin:auto}.sba-header{position:sticky;top:0;z-index:20;background:rgba(255,253,250,.95);border-bottom:1px solid var(--line)}.sba-nav{height:88px;display:flex;align-items:center;justify-content:space-between}.sba-brand{text-decoration:none;font-family:Georgia,serif;font-size:20px;line-height:1}.sba-brand strong{font-size:28px;font-weight:400}.sba-menu{display:flex;align-items:center;gap:22px}.sba-menu a{text-decoration:none;font-size:11px;letter-spacing:.09em}.sba-btn{display:inline-block!important;background:var(--taupe);color:white!important;padding:14px 22px;text-decoration:none;letter-spacing:.11em;font-size:11px}.sba-toggle{display:none;border:0;background:none;font-size:24px}.sba-hero{background:var(--cream)}.sba-hero-grid{min-height:680px;display:grid;grid-template-columns:43% 57%}.sba-hero-copy{padding:90px 10% 80px 3%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:.23em;color:#8e7e70}.center{text-align:center;display:block}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(52px,6vw,88px);line-height:.98;margin:22px 0}h2{font-size:clamp(38px,4vw,58px);line-height:1.05;margin:12px 0 35px}.sba-hero-copy p{color:var(--muted);max-width:480px;margin-bottom:28px}.sba-hero-copy .sba-btn{align-self:flex-start}.sba-photo{min-height:520px;background:linear-gradient(135deg,#d8c2ae,#f3e9df 50%,#c7aa90);display:flex;align-items:center;justify-content:center;color:#806f60;font-size:11px;letter-spacing:.15em}.sba-section{padding:90px 0}.sba-section>.sba-wrap>h2{text-align:center}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.services article{padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:240px}.services b{font-size:11px;color:var(--taupe)}.services h3{font-size:27px}.services p{color:var(--muted);font-size:14px}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.story-copy{padding:80px 10%;display:flex;flex-direction:column;justify-content:center}.story-copy p{color:var(--muted)}.script{font:italic 26px Georgia,serif;color:var(--taupe)!important}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery div{min-height:260px;background:linear-gradient(135deg,#e5d5c6,#cdb39b);display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.16em}.shop{background:var(--cream)}.booking{text-align:center;padding:105px 0;background:#e9ddd1}.booking p{color:var(--muted);margin-bottom:28px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-box{background:var(--cream);padding:40px}.sba-footer{background:#2f2a27;color:#eee7df;padding-top:55px}.sba-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding-bottom:45px}.sba-footer a{display:block;color:#ddd2c7;text-decoration:none}.sba-footer p{color:#c8bdb3;font-size:13px}.sba-copy{text-align:center;border-top:1px solid #4a423d;padding:17px;font-size:11px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px}.woocommerce ul.products li.product{width:auto!important;margin:0!important}.woocommerce a.button,.woocommerce button.button{background:var(--taupe)!important;color:#fff!important;border-radius:0!important}@media(max-width:900px){.sba-toggle{display:block}.sba-menu{display:none;position:absolute;top:88px;left:0;right:0;background:var(--white);padding:25px;flex-direction:column;align-items:flex-start}.sba-menu.open{display:flex}.sba-hero-grid,.story,.contact{grid-template-columns:1fr}.services{grid-template-columns:1fr 1fr}.sba-footer-grid{grid-template-columns:1fr 1fr}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.services{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.sba-footer-grid{grid-template-columns:1fr}.sba-hero-copy{padding:65px 4%}}

/* v1.5 — real visual assets + unified boho styling */
:root{
  --cream:#f3ede6;
  --white:#fffaf5;
  --taupe:#a9886d;
  --mocha:#795e49;
  --text:#342820;
  --muted:#75695f;
  --line:#ded0c3;
}
body{background:var(--white);color:var(--text)}
h1,h2,h3,.sba-brand{font-family:"Cormorant Garamond",Georgia,serif}
.sba-hero-photo{
  position:relative;
  min-height:700px;
  background-image:url('../images/hero-boho.jpg');
  background-size:cover;
  background-position:center right;
}
.sba-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,237,230,.97) 0%,rgba(244,237,230,.84) 34%,rgba(244,237,230,.16) 67%,rgba(244,237,230,.04) 100%)}
.sba-hero-photo .sba-wrap{position:relative;z-index:2}
.sba-hero-photo h1 em,.story-copy h2 em{font-weight:400;color:var(--mocha)}
.sba-hero-spacer{min-height:700px}
.services-section{background:#fffaf5}
.services article{background:#f9f3ec;transition:.25s ease}
.services article:hover{background:#efe3d8;transform:translateY(-4px)}
.svc-icon{display:block;font-size:28px;color:var(--taupe);margin:16px 0 5px}
.story-photo{background:#f1e7dd}
.story-media{min-height:600px;background:url('../images/salon-interior.jpg') center/cover no-repeat}
.sba-text-link{font-size:11px;letter-spacing:.12em;text-decoration:none;color:var(--mocha);border-bottom:1px solid var(--taupe);align-self:flex-start}
.gallery-photos{grid-template-columns:repeat(12,1fr);grid-auto-rows:210px}
.gallery-photos>div{position:relative;background-size:cover;background-position:center;min-height:0}
.gallery-photos>div:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(42,31,24,.45))}
.gallery-photos>div span{position:absolute;left:18px;bottom:15px;z-index:2;color:white;font-size:10px;letter-spacing:.18em}
.gallery-photos .g1{grid-column:span 5;grid-row:span 2;background-image:url('../images/hair-editorial.jpg')}
.gallery-photos .g2{grid-column:span 3;background-image:url('../images/salon-interior.jpg')}
.gallery-photos .g3{grid-column:span 4;background-image:url('../images/bridal-style.jpg')}
.gallery-photos .g4{grid-column:span 4;background-image:url('../images/salon-detail.jpg')}
.gallery-photos .g5{grid-column:span 3;background-image:url('../images/hero-boho.jpg')}
.gallery-photos .g6{grid-column:span 7;background-image:url('../images/hair-editorial.jpg');background-position:center 35%}
.booking-photo{position:relative;background:url('../images/salon-detail.jpg') center/cover no-repeat;color:#fff}
.booking-overlay{position:absolute;inset:0;background:rgba(63,45,33,.60)}
.booking-content{position:relative;z-index:2}
.booking-photo .eyebrow,.booking-photo p{color:#f2e8de}
.booking-photo .sba-btn{background:#b39479;border:1px solid #b39479}
.woocommerce ul.products li.product{background:#fbf5ef;padding-bottom:18px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:var(--text)!important}
.woocommerce ul.products li.product .price{color:var(--mocha)!important}
.woocommerce a.button,.woocommerce button.button{background:var(--taupe)!important}
@media(max-width:900px){
 .sba-hero-photo{background-position:62% center}
 .sba-hero-overlay{background:linear-gradient(180deg,rgba(244,237,230,.96) 0%,rgba(244,237,230,.88) 48%,rgba(244,237,230,.18) 100%)}
 .gallery-photos{grid-template-columns:1fr 1fr;grid-auto-rows:190px}
 .gallery-photos .g1,.gallery-photos .g2,.gallery-photos .g3,.gallery-photos .g4,.gallery-photos .g5,.gallery-photos .g6{grid-column:span 1;grid-row:span 1}
}
