/* 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)}
.button{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)}
.button:hover{transform:translate(-1px,-2px);box-shadow:5px 5px 0 var(--color-text)}
.button-outline{color:var(--color-text);border-color:var(--color-text)}
.button-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 .button{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 p{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 .button{width:100%}.hero-title{font-size:58px}}
@media(prefers-reduced-motion:reduce){.hero-media,.voucher-art,.retro-card{transform:none}.hero-image{animation:none}}