@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--cream:#f8f5ef;--ink:#332921;--brown:#704a39;--muted:#786e63;--line:#d9d1c6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b98b4f;outline-offset:5px}header{height:100px;padding:0 5%;display:flex;align-items:center;gap:35px;background:var(--cream);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:24px;letter-spacing:4px;line-height:1.1}.brand img{width:44px;height:52px}.brand span span{display:block;font-size:9px;letter-spacing:2px;margin-top:8px}nav{display:flex;gap:28px;margin-left:auto;font-size:13px}nav a:hover{color:var(--brown)}.button{border:1px solid var(--brown);background:var(--brown);color:#fff;padding:14px 23px;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:13px;transition:background .2s}.button:hover{background:#4e3226}.menu{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.hero-copy{padding:85px 9% 30px 10%;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600;margin:0 0 25px}h1,h2,h3{font-weight:400;margin:0;font-family:'Playfair Display',Georgia,serif;line-height:1.12}h1{font-size:clamp(55px,5.8vw,90px);letter-spacing:-3px}em{font-weight:400;color:var(--brown)}.intro{font-size:15px;max-width:410px;line-height:1.9;margin:30px 0}.actions{display:flex;align-items:center;gap:28px}.text-link{font-size:12px;background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 4px;display:inline-block;width:fit-content}.hero-foot{margin-top:auto;padding-top:60px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.4px;color:var(--muted)}.hero-image{position:relative;overflow:hidden}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center 42%}.image-note{position:absolute;bottom:27px;left:28px;color:white;font-size:13px;font-style:italic;text-shadow:0 1px 5px #000}.ribbon{display:flex;align-items:center;justify-content:space-evenly;gap:20px;background:#e9e1d6;padding:23px 5%;font-size:10px;letter-spacing:2px}.ribbon i{color:#9a7c57}.section{padding:100px 8%}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:50px}h2{font-size:clamp(40px,4vw,60px);letter-spacing:-1.5px}.section-title>p{max-width:360px;color:var(--muted);font-size:14px;margin-bottom:5px}.service-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:27px;padding:27px 0;cursor:pointer}summary::-webkit-details-marker{display:none}.num{font-size:11px;color:var(--muted)}h3{font-size:30px}.tag{margin-left:auto;font-size:12px;color:var(--muted)}.plus{font-size:26px;font-weight:400;margin-left:30px}details[open] .plus{transform:rotate(45deg)}.detail{padding:0 0 30px 44px;max-width:650px;color:var(--muted)}.work{background:#eee8df}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gallery button{border:0;background:none;padding:0;overflow:hidden}.gallery img{width:100%;height:340px;object-fit:cover;display:block;transition:transform .5s}.gallery button:nth-child(even){margin-top:40px}.gallery button:hover img{transform:scale(1.05)}.caption{font-size:11px;color:var(--muted);margin:24px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;background:#332d26;color:#f9f5ec}.about-img img{width:100%;height:100%;object-fit:cover;display:block}.about-copy{padding:85px 14%}.about em{color:#d8b69c}.about p:not(.eyebrow){color:#d4cbc0;font-size:14px}.about .signature{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:27px!important;margin:25px 0}.light{background:transparent;border-color:#a79887}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}blockquote{margin:0;border-top:1px solid var(--line);padding-top:18px}blockquote>span{font:60px Georgia;color:#a78c70;height:48px;display:block}blockquote p{font-family:'Playfair Display',Georgia,serif;font-size:21px;line-height:1.55;min-height:130px}blockquote footer{font-size:12px}blockquote small{display:block;color:var(--muted);font-size:9px}.contact{background:#e9e1d6;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact>div>p:not(.eyebrow){max-width:400px;color:#6c6055;font-size:14px;margin:25px 0}.call{display:block;margin-top:18px;font-size:18px}.contact-info{padding-top:18px}.contact-info>div+div{margin-top:38px}.contact h3{font-size:25px}.contact-info p{font-size:14px}dl{margin-bottom:10px}dl>div{display:flex;justify-content:space-between;font-size:13px;padding:7px 0;border-bottom:1px solid #cfc4b7}dd{margin:0}.contact small{font-size:10px;color:#746858}.footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer>span{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:21px}.footer>a:not(.brand),.footer small{font-size:10px}.mobile-book{display:none}dialog{border:0;padding:40px;background:var(--cream);color:var(--ink);width:min(760px,92vw);max-height:90dvh;overflow:auto}dialog::backdrop{background:#211a15b8;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:8px;border:0;background:transparent;font-size:30px;color:inherit}dialog h2{font-size:42px}.booking-fallback{padding-top:15px;border-top:1px solid var(--line);font-size:12px}.booking-fallback a{margin:0 15px 15px 0}#photo{padding:0;background:#221e1a;width:fit-content;overflow:visible}#photo img{display:block;max-width:85vw;max-height:85dvh}#photo .close{color:white;background:#332921;border-radius:50%;width:40px;z-index:2}body.modal-open{overflow:hidden}@media(min-width:1500px){body{max-width:1800px;margin:auto}}@media(max-width:1050px){header{gap:20px}nav{gap:18px}header>.button{display:none}.hero{min-height:610px}.hero-copy{padding-top:65px}.actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-foot{gap:20px}.gallery img{height:270px}.about-copy{padding:60px 10%}blockquote p{font-size:19px}}@media(max-width:700px){header{height:80px;padding:0 6%;justify-content:space-between;position:relative;z-index:5}.brand{font-size:20px}.brand img{width:35px;height:44px}.brand span span{font-size:8px}.menu{display:block;border:0;background:none;font-size:25px;color:var(--ink)}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--cream);padding:20px 7%;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;gap:18px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:45px 7% 30px}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:20px}h1{font-size:60px;letter-spacing:-2px}.intro{font-size:14px;margin:25px 0;max-width:100%}.actions{flex-direction:row;align-items:center;gap:20px}.button{padding:13px 17px;font-size:12px;gap:13px}.text-link{font-size:11px}.hero-foot{padding-top:30px;font-size:9px}.hero-image{height:420px}.ribbon{padding:18px 6%;justify-content:center;flex-wrap:wrap;gap:10px 18px;font-size:8px;letter-spacing:1px}.ribbon i:last-of-type{display:none}.section{padding:65px 7%}.section-title{display:block;margin-bottom:35px}.section-title>p{margin-top:25px}.section-title>.text-link{margin-top:25px}h2{font-size:43px}summary{gap:13px;padding:23px 0}h3{font-size:23px}.tag{display:none}.plus{margin-left:auto}.detail{padding-left:26px;font-size:14px}.gallery{grid-template-columns:1fr 1fr;gap:12px}.gallery img{height:250px}.gallery button:nth-child(even){margin-top:25px}.about{grid-template-columns:1fr}.about-img img{max-height:470px;object-fit:cover}.about-copy{padding:55px 7%}.review-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}blockquote p{min-height:0;font-size:21px}blockquote>span{height:35px}.contact{grid-template-columns:1fr;gap:30px}.footer{flex-wrap:wrap;padding:35px 7% 100px}.footer>span{display:none}.footer small{width:100%}.mobile-book{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--cream);border-top:1px solid var(--line);padding:10px 6%;align-items:center;justify-content:space-between;z-index:6;box-shadow:0 -3px 18px #3329210a}.mobile-book>a{font-size:12px}.mobile-book .button{min-width:58%}dialog{padding:35px 22px}dialog h2{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Original vector logo, horizontal single-colour edition. */
.brand{flex-shrink:0}.brand img.pretty-logo{width:190px;height:88px;object-fit:contain}.footer .brand img.pretty-logo{width:205px;height:95px}@media(max-width:700px){.brand img.pretty-logo{width:157px;height:73px}.footer .brand img.pretty-logo{width:180px;height:84px}}

