/* STÖCKL / RETRO EDITION — warm print textures and editorial hair culture. */
:root {
 --color-background:#f4eee3; --color-forest:#243c34; --color-surface:#e9dfcf;
 --color-text:#25382f; --color-accent:#d76350; --color-mustard:#d4ad62;
 --color-lime:#e2c887; --color-button-text:#172a22; --color-link:#25382f;
 --muted:#5c655c; --line:rgba(37,56,47,.22);
 --banner-background:#d76350; --banner-color:#172a22;
 --display:Impact,Haettenschweiler,'Arial Narrow',sans-serif;
 --body:'Segoe UI',Arial,sans-serif; --measure:1320px;
}
body {font-size:16px}
body::before{opacity:.028;z-index:120;mix-blend-mode:multiply}
h1,h2,h3 {text-wrap:balance}
.site-header{background:#f4eee3f5;backdrop-filter:blur(18px);border-bottom:1px solid #25382f2b}
.header-inner{min-height:94px;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--color-text)}
.brand img{width:42px;height:43px;max-height:none;object-fit:contain}
.brand-wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:900;font-size:30px;letter-spacing:-1.6px}
.main-nav{gap:24px}.main-nav ul{gap:20px}.main-nav li a{font-size:12px;letter-spacing:0}
.main-nav li a:hover{color:var(--color-accent)}
.menu-toggle{border-color:var(--line);color:var(--color-text)}
:is(.button,.shared-action){border-radius:0;min-height:52px;padding:15px 25px;font-size:11px;letter-spacing:.065em;border:1px solid var(--color-text);box-shadow:3px 3px 0 var(--color-text)}
:is(.button,.shared-action):hover{transform:translate(-1px,-2px);box-shadow:5px 5px 0 var(--color-text)}
:is(.button-outline,.shared-outline){color:var(--color-text);border-color:var(--color-text)}
:is(.button-dark,.shared-dark){background:var(--color-forest);color:#f4eee3}
.hero{min-height:780px;min-height:calc(100svh - 20px);padding-top:150px;padding-bottom:25px;display:grid;grid-template-columns:1fr;overflow:hidden;background:var(--color-background)}
.hero-media{left:54%;top:128px;right:4%;bottom:82px;z-index:0;border-radius:48% 48% 2px 2px;border:1px solid #243c34;overflow:hidden;box-shadow:12px 12px 0 #d76350}
.hero-image{height:100%;filter:saturate(.62) sepia(.12);animation:none;object-position:59% center}
.hero-shade{display:none}
.hero-content{position:relative;z-index:1;padding:25px 0 45px;pointer-events:none}
.hero-content>*{pointer-events:auto}
.hero-title{font-size:clamp(68px,7.8vw,124px);max-width:760px;line-height:.94;letter-spacing:-.035em;color:var(--color-text);margin-bottom:25px}
.hero-title::first-line{color:var(--color-accent)}
.hero .eyebrow{color:var(--color-text);font-size:11px;letter-spacing:.2em;margin-bottom:30px}
.hero-tagline{background:var(--color-lime);font-size:24px;padding:5px 15px;transform:rotate(-3deg);margin:0 0 27px;border:1px solid var(--color-text)}
.hero-description{max-width:380px;color:#526054;font-size:16px;margin-bottom:30px}
.hero .button-row{max-width:490px}
.hero-stamp{z-index:2;right:4%;bottom:67px;width:130px;height:130px;white-space:pre-line;border:1px solid #25382f;outline:7px solid var(--color-lime);background:var(--color-lime);color:#25382f;font-size:12px;line-height:1.8;letter-spacing:.09em;box-shadow:0 0 0 8px #25382f}
.hero-bottom{z-index:1;position:relative;border-top:1px solid var(--line);padding-top:20px;width:min(var(--measure),100% - var(--gutter)*2)}
.hero-bottom p{font-size:10px;letter-spacing:.1em}
.demo-credit{grid-column:1;font-size:10px;margin-top:18px;margin-bottom:0;color:#657064;position:relative}
.promo{border-block:1px solid #25382f;transform:rotate(-1deg);margin-top:0;z-index:3}
.ticker-link{font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:26px}
.section{padding-block:clamp(75px,8vw,120px)}
.section-title{font-size:clamp(44px,5.1vw,78px);line-height:.99}
.eyebrow{color:#886149;font-size:10px}
.about{background:#f4eee3}.about-grid{gap:clamp(40px,8vw,110px)}
.about-copy .lead{font-family:Georgia,serif;font-size:27px;line-height:1.35}
.about-copy p:not(.lead):not(.eyebrow){color:#5c655c}
.about-photos .photo-frame{border-radius:46% 46% 0 0;overflow:hidden;border:1px solid #25382f;box-shadow:-10px 10px 0 #d4ad62}
.about-photos img{filter:saturate(.65)}
.paper-label{background:#d76350;color:#25382f;border:1px solid #25382f;box-shadow:4px 4px 0 #25382f;font-family:Georgia,serif;font-style:italic}
.photo-caption{font-size:11px;color:#687164;margin-top:24px}
.services{background:#e9dfcf;border-block:1px solid var(--line)}
.services-grid{grid-template-columns:repeat(4,1fr);gap:20px}
.service-card{border:1px solid var(--line);background:#f4eee3;box-shadow:none}
.service-photo{height:210px}.service-photo img{filter:saturate(.6)}
.service-body{padding:24px}.service-body h3{font-size:27px}.service-body p{font-size:14px;min-height:88px}
.service-body .text-link{font-size:10px}.service-number{background:#243c34;color:#f4eee3}
.gallery-section{background:var(--color-forest);color:#f4eee3}
.gallery-section .section-intro,.gallery-caption p,.gallery-status{color:#d2d5c6}
.gallery-section .eyebrow{color:#e2c887}
.gallery-section .circle-button{color:#f4eee3;border-color:#f4eee380}
.gallery-filters button{color:#f4eee3;border-color:#f4eee360}
.gallery-photo{border-radius:140px 140px 0 0;border:1px solid #f4eee350}
.gallery-card:nth-child(even) .gallery-photo{border-radius:0}
.gallery-photo img{filter:saturate(.7);aspect-ratio:.8}
.gallery-caption h3{font-size:31px;letter-spacing:0}.gallery-card{flex-basis:calc((100% - 46px)/3)}
.retro-section{background:#f4eee3}
.retro-grid{gap:35px}.retro-card{background:#e9dfcf;border-color:#25382f;box-shadow:6px 6px 0 #25382f}
.retro-body{padding:18px 24px 28px}.retro-body h3{font-size:39px}.retro-body p{font-size:14px}
.retro-photo{margin:12px}.retro-photo img{aspect-ratio:.95;filter:saturate(.55) sepia(.1)}
.video-section{background:#e9dfcf;border-block:1px solid var(--line)}
.video-grid{grid-template-columns:repeat(3,1fr);gap:28px}.video-card:first-child{grid-column:auto;grid-row:auto}
.video-card:first-child video,.video-thumb video{aspect-ratio:16/11}.video-card:first-child h3,.video-card h3{font-size:30px}
.voucher-section{background:#d76350;color:#25382f}
.voucher-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}
.voucher-section .eyebrow{color:#25382f}.voucher-section p{max-width:460px}
.voucher-art{border:1px solid #25382f;outline:8px solid #e9dfcf;box-shadow:14px 17px 0 #25382f;background:#f4eee3;padding:38px;transform:rotate(4deg);min-height:300px;display:flex;flex-direction:column;justify-content:space-between}
.voucher-art img{object-fit:contain}.voucher-art p:nth-child(2){font-family:Georgia,serif;font-style:italic;font-size:44px;line-height:1.15;margin:20px 0}.voucher-art p:last-child{font-size:9px;letter-spacing:.16em;margin:0}
.contact-section{background:#243c34;color:#f4eee3}.contact-section .eyebrow{color:#e2c887}.contact-section a{color:#f4eee3}.contact-section :is(.button,.shared-action){color:#25382f}
.contact-section .contact-grid p{color:#d2d5c6}.contact-section .contact-grid{border-color:#f4eee340}
.site-footer{background:#1c3029;color:#f4eee3;border-top:1px solid #f4eee340}
.site-footer .brand,.site-footer a{color:#f4eee3}.site-footer .brand-wordmark{font-size:38px}.site-footer .footer-grid :is(p,.shared-text){color:#d2d5c6}.site-footer .footer-bottom{border-color:#f4eee330}
.consent-settings-link{display:block;margin:20px auto;border:0;border-bottom:1px solid #f4eee360;background:transparent;color:#f4eee3;font-size:12px}
.subpage-main{padding-top:145px}.subpage-heading{padding-block:45px 10px}.subpage-heading h1{font-size:clamp(50px,8vw,110px)}
.legal-page{padding-bottom:90px;max-width:900px}.legal-page h1{font-size:clamp(42px,7vw,75px);font-family:var(--display)}.legal-page a{overflow-wrap:anywhere}
.site-status{background:#e2c887;color:#25382f;border:1px solid #25382f}
@media(max-width:1150px){.main-nav.is-open{background:#f4eee3;color:#25382f}.main-nav li a{font-size:24px}.header-inner{min-height:84px}.services-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:clamp(68px,9vw,100px)}.voucher-grid{gap:45px}.brand-wordmark{font-size:27px}}
@media(max-width:767px){
 .hero{display:flex;min-height:auto;padding-top:112px;padding-bottom:30px}
 .hero-content{padding:18px 0 0}.hero-title{font-size:clamp(60px,12.4vw,92px);max-width:100%;margin-bottom:20px}.hero .eyebrow{font-size:9px;margin-bottom:24px}
 .hero-description{max-width:100%;font-size:15px}.hero-tagline{font-size:22px}
 .hero-media{position:relative;inset:auto;order:2;margin:38px var(--gutter) 36px;aspect-ratio:1.15;border-radius:45% 45% 0 0;box-shadow:8px 8px 0 #d76350}
 .hero-stamp{right:9%;bottom:90px;width:90px;height:90px;font-size:9px;outline-width:4px;box-shadow:0 0 0 5px #25382f}
 .hero-bottom{order:3}.demo-credit{order:4}.hero-bottom p{font-size:8px;max-width:180px}.hero-bottom a{font-size:9px}
 .about-grid{gap:60px}.section-title{font-size:clamp(41px,8vw,64px)}
 .service-body{padding:18px}.service-body p{font-size:13px;min-height:110px}.service-body h3{font-size:25px}.service-photo{height:170px}
 .gallery-card{flex-basis:80%}.retro-grid{grid-template-columns:1fr;gap:40px;margin-inline:8px}.retro-photo img{aspect-ratio:1.1}.retro-body p{min-height:0}
 .video-grid{grid-template-columns:1fr}.video-card:first-child{grid-column:auto}.video-thumb video,.video-card:first-child video{aspect-ratio:16/10}
 .voucher-grid{grid-template-columns:1fr;gap:45px}.voucher-art{margin:10px 12px;min-height:270px;padding:26px;transform:rotate(2deg)}
 .contact-section .section-title{font-size:clamp(43px,9vw,65px)}.brand-wordmark{font-size:27px}.site-header .brand img{width:34px;height:35px}
}
@media(max-width:380px){.services-grid{grid-template-columns:1fr}.service-photo{height:230px}.service-body p{min-height:0}.hero .button-row{gap:14px}.hero :is(.button,.shared-action){width:100%}.hero-title{font-size:58px}}
@media(prefers-reduced-motion:reduce){.hero-media,.voucher-art,.retro-card{transform:none}.hero-image{animation:none}}
/* Relaunch: full page tree, responsive disclosures and editorial detail pages. */
.main-nav > ul {gap:18px}.main-nav > ul > li{position:relative;display:flex;align-items:center;gap:3px}
.main-nav .submenu-list{display:none;position:absolute;top:100%;left:-15px;min-width:255px;max-width:calc(100vw - 40px);padding:12px;background:#f4eee3;border:1px solid #25382f;box-shadow:5px 5px 0 #25382f;z-index:105;list-style:none;max-height:65vh;overflow:auto}
.main-nav .submenu-list a{font-size:12px;padding:10px 12px;white-space:normal}.main-nav .submenu-list li{display:block}
.submenu-button{width:26px;height:34px;padding:0;border:0;background:transparent;color:inherit;font-size:18px;line-height:1}
.has-submenu:hover > .submenu-list,.has-submenu:focus-within > .submenu-list,.submenu-open > .submenu-list{display:block}
.detail-hero{padding-block:25px 75px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;margin-bottom:45px}.breadcrumbs>*:not(:last-child)::after{content:' /';margin-left:12px;opacity:.4}
.detail-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.detail-title{font-family:var(--display);font-size:clamp(52px,6.5vw,100px);line-height:.98;letter-spacing:-.025em;margin-bottom:28px}.detail-hero .lead{max-width:650px;font-family:Georgia,serif;font-size:25px;color:#596456}.detail-image{margin:0;max-width:440px}.detail-image img{width:100%;aspect-ratio:.95;object-fit:cover;border-radius:45% 45% 0 0;box-shadow:9px 9px 0 #d76350}.detail-image figcaption{font-size:10px;color:#6b7268;margin-top:20px}
.detail-body{padding-bottom:100px}.topic-block{max-width:850px;padding-block:36px;border-top:1px solid #25382f33}.topic-block h2{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.2;margin-bottom:20px}.topic-block p{font-size:17px;line-height:1.8;color:#596456}
.topic-links{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-block:35px 55px}.topic-link-card{padding:30px;border:1px solid #25382f44;background:#e9dfcf;display:flex;flex-direction:column;align-items:flex-start}.topic-link-card h2{font-family:var(--display);font-size:35px}.topic-link-card p:not(.eyebrow){color:#596456;font-size:14px}.topic-link-card .text-link{margin-top:auto}.legacy-overview{background:#e9dfcf}.legacy-overview .topic-link-card{background:#f4eee3}
.team-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 28px;margin-block:40px}.team-profile img{width:100%;aspect-ratio:.8;object-fit:cover;border-radius:45% 45% 0 0}.team-profile h2{font-family:var(--display);font-size:40px;margin:24px 0 12px}.team-profile p{font-size:14px;color:#596456}.footer-services{display:flex;flex-wrap:wrap;gap:12px 25px;padding-top:30px;padding-bottom:30px;border-top:1px solid #f4eee330}.footer-services a{font-size:11px;text-decoration:none;color:#e2ddcf}.page-index{padding-left:18px}.page-index li{padding-block:9px}.page-index a{overflow-wrap:anywhere}.detail-body>:is(.button,.shared-action){margin:10px 15px 10px 0}.source-page-inner,.source-page{max-width:100%}.source-field{border-top:1px solid #25382f33;padding-block:22px}.source-field h2{font-size:17px}.source-field p,.source-field a{overflow-wrap:anywhere}
@media(min-width:1151px){.main-nav > ul > li > a{font-size:11px}.main-nav{gap:20px}.main-nav > ul{gap:14px}.nav-booking{padding:11px 15px}}
@media(max-width:1150px){.main-nav > ul > li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0}.main-nav .submenu-list{position:static;width:100%;max-width:none;max-height:none;box-shadow:none;border:0;border-left:1px solid #25382f66;margin:4px 0 14px;padding:0 0 0 14px}.main-nav .submenu-list a{font-size:16px;padding:10px 6px}.submenu-button{width:42px;height:42px}.has-submenu:hover > .submenu-list{display:none}.has-submenu:focus-within > .submenu-list,.submenu-open > .submenu-list{display:block}.main-nav.is-open{overflow-y:auto;max-height:calc(100dvh - 84px)}.detail-hero-grid{gap:45px}.topic-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.detail-hero{padding-block:10px 50px}.breadcrumbs{margin-bottom:30px}.detail-hero-grid{grid-template-columns:1fr;gap:40px}.detail-title{font-size:clamp(48px,12vw,76px)}.detail-hero .lead{font-size:22px}.detail-image{max-width:100%;margin:0 10px}.detail-image img{aspect-ratio:1.25}.topic-links{grid-template-columns:1fr}.team-profile-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.team-profile h2{font-size:34px}.topic-block h2{font-size:27px}.topic-block p{font-size:16px}.topic-link-card{padding:25px}.subpage-main{padding-top:115px}}
@media(max-width:380px){.team-profile-grid{grid-template-columns:1fr}}
@media(scripting:none){.main-nav .submenu-list{display:block}.main-nav > ul{flex-wrap:wrap}.submenu-button{display:none}}

/* Text in the shared layout uses the same typography as its original paragraphs. */
.shared-text { display: block; font-size: inherit; }
.eyebrow.shared-text { font-size: 10px; }
.footer-heading.shared-text { font-size: 13px; }
.source-field .setting-name { display: block; margin: 0 0 .8em; font-size: 17px; }
.submenu-button svg { vertical-align: middle; }
