:root{--ink:#241910;--ink-soft:#5e4a3d;--paper:#f7eee3;--cream:#f1e2d2;--accent-soft:#e8c6a7;--accent:#854316;--line:#d6bda7;--white:#fff9f0;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body.dayana-site{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.56 var(--sans)}img{display:block;max-width:100%;height:auto}a{color:inherit}button{font:inherit}h1,h2,h3,p,figure{margin-top:0}h1,h2{line-height:1.12}h3{line-height:1.18}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}h1{font-size:clamp(3.1rem,10vw,8.5rem)}h2{font-size:clamp(1.75rem,3.75vw,3.9rem)}h3{font-size:clamp(1.25rem,2vw,1.8rem)}p{max-width:70ch}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:16px;z-index:100;background:#fff;padding:12px 18px}.skip-link:focus{top:8px}.shell{width:min(100% - 36px,1380px);margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:80px;padding-block:4px}.brand{display:inline-flex;align-items:center;text-decoration:none;min-width:0}.brand-mark{position:relative;display:block;width:clamp(164px,19vw,198px);height:70px;overflow:hidden;flex:none}.brand-logo{position:absolute;top:50%;left:0;width:100%;max-width:none;height:auto;transform:translateY(-50%)}.menu-toggle{display:flex;gap:12px;align-items:center;min-height:44px;background:none;border:1px solid var(--line);padding:8px 12px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.main-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:15px 18px 24px;box-shadow:0 16px 24px #271f2715}.main-navigation.is-open{display:grid}.main-navigation a{padding:10px 0;text-decoration:none;font-size:.95rem;font-weight:600;letter-spacing:.01em}.main-navigation a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}.main-navigation a[aria-current=page]{color:var(--accent);font-weight:700;text-decoration:none}.main-navigation .header-book{font-weight:700;color:var(--ink);border-top:1px solid var(--line);margin-top:6px}.header-book span{color:var(--accent)}.header-social{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:2px}.main-navigation .social-link{display:grid;place-items:center;width:44px;height:44px;padding:9px;border:1px solid var(--line);color:var(--ink)}.social-link svg{display:block;width:22px;height:22px}.main-navigation .social-link:hover{background:var(--cream);color:var(--accent);text-decoration:none}.main-navigation .social-link--instagram{background:#fff7f3;border-color:#7c5570;color:#a82162}.main-navigation .social-link--instagram:hover{background:#fbe9ed;border-color:#5d2a83;color:#5d2a83}.main-navigation .social-link--facebook{background:#eaf2ff;border-color:#3e64a0;color:#1457a6}.main-navigation .social-link--facebook:hover{background:#dceafb;border-color:#1457a6;color:#104482}.main-navigation .social-link:focus-visible{outline-color:var(--ink)}
.button,.button-light{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:15px 21px;min-height:52px;background:var(--ink);color:#fff;text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ink);transition:background .22s,color .22s,transform .22s}.button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.button-light{background:#f5eee7;color:var(--ink);border-color:#f5eee7}.button-light:hover{background:var(--accent-soft)}.text-link{display:inline-flex;gap:22px;align-items:center;padding-bottom:5px;border-bottom:1px solid currentColor;text-decoration:none;font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.text-link:hover{color:var(--accent)}.eyebrow{display:block;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}
.section{padding-block:75px}.section-head{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.section-head h2{margin-bottom:0}
.category-list{border-top:1px solid var(--line)}.category-list a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:21px 2px;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .25s,background .25s}.category-list a:hover{padding-left:12px;background:#f0e6dc}.category-list strong{font:400 clamp(1.3rem,3.2vw,2.45rem)/1.08 var(--serif);letter-spacing:-.03em}.category-list .category-arrow{font-size:1.3rem;color:var(--accent)}.section-tail{margin-top:31px}.photo-interlude{background:var(--ink);color:#f8f2ec;overflow:hidden}.photo-interlude-grid{display:grid;gap:34px;padding-block:65px}.photo-interlude h2{max-width:12ch}.photo-interlude picture{display:block;aspect-ratio:4/3}.photo-interlude img{width:100%;height:100%;object-fit:cover;object-position:50% 57%}.photo-interlude .text-link:hover{color:var(--accent-soft)}.featured{background:var(--white)}.featured-grid{display:grid;gap:28px}.featured-photo picture{display:block;aspect-ratio:4/3}.featured-photo img{width:100%;height:100%;object-fit:cover}.featured h2{max-width:18ch}.featured-facts{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px;margin-top:32px}.featured-facts span{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.booking-band{background:var(--accent-soft);padding-block:75px}.booking-band h2{max-width:14ch}.booking-band p{max-width:46ch}.booking-band-inner{display:grid;gap:30px}
.page-intro{padding-block:62px 54px}.page-intro h1{font-size:clamp(2rem,3.9vw,3.7rem);max-width:20ch;margin-bottom:20px}.page-intro p{font-size:1.07rem;color:var(--ink-soft);max-width:58ch}.page-intro .eyebrow{margin-bottom:28px}.page-intro h1:last-child{margin-bottom:0}.page-intro.tight,.page-intro:has(+.about-feature){padding-bottom:30px}.page-intro .intro-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px}.page-rule{border-top:1px solid var(--line);padding-bottom:clamp(44px,6vw,76px)}
.service-group{scroll-margin-top:100px}.service-group-title{display:block;cursor:pointer;padding:18px 0;border-bottom:1px solid var(--ink);list-style:none}.service-group-title::-webkit-details-marker{display:none}.service-group-title::marker{content:""}.service-group-title:hover{color:var(--accent)}.category-icon{display:block;width:36px;height:36px;flex:none;color:var(--accent);transition:color .2s ease}.category-list a:hover .category-icon,.category-list a:focus-visible .category-icon,.service-group-title:hover .category-icon,.service-group-title:focus-visible .category-icon,.service-group[open] .category-icon{color:#8e634b}.service-group-name{min-width:0}.service-chevron{display:grid;place-items:center;width:24px;height:24px;font-size:0;color:var(--accent)}.service-chevron::before{content:"";display:block;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}.service-group[open] .service-chevron::before{transform:translateY(2px) rotate(-135deg)}.service-group-rows{padding-bottom:32px}.service-row{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline}.service-row h3{font:400 1rem/1.35 var(--sans);margin:0;max-width:58ch}.service-duration{grid-row:2;color:var(--ink-soft);font-size:.78rem}.service-price{grid-column:2;grid-row:1/3;font-size:.95rem;font-weight:700;white-space:nowrap;text-align:right}.service-group .eyebrow{margin-bottom:0}
.gallery-intro{display:grid;gap:25px;align-items:end}.gallery-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:0}.gallery-item{padding:0;border:0;background:#e7ded7;text-align:left;position:relative;overflow:hidden}.gallery-item picture{display:block;aspect-ratio:4/3}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item span{display:block;padding:12px 11px;font:400 .83rem/1.3 var(--sans)}.gallery-item:nth-child(3n+1){grid-column:1/-1}.gallery-item:nth-child(3n+1) picture{aspect-ratio:4/3}.gallery-dialog{padding:0;border:0;background:var(--ink);color:#fff;width:min(94vw,1100px);max-height:94vh}.gallery-dialog::backdrop{background:#1b1418d9}.dialog-top,.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px}.dialog-top button,.dialog-bottom button{color:#fff;background:transparent;border:1px solid #a99398;padding:8px 12px}.gallery-dialog img{width:100%;max-height:70vh;object-fit:contain}.dialog-bottom p{margin:0;font-size:.84rem}.dialog-bottom>div{display:flex;gap:8px}
.about-feature{display:grid;gap:32px;padding-bottom:76px}.about-feature picture{display:block;aspect-ratio:4/3}.about-feature img{width:100%;height:100%;object-fit:cover}.about-feature h2{max-width:11ch}.about-feature p{max-width:50ch;color:var(--ink-soft)}.about-values{background:var(--cream);padding-block:70px}.about-values-grid{display:grid;gap:24px}.about-values-grid article{border-top:1px solid #baa99f;padding-top:16px}.about-values-grid h3{font:400 1.65rem var(--serif)}.about-values-grid p{color:var(--ink-soft)}
.booking-layout{display:grid;gap:35px;padding-top:62px;padding-bottom:80px}.booking-card{background:var(--ink);color:#fff;padding:30px;align-self:start}.booking-card h2{font-size:clamp(1.7rem,3.35vw,2.8rem)}.booking-card p{color:#dfd1ce}.booking-card .button-light{margin-top:14px}.booking-card small{display:block;color:#d2bcb7;line-height:1.5;margin-top:19px}
.contact-layout{display:grid;gap:35px;padding-bottom:80px}.contact-panel{background:var(--cream);padding:28px}.contact-panel h2{font-size:clamp(1.5rem,2.7vw,2.55rem)}.contact-panel address{font-style:normal;font-size:1.25rem;font-family:var(--serif);margin:0 0 20px}.contact-panel p{font-size:.85rem;color:var(--ink-soft)}.contact-actions{display:flex;gap:15px;flex-wrap:wrap}.hours{margin-top:20px;border-top:1px solid var(--line)}.hours div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.86rem}.hours strong{white-space:nowrap}.contact-image picture{display:block;aspect-ratio:4/3}.contact-image img{width:100%;height:100%;object-fit:cover}.contact-email{display:block;overflow-wrap:anywhere;font-size:1.1rem;margin-top:15px}
.contact-map{grid-column:1/-1;min-width:0;border-top:1px solid var(--line);padding-top:clamp(24px,4vw,44px)}
.contact-map{display:grid;grid-template-columns:minmax(0,1fr)}
.contact-map-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--cream);padding:clamp(24px,4vw,56px)}
.contact-map-head h2{margin:0 0 22px}
.contact-map-head p{margin:0;color:var(--ink-soft)}
.contact-map-head .contact-map-address{margin:8px 0 24px}
.contact-map iframe{display:block;width:100%;height:clamp(300px,38vw,420px);border:1px solid var(--line);background:var(--cream)}
@media(min-width:700px){.contact-map{grid-template-columns:repeat(2,minmax(0,1fr))}}
.site-footer{background:#241c23;color:#f6eeea}.footer-bottom{border-top:1px solid #6b5b63;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-block:22px;font-size:.7rem;color:#d8c5c4}.footer-bottom a{color:inherit}
@media(min-width:700px){.shell{width:min(100% - 70px,1380px)}.section{padding-block:105px}.section-head{flex-direction:row;justify-content:space-between;align-items:end}.category-list a{grid-template-columns:44px minmax(0,1fr) auto;padding-block:27px}.photo-interlude-grid{grid-template-columns:.8fr 1.2fr;align-items:center;padding-block:90px}.booking-band-inner{grid-template-columns:1fr auto;align-items:end}.page-intro{padding-block:90px 70px}.service-row{grid-template-columns:1fr 150px 110px;align-items:center;gap:15px}.service-duration{grid-column:2;grid-row:1}.service-price{grid-column:3;grid-row:1}.gallery-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.gallery-item:first-child{grid-column:1/-1}.gallery-item:first-child picture{aspect-ratio:3/2}.about-values-grid{grid-template-columns:repeat(3,1fr)}.booking-layout{grid-template-columns:1fr .8fr;gap:80px}}
@media(min-width:1000px){.featured-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.about-feature{grid-template-columns:1fr 1fr;align-items:center;gap:65px}.about-feature picture{aspect-ratio:6/5}.contact-layout{grid-template-columns:1fr 1fr;gap:50px}.contact-image picture{aspect-ratio:1/1}}
@media(min-width:1180px){.gallery-mosaic{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-item:first-child{grid-column:span 2;grid-row:span 2;display:grid;grid-template-rows:minmax(0,1fr) auto}.gallery-item:first-child picture{height:100%;min-height:0;aspect-ratio:auto}.gallery-item:nth-child(3n+1):not(:first-child){grid-column:auto}}
@media(max-width:380px){.menu-toggle{padding:7px 9px;gap:6px;font-size:.7rem}.page-intro h1{font-size:2rem}.gallery-mosaic{grid-template-columns:1fr}.gallery-item:nth-child(3n+1){grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.footer-qr-crop{position:relative;width:240px;height:240px;overflow:hidden;background:#fff;justify-self:center}
.footer-qr-crop img{position:absolute;top:-10px;left:-30px;width:300px;max-width:none;height:auto}

@media(max-width:380px){.category-list a{grid-template-columns:38px minmax(0,1fr) auto;gap:10px;padding-block:18px}.category-list .category-icon,.service-group-title .category-icon{width:34px;height:34px}}

/* Team roster: ordered editorial features for approved profiles. */
.team-section{padding-block:56px}
.team-section-head{display:grid;gap:12px;margin-bottom:36px}
.team-section-head h1{font-size:clamp(2rem,3.9vw,3.7rem);margin-bottom:0}
.team-grid{display:grid;gap:clamp(56px,8vw,112px)}
.team-card{min-width:0;display:grid;gap:0;border-top:1px solid var(--line);padding-top:22px}
.team-card-image{width:min(66.6667%,280px);aspect-ratio:4/5;background:var(--cream);overflow:hidden}
.team-card-image img{width:100%;height:100%;object-fit:cover}
.team-card-copy{min-width:0;padding:24px 0 0}

body.dayana-site main .team-card h2{font-size:clamp(1.375rem,calc(1.15rem + 1vw),2rem);letter-spacing:-.035em;margin-bottom:8px;overflow-wrap:anywhere}
.team-role{color:var(--accent);font-size:.84rem;font-weight:700;line-height:1.45;letter-spacing:.025em;margin-bottom:21px}
.team-bio{color:var(--ink-soft);font-size:1rem;line-height:1.65;margin-bottom:18px}
.team-bio p{margin:0;max-width:62ch}
.team-bio p+p{margin-top:1em}
.team-card .text-link{min-height:44px;align-items:center;margin-top:4px}
.team-pending{display:grid;gap:0;align-items:stretch;padding-block:68px 92px}
.team-pending-image{min-width:0;overflow:hidden}
.team-pending-image picture{display:block;height:100%;aspect-ratio:5/4}
.team-pending-image img{width:100%;height:100%;object-fit:cover}
.team-pending-copy{display:flex;flex-direction:column;justify-content:center;background:var(--cream);padding:clamp(28px,5vw,70px)}
.team-pending-copy h2{font-size:clamp(1.75rem,3.35vw,3.35rem);max-width:12ch}
.team-pending-copy p{color:var(--ink-soft);max-width:46ch}
.team-pending-copy .team-pending-caption{border-top:1px solid #baa99f;padding-top:16px;margin-top:24px;font-size:.78rem}
@media(min-width:700px){
  .team-section{padding-block:76px}
  .team-card{grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:clamp(32px,5vw,72px);align-items:center;padding-top:28px}
  .team-card-image{width:100%}
  .team-card-copy{padding:0}
  .team-card:nth-child(even){grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  .team-card:nth-child(even) .team-card-image{grid-column:2;grid-row:1}
  .team-card:nth-child(even) .team-card-copy{grid-column:1;grid-row:1}
}
@media(min-width:900px){.team-pending{grid-template-columns:1.05fr .95fr}.team-pending-image picture{aspect-ratio:auto}}

/* v1.2: keep approved page composition; change only navigation, gallery and mobile QR behavior. */
.gallery-item>span{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.gallery-item>span>span{display:inline-flex;flex:none;padding:0}
.gallery-dialog{height:94vh;height:94dvh;max-height:none;max-width:none;overflow:hidden}
.gallery-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.gallery-dialog img{height:100%;min-height:0;max-height:78vh;max-height:78dvh;object-fit:contain;touch-action:pan-y;user-select:none}
.dialog-top button,.dialog-bottom button{min-width:44px;min-height:44px}
.dialog-bottom>div{flex:none}
@media(max-width:699px){
 .gallery-dialog{inset:0;margin:0;width:100vw;height:100vh;height:100dvh}
 .dialog-top{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}
 .dialog-bottom{align-items:center;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:10px}
 .dialog-bottom p{min-width:0;font-size:.8rem}
 .footer-qr-crop{--qr-size:168px;width:var(--qr-size);height:var(--qr-size)}
 .footer-qr-crop img{width:calc(var(--qr-size)*1.25);top:calc(var(--qr-size)/-24);left:calc(var(--qr-size)/-8)}
}

/* Two distinct booking routes within the existing booking card. */

/* Product marks shown on Supernova's public Studio24 profile. */
.brand-section{padding-block:72px 86px;background:var(--white);border-top:1px solid var(--line)}
.brand-section-head{margin-bottom:32px}.brand-section-head .eyebrow{margin-bottom:12px}.brand-section-head h2{font-size:clamp(1.9rem,3.1vw,3.1rem);margin:0}
.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px}
.brand-tile{display:grid;place-items:center;min-width:0;min-height:114px;padding:16px;background:var(--white);box-shadow:inset 0 0 0 1px var(--line)}
.brand-tile img{display:block;width:100%;height:80px;object-fit:contain}
@media(min-width:700px){.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-tile{min-height:130px;padding:22px}.brand-tile img{height:84px}}
@media(min-width:1180px){.brand-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:699px){.brand-tile:last-child:nth-child(odd){grid-column:1/-1}}

body.dayana-site main h1 { font-size: var(--heading-display); }
body.dayana-site main h2 { font-size: var(--heading-section); }
body.dayana-site main h3, body.dayana-site .category-list strong { font-size: var(--heading-detail); }
body.dayana-site main .service-row h3 { font-size: 1rem; }

/* Supernova light and warm metal. */
body.dayana-site {
  --heading-display: clamp(2.65rem, 5.8vw, 5.35rem);
  --heading-section: clamp(1.8rem, 3.6vw, 3.1rem);
  --heading-detail: clamp(1.16rem, 2.1vw, 1.68rem);
  --radius: 16px;
  --card-shadow: 0 8px 22px #683d1710;
  --espresso: #2e2017;
  --light-art: url("reference/home-mobile.webp");
}

html { scroll-padding-top: 120px; }
.shell { width: min(100% - 40px, 1260px); }
.site-header { background: #f8efe5; }
.header-inner { position: relative; min-height: clamp(80px, 8vw, 112px); }
.brand-mark { width: clamp(146px, 25vw, 250px); height: clamp(57px, 8vw, 96px); }
.brand-logo { mix-blend-mode: multiply; }
.menu-toggle {
  display: flex;
  justify-content: space-between;
  min-width: 105px;
  min-height: 48px;
  padding-inline: clamp(12px, 2vw, 22px);
  color: var(--ink);
  background: var(--white);
  border-color: #ac8d73;
  font-weight: 700;
}
.menu-toggle:hover, .menu-toggle[aria-expanded="true"] { background: var(--cream); }
[data-menu-icon] { font-size: 1.1rem; line-height: 1; }
.main-navigation {
  left: auto;
  width: min(100%, 370px);
  padding: 12px 20px 20px;
  max-height: calc(100dvh - 115px);
  overflow-y: auto;
  border: 1px solid var(--line);
  border-radius: 0 0 var(--radius) var(--radius);
  box-shadow: 0 14px 28px #38231829;
}
.main-navigation a { padding-block: 11px; }
.main-navigation .header-book { color: var(--accent); }

.design-icon { width: 24px; height: 24px; flex: none; }
.dayana-site h1 em, .dayana-site h2 em { color: var(--accent); }
.button, .button-light { border-radius: 10px; gap: 14px; }
.button {
  background: linear-gradient(160deg, #493324, var(--espresso) 72%);
  box-shadow: inset 0 -2px 0 #d8a2704d;
}
.button:hover { background: var(--accent); }
.button-outline { color: var(--ink); background: #fff9eea6; box-shadow: none; }
.button-outline:hover { color: #fff; }
.button > span[aria-hidden="true"] { margin-left: auto; font-size: 1.1rem; line-height: 1; }

.hero {
  background-color: #f6ebdf;
  background-image: var(--light-art);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.hero-grid {
  display: grid;
  gap: clamp(34px, 5vw, 72px);
  padding-block: clamp(55px, 8vw, 110px) clamp(26px, 4vw, 56px);
}
.hero-copy { max-width: 670px; }
body.dayana-site main .hero-copy h1 {
  font-size: clamp(2.9rem, 7vw, 6.85rem);
  letter-spacing: -.055em;
  line-height: .97;
  margin: 0;
}
.hero-copy h1 em { display: block; font-weight: 400; }
.hero-lead {
  max-width: 43ch;
  margin: 0 0 clamp(24px, 3.2vw, 44px);
  font-size: clamp(1.04rem, 1.65vw, 1.37rem);
  line-height: 1.5;
}
.hero-lead::before {
  content: "";
  display: block;
  width: min(100%, 330px);
  height: 14px;
  margin: 8px 0 20px;
  background: radial-gradient(ellipse at center, #fff3be 2%, #c07836 29%, #854316 51%, transparent 72%);
  transform: rotate(-3deg) scaleY(.42);
}
.hero-actions { display: flex; align-items: stretch; flex-wrap: wrap; gap: 12px; }
.hero-actions .button {
  min-height: 60px;
  padding-inline: clamp(15px, 2vw, 24px);
  font-size: clamp(.78rem, 1.12vw, .94rem);
  letter-spacing: .055em;
}
.hero-points {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: min(100%, 890px);
  padding: 0;
  margin: 0;
}
.hero-points li {
  display: grid;
  justify-items: center;
  align-content: start;
  text-align: center;
  gap: 9px;
  padding: 6px clamp(6px, 2vw, 24px);
}
.hero-points li + li { border-left: 1px solid #ae77524d; }
.hero-points svg { color: var(--accent); width: clamp(23px, 4vw, 34px); height: auto; }
.hero-points a {
  color: var(--ink);
  font-size: clamp(.67rem, 1.5vw, .94rem);
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: .065em;
  text-transform: uppercase;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
}
.hero-points a:hover { text-decoration-color: currentColor; }

.section { padding-block: clamp(48px, 7vw, 94px); }
.category-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  border: 0;
}
.category-list a, .booking-services a {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 16px;
  min-height: 65px;
  text-decoration: none;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: var(--card-shadow);
}
.category-list a:hover, .booking-services a:hover { padding-left: 16px; background: var(--cream); }
.category-list .category-icon { width: 32px; height: 32px; }
.category-list .category-arrow, .booking-services a > span { color: var(--accent); }
.photo-interlude {
  background: radial-gradient(ellipse at 75% 10%, #70503a, transparent 66%), var(--espresso);
  color: var(--white);
}
.photo-interlude picture, .featured-photo picture, .about-feature picture, .contact-image picture {
  overflow: hidden;
  border-radius: var(--radius);
}

body.dayana-site:not(.home) main { position: relative; isolation: isolate; }
body.dayana-site:not(.home) main::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: clamp(245px, 37vw, 440px);
  pointer-events: none;
  background: linear-gradient(90deg, #f7eee3b3, transparent 76%),
    url("reference/interior.webp") top right / max(100%, 660px) auto no-repeat;
  mask-image: linear-gradient(#000, #000 25%, transparent 100%);
}
.page-intro, .team-section { padding-top: clamp(44px, 6vw, 82px); }
.page-intro.tight, .page-intro:has(+ .about-feature) { padding-bottom: clamp(25px, 3vw, 36px); }
.page-intro h1 { max-width: 25ch; }
.page-intro p { margin-bottom: 0; }
.page-intro .eyebrow { margin-bottom: 12px; }
.services-intro .eyebrow::after, .footer-navigation .eyebrow::before, .footer-navigation .eyebrow::after {
  content: "";
  display: inline-block;
  width: clamp(28px, 7vw, 82px);
  height: 1px;
  background: currentColor;
  margin-inline: 12px;
  vertical-align: middle;
}

.category-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}
.category-chips a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 7px 15px;
  border: 1px solid #b89b83;
  border-radius: 28px;
  background: var(--white);
  font-weight: 700;
  font-size: .88rem;
  text-decoration: none;
}
.category-chips a[aria-current="location"], .category-chips a:hover { background: var(--espresso); color: var(--white); }
.service-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
  padding-bottom: clamp(42px, 6vw, 80px);
}
.service-cards:not(:has(details[open])) { align-items: stretch; }
.service-cards:not(:has(details[open])) :is(.service-group, .service-group-title, .service-card-content) { height: 100%; }
.service-tile {
  min-width: 0;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--card-shadow);
}
.service-group { scroll-margin-top: 12px; }
.service-tile:has(.service-group[open]) { border-color: #a9653b; }
.service-group-title { padding: 0; border: 0; border-radius: var(--radius); }
body.dayana-site main .service-card-content {
  display: grid;
  grid-template-columns: minmax(0, .76fr) minmax(0, 1fr);
  gap: 12px;
  min-height: 220px;
  padding: 8px;
  margin: 0;
  font: 400 .89rem/1.4 var(--sans);
  letter-spacing: normal;
}
[data-service-art="hair"] { --art-x: 0%; --art-y: 0%; }
[data-service-art="gel"] { --art-x: 50%; --art-y: 0%; }
[data-service-art="extensions"] { --art-x: 100%; --art-y: 0%; }
[data-service-art="care"] { --art-x: 0%; --art-y: 100%; }
[data-service-art="art"] { --art-x: 50%; --art-y: 100%; }
[data-service-art="makeup"] { --art-x: 100%; --art-y: 100%; }
.service-card-photo::before, .booking-services a::before {
  background-image: url("reference/services.webp");
  background-size: 300% 200%;
  background-position: var(--art-x) var(--art-y);
  background-repeat: no-repeat;
}
.service-card-photo {
  position: relative;
  display: block;
  min-height: 140px;
  overflow: hidden;
  container-type: size;
  border-radius: 11px;
  background-color: var(--cream);
}
.service-card-photo::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: max(100cqw, 100cqh);
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
}
.service-tile { position: relative; }
.service-tile:not(:has(details[open])) .service-card-copy { padding-bottom: 58px; }
.service-tile:not(:has(details[open])) .service-book {
  position: absolute;
  bottom: 7px;
  right: 8px;
  left: calc(43.2% + 10px);
}
.service-card-copy {
  display: flex;
  flex-direction: column;
  padding: clamp(8px, 1.6vw, 20px) clamp(7px, 1.6vw, 20px) clamp(8px, 1.6vw, 20px) 0;
}
.service-card-copy .category-icon { width: 29px; height: 29px; margin-bottom: 6px; }
.service-card-copy .service-group-name {
  font: 400 clamp(1.3rem, 2.45vw, 2.15rem)/1.04 var(--serif);
  letter-spacing: -.035em;
  margin-bottom: 8px;
}
.service-card-description { color: var(--ink-soft); margin-bottom: 14px; }
.service-card-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 10px;
  padding-top: 9px;
  margin-top: auto;
  border-top: 1px solid var(--line);
}
.service-card-meta strong { color: var(--accent); font-size: 1.16rem; white-space: nowrap; }
.service-card-meta > span { display: inline-flex; align-items: center; gap: 3px; font-weight: 700; font-size: .82rem; }
.service-group-rows { padding: 0 clamp(14px, 2vw, 24px) 8px; }
.service-book { display: flex; min-height: 44px; block-size: 44px; margin: 0 8px 8px; padding: 0 clamp(8px, 1.4vw, 18px); gap: 8px; white-space: nowrap; }
.service-group[open] + .service-book { margin-top: 12px; }
.service-row { grid-template-columns: minmax(0, 1fr) auto; }
.service-duration { grid-column: 1; grid-row: 2; }
.service-price { grid-column: 2; grid-row: 1 / 3; color: var(--accent); }
.booking-band { background: var(--cream); padding-block: clamp(34px, 6vw, 62px); }
.booking-band h2 { max-width: none; margin-bottom: 10px; }
.booking-band p { margin: 0; }

.gallery-item { background: var(--white); border: 1px solid var(--line); border-radius: 12px; }
.team-card { border-top-color: var(--line); }
.team-card-image { border-radius: var(--radius); }
body.dayana-site main .team-card h2 { font-size: clamp(1.75rem, 3.4vw, 2.85rem); }
.brand-section, .about-values { background: var(--cream); }
.brand-grid { gap: 9px; }
.brand-tile { border-radius: 10px; }

.booking-layout {
  gap: clamp(26px, 4vw, 56px);
  padding-block: clamp(38px, 7vw, 84px);
}
.booking-intro { padding: 0 0 18px; }
.booking-title { display: flex; align-items: center; gap: clamp(12px, 2.8vw, 32px); margin-bottom: 16px; }
.booking-title .design-icon { width: clamp(37px, 5.5vw, 65px); height: auto; color: var(--accent); }
.booking-title > div { padding-left: clamp(12px, 2.8vw, 28px); border-left: 1px solid #aa8061; }
.booking-title h1 { margin-bottom: 3px; }
.booking-title .eyebrow { margin: 0; }
.booking-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin: 4px 0 25px;
  padding: 10px 0;
  border-block: 1px solid var(--line);
}
.booking-steps li { display: flex; align-items: center; gap: 7px; font-size: clamp(.69rem, 1.3vw, .93rem); }
.booking-steps li span {
  display: grid;
  place-items: center;
  flex: none;
  width: 26px;
  height: 26px;
  border: 1px solid var(--accent);
  border-radius: 50%;
  color: var(--accent);
  font-weight: 700;
}
.booking-steps li:first-child span { color: #fff; background: var(--accent); }
.booking-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.booking-services a {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 12px 22% 12px 13px;
  gap: 5px;
  min-height: 70px;
  font: 700 clamp(.88rem, 1.75vw, 1.25rem)/1.15 var(--serif);
}
.booking-services a:hover { padding-left: 13px; }
.booking-services a::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 0 auto;
  width: 48%;
  mask-image: linear-gradient(90deg, transparent 5%, #000 85%);
}
.booking-services a > span { position: absolute; right: 10px; top: 10px; color: var(--ink); }
.booking-card {
  align-self: end;
  border-radius: var(--radius);
  background: radial-gradient(ellipse at top right, #65432c, transparent 68%), var(--espresso);
  box-shadow: var(--card-shadow);
}
.booking-card .eyebrow { color: #f4c89f; margin-bottom: 10px; }
.booking-card h2 { margin-bottom: 10px; }
.booking-card .booking-submit {
  display: flex;
  width: 100%;
  gap: 14px;
  line-height: 1.35;
  color: var(--ink);
  background: #fff2df;
}
.booking-card .booking-submit:hover { background: var(--accent-soft); }
.booking-card .booking-submit:focus-visible { outline-color: #f5eee7; }

.contact-panel, .contact-map { border-radius: var(--radius); }
.contact-panel, .contact-map-head { background: var(--cream); }
.contact-map {
  overflow: hidden;
  padding-top: 0;
  border: 1px solid var(--line);
}
.contact-map iframe { border: 0; }

.site-footer {
  margin-top: clamp(22px, 4vw, 50px);
  background: #f4e4d4 url("reference/footer.webp") center / 100% 100% no-repeat;
  color: var(--ink);
}
.footer-connect {
  max-width: 840px;
  padding-top: clamp(10px, 1.6vw, 26px);
  padding-bottom: clamp(28px, 5vw, 52px);
}
.footer-logo {
  width: min(57%, 355px);
  height: clamp(82px, 19vw, 148px);
  object-fit: cover;
  margin: 0 auto clamp(16px, 2.7vw, 28px) 8%;
  mix-blend-mode: multiply;
}
.footer-contact-intro { text-align: center; }
.footer-contact-intro h2 {
  font-size: clamp(2rem, 6.5vw, 4.5rem);
  line-height: 1;
  margin-bottom: 12px;
}
.footer-contact-intro h2::after {
  content: "";
  display: block;
  width: 28%;
  height: 4px;
  margin: 13px auto 0;
  background: radial-gradient(ellipse, #c07836 5%, #754016 36%, transparent 73%);
}
.footer-contact-intro p {
  margin: 0 auto;
  max-width: 47ch;
  color: var(--ink);
  font-size: clamp(.88rem, 2.7vw, 1.28rem);
  line-height: 1.38;
}
.footer-social-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.footer-social-links a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(6px, 2vw, 15px);
  min-height: clamp(47px, 10vw, 68px);
  padding: 7px clamp(8px, 3vw, 24px);
  border: 1px solid #b39983;
  border-radius: 10px;
  font-weight: 700;
  font-size: clamp(.88rem, 2.65vw, 1.25rem);
  text-decoration: none;
  background: #fff9f02e;
}
.footer-social-links a:hover { background: var(--white); }
.footer-social-icon { color: #fff; width: clamp(25px, 5.8vw, 38px); aspect-ratio: 1; padding: 3px; border-radius: 7px; }
.instagram-mark { background: radial-gradient(circle at 25% 95%, #fdbe28, #ed325f 49%, #7625af 88%); }
.facebook-mark { background: #066ce7; }
.footer-social-icon svg { width: 100%; height: 100%; display: block; }
.footer-contact-links {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: 10px;
  margin-block: clamp(18px, 4.7vw, 34px);
}
.footer-location, .footer-email { display: flex; align-items: center; gap: clamp(5px, 1.4vw, 14px); }
.footer-location { font-size: clamp(.83rem, 2.75vw, 1.23rem); }
.footer-location .design-icon, .footer-email .design-icon { color: var(--ink); width: clamp(20px, 5vw, 33px); height: auto; }
.footer-email {
  min-width: 0;
  padding-left: clamp(8px, 2vw, 22px);
  min-height: 40px;
  border-left: 1px solid var(--line);
  font-size: clamp(.68rem, 2.32vw, 1.12rem);
  font-weight: 700;
  overflow-wrap: anywhere;
}
.footer-location a { text-underline-offset: 4px; }
.footer-book {
  display: grid;
  grid-template-columns: auto 1fr auto;
  width: 100%;
  min-height: clamp(48px, 10vw, 76px);
  padding: 8px 13%;
  text-align: center;
  font-size: clamp(.93rem, 3.15vw, 1.45rem);
  background: radial-gradient(ellipse at 22% 120%, #a86f40 0%, transparent 37%), linear-gradient(155deg, #584333, #2e2119 66%);
  box-shadow: inset 0 -2px 0 #b97240;
}
.footer-navigation { margin-top: clamp(20px, 5vw, 38px); text-align: center; padding: 0; border: 0; }
.footer-navigation .eyebrow {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--ink);
  gap: 10px;
  margin-bottom: 7px;
}
.footer-navigation .eyebrow::before, .footer-navigation .eyebrow::after { flex: 1; max-width: 160px; margin: 0; }
.footer-navigation div { display: flex; justify-content: center; gap: 0 clamp(8px, 3vw, 30px); flex-wrap: wrap; }
.footer-navigation a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  text-decoration: none;
  font-size: clamp(.72rem, 2.5vw, 1rem);
}
.footer-navigation a:hover { text-decoration: underline; }
.footer-qr {
  margin: clamp(10px, 2.8vw, 23px) 0 0;
  text-align: center;
  font-size: clamp(.81rem, 2.7vw, 1.08rem);
}
.footer-qr small { display: block; color: var(--ink-soft); font-size: .73em; }
.footer-qr-crop { margin: 7px auto 0; border-radius: 8px; }
.footer-bottom {
  max-width: 840px;
  min-height: clamp(93px, 14vw, 139px);
  border: 0;
  color: #fff4e7;
  font-size: clamp(.71rem, 2.2vw, .94rem);
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  padding: 20px 0 16px;
}
.footer-bottom a { overflow-wrap: anywhere; }
.footer-mark { width: clamp(72px, 20vw, 115px); flex: none; margin-left: auto; }

@media (min-width: 700px) {
  .shell { width: min(100% - 96px, 1260px); }
  .hero { background-image: url("reference/home-wide.webp"); }
  .hero-grid { min-height: 640px; align-content: center; }
  .booking-layout { grid-template-columns: minmax(0, 1.32fr) minmax(0, 1fr); }

}

@media (max-width: 900px) {
  .category-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }

}

@media (max-width: 699px) {
  .brand-mark { width: clamp(146px, 45vw, 220px); height: clamp(57px, 19vw, 87px); }
  .header-inner { min-height: clamp(75px, 22vw, 101px); }
  .hero {
    background-image: linear-gradient(90deg, #f6ebdf6e, #f6ebdf0d 76%), var(--light-art);
    background-size: 100% 100%;
  }
  .hero-grid { width: calc(100% - 14%); gap: clamp(23px, 7vw, 45px); padding-block: clamp(39px, 10vw, 68px) clamp(31px, 9vw, 58px); }
  body.dayana-site main .hero-copy h1 { font-size: clamp(2.25rem, 10.1vw, 4.2rem); }
  .hero-lead { max-width: 31ch; font-size: clamp(.86rem, 3.4vw, 1.14rem); }
  .hero-lead::before { width: 73%; margin-bottom: 12px; }
  .hero-actions { gap: 9px; }
  .hero-actions .button { width: 100%; min-height: 47px; padding-block: 10px; }
  .hero-points a { font-size: clamp(.63rem, 2.4vw, .9rem); letter-spacing: .025em; }
  .hero-points li { padding-inline: 4px; }
  .service-cards { gap: 10px; }
  .service-tile { border-radius: 12px; }
  body.dayana-site main .service-card-content { min-height: 154px; grid-template-columns: 35% minmax(0, 1fr); gap: 6px; padding: 4px; }
  .service-card-photo { border-radius: 8px; min-height: 100%; }
  .service-card-copy { padding: 5px 4px 6px 0; }
  .service-tile:not(:has(details[open])) .service-card-copy { padding-bottom: 52px; }
  .service-card-copy .category-icon { width: 21px; height: 21px; margin-bottom: 4px; }
  .service-card-copy .service-group-name { font-size: clamp(.91rem, 3.45vw, 1.42rem); overflow-wrap: anywhere; margin-bottom: 4px; }
  .service-card-description { font-size: clamp(.71rem, 2.5vw, .89rem); line-height: 1.23; margin-bottom: 6px; }
  .service-card-meta { padding-top: 5px; gap: 0 5px; }
  .service-card-meta strong { font-size: .8rem; }
  .service-card-meta > span { font-size: .66rem; gap: 0; }
  .service-chevron { width: 14px; height: 16px; }
  .service-chevron::before { width: 6px; height: 6px; }
  .service-book {
    font-size: .67rem;
    letter-spacing: .01em;
    gap: 3px;
    padding: 5px;
    min-height: 44px;
    white-space: nowrap;
  }
  .service-tile:not(:has(details[open])) .service-book { left: calc(35% + 9px); right: 8px; bottom: 7px; margin: 0; }
  .service-book > span[aria-hidden="true"] { font-size: .79rem; }
  .service-group-rows { padding-inline: 8px; }
  .service-row { gap: 2px 5px; }
  body.dayana-site main .service-row h3, .service-price { font-size: .78rem; }
  .service-duration { font-size: .69rem; }
  .category-list { grid-template-columns: minmax(0, 1fr); }
  .team-card-image { width: min(100%, 340px); }
}

@media (max-width: 480px) {
  .booking-services a { font-size: clamp(.78rem, 3.45vw, .95rem); }
  .service-book { justify-content: center; }
  .service-book > span[aria-hidden="true"] { display: none; }
}

@media (max-width: 360px) {
  .shell { width: calc(100% - 32px); }
  .booking-services, .service-cards { grid-template-columns: 1fr; }
  .booking-steps li { gap: 4px; }
  .footer-social-links a { font-size: .82rem; }
  .footer-navigation .eyebrow::before, .footer-navigation .eyebrow::after { width: 14px; }
}

/* Desktop uses a visible navigation row. The mobile disclosure keeps the same links. */
@media (min-width: 1000px) {
  .menu-toggle { display: none; }
  .main-navigation, .main-navigation.is-open {
    display: flex;
    align-items: center;
    position: static;
    width: auto;
    max-height: none;
    overflow: visible;
    gap: clamp(9px, 1.2vw, 19px);
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .main-navigation a { padding: 0; font-size: clamp(.82rem, 1.16vw, .95rem); white-space: nowrap; }
  .main-navigation .header-book { margin: 0; padding: 10px 12px; border: 1px solid var(--ink); border-radius: 7px; }
  .main-navigation .header-book:hover { background: var(--cream); }
  .header-social { margin: 0; padding: 0; border: 0; gap: 4px; }
}