:root{--bg:#141715;--panel:#1d221e;--gold:#d6b77e;--text:#f5f1e8;--muted:#c4c8bd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff20;background:var(--bg);position:sticky;top:0;z-index:5}.brand{font:32px Georgia,serif;color:var(--gold);line-height:1.1}.brand small{display:block;font:10px Arial;letter-spacing:3px;margin-top:9px}nav{display:flex;gap:30px;align-items:center}nav a{font-size:14px}.lang{background:none;border:0;color:var(--muted);padding:6px}.lang[aria-pressed=true]{color:var(--gold);border-bottom:1px solid}.btn{display:inline-block;padding:13px 25px;background:var(--gold);color:#172017;border:1px solid var(--gold);font-size:14px;letter-spacing:.3px}.outline{background:transparent;color:var(--text);border-color:#ffffff60}.hero{display:grid;grid-template-columns:46% 54%;min-height:650px}.hero-copy{padding:90px 10% 65px 11%;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:2.7px;text-transform:uppercase;margin:0 0 24px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.1;margin:0}h1{font-size:clamp(48px,5.4vw,82px);letter-spacing:-2px}h1 em{color:var(--gold);font-weight:400}p{color:var(--muted);max-width:620px}h1+p{margin:28px 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-photo{position:relative;min-height:500px}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.photo-note{position:absolute;bottom:28px;left:30px;background:#141715cb;padding:9px 16px;font-size:12px;letter-spacing:1.5px}.strip{padding:24px 5%;display:flex;justify-content:space-around;gap:16px;border-block:1px solid #ffffff20;color:var(--gold);font-size:13px;letter-spacing:1px}.section{padding:100px 8%;max-width:1600px;margin:auto}h2{font-size:clamp(36px,4vw,56px)}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.portrait{position:relative}.portrait img{width:100%;height:600px;object-fit:cover}.caption{position:absolute;bottom:20px;left:20px;background:var(--bg);padding:16px 24px;font:22px Georgia;color:var(--gold)}.about p{margin:25px 0}.signature{font:italic 32px Georgia;color:var(--gold)}.price-section{background:var(--panel)}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.heading p{max-width:340px}.prices{border-top:1px solid #ffffff30}.service{display:grid;grid-template-columns:50px 1fr 220px 45px;gap:18px;align-items:center;padding:29px 0;border-bottom:1px solid #ffffff25}.number{color:var(--gold);font-size:13px}h3{font-size:29px}.service p{margin:8px 0 0;font-size:14px}.amount{display:flex;justify-content:space-between;gap:20px}.amount span{display:flex;flex-direction:column}.amount small{font-size:12px;color:var(--muted)}.amount strong{font:25px Georgia}.choose{border:1px solid #ffffff40;border-radius:50%;height:42px;width:42px;display:grid;place-items:center;color:var(--gold)}.small{font-size:13px}.gallery{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}.gallery a{overflow:hidden}.gallery img{width:100%;height:360px;object-fit:cover;transition:transform .4s}.gallery img:hover{transform:scale(1.035)}.location{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;margin-top:90px}.location img{width:100%}.contact-lines{margin:28px 0}.contact-lines a{color:var(--gold)}.booking{background:var(--panel);display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:75px 8%}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:8px;font-size:14px}.full{grid-column:1/-1}input,select{width:100%;min-width:0;background:var(--bg);border:1px solid #ffffff40;color:var(--text);padding:12px;color-scheme:dark}form p{margin:0}footer{padding:45px 8%;display:flex;justify-content:space-between;gap:25px;align-items:center}footer p{font-size:12px}.footbrand{width:120px;border-radius:2px}#feedback{color:var(--gold)}@media(max-width:900px){nav{gap:15px}nav .navbook{display:none}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:65px 10%}h1{font-size:52px}.section{padding:70px 6%}.about{gap:6%}.portrait img{height:500px}.service{grid-template-columns:25px 1fr 180px 40px}.booking{gap:5%}}@media(max-width:650px){header{height:auto;min-height:88px;flex-wrap:wrap;padding:15px 5%;gap:15px}.brand{font-size:27px}nav{width:100%;justify-content:space-between;gap:8px;order:3}nav a{font-size:13px}.hero{display:flex;flex-direction:column}.hero-copy{padding:55px 7%}.hero-photo{min-height:360px}h1{font-size:57px}.strip{font-size:11px;flex-wrap:wrap}.about,.location,.booking{grid-template-columns:1fr;gap:35px}.portrait img{height:500px}.heading{display:block}.heading p{max-width:none}.service{grid-template-columns:22px 1fr 35px;gap:12px}.service .amount{grid-column:2;grid-row:2;justify-content:start;gap:38px}.choose{grid-column:3;grid-row:1;width:35px;height:35px}h3{font-size:25px}.gallery{grid-template-columns:1fr 1fr}.gallery a:first-child{grid-column:1/-1}.gallery img{height:260px}.gallery a:first-child img{height:330px}.location{margin-top:55px}.booking{padding:60px 6%}footer{flex-wrap:wrap}.section{padding:60px 6%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery img{transition:none}}

/* Phone layout: touch targets, compact navigation and readable booking fields. */
.menu-toggle{display:none}img{max-width:100%}section,form,form>*{min-width:0}
@media(max-width:650px){
html{scroll-padding-top:100px}header{display:grid;grid-template-columns:1fr auto auto;gap:8px;min-height:82px;padding:12px 5%}.brand{font-size:28px}.brand small{font-size:10px;letter-spacing:1.7px}.menu-toggle{display:block;background:transparent;border:1px solid #ffffff40;color:var(--text);padding:9px 10px;min-height:44px;font-size:14px;grid-column:3;grid-row:1}header>div{grid-column:2;grid-row:1;white-space:nowrap}.lang{min-height:44px;min-width:35px;padding:5px}header>div>span{display:none}nav{display:none;grid-column:1/-1;padding-top:10px;border-top:1px solid #ffffff25}nav.is-open{display:flex;flex-direction:column;align-items:stretch}nav a{font-size:16px;padding:12px 6px;min-height:48px}nav .navbook{display:block;text-align:center;margin:4px 0}h1{font-size:clamp(40px,11.5vw,60px);letter-spacing:-1.3px;overflow-wrap:break-word}.hero-copy{padding:40px 6%}.hero-copy p{margin-top:22px}.hero-copy .eyebrow{margin-top:0;font-size:12px;letter-spacing:2px}.actions{display:grid;grid-template-columns:1fr;width:100%}.btn{min-height:48px;text-align:center;padding:13px 16px;font-size:16px}.hero-photo{min-height:0;height:75vw;max-height:440px}.photo-note{left:16px;bottom:16px;right:16px;font-size:12px;letter-spacing:1px;text-align:center}.strip{display:grid;grid-template-columns:1fr;text-align:center;gap:7px;padding:18px 6%;font-size:14px}.section{padding:48px 6%}.portrait img{height:auto;aspect-ratio:3/4;object-fit:cover}.caption{font-size:21px}h2{font-size:clamp(34px,9vw,45px)}.heading{margin-bottom:26px}.service{grid-template-columns:1fr 48px;gap:12px;padding:24px 0}.number{display:none}.service>div:first-of-type{grid-column:1;grid-row:1}h3{font-size:27px;overflow-wrap:break-word}.service p{font-size:16px}.service .amount{grid-column:1;grid-row:2;gap:30px;flex-wrap:wrap}.amount small{font-size:14px}.amount strong{font-size:27px}.choose{grid-column:2;grid-row:1;width:48px;height:48px}.small{font-size:14px}.gallery{gap:12px}.gallery img{height:55vw;max-height:290px}.gallery a:first-child img{height:65vw}.location{margin-top:48px}.booking{padding:48px 6%;gap:25px}form{grid-template-columns:1fr;gap:18px}form label{grid-column:1/-1;font-size:16px}input,select{font-size:16px;min-height:50px;padding:12px}footer{padding:32px 6%;display:grid;gap:18px}footer p{font-size:14px}footer>a{padding:10px 0;min-height:44px}.contact-lines{font-size:17px}.contact-lines>a{display:inline-block;padding:9px 0}
}

.social-band{margin-top:38px;padding:34px 0;border-top:1px solid #d6b77e45;border-bottom:1px solid #d6b77e45;display:flex;align-items:center;justify-content:space-between;gap:36px}.social-band .eyebrow{font-size:12px;margin-bottom:12px;letter-spacing:2px}.social-band h3{font-size:32px}.social-band p:last-child{font-size:16px;margin:10px 0 0}.social-links{display:flex;gap:16px;flex-wrap:wrap}.social-link{display:flex;gap:14px;align-items:center;color:var(--gold);padding:16px 20px;border:1px solid #d6b77e50;min-height:76px;transition:background .2s,border-color .2s}.social-link svg{width:23px;height:23px;flex:none}.social-link strong{display:block;font-size:16px;font-weight:400;color:var(--text)}.social-link small{display:block;font-size:14px;color:var(--muted);margin-top:3px}.social-arrow{font-size:18px;margin-left:12px}.social-link:hover{background:#d6b77e0c;border-color:var(--gold)}.footer-contact{display:flex;flex-direction:column;gap:10px}.footer-social{display:flex;gap:20px}.social-compact{border:0;padding:8px 0;min-height:44px;font-size:14px;gap:9px}.social-compact svg{width:18px;height:18px}.social-compact:hover{background:none;color:var(--text)}@media(max-width:1000px){.social-band{align-items:flex-start;flex-direction:column;gap:24px}.social-links{width:100%}.social-links>.social-link{flex:1}}@media(max-width:480px){.social-links{flex-direction:column;gap:12px}.social-link{width:100%;padding:14px 18px;min-height:72px}.social-arrow{margin-left:auto}.social-band{margin-top:26px;padding:28px 0}.social-band h3{font-size:29px}.social-compact{padding:8px 0;width:auto;min-height:44px}}@media(prefers-reduced-motion:reduce){.social-link{transition:none}}

.language-switch{display:flex;flex-shrink:0;gap:3px}.lang{min-width:35px;min-height:44px}html[lang=de] h1{font-size:clamp(40px,4.3vw,66px);overflow-wrap:normal;hyphens:auto}html[lang=de] nav{gap:18px}@media(max-width:1100px){nav .navbook{display:none}nav{gap:16px}}@media(max-width:650px){header{grid-template-columns:1fr auto;gap:8px}.brand{grid-column:1;grid-row:1}.language-switch{grid-column:2!important;grid-row:1!important}.menu-toggle{grid-column:1/-1;grid-row:2;padding:6px 12px;min-height:44px;width:100%;text-align:left}nav{grid-row:3}nav .navbook{display:block}html[lang=de] h1{font-size:clamp(34px,9vw,51px)}html{scroll-padding-top:150px}}

/* Booking stays on the salon website, with a clear inline result. */
.form-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
button:disabled{cursor:default;opacity:.7}
.form-result:empty{display:none}
.form-result{padding:18px 20px;border:1px solid var(--gold);line-height:1.6;overflow-wrap:anywhere}
.form-result strong{display:block;font-size:19px;font-weight:400;color:var(--text)}
.form-result p{margin-top:8px;color:var(--text)}
.form-result.success{background:#d6b77e0c}
#feedback.error{color:#f2d8bc;border-color:#bfa17e}
.form-email{color:var(--gold);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}

/* Direct email contact, with a quiet gold accent and room for touch. */
.contact-lines .contact-email{display:flex;align-items:center;gap:14px;width:fit-content;max-width:100%;min-height:60px;margin-top:14px;padding:14px 0 6px;border-top:1px solid #d6b77e40;color:var(--gold)}.contact-email svg{width:22px;height:22px;flex:0 0 22px}.contact-email>span{min-width:0}.contact-email small{display:block;color:var(--muted);font-size:11px;line-height:1.5;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:3px}.contact-email span span{display:block;overflow-wrap:anywhere}.contact-email:hover span span{text-decoration:underline;text-underline-offset:4px}