/* Ideal Saloon Studio 3.8.0 — desktop refresh. Mobile styles remain in mobile-refinement.css. */
@media (min-width:1025px) {
  :root{--desktop-gold:#c99743;--desktop-ink:#24211d;--desktop-soft:#f7f3ed;--desktop-line:#e7dfd4;--desktop-black:#181715}
  body{background:#fff;color:var(--desktop-ink)}
  .topline{background:var(--desktop-black);padding:10px 6%;font-size:11px;letter-spacing:.05em;color:#eee6d9}
  .site-header{height:86px;padding:0 6%;background:#fff;border-bottom:1px solid var(--desktop-line);position:sticky;top:0;z-index:900;box-shadow:0 8px 28px rgba(52,41,28,.035)}
  .site-header .brand-logo{display:flex;align-items:center;gap:12px}
  .site-header .brand-logo img{width:54px;height:54px;object-fit:contain}
  .site-header .brand-wordmark{display:block;color:#a87931;font-size:24px;line-height:1.05;letter-spacing:.14em}
  .site-header .brand-wordmark small{display:block;text-align:left;margin-top:6px;font-size:8px;letter-spacing:.22em;color:#826d4c}
  .site-header nav{gap:26px}
  .site-header nav a{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#403d38}
  .site-header nav a:hover,.site-header nav a[aria-current]{color:#a87931;border-color:#c99743}
  .site-header .nav-book{background:var(--desktop-gold);color:#1f1b16;border-radius:4px;padding:12px 17px;font-size:12px;letter-spacing:.04em}
  .site-header .nav-book:hover{background:#b8893a}

  .hero{min-height:650px;grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);padding:74px 7.5% 72px;gap:8%;background:linear-gradient(120deg,#fff 0%,#fff 55%,#faf6ee 100%);border-bottom:1px solid #efe8de}
  .hero-copy{max-width:690px;padding:10px 0}
  .hero-copy .eyebrow{margin-bottom:18px;font-size:11px;color:#aa7b34}
  .hero-copy h1{font-size:clamp(5.2rem,7.1vw,8rem);letter-spacing:.055em;line-height:.9;color:#d0983c}
  .hero-subtitle{font-size:13px;letter-spacing:.28em;margin:19px 0 0;color:#9c7b4d}
  .hero .intro{max-width:650px;font-size:16px;line-height:1.82;margin-top:29px;color:#676d75}
  .hero .actions{margin-top:32px;gap:14px}
  .hero .button{border-radius:5px;min-height:50px;padding:14px 24px;background:var(--desktop-gold);border-color:var(--desktop-gold);color:#211d17;letter-spacing:.04em}
  .hero .button.outline{background:#fff;color:#8b6227;border-color:#d3ad6e}
  .hero .button:hover{background:#b98938}
  .hero .button.outline:hover{background:#fbf7ef}
  .hero-reassurance{margin-top:23px;gap:20px;font-size:11px;color:#77746f}
  .hero-art{max-width:500px;filter:drop-shadow(0 26px 28px rgba(66,49,31,.15))}
  .hero-art .photo{border-radius:8px;aspect-ratio:4/5;background:#efe8dc}
  .hero-art .single-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;object-position:center 22%!important}
  .hero-art .image-label{border-radius:0 0 8px 8px;padding:44px 22px 20px;background:linear-gradient(transparent,rgba(14,13,12,.78))}

  .mobile-introduction{padding:92px 7.5%;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9%;background:#fff}
  .mobile-introduction h2{font-size:clamp(2.8rem,4vw,4.5rem);line-height:1.08;color:#30343b}
  .mobile-introduction .story-copy{font-size:16px;line-height:1.8;max-width:680px}
  .mobile-introduction .story-actions .button{background:#fff;color:#7f5b26;border-color:#d5b57d;border-radius:5px}
  .service-ribbon{background:#1b1a18;color:#f3eadc;border:0;padding:19px 7%;font-size:11px;letter-spacing:.16em}
  .service-ribbon i{color:#d3a04b}

  .section{padding:90px 7.5%}
  .section-heading{align-items:flex-end;margin-bottom:42px}
  .section-heading h2{font-size:clamp(2.7rem,3.4vw,4rem);color:#30343b}
  .section-heading>p{max-width:560px;line-height:1.8}
  .text-link{color:#90662a;border-color:#c99743}
  .service-grid{border:0;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .service-grid .service-card{border:1px solid var(--desktop-line);border-radius:9px;padding:28px 26px;min-height:220px;background:#fff;box-shadow:0 12px 30px rgba(60,46,31,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
  .service-grid .service-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 18px 38px rgba(60,46,31,.1);border-color:#d7c09b}
  .service-grid .service-card h3{font-size:30px;color:#292d33}
  .service-grid .service-card .eyebrow{margin-bottom:28px;color:#b27d31}
  .service-grid .service-card .service-arrow{position:static;display:block;margin-top:24px;font-size:12px;color:#956a2e}

  .portfolio-preview{background:#f8f4ed}
  .portfolio-preview .look-grid{gap:20px}
  .look .photo{aspect-ratio:4/5;border-radius:8px;background:#ede3d7;box-shadow:0 10px 26px rgba(54,42,30,.05)}
  .look .single-photo img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover!important;object-position:center!important}
  .look-caption strong{font-size:24px;color:#2b2e33}

  .appointment{padding:58px 7.5%;background:#1b1a18;color:#fff}
  .appointment .eyebrow{color:#d8ac61}
  .appointment .button{background:#d3a04b;color:#211c15;border-color:#d3a04b;border-radius:5px}
  .site-footer{background:#141412;color:#f5eee4;padding:62px 7.5% 28px;gap:42px}
  .site-footer p,.site-footer a:not(.brand){color:#bdb5aa}
  .site-footer h3{color:#f2e9dc}
  .site-footer .brand-logo img{width:86px;height:86px}
  .site-footer .footer-bottom{border-color:#34322e;color:#918a81}

  .page-heading{padding:72px 7.5% 62px;background:linear-gradient(135deg,#fff 0%,#faf6ee 100%);border-bottom:1px solid var(--desktop-line)}
  .page-heading h1{font-size:clamp(4.3rem,6.3vw,7rem);color:#31343a}
  .page-heading p:last-child{font-size:16px;line-height:1.8}
  .service-card-grid,.portfolio-category-grid{gap:22px}
  .service-card-grid .service-card,.portfolio-category-card{border-radius:9px;overflow:hidden;box-shadow:0 14px 35px rgba(54,42,30,.07)}

  .booking-shell{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:34px;align-items:start;max-width:1320px;margin:0 auto;padding:62px 5% 82px}
  .booking-card{background:#fff;border:1px solid var(--desktop-line);border-radius:12px;padding:38px;box-shadow:0 18px 45px rgba(53,41,29,.06)}
  .booking-aside{position:sticky;top:115px;background:#1b1a18;color:#fff;border-radius:12px;padding:30px;overflow:hidden}
  .booking-aside p,.booking-aside a{color:#c9c0b5}
  .booking-aside .eyebrow{color:#d9aa5b}
  .booking-aside h2{color:#fff}
  .booking-logo{width:112px;height:112px;object-fit:contain;margin-bottom:24px}
  .service-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .service-options label>span{border-radius:7px;border-color:#e4ded5;background:#fff}
  .service-options label:hover>span{border-color:#c9a367;background:#fbf7ef}
  .booking-steps span.active{color:#9b6c2a;border-color:#c99743}
  .booking-success-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
  .booking-success-actions .button{margin:0}
  .booking-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
}

@media (max-width:1024px) {
  .booking-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
  .booking-success-actions{display:grid;gap:10px;margin-top:18px}
  .booking-success-actions .button{width:100%;justify-content:center}
}
