/* Dazkle's Studio site.css - Version 2.0 - white service text on black */
:root{--black:#0b0d0e;--black2:#141719;--gold:#b78734;--gold2:#d0a04f;--cream:#f4f0ea;--paper:#fff;--ink:#24201d;--muted:#6e675f;--line:#ded5ca;--white:#fff;--shadow:0 12px 30px rgba(0,0,0,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--ink);line-height:1.55}img{display:block;max-width:100%}a{color:inherit}.wrap{width:min(1240px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:white;padding:10px;z-index:9999}.site-header{background:var(--black);color:#fff}.topbar{border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}.topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px}.top-contact{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.topbar a{text-decoration:none}.nav-shell{background:linear-gradient(90deg,#080a0b,#101315)}.nav-row{display:grid;grid-template-columns:210px 1fr 190px;gap:22px;align-items:center;min-height:96px}.brand{text-decoration:none;display:inline-flex;flex-direction:column;align-items:center;line-height:1}.brand-name{font-family:Georgia,'Times New Roman',serif;color:var(--gold2);font-size:34px;letter-spacing:.03em}.brand-studio{font-size:18px;letter-spacing:.42em;margin-left:.42em;margin-top:4px}.brand-tag{font-size:10px;letter-spacing:.26em;margin-top:8px}.main-nav{display:flex;justify-content:center;align-items:center;gap:18px;font-size:12px;text-transform:uppercase}.main-nav>a,.drop-toggle{color:#fff;text-decoration:none;background:none;border:0;font:inherit;text-transform:inherit;padding:37px 0;cursor:pointer}.main-nav>a:hover,.drop-toggle:hover{color:var(--gold2)}.nav-drop{position:relative}.drop-menu{display:none;position:absolute;top:74px;left:-18px;min-width:230px;background:#171a1c;border:1px solid #383838;z-index:50;box-shadow:var(--shadow)}.nav-drop:hover .drop-menu,.nav-drop.open .drop-menu{display:block}.drop-menu a{display:block;padding:12px 16px;color:#fff;text-decoration:none;text-transform:none;border-bottom:1px solid #303234}.drop-menu a:hover{background:#222628;color:var(--gold2)}.call-button{background:linear-gradient(#d2a14e,#ae7d2c);color:#111;text-decoration:none;border-radius:6px;padding:11px 14px;text-align:center;line-height:1.15}.call-button span{font-size:11px}.call-button strong{display:block;font-size:18px;margin-top:3px}.menu-toggle{display:none;background:transparent;color:white;border:1px solid #777;padding:10px 14px;border-radius:4px}.home-hero{position:relative;height:430px;min-height:430px;background:#07090a url('/images/site/hero-salon-v5.png') center center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,7,.96) 0%,rgba(6,8,9,.84) 32%,rgba(4,6,7,.3) 58%,rgba(4,6,7,.03) 100%)}.hero-inner{position:relative;height:430px;min-height:430px;display:flex;align-items:center}.hero-copybox{width:min(430px,100%);color:white;padding:24px 0}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.15em;color:#9a6d28;font-weight:700;font-size:12px}.eyebrow.light{color:var(--gold2)}.hero-copybox h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(38px,4vw,52px);line-height:1.02;margin:0 0 12px}.hero-copybox h1 em{font-family:'Brush Script MT','Segoe Script',cursive;font-size:.72em;color:var(--gold2);font-weight:400}.hero-copybox>p{font-size:14px;line-height:1.45;max-width:390px;margin:0 0 10px}.appointment-copy{border-top:2px solid var(--gold);padding-top:11px;margin-top:11px;font-size:12px;line-height:1.45}.appointment-copy strong{color:var(--gold2)}.appointment-copy a{font-weight:700}.gold-button,.outline-button{display:inline-block;text-decoration:none;font-weight:700}.gold-button{background:linear-gradient(#c89742,#a97827);color:#101010;border-radius:4px;padding:9px 14px;margin-top:10px}.section-tight{padding:34px 0 42px}.center-heading{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:20px}.center-heading h2{font:400 30px Georgia,'Times New Roman',serif;text-transform:uppercase;letter-spacing:.06em;margin:0}.center-heading span{height:1px;width:120px;background:var(--gold)}.service-feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.feature-card{text-align:center;text-decoration:none;color:var(--ink)}.feature-card img{width:100%;height:220px;object-fit:cover}.feature-card h3{font:400 17px Georgia,'Times New Roman',serif;text-transform:uppercase;margin:10px 4px 4px}.feature-card p{margin:0;color:var(--muted);font-size:13px}.feature-card span{display:inline-block;color:#9a6d28;font-size:12px;margin-top:7px}.real-work{background:#0c0f10;color:white;padding:25px 0 30px}.gallery-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.gallery-title h2{font:400 27px Georgia,'Times New Roman',serif;margin:0;text-transform:uppercase}.gallery-title h2 em{font-family:'Brush Script MT','Segoe Script',cursive;text-transform:none;color:var(--gold2);font-size:1.25em}.gallery-title a{border:1px solid var(--gold);color:var(--gold2);padding:8px 16px;text-decoration:none;text-transform:uppercase;font-size:11px}.real-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.real-gallery img{width:100%;height:220px;object-fit:cover}.gallery-note{text-align:center;font-size:12px;margin:9px 0 0;color:#ccc}.section{padding:58px 0}.meet{background:#f6f2ed}.meet-grid{display:grid;grid-template-columns:230px 1fr 320px;gap:34px;align-items:stretch}.danny-photo{overflow:hidden;background:#ddd}.danny-photo img{width:100%;height:100%;object-fit:cover;object-position:56% center}.meet-copy h2{font:400 34px Georgia,'Times New Roman',serif;margin:0}.meet-copy h3{font:italic 18px Georgia,'Times New Roman',serif;color:#9a6d28;margin:0 0 12px}.meet-copy p{color:var(--muted)}.outline-button{border:1px solid var(--gold);color:#8c6426;padding:10px 15px;margin-top:4px}.appointment-panel{border-left:1px solid #d7cbbd;padding-left:28px;display:grid;gap:18px}.appointment-panel strong{font:400 17px Georgia,'Times New Roman',serif;text-transform:uppercase}.appointment-panel p{margin:3px 0 0;font-size:13px;color:var(--muted)}.appointment-panel a{font-weight:700}.find-us{display:grid;grid-template-columns:1.05fr .8fr 1.7fr;min-height:300px;background:#eee}.find-photo img{width:100%;height:100%;object-fit:cover}.find-copy{padding:35px;background:#f4f0ea}.find-copy h2{font:400 24px Georgia,'Times New Roman',serif;line-height:1.3;margin:0 0 10px}.find-copy p{font-size:14px}.find-copy .small{font-size:12px}.map-wrap iframe{border:0;width:100%;height:100%;min-height:300px}.site-footer{background:#090b0c;color:#ddd;padding:38px 0 18px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:35px}.footer-logo{align-items:flex-start}.footer-logo .brand-name{font-size:30px}.site-footer h2{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin-top:0}.site-footer p{font-size:13px}.site-footer a{color:#e6c07d;text-decoration:none}.footer-bottom{border-top:1px solid #2c2e2f;margin-top:25px;padding-top:14px;display:flex;justify-content:space-between;gap:18px;font-size:11px;color:#999}
/* Interior pages */
.page-hero{background:linear-gradient(100deg,#0b0e10,#24201e);color:white;padding:58px 0;border-bottom:3px solid var(--gold)}.page-hero h1{font:400 clamp(38px,5vw,60px) Georgia,'Times New Roman',serif;margin:0 0 12px}.page-hero p{max-width:800px;color:#dedede;margin:0;font-size:16px}.content-section{padding:58px 0}.content-section.alt{background:var(--cream)}.prose{max-width:1050px}.prose h2,.prose h3,.content-card h2,.content-card h3{font-family:Georgia,'Times New Roman',serif}.prose h2{font-size:30px;margin-top:34px}.prose h3{font-size:20px}.prose p,.prose li{color:var(--muted)}.service-columns,.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.content-card{border:1px solid var(--line);padding:26px;background:white}.price-list{width:100%;border-collapse:collapse;margin-top:15px}.price-list th,.price-list td{text-align:left;padding:10px 7px;border-bottom:1px solid var(--line);vertical-align:top}.price-list th:last-child,.price-list td:last-child{text-align:right;white-space:nowrap}.note{background:#f5eee4;border-left:4px solid var(--gold);padding:15px 18px;margin:24px 0}.cta-box{background:#171a1c;color:white;padding:25px;margin-top:28px}.cta-box a{color:#e6c07d}.staff-quote{font:italic 22px Georgia,'Times New Roman',serif;line-height:1.5;border-left:4px solid var(--gold);padding-left:20px;margin:28px 0}.location-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:30px}.location-grid iframe{width:100%;min-height:420px;border:0}.photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0}.photo-strip img{height:230px;width:100%;object-fit:cover}
@media(max-width:1100px){.nav-row{grid-template-columns:180px 1fr 160px}.main-nav{gap:14px;font-size:11px}.call-button strong{font-size:15px}.service-feature-grid{grid-template-columns:repeat(3,1fr)}.real-gallery{grid-template-columns:repeat(3,1fr)}.meet-grid{grid-template-columns:210px 1fr}.appointment-panel{grid-column:1/-1;border-left:0;border-top:1px solid #d7cbbd;padding:22px 0 0;grid-template-columns:repeat(3,1fr)}.find-us{grid-template-columns:1fr 1fr}.map-wrap{grid-column:1/-1;height:320px}}
@media(max-width:820px){.topbar-inner{padding:8px 0;align-items:flex-start}.top-contact span{display:none}.nav-row{grid-template-columns:1fr auto;min-height:84px}.call-button{display:none}.menu-toggle{display:block}.main-nav{display:none;grid-column:1/-1;flex-direction:column;align-items:stretch;gap:0;padding:0 0 14px}.main-nav.open{display:flex}.main-nav>a,.drop-toggle{display:block;width:100%;text-align:left;padding:12px 0;border-top:1px solid #25282a}.nav-drop{width:100%}.drop-menu{position:static;border:0;box-shadow:none;background:#16191b}.nav-drop:hover .drop-menu{display:none}.nav-drop.open .drop-menu{display:block}.home-hero,.hero-inner{height:430px;min-height:430px}.hero-overlay{background:linear-gradient(90deg,rgba(4,6,7,.94),rgba(4,6,7,.75))}.service-feature-grid{grid-template-columns:repeat(2,1fr)}.meet-grid{grid-template-columns:180px 1fr}.appointment-panel{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.location-grid{grid-template-columns:1fr}.photo-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.wrap{width:min(100% - 26px,1240px)}.topbar-inner{font-size:11px;display:block;text-align:center}.top-contact{justify-content:center;gap:10px}.topbar-inner>span{display:block;margin-top:3px}.brand-name{font-size:29px}.brand-studio{font-size:15px}.hero-copybox h1{font-size:43px}.hero-copybox>p{font-size:15px}.gold-button{font-size:13px}.service-feature-grid{grid-template-columns:1fr 1fr;gap:8px}.feature-card img{height:170px}.feature-card h3{font-size:14px}.feature-card p{font-size:12px}.center-heading span{width:40px}.center-heading h2{font-size:24px}.real-gallery{grid-template-columns:repeat(2,1fr)}.real-gallery img{height:190px}.gallery-title{display:block}.gallery-title h2{font-size:21px;margin-bottom:12px}.meet-grid{grid-template-columns:1fr}.danny-photo{height:360px}.find-us{grid-template-columns:1fr}.map-wrap{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}.service-columns,.content-grid{grid-template-columns:1fr}.photo-strip{grid-template-columns:1fr 1fr}.photo-strip img{height:180px}}

@media(max-width:560px){
  .home-hero,.hero-inner{height:500px;min-height:500px}
  .hero-copybox{padding:20px 0}
}

/* ============================================================
   HOMEPAGE BOOKING ACTIONS - Version 1.2
   ============================================================ */
.hero-booking-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  margin-top:12px;
}
.hero-booking-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 14px;
  border-radius:3px;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
}
.hero-book-now{
  min-width:225px;
  min-height:40px;
  background:linear-gradient(#e0ad54,#b97d1f);
  color:#111;
  font-size:13px;
  font-weight:900;
  border:2px solid #e7bc72;
  box-shadow:0 6px 18px rgba(183,135,52,.32);
}
.hero-see-times{
  min-width:225px;
  border:1px solid #b78734;
  background:rgba(0,0,0,.40);
  color:#fff;
}
.hero-call-now{
  min-width:225px;
  border:1px solid rgba(255,255,255,.55);
  background:rgba(0,0,0,.32);
  color:#fff;
}

@media(max-width:560px){
  .hero-booking-actions{
    width:100%;
  }
  .hero-booking-actions a{
    width:100%;
    max-width:320px;
  }
}

/* ============================================================
   HOMEPAGE WIDE SECTION CONTAINMENT - Version 1.3
   Keep hero and Find Us dimensions/proportions; only bring
   the left/right edges into the same 1240px site frame.
   ============================================================ */
@media(min-width:821px){
  .home-hero{
    width:min(1240px,calc(100% - 40px));
    margin-left:auto;
    margin-right:auto;
  }

  .find-us{
    width:min(1240px,calc(100% - 40px));
    margin-left:auto;
    margin-right:auto;
  }
}

/* Tablet/mobile remain naturally full-width. */
@media(max-width:820px){
  .home-hero,
  .find-us{
    width:100%;
    margin-left:0;
    margin-right:0;
  }
}

/* ============================================================
   HOMEPAGE HERO BAND - Version 1.6
   Safe wrapper: full-width black background behind the
   already-constrained 1240px hero. No pseudo-elements.
   ============================================================ */
.home-hero-band{
  width:100%;
  background:#0b0d0e;
}

@media(max-width:820px){
  .home-hero-band{
    width:100%;
  }
}



/* ============================================================
   HOMEPAGE LOCATION BAND - Version 1.7
   Full-width black gutters around the constrained Find Us block.
   The door/address/map content itself keeps its current size.
   ============================================================ */
.home-location-band{
  width:100%;
  background:#0b0d0e;
}

/* ============================================================
   HOMEPAGE BLACK OUTER GUTTERS - Version 1.8
   Keep each homepage section's existing content/design, but
   constrain the light sections to the same 1240px frame so
   the exposed desktop sides show the site's black background.
   ============================================================ */
.home-page{
  background:#0b0d0e;
}

@media(min-width:821px){
  .home-page .home-services,
  .home-page .meet{
    width:min(1240px,calc(100% - 40px));
    margin-left:auto;
    margin-right:auto;
  }
}

@media(max-width:820px){
  .home-page .home-services,
  .home-page .meet{
    width:100%;
    margin-left:0;
    margin-right:0;
  }
}

/* ============================================================
   HOMEPAGE SERVICES TEXT ON DARK BACKGROUND - Version 2.0
   Makes the Our Services section readable on black.
   ============================================================ */
.home-page .home-services{
  color:#fff;
}

.home-page .home-services .center-heading h2{
  color:#fff;
}

.home-page .home-services .feature-card{
  color:#fff;
}

.home-page .home-services .feature-card h3{
  color:#fff;
}

.home-page .home-services .feature-card p{
  color:#cfcfcf;
}

.home-page .home-services .feature-card span{
  color:var(--gold2);
}