@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Nunito+Sans:wght@400;600;700;800&display=swap");
:root{color-scheme:light;--cream:#F3E4CD;--beige:#E8D3B6;--coffee:#3B2617;--gold:#A57235;--brown:#704515;--brown-dark:#56340F;--highlight:#CBA66F;--white:#FFF6E8;--line:rgba(61,49,39,.12);--shadow:0 18px 42px rgba(61,49,39,.12);--radius:18px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Nunito Sans","Segoe UI",Arial,sans-serif;color:var(--coffee);background:var(--cream);letter-spacing:0}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}p{line-height:1.65}.topbar{background:var(--beige);border-bottom:1px solid var(--line);font-size:.9rem}.topbar-inner,.nav-inner,.section-inner,.footer-inner{width:min(var(--max),calc(100% - 32px));margin:0 auto}.topbar-inner{display:flex;justify-content:space-between;gap:18px;padding:10px 0;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:40;background:rgba(243,228,205,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;min-width:205px}.brand-logo{width:clamp(168px,22vw,265px);height:auto;border-radius:0;mix-blend-mode:normal;filter:drop-shadow(0 4px 8px rgba(61,38,23,.12))}.nav-links{display:flex;align-items:center;gap:18px;font-size:.95rem;font-weight:800}.nav-links a{color:rgba(61,49,39,.76)}.nav-links a:hover,.nav-links a.active{color:var(--brown)}.nav-toggle{display:none;min-width:62px;height:44px;border:1px solid var(--line);background:var(--white);color:var(--coffee);border-radius:999px;font-size:.88rem;font-weight:800}.button,.sticky-book{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 22px;border-radius:999px;border:1px solid transparent;font-weight:900;font-size:.98rem;box-shadow:0 10px 24px rgba(138,106,68,.12);transition:.18s ease}.button.primary,.sticky-book{background:var(--brown);color:white}.button.primary:hover,.sticky-book:hover{background:var(--brown-dark)}.button.secondary{color:var(--coffee);background:rgba(255,251,245,.82);border-color:rgba(138,106,68,.22)}.button:hover,.sticky-book:hover{transform:translateY(-1px)}.sticky-book{min-height:44px;padding:12px 18px;white-space:nowrap}.hero{min-height:calc(100vh - 118px);display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(243,228,205,.98) 0%,rgba(248,236,218,.9) 48%,rgba(203,166,111,.36) 100%),radial-gradient(circle at 82% 34%,rgba(165,114,53,.22),transparent 34%),var(--cream)}.hero::after{content:"";position:absolute;right:-80px;bottom:-120px;width:min(48vw,520px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(176,141,87,.28);background:rgba(239,230,216,.42)}.hero-content{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:72px 0;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;position:relative;z-index:1}.hero-text{max-width:680px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:900;margin:0 0 14px}h1,h2,h3{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;color:var(--coffee);font-weight:700;margin:0}h1{max-width:720px;font-size:clamp(3.2rem,7vw,6.5rem);line-height:.95}.hero-copy{max-width:610px;margin:22px 0 0;color:rgba(61,49,39,.78);font-size:clamp(1.08rem,2vw,1.35rem)}.hero-actions,.quick-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero-card{min-height:430px;border-radius:34px;background:transparent;box-shadow:none;border:0;display:grid;place-items:center;padding:18px}.hero-card img{width:min(100%,700px);border-radius:0;mix-blend-mode:normal;filter:drop-shadow(0 14px 20px rgba(61,38,23,.16))}.section{padding:78px 0}.section.light{background:var(--cream)}.section.beige,.section.dark,.section.green,.section.wine{background:var(--beige);color:var(--coffee)}.section-title{display:grid;gap:12px;margin-bottom:34px;max-width:760px}.section-title.center{text-align:center;margin-left:auto;margin-right:auto}.section-title h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.02}.section-title p{margin:0;color:rgba(61,49,39,.72);font-size:1.08rem}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-card,.treatment,.trust-card,.gallery-item,.contact-panel{background:var(--white);border:1px solid rgba(176,141,87,.16);border-radius:var(--radius);box-shadow:var(--shadow)}.service-card{min-height:330px;display:grid;align-content:end;padding:22px;overflow:hidden;position:relative}.service-card::before,.gallery-item::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(216,195,165,.42),rgba(248,244,238,.7)),repeating-linear-gradient(135deg,rgba(176,141,87,.08) 0 1px,transparent 1px 18px)}.service-card::after{content:attr(data-icon);position:absolute;top:22px;right:22px;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;color:var(--brown);background:rgba(255,251,245,.82);border:1px solid rgba(176,141,87,.22);font-size:1.5rem}.service-card>div{position:relative;z-index:1}.service-card h3{font-size:1.75rem;margin-bottom:8px}.service-card p{margin:0 0 18px;color:rgba(61,49,39,.72)}.service-card .button{min-height:42px;padding:10px 16px;font-size:.9rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.brand-panel,.photo-placeholder{width:100%;min-height:420px;border-radius:30px;background:linear-gradient(145deg,rgba(255,251,245,.82),rgba(239,230,216,.9)),var(--beige);box-shadow:var(--shadow);border:1px solid rgba(176,141,87,.18);display:grid;place-items:center;text-align:center;padding:30px}.brand-panel img{width:min(100%,560px);border-radius:0;mix-blend-mode:normal;filter:drop-shadow(0 14px 20px rgba(61,38,23,.16))}.photo-placeholder span,.gallery-item span{position:relative;z-index:1;display:grid;gap:8px;color:rgba(61,49,39,.74);font-weight:900}.photo-placeholder small,.gallery-item small{font-weight:700;color:rgba(61,49,39,.58)}.feature-list,.trust-grid{display:grid;gap:18px}.trust-grid{grid-template-columns:repeat(5,1fr)}.trust-card{padding:24px 18px;text-align:center}.trust-icon{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--beige);color:var(--brown);font-size:1.45rem}.trust-card h3,.feature h3{font-family:"Nunito Sans","Segoe UI",Arial,sans-serif;font-size:1rem;font-weight:900;margin:0}.trust-card p,.feature p{margin:8px 0 0;color:rgba(61,49,39,.68)}.feature{padding:18px 0;border-top:1px solid var(--line)}.treatment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.treatment{padding:26px}.treatment h3{font-size:1.55rem;margin-bottom:10px}.treatment p{margin:0;color:rgba(61,49,39,.7)}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.gallery-item{min-height:190px;display:grid;place-items:center;text-align:center;padding:18px;position:relative;overflow:hidden}.banner{padding:34px;border-radius:30px;border:1px solid rgba(176,141,87,.22);background:var(--white);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.banner h2{font-size:clamp(2rem,3vw,3.2rem);margin-bottom:8px}.banner p{margin:0;color:rgba(61,49,39,.72)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-panel{padding:30px}.detail-list{display:grid;gap:16px}.detail{padding-bottom:16px;border-bottom:1px solid var(--line)}.detail strong{display:block;color:var(--brown);margin-bottom:5px}.detail span{color:rgba(61,49,39,.76)}.map-frame{min-height:360px;border-radius:30px;overflow:hidden;border:1px solid rgba(176,141,87,.18);background:var(--beige);box-shadow:var(--shadow)}.map-frame iframe{width:100%;height:420px;border:0;display:block}.site-footer{background:var(--beige);border-top:1px solid var(--line);padding:46px 0 22px}.footer-inner{display:grid;gap:28px}.footer-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:26px}.footer-logo{width:min(260px,100%);border-radius:0;mix-blend-mode:normal;margin-bottom:12px;filter:drop-shadow(0 4px 8px rgba(61,38,23,.1))}.footer-col h3{font-family:"Nunito Sans","Segoe UI",Arial,sans-serif;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brown);margin:0 0 12px}.footer-col p,.footer-col a{display:block;margin:0 0 9px;color:rgba(61,49,39,.72);line-height:1.5}.footer-bottom{padding-top:18px;border-top:1px solid var(--line);color:rgba(61,49,39,.58);font-size:.88rem}.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:60;display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 20px;border-radius:999px;background:#1fa855;color:white;box-shadow:0 16px 34px rgba(31,168,85,.28);font-weight:900}@media (max-width:1060px){.nav-links{gap:12px;font-size:.88rem}.service-grid,.trust-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.hero-content,.split,.contact-grid{grid-template-columns:1fr}.hero-card{min-height:300px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.topbar-inner{display:none}.nav-inner{min-height:82px}.brand-logo{width:170px}.sticky-book{display:none}.nav-toggle{display:inline-grid;place-items:center}.nav-links{position:absolute;left:16px;right:16px;top:76px;display:none;flex-direction:column;align-items:stretch;padding:16px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:9px 0}.hero{min-height:auto}.hero-content{padding:46px 0 58px;gap:28px}.hero-actions .button,.quick-actions .button{width:100%}.section{padding:54px 0}.service-grid,.trust-grid,.treatment-grid,.gallery-grid,.footer-grid{grid-template-columns:1fr}.service-card,.gallery-item{min-height:230px}.banner{grid-template-columns:1fr;padding:24px}}


/* Quiet luxury Dolce theme: cafe noir, sage, olive, sandy beige, terracotta */
:root {
  --cream: #EADBC4;
  --beige: #DCC7A6;
  --coffee: #3D2B1F;
  --gold: #A77B45;
  --brown: #B66A4B;
  --brown-dark: #8F4E36;
  --highlight: #D2A679;
  --white: #F8F0E3;
  --sage: #9CAF88;
  --olive: #626A4F;
  --line: rgba(61, 43, 31, 0.13);
  --shadow: 0 18px 42px rgba(61, 43, 31, 0.10);
}

body {
  background:
    radial-gradient(circle at 8% 12%, rgba(156, 175, 136, 0.18), transparent 30%),
    linear-gradient(180deg, #EADBC4 0%, #F3E6D2 48%, #EADBC4 100%);
}

.topbar,
.site-footer,
.section.beige,
.section.dark,
.section.green,
.section.wine {
  background: #DCC7A6;
}

.site-header {
  background: rgba(234, 219, 196, 0.94);
  box-shadow: 0 12px 34px rgba(61, 43, 31, 0.06);
}

.nav-links a:hover,
.nav-links a.active,
.eyebrow,
.detail strong,
.footer-col h3 {
  color: var(--olive);
}

.button.primary,
.sticky-book {
  background: linear-gradient(135deg, #C77855, #A85C41);
  color: #FFF8EC;
  box-shadow: 0 14px 28px rgba(166, 92, 65, 0.18);
}

.button.primary:hover,
.sticky-book:hover {
  background: linear-gradient(135deg, #A85C41, #7E422D);
}

.button.secondary {
  background: rgba(248, 240, 227, 0.78);
  border-color: rgba(98, 106, 79, 0.24);
  color: var(--coffee);
}

.hero {
  background:
    linear-gradient(110deg, rgba(234, 219, 196, 0.98) 0%, rgba(248, 240, 227, 0.9) 46%, rgba(156, 175, 136, 0.34) 100%),
    radial-gradient(circle at 84% 32%, rgba(210, 166, 121, 0.28), transparent 36%),
    var(--cream);
}

.hero::after {
  border-color: rgba(98, 106, 79, 0.24);
  background: rgba(156, 175, 136, 0.18);
}

.hero-card img,
.brand-logo,
.footer-logo,
.brand-panel img {
  filter: drop-shadow(0 10px 18px rgba(61, 43, 31, 0.13));
}

.service-card,
.treatment,
.trust-card,
.gallery-item,
.contact-panel,
.banner {
  background: rgba(248, 240, 227, 0.86);
  border-color: rgba(98, 106, 79, 0.16);
}

.service-card::before,
.gallery-item::before {
  background:
    linear-gradient(145deg, rgba(210, 166, 121, 0.28), rgba(248, 240, 227, 0.78)),
    radial-gradient(circle at 20% 18%, rgba(156, 175, 136, 0.22), transparent 28%),
    repeating-linear-gradient(135deg, rgba(98, 106, 79, 0.06) 0 1px, transparent 1px 18px);
}

.service-card::after,
.trust-icon {
  background: rgba(156, 175, 136, 0.22);
  border-color: rgba(98, 106, 79, 0.2);
  color: var(--olive);
}

.photo-placeholder,
.brand-panel {
  background:
    linear-gradient(145deg, rgba(248, 240, 227, 0.86), rgba(220, 199, 166, 0.72)),
    radial-gradient(circle at 72% 20%, rgba(156, 175, 136, 0.26), transparent 32%);
  border-color: rgba(98, 106, 79, 0.18);
}

.whatsapp-float {
  background: #626A4F;
  box-shadow: 0 16px 34px rgba(98, 106, 79, 0.28);
}

.footer-bottom,
.detail,
.site-header,
.topbar,
.site-footer {
  border-color: rgba(61, 43, 31, 0.12);
}
:root{--cream:#D8C6AA;--beige:#C5AE8E;--white:#EEE4D4;--coffee:#2E2119;--line:rgba(46,33,25,.18)}
body{background:linear-gradient(180deg,#D8C6AA,#E4D6C0 48%,#D8C6AA)}.site-header{background:rgba(216,198,170,.94)}.topbar,.site-footer,.section.beige,.section.dark,.section.green,.section.wine{background:#C5AE8E}.social-links{display:grid;gap:10px}.social-links a{display:flex;align-items:center;gap:9px}.social-links svg{width:19px;height:19px;fill:currentColor}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.booking-form{display:grid;gap:18px}.booking-form label{display:grid;gap:7px;font-weight:800}.booking-form input,.booking-form select,.booking-form textarea{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(238,228,212,.8);font:inherit;color:var(--coffee)}.booking-form textarea{min-height:130px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-note{margin:0;color:rgba(46,33,25,.7)}@media(max-width:760px){.form-grid{grid-template-columns:1fr}}
.brand-logo,.footer-logo{object-fit:contain;object-position:center;background:transparent}.brand-logo{max-height:72px}.footer-logo{max-height:95px}
.brand-logo,.footer-logo{mix-blend-mode:multiply;background:transparent;border:0;box-shadow:none}.brand-logo{width:clamp(190px,20vw,250px);height:62px;object-fit:cover;object-position:center}.footer-logo{width:min(250px,100%);height:82px;object-fit:cover;object-position:center}
.brand-logo,.footer-logo{mix-blend-mode:normal;background:transparent;object-fit:contain;object-position:center}.brand-logo{height:66px}.footer-logo{height:90px}
.brand-logo,.footer-logo{mix-blend-mode:normal;background:transparent;object-fit:contain;object-position:center}.brand-logo{height:66px}.footer-logo{height:90px}

/* Dolce image gallery and hero rotation */
.brand{min-width:245px}.brand-logo{width:clamp(220px,24vw,310px);height:78px;max-height:78px}.hero-card{position:relative;min-height:510px;padding:0;overflow:hidden;border-radius:34px;isolation:isolate;background:#48382e;box-shadow:0 24px 60px rgba(61,43,31,.22)}.hero-slideshow,.hero-slideshow img{position:absolute;inset:0;width:100%;height:100%}.hero-slideshow img{object-fit:cover;opacity:0;animation:dolceCrossfade 24s infinite;transform:scale(1.05)}.hero-slideshow img:nth-child(2){animation-delay:6s}.hero-slideshow img:nth-child(3){animation-delay:12s}.hero-slideshow img:nth-child(4){animation-delay:18s}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(46,33,25,.5),rgba(46,33,25,.08) 62%,rgba(167,123,69,.28));z-index:1}.hero-logo{position:absolute;z-index:2;inset:0;display:grid;place-items:center;padding:32px}.hero-logo img{width:min(94%,640px);max-height:310px;object-fit:contain;filter:drop-shadow(0 12px 25px rgba(0,0,0,.34))}.real-gallery{grid-template-columns:repeat(3,1fr)}.real-gallery .gallery-item{margin:0;min-height:320px;padding:0;border-radius:20px}.real-gallery .gallery-item:before{display:none}.real-gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.real-gallery figcaption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:48px 18px 17px;color:#fff;font-size:1.08rem;font-weight:900;background:linear-gradient(transparent,rgba(31,20,14,.8));text-align:left}.real-gallery .gallery-item:hover img{transform:scale(1.07)}.whatsapp-float{gap:9px;padding:0 19px}.whatsapp-float svg{width:23px;height:23px;fill:currentColor;flex:none}.social-links a:first-child svg{fill:#25D366}.social-links a:nth-child(2) svg{fill:#C13584}@keyframes dolceCrossfade{0%,20%{opacity:1;transform:scale(1.05)}25%,95%{opacity:0;transform:scale(1.13)}100%{opacity:1;transform:scale(1.05)}}@media(max-width:1060px){.brand{min-width:205px}.brand-logo{width:230px}.real-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.brand-logo{width:195px;height:72px}.hero-card{min-height:390px}.hero-logo img{max-height:225px}.real-gallery{grid-template-columns:1fr}.real-gallery .gallery-item{min-height:360px}.whatsapp-float span{display:none}.whatsapp-float{width:58px;padding:0;border-radius:50%}}
/* Service photography */
.brand{min-width:290px}.brand-logo{width:clamp(265px,28vw,365px);height:92px;max-height:92px}.service-with-photo{padding:0;align-content:end}.service-with-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.service-with-photo:before{z-index:1;background:linear-gradient(180deg,rgba(30,22,18,.03) 25%,rgba(30,22,18,.86) 100%)}.service-with-photo:after{z-index:3}.service-with-photo>div{z-index:2;padding:22px;color:#fff}.service-with-photo h3,.service-with-photo p{color:#fff}.service-with-photo p{color:rgba(255,255,255,.86)}.service-with-photo:hover>img{transform:scale(1.06)}.service-with-photo .button.primary{background:rgba(255,248,236,.95);color:var(--coffee);box-shadow:none}.service-hero-photo{width:100%;min-height:490px;border-radius:34px;overflow:hidden;box-shadow:0 24px 58px rgba(61,43,31,.22);position:relative}.service-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(46,33,25,.12),transparent 56%,rgba(167,123,69,.26))}.service-hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}@media(max-width:1060px){.brand{min-width:235px}.brand-logo{width:255px;height:84px}.service-hero-photo{min-height:420px}}@media(max-width:760px){.brand{min-width:0}.brand-logo{width:218px;height:78px}.service-hero-photo{min-height:360px}.service-with-photo{min-height:290px}}
/* Expanded Dolce identity + rotating service galleries */
.brand{min-width:335px}.brand-logo{width:clamp(310px,31vw,420px);height:108px;max-height:108px}.footer-logo{width:min(340px,100%);height:125px;max-height:125px}.service-slideshow{background:#3d2b1f}.service-slideshow img{opacity:0;animation:dolceServiceCrossfade 18s infinite;transform:scale(1.04)}.service-slideshow img:nth-child(2){animation-delay:6s}.service-slideshow img:nth-child(3){animation-delay:12s}@keyframes dolceServiceCrossfade{0%,27%{opacity:1;transform:scale(1.04)}33%,94%{opacity:0;transform:scale(1.11)}100%{opacity:1;transform:scale(1.04)}}@media(max-width:1060px){.brand{min-width:265px}.brand-logo{width:280px;height:92px}.footer-logo{width:300px;height:112px}}@media(max-width:760px){.brand{min-width:0}.brand-logo{width:230px;height:82px}.footer-logo{width:290px;height:108px}.nav-inner{min-height:90px}.nav-links{top:84px}}
/* Our Work portfolio */
.work-hero{padding:110px 0 82px;background:linear-gradient(120deg,rgba(46,33,25,.92),rgba(61,43,31,.68)),url("assets/salon-service-in-action.jpg") center 40%/cover;color:#fff}.work-hero h1{color:#fff;font-size:clamp(3.2rem,7vw,6rem);line-height:.95}.work-hero p:not(.eyebrow){max-width:620px;margin:20px 0 0;font-size:1.15rem;color:rgba(255,255,255,.88)}.work-hero .eyebrow{color:#f0c68f}.work-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto 34px}.work-filter button{border:1px solid rgba(98,106,79,.25);background:rgba(248,240,227,.76);border-radius:999px;padding:11px 17px;font:800 .88rem "Nunito Sans",sans-serif;color:var(--coffee);cursor:pointer}.work-filter button.is-active,.work-filter button:hover{background:var(--olive);border-color:var(--olive);color:#fff}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:16px}.work-tile{position:relative;overflow:hidden;margin:0;border-radius:20px;background:var(--coffee);box-shadow:var(--shadow)}.work-tile.tall{grid-row:span 2}.work-tile.wide{grid-column:span 2}.work-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.work-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(28,20,15,.84))}.work-tile figcaption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:22px;color:#fff;display:grid;gap:3px}.work-tile figcaption span{font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#ebc98e}.work-tile figcaption strong{font:700 1.55rem "Cormorant Garamond",Georgia,serif}.work-tile:hover img{transform:scale(1.08)}.work-tile.is-hidden{display:none}@media(max-width:1060px){.work-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:260px}}@media(max-width:760px){.work-hero{padding:78px 0 62px}.work-grid{grid-template-columns:1fr;grid-auto-rows:330px}.work-tile.tall,.work-tile.wide{grid-row:span 1;grid-column:span 1}.work-filter{justify-content:flex-start}}
/* Refined service framing and softer image transitions */
.service-hero-photo{background:#2e2119;min-height:560px}.service-hero-photo img{object-fit:contain;object-position:center;background:#2e2119}.service-hero-photo:after{background:linear-gradient(140deg,rgba(46,33,25,.08),transparent 68%,rgba(167,123,69,.12));pointer-events:none}.service-slideshow img{animation:dolceServiceDissolve 27s cubic-bezier(.4,0,.2,1) infinite;will-change:opacity,transform}.service-slideshow img:nth-child(2){animation-delay:9s}.service-slideshow img:nth-child(3){animation-delay:18s}@keyframes dolceServiceDissolve{0%,25%{opacity:1;transform:scale(1.01)}33%,92%{opacity:0;transform:scale(1.035)}100%{opacity:1;transform:scale(1.01)}}.service-with-photo>img{z-index:0;display:block}.service-with-photo:before{z-index:1;background:linear-gradient(180deg,rgba(30,22,18,.04) 18%,rgba(30,22,18,.9) 100%)}.service-with-photo>div{z-index:2}.service-with-photo::after{z-index:3}@media(max-width:1060px){.service-hero-photo{min-height:500px}}@media(max-width:760px){.service-hero-photo{min-height:440px}.service-hero-photo img{object-fit:contain}}
/* Full-bleed client-service photography on barber and salon pages */
.service-client-page .service-hero-photo{aspect-ratio:3 / 4;min-height:0;height:auto;background:#2e2119}.service-client-page .service-hero-photo img{object-fit:cover;object-position:center center;background:transparent}.service-client-page .service-slideshow img:first-child{object-position:center 46%}@media(max-width:1060px){.service-client-page .service-hero-photo{aspect-ratio:4 / 5}}@media(max-width:760px){.service-client-page .service-hero-photo{aspect-ratio:4 / 5;min-height:0}}
/* Stronger logo presence and video portfolio tiles */
.nav-inner{min-height:124px;gap:14px}.brand{min-width:370px}.brand-logo{width:clamp(350px,33vw,455px);height:116px;max-height:116px}.footer-logo{width:min(390px,100%);height:142px;max-height:142px}.nav-links{gap:12px;font-size:.88rem}.work-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.work-video video+figcaption{z-index:2}.work-video:after{z-index:1}@media(max-width:1060px){.nav-inner{min-height:106px}.brand{min-width:280px}.brand-logo{width:290px;height:94px}.footer-logo{width:330px;height:122px}.nav-links{gap:9px;font-size:.82rem}}@media(max-width:760px){.nav-inner{min-height:92px}.brand{min-width:0}.brand-logo{width:240px;height:84px}.footer-logo{width:310px;height:115px}.nav-links{top:86px}}
/* Responsive, full-bleed media and fast-loading reels */
.service-hero-photo,.hero-card,.work-tile,.gallery-item,.service-with-photo{background:#2e2119}.service-hero-photo{aspect-ratio:4 / 5;min-height:0;height:auto}.service-hero-photo img,.hero-slideshow img,.work-tile img,.work-tile video,.gallery-item img,.service-with-photo>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.service-hero-photo img{background:transparent}.work-video{aspect-ratio:9 / 16;grid-row:span 2}.work-video.wide{aspect-ratio:16 / 9;grid-row:span 1}.work-video video{position:absolute;inset:0}.work-video::after{z-index:1}.work-video figcaption{z-index:2}@media(max-width:760px){.service-hero-photo{aspect-ratio:4 / 5;min-height:0}.work-video,.work-video.wide{aspect-ratio:9 / 16;grid-row:span 1}.work-grid{grid-auto-rows:330px}.work-video{min-height:330px}}
/* Refined mobile menu control */
.nav-toggle{display:none;align-items:center;justify-content:center;gap:9px;width:auto;min-width:0;height:48px;padding:0 15px;border:1px solid rgba(98,106,79,.34);border-radius:999px;background:rgba(248,240,227,.88);box-shadow:0 8px 20px rgba(46,33,25,.09);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.menu-icon{width:19px;height:14px;display:flex;flex-direction:column;justify-content:space-between}.menu-icon i{display:block;width:100%;height:1.5px;border-radius:99px;background:var(--coffee);transition:transform .25s ease,opacity .2s ease}.nav-toggle.is-open .menu-icon i:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle.is-open .menu-icon i:nth-child(2){opacity:0}.nav-toggle.is-open .menu-icon i:last-child{transform:translateY(-6px) rotate(-45deg)}.nav-toggle.is-open .menu-label{font-size:0}.nav-toggle.is-open .menu-label:after{content:"Close";font-size:.78rem}@media(max-width:760px){.nav-toggle{display:inline-flex}.nav-links{top:86px}}
/* Reliable logo framing without a pasted-card appearance */
.brand{height:122px;overflow:hidden;display:flex;align-items:center}.brand-logo{width:450px;height:116px;object-fit:cover;object-position:center;transform:scale(1.08);filter:drop-shadow(0 6px 12px rgba(46,33,25,.16))}.footer-logo{width:390px;height:142px;object-fit:cover;object-position:center;transform:scale(1.06);filter:drop-shadow(0 7px 13px rgba(46,33,25,.14))}.hero-logo{overflow:hidden}.hero-logo img{width:112%;max-width:none;transform:scale(1.08);filter:drop-shadow(0 12px 22px rgba(0,0,0,.36))}@media(max-width:760px){.brand{height:90px}.brand-logo{width:252px;height:86px;transform:scale(1.05)}.footer-logo{width:320px;height:118px}}
/* Dedicated, non-overlapping reel layout */
.work-grid{grid-auto-flow:row dense}.work-tile{min-width:0;min-height:0}.work-video,.work-video.wide{aspect-ratio:auto;grid-row:span 2;height:auto;min-height:0}.work-video.wide{grid-column:span 2}.work-video video{object-fit:contain;background:#1a1411}.work-video figcaption{background:linear-gradient(transparent,rgba(20,14,11,.92))}@media(max-width:760px){.work-grid{grid-auto-rows:360px}.work-video,.work-video.wide{grid-column:span 1;grid-row:span 1;height:360px;min-height:360px}.work-video video{object-fit:contain}}
/* Five-image homepage rotation */
.hero-slideshow img{animation-duration:30s}.hero-slideshow img:nth-child(2){animation-delay:6s}.hero-slideshow img:nth-child(3){animation-delay:12s}.hero-slideshow img:nth-child(4){animation-delay:18s}.hero-slideshow img:nth-child(5){animation-delay:24s}