/* Typography trial: a script face resembling the outlined Pretty wordmark. */
@font-face{font-family:'Pretty Script Trial';font-style:normal;font-weight:400;font-display:swap;src:url('assets/great-vibes.ttf') format('truetype')}
h1 em,h2 em,.about .signature{font-family:'Pretty Script Trial',cursive;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.15}
h1 em{font-size:1.08em}h2 em{font-size:1.14em}

.previous-type h1 em,.previous-type h2 em,.previous-type .about .signature{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:1em;letter-spacing:inherit;line-height:inherit}

/* Recurring seasons: core typography and logo remain consistent. */
:root{--season-panel:#e9e1d6;--season-work:#eee8df;--season-dark:#332d26;--season-accent:#d8b69c}
:root[data-season=winter]{--cream:#f5f3ef;--brown:#52616a;--season-panel:#e2e7e8;--season-work:#edf0f0;--season-dark:#303e45;--season-accent:#dce4df}
:root[data-season=lente]{--cream:#faf7f2;--brown:#57654c;--season-panel:#e8ecdf;--season-work:#f1e9e4;--season-dark:#384638;--season-accent:#e4d5be}
:root[data-season=zomer]{--cream:#fcf8ef;--brown:#8a5339;--season-panel:#f1e2c9;--season-work:#f4ecdd;--season-dark:#574635;--season-accent:#edcf9d}
:root[data-season=herfst]{--cream:#f8f5ef;--brown:#704a39;--season-panel:#e9e1d6;--season-work:#eee8df;--season-dark:#332d26;--season-accent:#d8b69c}
:root[data-season=december]{--cream:#faf6ed;--brown:#793e42;--season-panel:#eee1cd;--season-work:#f1e9dc;--season-dark:#283d34;--season-accent:#e5c88b}
.ribbon,.contact{background:var(--season-panel)}.work{background:var(--season-work)}.about{background:var(--season-dark)}.about em{color:var(--season-accent)}.season-message{display:flex;align-items:center;gap:30px;padding:35px 8%;background:var(--season-panel);border-top:1px solid #33292115}.season-message h2{font-size:30px;letter-spacing:-.5px}.season-message .eyebrow{margin-bottom:8px;font-size:9px}.season-message p.season-copy{font-size:13px;max-width:650px;margin:12px 0 0}.season-symbol{color:var(--brown);font-family:Georgia,serif;font-size:65px;line-height:1;flex:0 0 60px;text-align:center}.season-message>.text-link{margin-left:auto;flex-shrink:0}.theme-preview{background:#332921;color:#fff;padding:10px 5%;font-size:12px;display:flex;justify-content:space-between;gap:15px}.theme-preview[hidden]{display:none}.theme-preview a{text-decoration:underline}.theme-preview~header{position:relative}.button:hover{filter:brightness(.88)}@media(max-width:700px){.season-message{padding:28px 7%;gap:18px;flex-wrap:wrap}.season-symbol{font-size:42px;flex-basis:35px}.season-message>div{flex:1;min-width:180px}.season-message h2{font-size:25px}.season-message>.text-link{margin-left:53px}.theme-preview{font-size:10px}}

/* Priority treatments and the one-off February 2027 anniversary. */
.focus-services{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:42px}.focus-services>a{display:block;padding:28px;background:var(--season-work);border-top:2px solid var(--brown)}.focus-services .eyebrow{display:block;margin-bottom:14px}.focus-services h3{font-size:29px}.focus-services p{font-size:14px;color:var(--muted)}.focus-services>a:hover{outline:1px solid var(--brown);outline-offset:3px}
:root[data-season=jubileum]{--cream:#fbf6ee;--brown:#754449;--season-panel:#efe0c8;--season-work:#f4e8e4;--season-dark:#493238;--season-accent:#e8c98d}
[data-season=jubileum] .season-message{background-color:#493238;background-image:radial-gradient(circle at 8% 18%,#dec185 1px,transparent 2px),radial-gradient(circle at 88% 75%,#dec185 1px,transparent 2px),radial-gradient(circle at 72% 20%,#dec185 1px,transparent 2px);color:#fbf6ee;padding-top:46px;padding-bottom:46px}
[data-season=jubileum] .season-symbol{font-family:'Playfair Display',Georgia,serif;font-size:82px;color:#e8c98d;border:1px solid #e8c98d;border-radius:50%;flex-basis:100px;height:100px;display:flex;align-items:center;justify-content:center}
[data-season=jubileum] .season-name{color:#e8c98d}[data-season=jubileum] .season-message h2{font-size:34px}
@media(max-width:700px){.focus-services{grid-template-columns:1fr;gap:16px}.focus-services>a{padding:23px}.focus-services h3{font-size:26px}[data-season=jubileum] .season-symbol{flex-basis:65px;height:65px;font-size:52px}[data-season=jubileum] .season-message h2{font-size:28px}}

/* Softer salon buttons, consistent across seasonal palettes. */
.button{border-radius:999px;padding-inline:27px;min-height:46px;font-weight:500;letter-spacing:.15px;box-shadow:0 3px 12px #3329210c;transition:background .2s,box-shadow .2s,transform .2s,filter .2s}
.button:hover{background:var(--brown);filter:brightness(.94);box-shadow:0 5px 16px #33292118;transform:translateY(-1px)}
.button:active{transform:translateY(0);box-shadow:0 2px 6px #33292112}
.button.light{background:transparent;border-color:var(--season-accent);box-shadow:none}
.button.light:hover{background:#ffffff0c;filter:none;box-shadow:none}
.menu,dialog .close{border-radius:50%;min-width:44px;min-height:44px}
@media(max-width:700px){.button{padding-inline:21px}.mobile-book .button{min-height:46px}}

.inline-icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}.work .section-title>.text-link{display:inline-flex;align-items:center;gap:8px}.instagram-icon{width:17px;height:17px}

/* Both halves pivot around the screw to close the scissors. */
.scissor-half{transform-origin:12px 12px;transition:transform .24s ease-in-out}
.book:hover .scissor-upper,.book:focus-visible .scissor-upper{transform:rotate(-30deg)}
.book:hover .scissor-lower,.book:focus-visible .scissor-lower{transform:rotate(30deg)}
.text-link.book{display:inline-flex;align-items:center;gap:10px}
@media(prefers-reduced-motion:reduce){.scissor-half{transition:none}}

.actions>.text-link,.season-message>.text-link{display:inline-flex;align-items:center;gap:9px}.review-grid small a{text-decoration:underline;text-underline-offset:3px}

.contact-info .text-link,.footer>a[href*="instagram"]{display:inline-flex;align-items:center;gap:8px}
.google-rating{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;width:fit-content;margin-top:25px;font-size:13px}.google-rating strong{font-size:16px;font-weight:500}.rating-stars{color:var(--brown);font-size:18px;letter-spacing:2px}.google-rating:hover{text-decoration:underline;text-underline-offset:4px}

/* Preserve the full 4:5 originals and avoid magnifying their compression texture. */
.gallery{align-items:start}
.gallery button{min-width:0}
.gallery img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;image-rendering:auto;transform:none;transition:none;filter:none}
.gallery button:hover img{transform:none}


.address-with-icon{display:flex;align-items:flex-start;gap:10px}.address-with-icon .contact-icon{margin-top:3px}.contact .call{display:flex;align-items:center;gap:10px;width:fit-content}.heading-with-icon{display:flex;align-items:center;gap:10px}.heading-with-icon .contact-icon{width:23px;height:23px}.contact-icon{color:var(--ink)}

/* Quiet, unnumbered treatment rows. */
.service-list summary{gap:24px;padding:30px 0}
.service-list summary h3{transition:color .2s}
.service-list summary:hover h3{color:var(--brown)}
.service-list .tag{font-size:11px;letter-spacing:.2px}
.service-list .plus{position:relative;display:block;width:18px;height:18px;flex:0 0 18px;margin-left:24px;transform:none}
.service-list .plus::before,.service-list .plus::after{content:"";position:absolute;background:currentColor;opacity:.7}
.service-list .plus::before{width:14px;height:1px;left:2px;top:8px}
.service-list .plus::after{width:1px;height:14px;left:8px;top:2px;transition:transform .2s}
.service-list details[open] .plus{transform:none}
.service-list details[open] .plus::after{transform:rotate(90deg)}
.service-list .detail{padding-left:0}
@media(max-width:700px){.service-list summary{padding:25px 0;gap:15px}.service-list .plus{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.service-list summary h3,.service-list .plus::after{transition:none}}

/* Render the logo directly as vector paths, at its exact native proportions. */
.brand svg.pretty-logo{display:block;width:200px;height:auto;aspect-ratio:127/59;flex-shrink:0;shape-rendering:geometricPrecision}
.footer .brand svg.pretty-logo{width:215px;height:auto}
@media(max-width:700px){.brand svg.pretty-logo{width:162px}.footer .brand svg.pretty-logo{width:183px}}

.team-stories{background:var(--cream)}.team-stories .section-title{align-items:flex-start}.team-stories h2{font-size:clamp(36px,3.5vw,52px)}.team-profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.team-profile{border-top:1px solid var(--line);padding-top:25px;display:flex;flex-direction:column}.team-profile .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:10px}.team-profile h3{font-size:36px;color:var(--brown)}.team-profile h4{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:400;line-height:1.35;margin:24px 0 12px}.team-profile>p:not(.eyebrow){font-size:14px;line-height:1.85;margin:0 0 16px}.team-profile p.team-personal{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-top:auto}.team-profile>.book{margin-top:8px}.team-booking-note{font-size:13px;color:var(--muted);margin:35px 0 0}
@media(max-width:900px){.team-profiles{gap:24px}.team-profile h4{font-size:20px}}
@media(max-width:700px){.team-profiles{grid-template-columns:1fr;gap:36px}.team-profile p.team-personal{margin-top:5px}.team-stories h2{font-size:38px}}

/* Clear salon identity and review link in the opening block. */
.hero-review{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;width:fit-content;margin-top:20px;font-size:12px;line-height:1.6;color:var(--ink)}.hero-review-stars{color:var(--brown);letter-spacing:2px}.hero-review strong{font-weight:600}.hero-review:hover{text-decoration:underline;text-underline-offset:3px}.hero .eyebrow{text-transform:uppercase}@media(max-width:700px){.hero .eyebrow{letter-spacing:1.2px;line-height:1.7}.hero-review{font-size:11px;margin-top:18px}.hero .actions{flex-wrap:wrap;gap:14px 20px}}

/* Native, unfiltered image rendering avoids Safari filter seams. */
.gallery img{filter:none;opacity:1;backdrop-filter:none}.gallery button{line-height:0;isolation:isolate}.gallery button::before,.gallery button::after{content:none}
#photo{width:min(1000px,96vw);max-width:96vw;max-height:94dvh;padding:45px 12px 12px;background:#221e1a;color:var(--cream);overflow:auto;border-radius:8px}
#photo .close{top:3px;right:7px;color:var(--cream);background:transparent}
.photo-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;touch-action:pan-y}
#photo .photo-stage img{width:100%;height:72dvh;max-height:72dvh;max-width:100%;object-fit:contain;filter:none}
.photo-prev,.photo-next{border:1px solid #f8f5ef55;background:transparent;color:var(--cream);border-radius:50%;height:46px;width:46px;font-size:35px;line-height:1;display:grid;place-items:center}.photo-prev:hover,.photo-next:hover{background:#ffffff18}
.photo-count,.photo-help{text-align:center;margin:8px 0 0;font-size:12px}.photo-help{color:#c9bdb0;font-size:11px}
.reel-card{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding:28px 0 0;border-top:1px solid var(--line)}.reel-card .eyebrow{margin-bottom:10px}.reel-card h3{font-size:30px}.reel-card p:not(.eyebrow){margin:10px 0 0;font-size:13px;color:var(--muted)}.reel-card .button{flex-shrink:0}.reel-card .button>span{font-size:24px}
#reel{width:min(440px,94vw);padding:48px 16px 20px;border-radius:8px}#reel .close{top:3px}.reel-frame{height:min(650px,70dvh);margin-bottom:16px}.reel-frame iframe{display:block;width:100%;height:100%;border:0;background:white}
@media(max-width:700px){.photo-stage{grid-template-columns:38px minmax(0,1fr) 38px;gap:3px}.photo-prev,.photo-next{width:36px;height:42px;font-size:30px}#photo .photo-stage img{height:65dvh;max-height:65dvh}.reel-card{align-items:flex-start;flex-direction:column;gap:18px}.reel-card h3{font-size:27px}}

/* Lightweight, locally hosted reel cover; video is still created only on click. */
.reel-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,270px);gap:40px;padding:30px;background:var(--cream);border-top:0;align-items:center}.reel-copy{max-width:480px}.reel-card h3{font-size:clamp(28px,3vw,40px);line-height:1.25}.reel-hint{display:block;margin-top:22px;font-size:11px;color:var(--muted)}.reel-preview{display:block;position:relative;width:100%;border:0;padding:0;overflow:hidden;border-radius:6px;background:#332921;color:white;isolation:isolate;line-height:0}.reel-preview img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}.reel-preview::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#221e1ab3);pointer-events:none}.reel-play{position:absolute;left:50%;top:66%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#f8f5efed;color:var(--brown);z-index:1;box-shadow:0 3px 20px #0002;transition:background .2s}.reel-play svg{margin-left:3px}.reel-preview:hover .reel-play{background:white}.reel-preview-label{position:absolute;bottom:22px;left:10px;right:10px;text-align:center;font-size:12px;font-weight:500;line-height:1.5;z-index:1}
@media(max-width:700px){.reel-card{grid-template-columns:1fr;gap:24px;padding:24px;justify-items:start}.reel-preview{max-width:280px;justify-self:center}.reel-card h3{font-size:30px}.reel-hint{margin-top:14px}}

/* A local landmark and the actual facade help visitors find the salon. */
.contact-info .location-landmarks{margin:12px 0 18px;font-size:14px;line-height:1.7;max-width:400px}.salon-front{margin:25px 0 0}.salon-front img{display:block;width:100%;height:auto;border-radius:5px}.salon-front figcaption{font-size:11px;color:#6c6055;margin-top:8px;line-height:1.6}
/* Direct access to the AI hair tool, also visible outside the mobile menu. */
.ai-discovery{display:flex;align-items:center;gap:15px;margin-top:25px;padding:12px;border:1px solid var(--line);border-radius:3px;background:var(--season-work,#eee8df);max-width:440px;transition:border-color .2s,background .2s}.ai-discovery:hover{border-color:var(--brown);background:var(--season-contact,#e9e1d6)}.ai-discovery-image{position:relative;display:block;flex:0 0 100px;overflow:hidden;border-radius:2px}.ai-discovery-image img{display:block;width:100px;height:90px;object-fit:cover}.ai-discovery-image small{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#332921c9;color:#fff8ef;font-size:8px;letter-spacing:.5px;padding:2px}.ai-discovery-copy{display:flex;flex-direction:column;gap:5px}.ai-discovery-kicker{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.ai-discovery-copy strong{font-size:14px;font-weight:500;line-height:1.35}.ai-discovery-copy>span:last-child{font-size:11px;line-height:1.5;color:var(--muted)}.ai-discovery-copy strong>span{margin-left:3px}@media(max-width:700px){.ai-discovery{max-width:none;margin-top:20px;padding:10px;gap:12px}.ai-discovery-image{flex-basis:86px}.ai-discovery-image img{width:86px;height:84px}.ai-discovery-copy strong{font-size:14px}.ai-discovery-copy>span:last-child{font-size:11px}.hero-foot{padding-top:25px}}
.ai-discovery-copy>.ai-discovery-cta{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:500;color:var(--brown);line-height:1.4;margin-top:3px;width:fit-content;border-bottom:1px solid currentColor;padding-bottom:2px}.ai-discovery-copy>span:not(.ai-discovery-kicker):not(.ai-discovery-cta){font-size:11px;line-height:1.5;color:var(--muted)}

/* December: lightweight snowfall contained within the two photographs. */
.festive-decoration{pointer-events:none;user-select:none}
[data-season=december] .hero{position:relative}
.festive-snow{position:absolute;inset:0;overflow:hidden;z-index:1;container-type:size}
.festive-snow i{position:absolute;top:-10px;left:var(--x);width:var(--size);height:var(--size);border-radius:50%;background:#fffdf5;opacity:.7;animation:pretty-snow var(--duration) linear var(--delay) infinite}
[data-season=december] .image-note{z-index:3;right:24px;text-shadow:0 1px 7px #000,0 1px 18px #000}
[data-season=december] .season-message{background:radial-gradient(ellipse at top right,#48624d 0,transparent 60%),#253e32;color:#fff6e5;border-top:1px solid #cfb579;border-bottom:1px solid #cfb579}
[data-season=december] .season-message .season-copy{color:#e5e9df}
[data-season=december] .season-name,[data-season=december] .season-symbol,[data-season=december] .season-message>.text-link{color:#eed39b}
@keyframes pretty-snow{from{transform:translate3d(0,-10px,0)}to{transform:translate3d(var(--drift),calc(100cqh + 30px),0)}}

.salon-front-image{position:relative;overflow:hidden;border-radius:5px}
@media(max-width:700px){.festive-snow i:nth-child(n+15){display:none}}
@media(prefers-reduced-motion:reduce){.festive-snow i{animation:none;top:calc(var(--x) * .9);opacity:.45}}
