:root{--p-ink:#302831;--p-aub:#382137;--p-berry:#963160;--p-berry2:#71304f;--p-cream:#fcfaf7;--p-paper:#f7f2ef;--p-blush:#efe7e8;--p-line:#e1d9dc;--p-muted:#6c636a}
body{background:var(--p-cream);-webkit-font-smoothing:antialiased}
.topline{min-height:35px;align-items:center;font-size:.69rem;letter-spacing:.09em;text-transform:uppercase}
.header{position:sticky;top:0;z-index:50;background:rgba(252,250,247,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:height .3s ease,box-shadow .3s ease,background .3s ease}
.header.scrolled{height:86px;box-shadow:0 14px 40px rgba(56,33,55,.08);background:rgba(252,250,247,.93)}
.wordmark{font-weight:700;letter-spacing:.085em}
.header nav a:not(.nav-visit){position:relative;padding:14px 0}
.header nav a:not(.nav-visit)::after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:1px;background:var(--p-berry);transition:right .25s ease}
.header nav a:not(.nav-visit):hover::after{right:0}
.nav-visit{transition:.25s ease}.nav-visit:hover{background:var(--p-aub);color:#fff}
.hero{min-height:780px;padding-top:70px;padding-bottom:80px;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,5vw,88px)}
.hero-copy{position:relative;z-index:2}.hero .eyebrow{letter-spacing:.19em}
.hero h1{font-size:clamp(4rem,6vw,7.1rem);line-height:.99;letter-spacing:-.048em}
.hero-intro{max-width:520px;font-size:1.06rem;line-height:1.85}
.hero .button{box-shadow:0 10px 30px rgba(56,33,55,.14);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.hero .button:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(56,33,55,.18)}
.hero-visual{padding-left:78px;padding-bottom:72px}
.hero-visual::before{content:"";position:absolute;left:50px;top:25px;width:1px;height:55%;background:#b99cab}
.hero-main{height:640px;box-shadow:0 28px 65px rgba(56,33,55,.13)}
.hero-small{width:46%;padding:9px;box-shadow:0 16px 42px rgba(56,33,55,.12)}
.hero-small img{height:205px}.hero-small span{font-family:Georgia,serif;font-style:italic;color:#5d4c57;line-height:1.45}
.image-label{right:12px;bottom:14px;background:rgba(252,250,247,.94);padding:8px 12px;letter-spacing:.17em}
.quiet-link{border-bottom:1px solid #cbbbc3;padding-bottom:5px}.quiet-link:hover{border-color:var(--p-berry)}
.intro-strip{padding:20px 5%;display:grid;grid-template-columns:repeat(3,1fr);font-size:.72rem;letter-spacing:.06em}
.intro-strip span{position:relative}.intro-strip span+span:before{content:"";position:absolute;left:-50px;top:50%;width:1px;height:18px;background:var(--p-line);transform:translateY(-50%);margin:0}
.section{padding-top:120px;padding-bottom:120px}.section-heading{margin-bottom:62px;gap:60px}
.section-heading .eyebrow,.selection-intro .eyebrow,.boutique-copy .eyebrow{letter-spacing:.19em}
.section-heading h2,.boutique-copy h2,.selection h2,.visit h2{letter-spacing:-.045em}.section-heading>p{max-width:370px;line-height:1.9}
.collection{position:relative}.collection::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--p-line),transparent)}
.collection-grid{grid-template-columns:1.12fr .82fr 1fr;gap:clamp(22px,2.8vw,45px);align-items:start}
.look.offset{padding-top:88px}.look:nth-child(3){padding-top:28px}
.photo-button{box-shadow:0 14px 34px rgba(56,33,55,.07)}.photo-button::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.42);pointer-events:none}
.photo-button img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease}.photo-button:hover img{transform:scale(1.03);filter:saturate(1.03)}
.look:nth-child(1) .photo-button img{height:560px}.look:nth-child(2) .photo-button img{height:455px}.look:nth-child(3) .photo-button img{height:520px}
.zoom{width:38px;height:38px;transition:transform .2s ease;box-shadow:0 6px 18px rgba(56,33,55,.1)}.photo-button:hover .zoom{transform:rotate(10deg)}
.look figcaption{border-top:0;padding-top:24px}.look .eyebrow{letter-spacing:.16em}.look h3{font-family:BoutiqueSerif,Georgia,serif;font-size:1.72rem;margin:9px 0}.look p{line-height:1.75}
.collection-note{margin-top:58px;border-top:1px solid var(--p-line);padding-top:25px;text-align:left;max-width:720px}
.boutique-section{max-width:1600px;margin:auto;grid-template-columns:1.05fr .95fr;background:var(--p-blush)}
.boutique-photo{min-height:760px;overflow:hidden}.boutique-photo>img{height:100%;min-height:760px;object-position:center 51%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.boutique-section:hover .boutique-photo>img{transform:scale(1.012)}
.photo-caption{left:34px;bottom:30px;background:rgba(252,250,247,.95);box-shadow:0 10px 30px rgba(56,33,55,.08);letter-spacing:.06em}
.boutique-copy{padding:85px clamp(42px,7vw,118px)}.boutique-copy h2{margin-bottom:34px}.boutique-copy>p:not(.eyebrow){line-height:1.86}
.boutique-copy>p:not(.eyebrow):first-of-type{font-family:BoutiqueSerif,Georgia,serif;color:#473b43;font-size:1.25rem;line-height:1.6}
.text-link{transition:color .2s ease,border-color .2s ease}.text-link:hover{color:var(--p-berry)}.signature{font-family:BoutiqueSerif,Georgia,serif;font-size:1.45rem;margin-top:36px}
.selection{gap:clamp(45px,8vw,120px);grid-template-columns:.92fr 1.08fr;padding-top:125px;padding-bottom:125px}
.selection-intro>p:not(.eyebrow){max-width:500px;line-height:1.9}
.selection-intro::after{content:"Persönlich ausgewählt · vor Ort kombinierbar";display:block;border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line);padding:16px 0;margin:28px 0 10px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#7a6c75;max-width:500px}
.brand-feature{padding:0 0 48px 48px}.brand-feature::before{content:"";position:absolute;left:18px;bottom:18px;width:46%;height:58%;background:#e5d4dd;z-index:-1}
.brand-feature>img{height:610px;box-shadow:0 24px 55px rgba(56,33,55,.12)}.brand-feature figcaption{min-width:270px;padding:27px 34px;box-shadow:0 12px 30px rgba(56,33,55,.06)}
.brand-name{font-family:BoutiqueSerif,Georgia,serif;font-size:2.85rem;letter-spacing:-.03em}
.visit{padding-top:100px;padding-bottom:100px}.visit .eyebrow{letter-spacing:.19em}.visit h2{font-size:clamp(3rem,4.8vw,5.6rem)}
.visit-grid{margin-top:64px;grid-template-columns:1fr 1fr 1.1fr;border-top:1px solid #665063;gap:0}.visit-grid>div{padding-top:38px;padding-right:42px}.visit-grid>div+div{border-left:1px solid #665063;padding-left:42px}
.visit h3{font-family:BoutiqueSerif,Georgia,serif;font-size:1.35rem}.visit address{font-family:BoutiqueSerif,Georgia,serif;font-size:1.25rem;line-height:1.7}.visit .button{box-shadow:0 10px 28px rgba(0,0,0,.12)}
.hours>div{padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:9px}.visit p.small{color:#bbaeba}
footer{padding-top:50px}.footer-top{padding-bottom:38px}.footer-top .wordmark{font-size:1.45rem}.footer-top p{font-family:BoutiqueSerif,Georgia,serif}.back-top{border-bottom:1px solid var(--p-line);padding-bottom:4px}
dialog{box-shadow:0 30px 90px rgba(20,10,20,.3)}dialog::backdrop{background:#211421e8;backdrop-filter:blur(2px)}
html.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease var(--delay,0s),transform .75s cubic-bezier(.2,.65,.25,1) var(--delay,0s)}html.js .reveal.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.header.scrolled{height:82px}.hero{gap:35px;min-height:700px}.hero h1{font-size:4.35rem}.hero-main{height:565px}.hero-visual{padding-left:50px}.hero-small{width:50%}.hero-small img{height:175px}.collection-grid{gap:25px}.look:nth-child(1) .photo-button img{height:500px}.look:nth-child(2) .photo-button img{height:420px}.look:nth-child(3) .photo-button img{height:470px}.boutique-photo,.boutique-photo>img{min-height:700px}.boutique-copy{padding:60px 45px}.visit-grid>div{padding-right:28px}.visit-grid>div+div{padding-left:28px}}
@media(max-width:800px){.header.scrolled{height:80px}.header nav a:not(.nav-visit)::after{display:none}.hero{min-height:0;gap:22px}.hero h1{font-size:3.55rem}.hero-visual{padding-left:26px}.hero-main{height:500px}.hero-small{width:56%}.hero-small img{height:170px}.intro-strip{gap:0}.intro-strip span+span:before{left:0}.section{padding-top:85px;padding-bottom:85px}.collection-grid{grid-template-columns:1fr 1fr}.look:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:0;align-items:end}.look:nth-child(3) figcaption{padding-bottom:18px}.boutique-section{grid-template-columns:1fr 1fr}.boutique-copy{padding:45px 28px}.boutique-copy h2{font-size:2.9rem}.selection{gap:35px}.brand-feature{padding-left:18px}.brand-feature>img{height:500px}.visit-grid{grid-template-columns:1fr 1fr}.visit-grid>div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid #665063;padding-left:0;margin-top:30px}}
@media(max-width:560px){body{padding-bottom:68px}.topline{font-size:.61rem;justify-content:center}.topline>span:last-child{display:none}.header.scrolled{height:74px}.hero{display:flex;flex-direction:column;padding:42px 6% 55px;gap:38px}.hero h1{font-size:clamp(3.25rem,13vw,4.4rem)}.hero-intro{font-size:1rem}.hero-visual{padding:0 0 45px 28px;width:100%}.hero-visual::before{left:12px}.hero-main{height:490px}.hero-small{left:0;width:43%;bottom:0}.hero-small img{height:190px}.hero-small span{display:none}.intro-strip{grid-template-columns:1fr 1fr;padding:16px 6%;row-gap:8px;font-size:.63rem}.intro-strip span+span:before{display:none}.section{padding:70px 6%}.section-heading{display:block;margin-bottom:38px}.section-heading h2{font-size:3rem}.section-heading>p{margin-top:22px}.collection-grid{display:block}.look,.look.offset,.look:nth-child(3){display:block;padding:0;margin-bottom:44px}.look:nth-child(1) .photo-button img,.look:nth-child(2) .photo-button img,.look:nth-child(3) .photo-button img{height:455px}.boutique-section{display:flex;flex-direction:column}.boutique-photo,.boutique-photo>img{min-height:440px;height:440px}.boutique-copy{padding:52px 6% 60px}.boutique-copy h2{font-size:3.2rem}.selection{display:flex;flex-direction:column;gap:42px}.selection h2{font-size:3rem}.brand-feature{padding:0 0 34px 22px}.brand-feature>img{height:500px}.visit{padding:70px 6%}.visit h2{font-size:2.95rem}.visit-grid{grid-template-columns:1fr;margin-top:45px}.visit-grid>div,.visit-grid>div+div,.visit-grid>div:last-child{grid-column:auto;border-left:0;border-top:1px solid #665063;padding:28px 0 0;margin:28px 0 0}.visit-grid>div:first-child{border-top:0;margin-top:0}.footer-top p{display:none}body::after{content:"Kirchenstraße 15 · Route öffnen ↗";position:fixed;left:12px;right:12px;bottom:10px;z-index:70;background:var(--p-aub);color:#fff;padding:13px 17px;box-shadow:0 10px 28px rgba(56,33,55,.3);font-size:.72rem;letter-spacing:.02em;pointer-events:none;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}html.js .reveal{opacity:1;transform:none}}