@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--paper:#f5f1e9;--ink:#332d29;--muted:#746a61;--accent:#775443;--line:#d8cfc3;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:5px}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #b77f48;outline-offset:6px}.skip{position:fixed;top:-100px;left:15px;background:white;z-index:10;padding:12px}.skip:focus{top:10px}.demo-bar{text-align:center;background:#39332d;color:#e5ddd2;font-size:10px;letter-spacing:2px;padding:6px 12px}.demo-bar span{margin:0 8px}.header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 5.5%;gap:25px}.brand{font-family:var(--serif);font-size:28px;line-height:1.15;text-decoration:none;white-space:nowrap}.brand span{display:block;font-family:var(--sans);font-size:9px;letter-spacing:3px;margin-top:9px}.header nav{display:flex;gap:30px}.header nav a{text-decoration:none;font-size:13px}.header nav a:hover,.text-link:hover{color:var(--accent)}.header-book{border:1px solid #b5a697;padding:10px 19px;font-size:12px;text-decoration:none;white-space:nowrap}.header-book span{margin-left:20px}.hero{max-width:1440px;margin:auto;padding:20px 5.5% 64px;display:grid;grid-template-columns:1.08fr 1fr;gap:6%;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600;margin:0 0 22px}.hero-copy{padding:22px 0}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-weight:400;font-size:clamp(66px,6.6vw,96px);line-height:1.06;letter-spacing:-4px;margin:0 0 30px}em{font-weight:400;color:var(--accent)}.lead{font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:30px}.buttons{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:16px 23px;text-decoration:none;font-size:12px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:var(--paper)}.primary:hover{background:var(--accent)}.text-link{font-size:12px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.hero-address{font-size:11px;margin-top:36px;color:var(--muted)}.pin{font-size:23px;vertical-align:middle;margin-right:7px}.hero-art{min-height:570px;height:100%;position:relative;background:linear-gradient(135deg,#b9a68d,#ddcdb8 55%,#a68a70);background-size:cover;background-position:center;border-radius:200px 200px 0 0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:68px 33px 43px;color:#fff8ee}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(49,35,20,.16),transparent 35%,rgba(40,28,20,.7))}.hero-art>*{position:relative}.art-top{text-align:center;font-size:9px;letter-spacing:2px}.art-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px}.art-bottom>span:first-child{font-family:var(--serif);font-size:36px;line-height:1.3}.art-monogram{font-family:var(--serif);font-size:64px;letter-spacing:-9px;line-height:1}.image-caption{position:absolute;bottom:12px;left:33px;font-size:9px;opacity:.85}.service-strip{display:flex;justify-content:center;align-items:center;gap:55px;padding:22px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.service-strip>span:nth-child(even){color:#9b8170;font-size:19px}.section{padding:94px 5.5%;max-width:1440px;margin:auto}h2{font-family:var(--serif);font-size:clamp(36px,4vw,55px);font-weight:400;letter-spacing:-1.8px;line-height:1.18;margin-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-heading>p{font-size:13px;color:var(--muted);margin:0 0 5px;line-height:1.9}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{padding:30px 25px 30px 0;display:flex;flex-direction:column}.service+.service{padding-left:25px;border-left:1px solid var(--line)}.number{font-size:11px;color:#9f8874;letter-spacing:2px;margin-bottom:26px}h3{font-family:var(--serif);font-size:27px;font-weight:400;margin-bottom:15px}.service p{font-size:13px;color:var(--muted);line-height:1.85;margin-bottom:30px}.service-tag{font-size:9px;letter-spacing:2px;margin-top:auto;color:#795941}.price-note{font-size:12px;color:var(--muted);margin:23px 0 0}.personal{background:#eae3d8;display:grid;grid-template-columns:1fr 1.05fr;gap:8%;padding-top:75px;padding-bottom:75px}.personal-copy{max-width:540px}.personal-copy p{font-size:14px;color:var(--muted)}.personal-copy .personal-intro{font-family:var(--serif);font-size:25px;color:var(--ink);line-height:1.4}.signature{display:block;font-family:var(--serif);font-style:italic;font-size:24px;color:var(--accent);margin-top:30px}.info-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:8%}.booking-note{background:#ebe3d8;padding:34px;align-self:start}.booking-note .eyebrow{display:block}.booking-note strong{font-family:var(--serif);font-weight:400;font-size:37px;display:block;line-height:1.2;margin-bottom:22px}.booking-note p{font-size:13px;color:var(--muted)}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:14px}summary::-webkit-details-marker{display:none}summary span{font-size:21px;font-weight:400;color:var(--accent);line-height:1}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;color:var(--muted);padding:0 25px 20px 0;margin:0;line-height:1.9}.contact{background:#39352e;color:var(--paper);display:grid;grid-template-columns:1.5fr 1fr;gap:8%;padding-top:80px;padding-bottom:85px}.contact em{color:#d5bea5}.contact .eyebrow{color:#c6b9a7}.big-phone{font-family:var(--serif);font-size:clamp(25px,3.2vw,43px);text-decoration:none;display:block;margin:35px 0 25px}.big-phone span{font-family:var(--sans);font-size:26px;margin-left:20px;color:#c6b9a7}.light{background:var(--paper);color:var(--ink)}.light:hover{background:#ddcbb4}.contact-details{border-left:1px solid #6e6355;padding-left:45px;align-self:center}.contact-details>div+div{margin-top:30px}.contact-details .eyebrow{font-size:9px}.contact-details p{font-size:20px;line-height:1.5;margin:12px 0}.contact-details .text-link{color:#e0cdb4}.email{font-size:14px;display:block;margin-top:9px;overflow-wrap:anywhere}.contact-details .appointment-only{font-size:11px;color:#c6b9a7;margin-top:30px}footer{max-width:1440px;margin:auto;padding:35px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .brand{font-size:22px}footer .brand span{font-size:8px}footer p,footer>a:last-child{font-size:10px;color:var(--muted);margin:0}footer>a:last-child{text-decoration:none}.mobile-book{display:none}
.hero-art{background-image:url('./salon-atmosphere.png')}
@media(min-width:1500px){body{background:#ece6dc}.header,.hero,.services,.info,footer{background:var(--paper)}}
@media(max-width:1000px){.header nav{gap:17px}.hero{gap:4%}h1{font-size:70px}.hero-art{min-height:540px}.buttons{gap:18px}.hero .buttons{align-items:start;flex-direction:column}.service-strip{gap:28px}.service-grid{grid-template-columns:repeat(2,1fr)}.service:nth-child(3){border-left:0;padding-left:0}.service:nth-child(n+3){border-top:1px solid var(--line)}.section{padding-top:70px;padding-bottom:70px}.info-layout{gap:5%}.contact-details{padding-left:25px}}
@media(max-width:700px){.header{padding:22px 6%;flex-wrap:wrap;gap:20px}.brand{font-size:25px}.header-book{font-size:11px;padding:9px 12px}.header-book span{margin-left:6px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px}.header nav a{font-size:12px}.hero{grid-template-columns:1fr;padding:8px 6% 35px;gap:30px}.hero-copy{padding:15px 0 0}h1{font-size:clamp(63px,17vw,88px);letter-spacing:-3px}.eyebrow{font-size:9px;margin-bottom:19px}.lead{font-size:14px}.hero .buttons{flex-direction:row;align-items:center;gap:17px}.hero .button{padding:14px 17px;font-size:11px}.hero .text-link{font-size:11px}.hero-address{margin-top:24px}.hero-art{min-height:440px;aspect-ratio:4/4.6;width:100%;padding-top:55px;border-radius:180px 180px 0 0}.art-bottom>span:first-child{font-size:32px}.service-strip{gap:15px;flex-wrap:wrap;padding:19px 6%;font-size:9px;letter-spacing:.6px}.service-strip>span:nth-child(4){display:none}.service-strip>span:last-child{flex-basis:100%;text-align:center}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:22px}h2{font-size:40px;letter-spacing:-1.3px}.service{padding:23px 15px 24px 0}.service+.service{padding-left:16px}.service:nth-child(3){padding-left:0}h3{font-size:24px}.service p{font-size:12px}.number{margin-bottom:20px}.service-tag{font-size:8px;letter-spacing:1.3px}.personal{grid-template-columns:1fr;gap:30px}.personal-copy .personal-intro{font-size:23px}.info-layout{grid-template-columns:1fr;gap:30px}.booking-note{padding:28px}.contact{grid-template-columns:1fr;gap:38px}.contact h2{font-size:39px}.contact-details{border-left:0;border-top:1px solid #6e6355;padding:30px 0 0}.big-phone{font-size:31px}.big-phone span{font-size:22px;margin-left:7px}footer{padding:30px 6% 100px;flex-wrap:wrap}footer p{order:3;width:100%}.mobile-book{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;background:var(--ink);padding:12px 15px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -2px 15px #0001;gap:12px}.mobile-book a{color:var(--paper);font-size:11px;text-align:center;flex:1;padding:7px;text-decoration:none}.mobile-book a+a{border-left:1px solid #766556}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Small creator signature in the footer. */
.techerik-signature{display:block;justify-self:center;width:clamp(240px,26vw,400px);height:auto;max-height:175px;object-fit:contain}
footer{display:grid;grid-template-columns:minmax(140px,1fr) auto minmax(140px,1fr);align-items:center}
footer .brand{justify-self:start}footer>a:last-child{justify-self:end}
@media(max-width:700px){footer{grid-template-columns:1fr auto;align-items:start}footer .techerik-signature{grid-column:1/-1;grid-row:2;justify-self:center;width:min(72vw,320px);max-height:140px;margin-top:18px}}
