@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Italiana&display=swap');
:root{--ink:#644c39;--muted:#806b5a;--cream:#f6ede4;--paper:#fbf6ef;--sand:#ead9c8;--line:rgba(100,76,57,.18);--serif:'Italiana',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:300 16px/1.65 var(--sans)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1420px,calc(100% - 80px));margin:auto}.eyebrow{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 1.9rem;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;transition:.25s}.btn:hover{background:var(--ink);color:var(--paper)}
/* Header */
.site-header{height:158px;background:var(--cream);border-bottom:1px solid rgba(100,76,57,.08);display:flex;align-items:center}.header-row{width:min(1460px,calc(100% - 72px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:46px}.brand{display:flex;align-items:center;gap:24px;min-width:430px}.brand-mark{width:132px;height:116px;object-fit:contain}.brand-copy{display:grid;gap:3px}.brand-name{font-size:1.25rem;letter-spacing:.36em;text-transform:uppercase;font-weight:300;line-height:1.7}.brand-tagline{font-size:.69rem;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.main-nav{display:flex;align-items:center;gap:38px;margin-left:auto}.main-nav a{position:relative;text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;white-space:nowrap}.main-nav a:after{content:'';position:absolute;left:0;bottom:-12px;width:0;height:1px;background:currentColor;transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.social-nav{display:flex;gap:22px;align-items:center}.icon-link{width:22px;height:22px;display:grid;place-items:center}.icon-link svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}.mobile-bar,.mobile-menu{display:none}
/* Home hero */
.hero{min-height:480px;display:grid;grid-template-columns:44% 56%;background:#eee3d7}.hero-copy{padding:80px max(6vw,70px);display:flex;justify-content:center;flex-direction:column;background:linear-gradient(110deg,#f5ebdf 0%,#f2e7db 100%)}.hero h1{font:400 clamp(3.1rem,4.4vw,5.2rem)/1.08 var(--serif);margin:0 0 1.1rem}.hero p{max-width:470px;margin:0 0 1.9rem;color:var(--muted);font-size:1.03rem}.hero-media{min-height:480px;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
/* Home tiles */
.feature-strip{display:grid;grid-template-columns:1fr 0.47fr 1fr 0.47fr 1fr 0.47fr;background:var(--paper);border-top:5px solid var(--paper)}.feature-image{min-height:320px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-text{padding:56px 26px 36px;display:flex;flex-direction:column;justify-content:center}.feature-text h2{font:400 1.75rem/1.1 var(--serif);margin:0 0 1.2rem}.feature-text h2:after{content:'';display:block;width:42px;height:1px;background:var(--ink);margin-top:18px}.feature-text p{color:var(--muted);font-size:.84rem;margin:0 0 1.7rem}.more{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}.more:after{content:' →'}
/* Content */
.section{padding:105px 0}.soft{background:var(--cream)}.section-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:end;margin-bottom:55px}.section-head h1,.section-head h2,.display{font:400 clamp(3.2rem,5vw,5.5rem)/1.02 var(--serif);margin:.1em 0}.section-head p,.lead{color:var(--muted);max-width:720px}.wide-image{aspect-ratio:16/7;overflow:hidden}.wide-image img{width:100%;height:100%;object-fit:cover}.split{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.split-media{overflow:hidden}.split-media img{width:100%;height:100%;object-fit:cover}.split-copy{background:var(--sand);padding:7vw;display:flex;flex-direction:column;justify-content:center}.split-copy h2{font:400 clamp(3rem,5vw,5rem)/1 var(--serif);margin:.15em 0}.split-copy p{color:var(--muted);max-width:570px}.quote{background:var(--ink);color:var(--paper);padding:115px 0;text-align:center}.quote blockquote{font:400 clamp(2.6rem,4.5vw,4.8rem)/1.1 var(--serif);max-width:980px;margin:0 auto}.quote p{color:#d9c7b7}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:42px;border:1px solid var(--line);background:rgba(255,255,255,.25)}.panel h3{font:400 2.2rem/1 var(--serif);margin:.1em 0}.panel p{color:var(--muted)}
/* Pages */
.page-hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:560px;background:var(--cream)}.page-copy{padding:8vw 7vw;display:flex;flex-direction:column;justify-content:center}.page-copy h1{font:400 clamp(3.5rem,6vw,6.6rem)/.98 var(--serif);margin:.15em 0}.page-copy p{max-width:610px;color:var(--muted)}.page-image{overflow:hidden}.page-image img{width:100%;height:100%;object-fit:cover}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.menu-block{padding:42px;border-top:1px solid var(--line);background:#fff3}.menu-block h3{font:400 2.3rem/1 var(--serif);margin:.15em 0 1rem}.menu-list{list-style:none;padding:0;margin:0}.menu-list li{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.menu-list span:last-child{color:var(--muted)}.topics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:55px}.topic{padding:36px 30px;border-right:1px solid var(--line)}.topic:last-child{border-right:0}.topic h3{font:400 2rem/1.08 var(--serif);margin:.3em 0}.topic p{color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.86)}.about-grid h2{font:400 clamp(3.1rem,5vw,5.1rem)/1 var(--serif);margin:.15em 0}.about-grid p{color:var(--muted)}.values{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:70px}.value{padding:32px 26px;border-right:1px solid var(--line)}.value:last-child{border-right:0}.value h3{font:400 1.9rem/1 var(--serif);margin:.1em 0}.value p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-title{font:400 clamp(3.5rem,6vw,6.3rem)/1 var(--serif);margin:.15em 0}.form{display:grid;gap:16px}.form input,.form textarea,.form select{border:0;border-bottom:1px solid var(--line);padding:16px 0;background:transparent;font:inherit;color:inherit}.form textarea{min-height:140px}.notice{font-size:.78rem;color:var(--muted)}.faq details{padding:20px 0;border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:500}.faq p{max-width:780px;color:var(--muted)}
/* Footer */
footer{background:var(--cream);border-top:1px solid var(--line);padding:30px 0}.footer-row{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em}.footer-row .divider{opacity:.55}.footer-row a:hover{text-decoration:underline}.legal-footer{padding-top:16px;margin-top:16px;border-top:1px solid var(--line);display:flex;justify-content:center;gap:24px;font-size:.7rem;color:var(--muted)}
.reveal{opacity:0;transform:translateY(20px);transition:.75s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1120px){.brand{min-width:auto}.brand-mark{width:104px}.brand-name{font-size:1rem}.brand-tagline{font-size:.62rem}.main-nav{gap:22px}.main-nav a{font-size:.68rem}.social-nav{gap:14px}.header-row{width:min(100% - 42px,1460px)}}
@media(max-width:900px){.site-header{display:none}.mobile-bar{display:flex;position:sticky;top:0;z-index:60;background:var(--cream);height:92px;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:1px solid var(--line)}.mobile-brand{display:flex;align-items:center;gap:12px}.mobile-brand img{width:72px;height:70px;object-fit:contain}.mobile-brand span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.hamb{border:0;background:none;color:var(--ink);font-size:1.6rem}.mobile-menu{display:none;position:fixed;top:92px;left:0;right:0;background:var(--cream);z-index:59;padding:25px 24px;box-shadow:0 14px 30px #0001}.mobile-menu.open{display:grid;gap:18px}.mobile-menu a{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.wrap{width:min(100% - 32px,1420px)}.hero,.page-hero,.section-head,.split,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-copy{padding:65px 24px}.hero-media{min-height:420px}.feature-strip{grid-template-columns:1fr 1fr}.feature-image{min-height:340px}.feature-text{min-height:340px}.feature-strip .feature-image:nth-of-type(3){order:5}.feature-strip .feature-text:nth-of-type(3){order:6}.section{padding:78px 0}.topics,.values,.menu-grid,.grid2{grid-template-columns:1fr}.topic,.value{border-right:0;border-bottom:1px solid var(--line)}.page-copy{padding:65px 24px}.page-image{min-height:430px}.footer-row{gap:14px;text-align:center}.legal-footer{flex-wrap:wrap}}
@media(max-width:560px){.feature-strip{grid-template-columns:1fr}.feature-image,.feature-text{min-height:auto}.feature-image{aspect-ratio:4/3}.feature-text{padding:34px 24px}.hero h1{font-size:3rem}.brand-tagline{white-space:normal}}
/* V6 – final café visual direction */
.home-hero{position:relative;min-height:620px;overflow:hidden;background:#ead9c8}.home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:brightness(1.13) saturate(.9)}.home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,237,228,.82) 0%,rgba(246,237,228,.45) 37%,rgba(246,237,228,.08) 66%,rgba(246,237,228,.02) 100%)}.home-hero-copy{position:relative;z-index:2;width:min(1420px,calc(100% - 80px));margin:auto;padding:115px 0 80px}.home-hero-copy h1{font:400 clamp(3.4rem,5vw,5.8rem)/1.08 var(--serif);margin:0;color:#5f4634}.home-hero-copy p{font-size:1.02rem;line-height:1.55;color:#6e5949;margin:18px 0 30px}.hero-rule{display:block;width:70px;height:2px;background:#745945;margin:18px 0}.hero-btn{background:rgba(251,246,239,.38)}.wall-brand{position:absolute;z-index:2;right:23%;top:26%;width:190px;text-align:center;color:#7b604d;background:rgba(246,237,228,.58);backdrop-filter:blur(2px);padding:12px 12px 10px}.wall-logo{font:400 3.5rem/1 var(--serif)}.wall-name{font-size:.85rem;letter-spacing:.32em;line-height:1.65}.wall-tag{font-size:.55rem;line-height:1.45;letter-spacing:.06em;margin-top:5px}.home-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:20px 24px 42px;background:var(--paper)}.home-card img{width:100%;aspect-ratio:1.15/1;object-fit:cover}.home-card h2{font:400 1.8rem/1 var(--serif);margin:20px 0 0}.card-rule{display:block;width:42px;height:1px;background:var(--ink);margin:16px 0}.home-card p{color:var(--muted);font-size:.86rem;max-width:300px}.drink-hero,.connect-hero{display:grid;grid-template-columns:34% 66%;gap:0;background:var(--paper);padding:0 42px 18px}.drink-copy,.connect-copy{padding:95px 50px 50px;display:flex;flex-direction:column;justify-content:center}.drink-copy h1,.connect-copy h1{font:400 clamp(3rem,4.5vw,5rem)/1 var(--serif);margin:0 0 10px}.drink-copy p,.connect-copy p{color:var(--muted);max-width:330px}.drink-main,.connect-photo{overflow:hidden;min-height:500px}.drink-main img,.connect-photo img{width:100%;height:100%;object-fit:cover}.drink-main img{object-position:center}.connect-photo img{object-position:center}.drink-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 42px 42px}.drink-grid figure{margin:0;aspect-ratio:1.23/1;overflow:hidden}.drink-grid img{width:100%;height:100%;object-fit:cover}.connect-hero{padding-top:18px}.connect-hero .connect-photo{min-height:540px}.connect-hero .connect-photo img{object-position:center 55%}
@media(max-width:900px){.home-hero{min-height:650px}.home-hero-copy{width:min(100% - 40px,1420px);padding:80px 0}.wall-brand{display:none}.home-cards{grid-template-columns:1fr;gap:42px;padding:18px 18px 50px}.drink-hero,.connect-hero{grid-template-columns:1fr;padding:0 18px 18px}.drink-copy,.connect-copy{padding:65px 10px 35px}.drink-main,.connect-photo{min-height:420px}.drink-grid{grid-template-columns:1fr;padding:0 18px 32px}.home-hero-shade{background:linear-gradient(90deg,rgba(246,237,228,.86),rgba(246,237,228,.3))}}
/* V7 – überarbeitete Premium-Café-Version */
.home-hero.v7>img{filter:brightness(1.20) saturate(.84) contrast(.94)}
.wall-brand{display:none!important}
.wall-brand-v7{position:absolute;z-index:2;right:22.5%;top:22%;color:rgba(112,82,60,.62);text-align:center;line-height:1;background:none;padding:0;pointer-events:none;text-shadow:0 1px 1px rgba(255,255,255,.35)}
.wall-brand-v7 .wall-sh{font:400 4rem/1 var(--serif);letter-spacing:-.12em;margin-left:-.12em}.wall-brand-v7 .wall-studio{font-size:.78rem;letter-spacing:.31em;line-height:1.55;margin-top:7px}.wall-brand-v7 .wall-claim{font-size:.52rem;line-height:1.45;letter-spacing:.05em;margin-top:6px}
.v7-cards{gap:30px;padding:28px 28px 46px}.home-card .card-image{display:block;overflow:hidden}.home-card .card-image img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .45s ease;will-change:transform}.home-card .card-image:hover img{transform:scale(1.055);filter:brightness(1.03)}.v7-cards .home-card img{aspect-ratio:1.18/1;object-fit:cover}.v7-cards .home-card:nth-child(3) img{object-position:center 58%}
.sip-v7{display:grid;grid-template-columns:34% 66%;padding:0 42px 20px;background:var(--paper);min-height:690px}.sip-v7-copy{padding:75px 48px 55px 18px}.sip-v7-copy h1{font:400 clamp(3rem,4.5vw,5rem)/1 var(--serif);margin:0 0 10px}.sip-v7-copy p{color:var(--muted);max-width:330px}.sip-v7-copy h2{font:400 1.05rem/1.2 var(--serif);text-transform:uppercase;letter-spacing:.06em;margin:34px 0 10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.price-list{display:grid}.price-list>div{display:flex;justify-content:space-between;gap:20px;padding:5px 0;font-size:.78rem;text-transform:uppercase;letter-spacing:.035em}.price-list>div span:last-child{color:var(--muted);white-space:nowrap}.menu-note{font-size:.68rem!important;line-height:1.45;margin-top:14px}.sip-v7-media{min-height:650px;overflow:hidden}.sip-v7-media img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.v7-drinks{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 42px 44px}.v7-drinks figure{aspect-ratio:1.32/1;overflow:hidden;background:#eee5db}.v7-drinks img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.v7-drinks figure:hover img{transform:scale(1.035)}
.connect-v7{display:grid;grid-template-columns:34% 66%;padding:18px 42px 42px;background:var(--paper);min-height:620px}.connect-v7-copy{padding:90px 50px 55px 18px;display:flex;flex-direction:column;justify-content:center}.connect-v7-copy h1{font:400 clamp(3rem,4.5vw,5rem)/1 var(--serif);margin:0 0 10px}.connect-v7-copy p{color:var(--muted);max-width:330px}.connect-v7-photo{min-height:580px;overflow:hidden}.connect-v7-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform .8s ease}.connect-v7-photo:hover img{transform:scale(1.025)}
@media(max-width:900px){.wall-brand-v7{display:none}.sip-v7,.connect-v7{grid-template-columns:1fr;padding:0 18px 24px}.sip-v7-copy,.connect-v7-copy{padding:58px 10px 34px}.sip-v7-media,.connect-v7-photo{min-height:420px}.v7-drinks{grid-template-columns:1fr;padding:0 18px 32px}.v7-cards{padding:18px 18px 48px}}
/* V8 – final production build based on approved August 2026 design */
.home-hero.v8{min-height:620px}.home-hero.v8>img{filter:brightness(1.22) saturate(.86) contrast(.94);object-position:center 45%}.home-hero.v8 .home-hero-shade{background:linear-gradient(90deg,rgba(246,237,228,.76) 0%,rgba(246,237,228,.34) 34%,rgba(246,237,228,.03) 68%,rgba(246,237,228,0) 100%)}
.wall-brand-v7{display:none!important}.v8-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:18px 24px 42px}.v8-cards .home-card .card-image{overflow:hidden;display:block;background:#eadfd3}.v8-cards .home-card .card-image img{width:100%;aspect-ratio:1.16/1;object-fit:cover;transition:transform .7s cubic-bezier(.18,.72,.2,1),filter .4s ease}.v8-cards .home-card .card-image:hover img{transform:scale(1.07);filter:brightness(1.035)}.v8-cards .home-card:nth-child(1) img{object-position:center 54%}.v8-cards .home-card:nth-child(2) img{object-position:center 48%}.v8-cards .home-card:nth-child(3) img{object-position:center 54%}
.editorial-page{display:grid;grid-template-columns:34% 66%;padding:12px 42px 8px;background:var(--paper);min-height:570px}.editorial-copy{padding:90px 52px 55px 20px;display:flex;flex-direction:column;justify-content:center}.editorial-copy h1{font:400 clamp(3.2rem,4.7vw,5.2rem)/1 var(--serif);margin:0 0 10px}.editorial-copy p{color:var(--muted);max-width:340px;margin:0 0 28px}.editorial-media{overflow:hidden;min-height:550px}.editorial-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s ease}.editorial-media:hover img{transform:scale(1.018)}.editorial-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 42px 38px;background:var(--paper)}.editorial-thumbs figure{margin:0;aspect-ratio:1.45/1;overflow:hidden;background:#eadfd3}.editorial-thumbs img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.editorial-thumbs figure:hover img{transform:scale(1.04)}
.sip-v8{display:grid;grid-template-columns:34% 66%;padding:12px 42px 8px;background:var(--paper);min-height:690px}.sip-v8-copy{padding:70px 48px 50px 20px;display:flex;flex-direction:column;justify-content:center}.sip-v8-copy h1{font:400 clamp(3.1rem,4.6vw,5.1rem)/1 var(--serif);margin:0 0 10px}.sip-v8-copy>p{color:var(--muted);max-width:340px}.sip-v8-copy h2{font:400 1.08rem/1.2 var(--serif);text-transform:uppercase;letter-spacing:.06em;margin:30px 0 10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.sip-v8-media{overflow:hidden;min-height:650px}.sip-v8-media img{width:100%;height:100%;object-fit:cover;object-position:center 54%;transition:transform .8s ease}.sip-v8-media:hover img{transform:scale(1.018)}.sip-thumbs figure{aspect-ratio:1.38/1}.sip-thumbs img{image-rendering:auto}
.connect-v8{display:grid;grid-template-columns:34% 66%;padding:18px 42px 42px;background:var(--paper);min-height:620px}.connect-v8-copy{padding:90px 50px 55px 20px;display:flex;flex-direction:column;justify-content:center}.connect-v8-copy h1{font:400 clamp(3rem,4.5vw,5rem)/1 var(--serif);margin:0 0 10px}.connect-v8-copy p{color:var(--muted);max-width:340px;margin-bottom:26px}.connect-v8-photo{min-height:570px;overflow:hidden}.connect-v8-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform .8s ease}.connect-v8-photo:hover img{transform:scale(1.025)}
@media(max-width:900px){.home-hero.v8{min-height:620px}.v8-cards{grid-template-columns:1fr;padding:18px 18px 48px;gap:38px}.editorial-page,.sip-v8,.connect-v8{grid-template-columns:1fr;padding:0 18px 22px}.editorial-copy,.sip-v8-copy,.connect-v8-copy{padding:58px 10px 34px}.editorial-media,.sip-v8-media,.connect-v8-photo{min-height:420px}.editorial-thumbs{grid-template-columns:1fr;padding:0 18px 32px}.editorial-thumbs figure{aspect-ratio:4/3}}

/* V9 — exakt am freigegebenen Entwurf ausgerichtet */
:root{--ink:#684f3b;--muted:#806b5a;--cream:#f7efe7;--paper:#fbf7f1;--sand:#eee0d1}
.site-header{height:98px;background:#f8f0e8}.header-row{width:min(1480px,calc(100% - 60px));gap:24px}.brand{min-width:315px;gap:14px}.brand-mark{width:86px;height:72px;object-fit:contain}.brand-name{font-size:1rem;letter-spacing:.42em;line-height:1.55}.brand-tagline{font-size:.54rem;letter-spacing:.08em}.main-nav{gap:32px}.main-nav a{font-size:.66rem;letter-spacing:.09em}.main-nav a:after{bottom:-8px}.social-nav{gap:16px}.icon-link svg{width:17px;height:17px}
.home-hero.v9{min-height:505px;position:relative;overflow:hidden}.home-hero.v9>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:brightness(1.16) saturate(.86) contrast(.95)}.home-hero.v9 .home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,243,235,.67) 0%,rgba(249,243,235,.38) 29%,rgba(249,243,235,.05) 52%,transparent 73%)}.home-hero.v9 .home-hero-copy{position:relative;z-index:2;width:min(1480px,calc(100% - 72px));margin:auto;padding:140px 0 45px}.home-hero.v9 h1{font-size:clamp(3rem,4.25vw,4.35rem);line-height:1.06}.home-hero.v9 .hero-rule{width:52px;height:1px;margin:14px 0}.home-hero.v9 p{font-size:.93rem;line-height:1.5;margin:16px 0 24px}.home-hero.v9 .btn{padding:.72rem 1.35rem;font-size:.64rem}
.home-cards.v9-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:12px 24px 36px;background:var(--paper)}.v9-cards .home-card .card-image{display:block;overflow:hidden}.v9-cards .home-card .card-image img{width:100%;height:100%;aspect-ratio:1.14/1;object-fit:cover;transition:transform .65s cubic-bezier(.18,.72,.2,1),filter .35s ease}.v9-cards .home-card .card-image:hover img{transform:scale(1.075);filter:brightness(1.035)}.v9-cards .home-card h2{font-size:1.48rem;margin:14px 0 0}.v9-cards .card-rule{width:34px;margin:12px 0}.v9-cards .home-card p{font-size:.77rem;margin:0 0 14px}.v9-cards .more{font-size:.62rem}
.visual-page{display:grid;grid-template-columns:33% 67%;gap:0;padding:14px 18px 5px;background:var(--paper);min-height:340px}.visual-copy{padding:60px 44px 34px;display:flex;flex-direction:column;justify-content:center}.visual-copy h1{font:400 clamp(2.8rem,4vw,4.5rem)/1 var(--serif);margin:0}.visual-copy p{font-size:.78rem;line-height:1.7;color:var(--muted);max-width:260px;margin:0 0 22px}.visual-copy .btn{align-self:flex-start;padding:.65rem 1rem;font-size:.58rem}.visual-media{overflow:hidden;min-height:310px}.visual-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .75s ease}.visual-media:hover img{transform:scale(1.02)}.visual-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 18px 18px 33%;background:var(--paper)}.visual-thumbs figure{margin:0;aspect-ratio:1.45/1;overflow:hidden}.visual-thumbs img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.visual-thumbs figure:hover img{transform:scale(1.045)}.connect-layout{padding-top:14px}.connect-thumbs{padding-bottom:28px}
.section{padding:84px 0}.footer-row{font-size:.65rem}.legal-footer{font-size:.62rem}
@media(max-width:1050px){.brand{min-width:250px}.main-nav{gap:18px}.main-nav a{font-size:.6rem}}
@media(max-width:900px){.site-header{display:none}.mobile-bar{display:flex;height:72px;padding:0 18px;align-items:center;justify-content:space-between;background:var(--cream)}.mobile-brand{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.mobile-brand img{width:52px;height:48px;object-fit:contain}.hamb{display:block;border:0;background:none;font-size:1.5rem;color:var(--ink)}.mobile-menu{display:none;position:absolute;z-index:50;top:72px;left:0;right:0;background:var(--cream);padding:18px 24px;border-top:1px solid var(--line)}.mobile-menu.open{display:grid;gap:14px}.home-hero.v9{min-height:580px}.home-hero.v9 .home-hero-copy{width:calc(100% - 36px);padding:90px 0 40px}.home-hero.v9 .home-hero-shade{background:linear-gradient(90deg,rgba(249,243,235,.78),rgba(249,243,235,.25))}.home-cards.v9-cards{grid-template-columns:1fr;padding:16px 18px 38px;gap:36px}.visual-page{grid-template-columns:1fr;padding:0 18px}.visual-copy{padding:52px 6px 30px}.visual-media{min-height:360px}.visual-thumbs{grid-template-columns:1fr;padding:6px 18px 28px}.visual-thumbs figure{aspect-ratio:4/3}}
\n/* V10 — claim, clean subpages and icon fix */\n.visual-page{min-height:520px;padding:18px 24px 30px}.visual-copy{padding:74px 54px 52px}.visual-media{min-height:500px;border-radius:0}.visual-media img{object-fit:cover;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0)}\n.visual-thumbs{display:none!important}.connect-thumbs{display:none!important}.social-nav .icon-link{font-size:0;line-height:0}.social-nav .icon-link svg{display:block}\n@media(max-width:900px){.visual-page{padding:0 18px 28px}.visual-media{min-height:460px}.visual-copy{padding:58px 6px 34px}}\n
/* THE MILKY CLUB – Branding 2026 */
:root{--ink:#392316;--muted:#765f50;--cream:#f0e4d9;--paper:#f9f2eb;--sand:#e7d5c4;--line:rgba(57,35,22,.18);--serif:'DM Sans',Arial,sans-serif}
.brand{min-width:330px;gap:14px}.brand-mark{width:100px;height:100px;object-fit:contain;border-radius:3px}.brand-name{font-size:1.18rem;letter-spacing:.13em;font-weight:500;line-height:1.25}.brand-tagline{letter-spacing:.15em;font-size:.58rem}.site-header{height:132px}.header-row{gap:22px}.main-nav{gap:24px}.home-hero-copy h1{font-family:var(--sans);font-weight:300;letter-spacing:.13em;line-height:1.12;font-size:clamp(2.6rem,5.5vw,5.8rem)}.home-hero.v9>img{filter:brightness(.94) saturate(.88)}.home-hero.v9 .home-hero-shade{background:linear-gradient(90deg,rgba(249,242,235,.94) 0%,rgba(249,242,235,.78) 30%,rgba(249,242,235,.06) 75%)}.home-card h2,.visual-copy h1,.section-head h1,.section-head h2,.display{font-family:var(--sans);font-weight:300;letter-spacing:.04em}.mobile-brand img{width:65px;height:65px}.mobile-brand span{letter-spacing:.07em}.home-card img{object-fit:cover}
@media(max-width:1120px){.brand{min-width:auto}.brand-mark{width:78px;height:78px}.brand-name{font-size:.95rem}.main-nav{gap:15px}}
@media(max-width:900px){.mobile-bar{height:88px}.mobile-menu{top:88px}.home-hero-copy h1{font-size:clamp(2.5rem,9vw,4.2rem)}}

/* THE MILKY CLUB — V2 refinement */
.site-header{height:145px;background:#f0e4d9}.brand{min-width:205px;gap:0;display:block}.brand-copy{display:none!important}.brand-mark{width:205px;height:125px;object-fit:contain;border-radius:0;mix-blend-mode:multiply}.header-row{gap:22px}.main-nav{gap:24px}.mobile-brand img{width:125px;height:72px;object-fit:contain;mix-blend-mode:multiply}.mobile-brand span{display:none!important}.mobile-bar{background:#f0e4d9}.home-hero-copy h1{font-family:'DM Sans',sans-serif;font-weight:300;letter-spacing:.23em;line-height:1.12;font-size:clamp(3rem,5.6vw,6.5rem)}.home-hero-copy .hero-the{font-size:.38em;letter-spacing:.75em;padding-left:.35em}.home-hero-copy .hero-milky{font-weight:300;letter-spacing:.27em}.home-hero-copy .hero-club{font-size:.57em;letter-spacing:.58em;padding-left:.12em}.home-hero-copy p{font-size:1.06rem;letter-spacing:.06em;line-height:1.7}.home-card h2{text-transform:uppercase;letter-spacing:.16em;font-size:1.65rem}.home-card img{object-fit:cover}.home-cards .home-card:first-child img{object-position:center}.main-nav a{letter-spacing:.13em}@media(max-width:1120px){.brand{min-width:145px}.brand-mark{width:145px;height:105px}.main-nav{gap:15px}}@media(max-width:900px){.mobile-bar{height:92px}.mobile-menu{top:92px}.home-hero-copy h1{font-size:clamp(2.7rem,9vw,4.5rem)}.mobile-brand img{width:130px;height:78px}}

/* V3 — approved second mockup direction */
:root{--ink:#482b1c;--muted:#755b4a;--cream:#f8f0e9;--paper:#fbf6f1;--sand:#eee0d5;--line:rgba(72,43,28,.19)}
body{background:var(--paper);color:var(--ink)}
.site-header{height:118px;background:#faf3ed;border-bottom:0}.header-row{width:min(1390px,calc(100% - 84px));gap:30px}
.brand{min-width:190px}.brand-mark{width:180px;height:108px;mix-blend-mode:multiply;object-fit:contain}
.main-nav{gap:34px}.main-nav a{font-size:.73rem;letter-spacing:.22em}.social-nav{gap:24px}
.home-hero.milky-v3-hero{height:510px;min-height:510px;background:#e7d6c8}
.home-hero.milky-v3-hero>img{object-position:center 52%;filter:brightness(1.05) saturate(.82)}
.home-hero.milky-v3-hero .home-hero-shade{background:linear-gradient(90deg,rgba(249,241,234,.98) 0%,rgba(249,241,234,.92) 19%,rgba(249,241,234,.45) 39%,rgba(249,241,234,.02) 70%)}
.home-hero.milky-v3-hero .home-hero-copy{padding:52px 0 48px;width:min(1370px,calc(100% - 110px))}
.home-hero.milky-v3-hero h1{font-weight:300;font-size:clamp(3.6rem,5.8vw,6.2rem);letter-spacing:.26em;line-height:1.06;margin:0}
.home-hero.milky-v3-hero .hero-the{font-size:.34em;letter-spacing:.7em}.home-hero.milky-v3-hero .hero-milky{letter-spacing:.25em}.home-hero.milky-v3-hero .hero-club{font-size:.51em;letter-spacing:.57em}
.home-hero.milky-v3-hero .hero-rule{width:65px;margin:24px 0 22px}
.home-hero.milky-v3-hero p{font-size:.85rem;font-weight:400;letter-spacing:.33em;line-height:1.85;color:var(--ink);text-transform:uppercase;margin:0 0 25px}
.home-hero.milky-v3-hero .hero-btn{font-size:.72rem;letter-spacing:.22em;padding:.8rem 2.5rem;background:transparent}
.home-cards{padding:26px max(28px,4vw) 60px;gap:28px;background:var(--paper)}
.home-card img{aspect-ratio:1.85/1;object-fit:cover}.home-card h2{font-size:2rem;font-weight:300;letter-spacing:.25em;margin:22px 0 0}.home-card .card-rule{margin:13px 0}.home-card p{font-size:.93rem;line-height:1.5;max-width:340px;margin:0 0 22px}.home-card .more{font-size:.71rem;letter-spacing:.22em;font-weight:500}
@media(max-width:1120px){.main-nav{gap:17px}.brand{min-width:145px}.brand-mark{width:145px}}
@media(max-width:900px){.mobile-bar{background:#faf3ed}.home-hero.milky-v3-hero{min-height:590px;height:590px}.home-hero.milky-v3-hero .home-hero-copy{width:calc(100% - 48px);padding:70px 0}.home-hero.milky-v3-hero .home-hero-shade{background:linear-gradient(90deg,rgba(249,241,234,.97),rgba(249,241,234,.66) 64%,rgba(249,241,234,.22))}.home-hero.milky-v3-hero h1{font-size:clamp(3rem,9vw,5rem)}.home-hero.milky-v3-hero p{font-size:.73rem;letter-spacing:.2em}.home-cards{grid-template-columns:1fr;padding:24px 20px 50px}.home-card img{aspect-ratio:1.7/1}}
@media(max-width:460px){.home-hero.milky-v3-hero h1{font-size:clamp(2.8rem,12vw,3.8rem)}.home-hero.milky-v3-hero p{font-size:.69rem;letter-spacing:.13em}}

/* V4 – homepage rebuilt to match approved reference screenshot */
:root{--ink:#422513;--muted:#6e5040;--cream:#f8f0ea;--paper:#fbf5f0;--line:rgba(66,37,19,.22)}
.site-header{height:120px;background:#fbf4ef;border-bottom:0}.header-row{width:calc(100% - 140px);max-width:1396px;gap:24px}.brand{min-width:225px;gap:0}.brand-mark{width:205px;height:112px;object-fit:contain}.main-nav{gap:46px}.main-nav a{font-size:.8rem;letter-spacing:.23em}.main-nav a:after{bottom:-9px}.social-nav{gap:25px}
.home-hero.milky-v4-hero{height:487px;min-height:487px;background:#f7ece4;position:relative;overflow:hidden}.home-hero.milky-v4-hero>img{position:absolute;inset:0 0 0 auto;width:77%;height:100%;object-fit:cover;object-position:center center;filter:none}.home-hero.milky-v4-hero .home-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f8eee8 0%,rgba(248,238,232,.98) 16%,rgba(248,238,232,.92) 23%,rgba(248,238,232,.60) 30%,rgba(248,238,232,0) 43%)}
.home-hero.milky-v4-hero .home-hero-copy{position:relative;z-index:2;width:100%;max-width:none;margin:0;padding:62px 0 25px clamp(55px,6.5vw,105px);display:flex;align-items:center;flex-direction:column;justify-content:flex-start;width:440px;box-sizing:border-box;text-align:center}.home-hero.milky-v4-hero h1{font-family:'DM Sans',Arial,sans-serif;font-weight:300;font-size:clamp(3.2rem,5vw,4.7rem);line-height:1.02;letter-spacing:0;color:#422513;margin:0}.home-hero.milky-v4-hero h1 span{display:block;white-space:nowrap}.home-hero.milky-v4-hero .hero-the{font-size:.34em;letter-spacing:.65em;padding-left:.65em;margin-bottom:14px}.home-hero.milky-v4-hero .hero-milky{font-size:1em;letter-spacing:.29em;padding-left:.29em}.home-hero.milky-v4-hero .hero-club{font-size:.44em;letter-spacing:.65em;padding-left:.65em;margin-top:11px}.home-hero.milky-v4-hero .hero-rule{width:77px;height:1px;background:#422513;margin:22px auto 20px}.home-hero.milky-v4-hero p{font-size:.84rem;letter-spacing:.33em;line-height:2.05;color:#422513;margin:0 0 28px;white-space:nowrap;font-weight:400}.home-hero.milky-v4-hero .hero-btn{font-size:.76rem;letter-spacing:.23em;padding:12px 32px;min-width:255px;background:transparent;border:1px solid #422513}.home-hero.milky-v4-hero .hero-btn:after{content:' →'}
.home-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;padding:24px max(36px,4.55vw) 48px;background:#fbf4ef}.home-card img{width:100%;aspect-ratio:445/196;object-fit:cover}.home-card h2{font-family:'DM Sans',Arial,sans-serif;font-size:1.95rem;font-weight:300;letter-spacing:.28em;text-transform:uppercase;margin:16px 0 0}.home-card .card-rule{width:49px;margin:10px 0 13px}.home-card p{font-size:.94rem;line-height:1.45;letter-spacing:.03em;max-width:350px;margin:0 0 18px}.home-card .more{font-size:.7rem;letter-spacing:.22em;border-bottom:1px solid currentColor;padding-bottom:3px}
@media(max-width:1250px){.header-row{width:calc(100% - 70px)}.main-nav{gap:24px}.brand{min-width:170px}.brand-mark{width:160px}}
@media(max-width:900px){.mobile-bar{background:#fbf4ef}.mobile-brand img{width:88px;height:72px}.mobile-brand span{display:none}.home-hero.milky-v4-hero{height:550px;min-height:550px}.home-hero.milky-v4-hero>img{width:100%;object-position:55% center}.home-hero.milky-v4-hero .home-hero-shade{background:linear-gradient(90deg,rgba(248,238,232,.97),rgba(248,238,232,.88) 48%,rgba(248,238,232,.22))}.home-hero.milky-v4-hero .home-hero-copy{width:min(440px,100%);padding:65px 25px 25px;}.home-cards{grid-template-columns:1fr;gap:35px;padding:25px 20px 45px}.home-card img{aspect-ratio:445/225}}
@media(max-width:460px){.home-hero.milky-v4-hero .home-hero-copy{width:100%;padding:65px 15px}.home-hero.milky-v4-hero h1{font-size:3.6rem}.home-hero.milky-v4-hero p{font-size:.69rem;letter-spacing:.21em}.home-hero.milky-v4-hero .hero-btn{min-width:220px}}

/* V5 – Bildkarten exakt im breiten Format der Referenz, ohne Zoom */
.home-cards.v9-cards .home-card .card-image{display:block;overflow:hidden;aspect-ratio:445/196;background:#eee2d8}
.home-cards.v9-cards .home-card .card-image img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center center;transform:none!important;filter:none!important;transition:none!important}
.home-cards.v9-cards .home-card .card-image:hover img{transform:none!important;filter:none!important}
@media(max-width:900px){.home-cards.v9-cards .home-card .card-image{aspect-ratio:445/225}}

/* V6: subtle interactive image enlargement, cropped within original card */
.home-cards.v9-cards .home-card .card-image img{transform:scale(1) !important;transition:transform .65s cubic-bezier(.2,.75,.2,1) !important;will-change:transform}
.home-cards.v9-cards .home-card .card-image:hover img,.home-cards.v9-cards .home-card .card-image:focus-visible img{transform:scale(1.075) !important}
.home-cards.v9-cards .home-card .card-image:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.home-cards.v9-cards .home-card .card-image img{transition:none !important}}

/* V7: Mobile polish — iPhone and MacBook */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img{max-width:100%}
@media(max-width:600px){
 body{overflow-x:hidden}
 .mobile-bar{height:82px;padding:5px 18px}
 .mobile-menu{top:82px;max-height:calc(100dvh - 82px);overflow-y:auto}
 .mobile-brand img{width:106px;height:68px}
 .home-hero.milky-v4-hero{height:540px;min-height:540px}
 .home-hero.milky-v4-hero>img{object-position:57% center}
 .home-hero.milky-v4-hero .home-hero-copy{width:100%;padding:74px 22px 32px}
 .home-hero.milky-v4-hero h1{font-size:clamp(2.7rem,13vw,3.7rem)}
 .home-hero.milky-v4-hero p{font-size:.71rem;letter-spacing:.14em;line-height:1.8}
 .home-cards.v9-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;padding:20px 18px 46px}
 .home-cards.v9-cards .home-card .card-image{aspect-ratio:445/225}
 .home-cards.v9-cards .home-card h2{font-size:1.65rem}
 .home-cards.v9-cards .home-card p{font-size:.9rem}
 .visual-page{padding:0 16px 26px}
 .visual-copy{padding:44px 8px 28px}
 .visual-media{min-height:290px}
 .footer-row{display:flex;flex-wrap:wrap;justify-content:center}
 .legal-footer{justify-content:center}
}
@media(max-width:375px){
 .home-hero.milky-v4-hero h1{font-size:2.75rem}
 .home-hero.milky-v4-hero p{font-size:.65rem;letter-spacing:.1em}
 .home-hero.milky-v4-hero .home-hero-copy{padding-left:17px;padding-right:17px}
}
@media(hover:none){.home-cards.v9-cards .home-card .card-image img{will-change:auto}}


/* V9 – mobile layout rebuilt for real iPhone viewport widths */
html { -webkit-text-size-adjust:100%; scroll-padding-top:82px; }
*, *::before, *::after { box-sizing:border-box; }
body { min-width:0; overflow-x:clip; }
.reveal { opacity:1; transform:none; }
img, svg { max-width:100%; }
@media(max-width:900px) {
  .site-header { display:none !important; }
  .mobile-bar { display:flex !important; width:100%; height:78px; padding:8px 20px; }
  .mobile-brand img { width:112px; height:62px; object-fit:contain; }
  .mobile-menu { top:78px; }
  .home-hero.milky-v4-hero {
    width:100%; height:auto; min-height:0; display:flex;
    flex-direction:column; overflow:hidden; background:#f8eee8;
  }
  .home-hero.milky-v4-hero > img {
    position:relative; inset:auto; display:block; width:100%;
    height:clamp(210px,62vw,390px); object-fit:cover; object-position:center;
    order:2;
  }
  .home-hero.milky-v4-hero .home-hero-shade { display:none; }
  .home-hero.milky-v4-hero .home-hero-copy {
    position:relative; order:1; width:100%; max-width:none;
    padding:42px 18px 38px; margin:0; display:flex;
    flex-direction:column; align-items:center; text-align:center;
  }
  .home-hero.milky-v4-hero h1 {
    font-size:clamp(2.7rem,12vw,4.6rem); line-height:1.03; max-width:100%;
  }
  .home-hero.milky-v4-hero p {
    white-space:normal; font-size:clamp(.68rem,2.6vw,.88rem);
    letter-spacing:.13em; line-height:1.9; margin:0 0 23px;
  }
  .home-hero.milky-v4-hero .hero-rule { margin:20px auto; }
  .home-hero.milky-v4-hero .hero-btn { min-width:0; width:min(260px,90%); }
  .home-cards.v9-cards {
    display:grid; grid-template-columns:minmax(0,1fr);
    gap:32px; padding:25px 18px 48px;
  }
  .home-cards.v9-cards .home-card { min-width:0; }
  .home-cards.v9-cards .home-card .card-image { aspect-ratio:445/196; }
  .home-cards.v9-cards .home-card .card-image img { width:100%; height:100%; object-fit:cover; }
  .home-card h2 { font-size:clamp(1.5rem,7vw,2rem); }
  .visual-page, .editorial-page, .sip-v7, .connect-v7 {
    display:grid; grid-template-columns:minmax(0,1fr); padding:0 18px 30px;
  }
  .visual-copy, .editorial-copy, .sip-v7-copy, .connect-v7-copy {
    padding:45px 4px 30px; min-width:0;
  }
  .visual-media, .editorial-media, .sip-v7-media, .connect-v7-photo {
    min-height:0; height:auto; aspect-ratio:4/3;
  }
  .visual-media img, .editorial-media img, .sip-v7-media img, .connect-v7-photo img {
    display:block; width:100%; height:100%; object-fit:cover;
  }
  .visual-thumbs, .editorial-thumbs, .drink-grid, .v7-drinks {
    display:grid; grid-template-columns:minmax(0,1fr); padding:0 18px 28px;
  }
  .section { padding:50px 0; }
  .wrap { width:calc(100% - 36px); }
  .section-head, .split, .about-grid, .contact-grid, .menu-grid, .grid2 {
    display:grid; grid-template-columns:minmax(0,1fr);
  }
  .footer-row { gap:12px; }
  .legal-footer { gap:14px; }
}
@media(max-width:390px) {
  .home-hero.milky-v4-hero h1 { font-size:clamp(2.55rem,12vw,3.1rem); }
  .home-hero.milky-v4-hero .home-hero-copy { padding-inline:14px; }
  .home-hero.milky-v4-hero p { font-size:.66rem; letter-spacing:.11em; }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .home-cards.v9-cards .home-card .card-image:hover img { transform:scale(1.075) !important; }
}

/* V10 – clean mobile layout in the spirit of the original Studio Hirsch site */
@media(max-width:900px){
  .mobile-bar{position:sticky!important;top:0!important;z-index:200!important;height:78px!important;padding:8px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#faf3ed!important;border-bottom:1px solid #e4d8cd!important}
  .mobile-brand img{width:112px!important;height:60px!important;object-fit:contain!important}
  .hamb{display:flex!important;align-items:center;justify-content:center;width:44px;height:44px;font-size:26px!important;cursor:pointer}
  .mobile-menu{position:fixed!important;top:78px!important;left:0!important;right:0!important;z-index:199!important;background:#faf3ed!important;padding:20px 26px 30px!important;max-height:calc(100dvh - 78px);overflow-y:auto;box-shadow:0 16px 30px #27180d20}
  .mobile-menu.open{display:grid!important;gap:0!important}
  .mobile-menu a{display:block;padding:15px 4px;border-bottom:1px solid #e4d8cd;font-size:.78rem;letter-spacing:.16em}
  .home-hero.milky-v4-hero{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;background:#faf3ed!important}
  .home-hero.milky-v4-hero .home-hero-copy{position:relative!important;inset:auto!important;order:1!important;width:100%!important;max-width:none!important;padding:42px 20px 34px!important;text-align:center!important;display:flex!important;align-items:center!important;flex-direction:column!important}
  .home-hero.milky-v4-hero>img{position:relative!important;inset:auto!important;order:2!important;width:100%!important;height:clamp(230px,68vw,430px)!important;object-fit:cover!important;object-position:center!important}
  .home-hero.milky-v4-hero .home-hero-shade{display:none!important}
  .home-hero.milky-v4-hero h1{font-size:clamp(2.75rem,11.5vw,4.6rem)!important;line-height:1.05!important;max-width:100%!important;margin:0 auto!important}
  .home-hero.milky-v4-hero p{font-size:clamp(.68rem,2.5vw,.9rem)!important;letter-spacing:.12em!important;line-height:1.85!important;margin:0 0 22px!important}
  .home-hero.milky-v4-hero .hero-rule{margin:22px auto!important}
  .home-cards.v9-cards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:36px!important;padding:30px 20px 52px!important}
  .home-cards.v9-cards .home-card .card-image{aspect-ratio:445/225!important}
  .home-cards.v9-cards .home-card .card-image img{width:100%!important;height:100%!important;object-fit:cover!important}
  .section{padding:52px 0!important}
  .section-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;margin-bottom:35px!important}
  .section-head h1{font-size:clamp(2.8rem,11vw,4.3rem)!important;line-height:1.06!important}
  .about-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:26px!important}
  .about-grid img{width:100%!important;aspect-ratio:4/4.5!important;object-fit:cover!important}
  .about-grid h2{font-size:clamp(2.7rem,10vw,4.2rem)!important}
  .values{display:grid!important;grid-template-columns:minmax(0,1fr)!important;margin-top:42px!important}
  .value{padding:22px 4px!important;border-right:0!important;border-bottom:1px solid var(--line)!important}
  .visual-page,.editorial-page,.sip-v7,.connect-v7{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:0 20px 28px!important}
  .visual-copy,.editorial-copy,.sip-v7-copy,.connect-v7-copy{padding:46px 0 26px!important}
  .visual-media,.editorial-media,.sip-v7-media,.connect-v7-photo{min-height:0!important;height:auto!important;aspect-ratio:4/3!important}
  .visual-media img,.editorial-media img,.sip-v7-media img,.connect-v7-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
  .wrap{width:calc(100% - 40px)!important}
  .footer-row{flex-wrap:wrap;justify-content:center;text-align:center}
  .reveal{opacity:1!important;transform:none!important}
}
@media(max-width:390px){.home-hero.milky-v4-hero h1{font-size:clamp(2.45rem,11vw,3.2rem)!important}}

/* V11 – Studio Hirsch inspired mobile composition; desktop untouched */
@media(max-width:900px){
 html{scroll-padding-top:76px;-webkit-text-size-adjust:100%}
 body{overflow-x:hidden}
 .mobile-bar{height:76px!important;padding:6px 20px!important;background:#f6ede4!important;box-shadow:none!important}
 .mobile-brand img{width:118px!important;height:62px!important;object-fit:contain!important}
 .hamb{font-size:27px!important;width:44px!important;height:44px!important;border:0!important;background:transparent!important;color:#644c39!important}
 .mobile-menu{top:76px!important;max-height:calc(100dvh - 76px)!important;background:#f6ede4!important}
 .home-hero.milky-v4-hero{display:flex!important;flex-direction:column!important;background:#f6ede4!important;min-height:0!important}
 .home-hero.milky-v4-hero>img{order:1!important;position:relative!important;inset:auto!important;width:100%!important;height:clamp(240px,72vw,440px)!important;object-fit:cover!important;object-position:center!important}
 .home-hero.milky-v4-hero .home-hero-copy{order:2!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;padding:46px 22px 50px!important;display:flex!important;align-items:center!important;text-align:center!important;flex-direction:column!important;background:#f6ede4!important}
 .home-hero.milky-v4-hero h1{font-size:clamp(2.75rem,11vw,4.4rem)!important;line-height:1.1!important;margin:0 auto!important;max-width:100%!important}
 .home-hero.milky-v4-hero p{font-size:clamp(.72rem,2.8vw,.94rem)!important;line-height:1.85!important;letter-spacing:.10em!important;white-space:normal!important}
 .home-hero.milky-v4-hero .hero-rule{margin:22px auto!important}
 .home-hero.milky-v4-hero .hero-btn{margin:auto!important}
 .home-cards.v9-cards{padding:20px 20px 58px!important;gap:44px!important;grid-template-columns:minmax(0,1fr)!important}
 .home-cards.v9-cards .home-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
 .home-cards.v9-cards .home-card .card-image{display:block!important;width:100%!important;aspect-ratio:445/225!important;overflow:hidden!important}
 .home-cards.v9-cards .home-card .card-image img{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
 .home-cards.v9-cards .home-card h2{margin-top:23px!important}
 .home-cards.v9-cards .home-card p{max-width:340px!important;margin-inline:auto!important}
 .section{padding:55px 0!important}
 .wrap{width:calc(100% - 40px)!important;max-width:100%!important}
 .section-head,.about-grid,.contact-grid,.split,.grid2,.menu-grid{grid-template-columns:minmax(0,1fr)!important}
 .section-head{gap:20px!important}
 .section-head h1{overflow-wrap:break-word!important}
 .about-grid{gap:28px!important}
 .about-grid img{max-width:100%!important;height:auto!important}
 .visual-page,.editorial-page,.sip-v7,.connect-v7{grid-template-columns:minmax(0,1fr)!important;padding:0 20px 32px!important}
 .visual-copy,.editorial-copy,.sip-v7-copy,.connect-v7-copy{padding:46px 0 30px!important}
 .visual-media,.editorial-media,.sip-v7-media,.connect-v7-photo{height:auto!important;min-height:0!important;aspect-ratio:4/3!important}
 .visual-media img,.editorial-media img,.sip-v7-media img,.connect-v7-photo img{height:100%!important;object-fit:cover!important}
 .footer-row,.legal-footer{justify-content:center!important;flex-wrap:wrap!important;text-align:center!important}
}
@media(max-width:380px){.home-hero.milky-v4-hero h1{font-size:clamp(2.55rem,11vw,3.1rem)!important}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.home-cards.v9-cards .home-card .card-image:hover img{transform:scale(1.075)!important;transition:transform .45s ease!important}}

/* V12: Studio Hirsch-inspired native mobile navigation */
@media(max-width:900px){
 .mobile-bar,.mobile-menu{display:none!important}
 .milky-mobile-nav{display:block!important;position:sticky;top:0;z-index:1000;background:#f5ebe2;border-bottom:1px solid #e1d3c7}
 .milky-mobile-nav .mobile-nav-top{height:78px;display:flex;align-items:center;justify-content:space-between;padding:8px 20px}
 .milky-mobile-nav .mobile-brand img{display:block;width:112px;height:62px;object-fit:contain}
 .milky-mobile-nav summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:46px;height:46px;color:#59412f;font-size:28px}
 .milky-mobile-nav summary::-webkit-details-marker{display:none}
 .milky-mobile-nav .mobile-links{display:grid;gap:0;padding:6px 23px 22px;background:#f5ebe2;border-top:1px solid #e1d3c7}
 .milky-mobile-nav .mobile-links a{display:block;padding:15px 3px;border-bottom:1px solid #e3d7cb;text-decoration:none;color:#59412f;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
 .milky-mobile-nav:not([open]) .mobile-links{display:none}
}
@media(min-width:901px){.milky-mobile-nav{display:none!important}}

/* V13 — refined Studio-Hirsch-style navigation: logo left, menu at top right */
@media(max-width:900px){
  .milky-mobile-nav{display:block!important;position:sticky!important;top:0!important;z-index:9999!important;
    background:#f6eee7!important;border-bottom:1px solid #e6d9cd!important}
  .milky-mobile-nav>.mobile-nav-trigger{height:74px!important;display:flex!important;
    align-items:center!important;justify-content:space-between!important;
    padding:7px 20px!important;cursor:pointer!important;list-style:none!important}
  .milky-mobile-nav>.mobile-nav-trigger::-webkit-details-marker{display:none!important}
  .milky-mobile-nav .mobile-brand{display:flex;align-items:center;min-width:0}
  .milky-mobile-nav .mobile-brand img{width:108px!important;height:59px!important;object-fit:contain!important}
  .milky-mobile-nav .menu-symbol{margin-left:auto;display:grid;place-items:center;width:46px;height:46px;
    color:#533c2e;font-size:27px;line-height:1;font-weight:300}
  .milky-mobile-nav[open] .menu-symbol{font-size:0}
  .milky-mobile-nav[open] .menu-symbol:after{content:'×';font-size:35px;font-weight:300}
  .milky-mobile-nav .mobile-links{display:none!important;position:absolute!important;top:74px!important;
    left:0!important;right:0!important;background:#f6eee7!important;
    padding:10px 24px 23px!important;box-shadow:0 18px 35px rgba(65,43,27,.12)!important;
    border-top:1px solid #e6d9cd!important;max-height:calc(100dvh - 74px);overflow-y:auto}
  .milky-mobile-nav[open] .mobile-links{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
  .milky-mobile-nav .mobile-links a{display:block!important;padding:17px 5px!important;
    border-bottom:1px solid #e6d9cd!important;font-size:13px!important;letter-spacing:.16em!important;
    color:#533c2e!important;text-align:left!important;text-decoration:none!important}
  .milky-mobile-nav .mobile-links a:active{opacity:.55}
  .home-cards.v9-cards{gap:40px!important}
  .home-cards.v9-cards .home-card .card-image{border-radius:2px!important}
  .home-hero.milky-v4-hero .home-hero-copy{padding-top:43px!important;padding-bottom:48px!important}
  .home-cards.v9-cards .home-card h2{letter-spacing:.09em!important}
  .visual-copy,.editorial-copy,.sip-v7-copy,.connect-v7-copy{padding-top:49px!important}
}
@media(min-width:901px){.milky-mobile-nav{display:none!important}}

/* V14: logo anchored top-left, hamburger anchored top-right */
@media(max-width:900px){
  details.milky-mobile-nav {display:block!important;position:sticky!important;top:0!important;z-index:99999!important;width:100%!important}
  details.milky-mobile-nav > summary.mobile-nav-trigger {
    display:flex!important;flex-direction:row!important;align-items:center!important;
    justify-content:space-between!important;width:100%!important;min-height:76px!important;
    padding:7px 19px!important;gap:12px!important;
  }
  details.milky-mobile-nav .mobile-brand {display:flex!important;align-items:center!important;justify-content:flex-start!important;
    order:0!important;margin:0!important;padding:0!important;flex:0 0 auto!important}
  details.milky-mobile-nav .mobile-brand img{display:block!important;width:112px!important;height:61px!important;object-fit:contain!important}
  details.milky-mobile-nav .menu-symbol {order:2!important;flex:0 0 48px!important;margin:0 0 0 auto!important;
    display:flex!important;align-items:center!important;justify-content:center!important;position:static!important}
  details.milky-mobile-nav .mobile-links {width:100%!important}
}
.about-founders-photo {display:block;width:100%;height:auto;object-fit:cover;object-position:center top}

@media(max-width:900px){
.milky-menu-v17{display:block!important;position:sticky!important;top:0!important;z-index:99999!important;background:#f6eee7!important;width:100%!important}
.milky-menu-v17>.mobile-nav-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:76px!important;padding:7px 19px!important;border:0!important;border-bottom:1px solid #e6d9cd!important;background:#f6eee7!important;cursor:pointer!important}
.milky-menu-v17 .mobile-brand{display:flex!important;align-items:center!important;flex:0 0 auto!important}
.milky-menu-v17 .mobile-brand img{width:112px!important;height:61px!important;object-fit:contain!important}
.milky-menu-v17 .menu-symbol{margin-left:auto!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;font-size:27px!important;color:#533c2e!important}
.milky-menu-v17.is-open .menu-symbol{font-size:0!important}
.milky-menu-v17.is-open .menu-symbol:after{content:'×';font-size:35px!important}
.milky-menu-v17>.mobile-links{display:none!important;position:absolute!important;top:76px!important;left:0!important;right:0!important;background:#f6eee7!important;padding:10px 24px 23px!important;box-shadow:0 18px 35px rgba(65,43,27,.12)!important;max-height:calc(100dvh - 76px);overflow:auto}
.milky-menu-v17.is-open>.mobile-links:not([hidden]){display:grid!important;grid-template-columns:1fr!important;gap:0!important}
.milky-menu-v17 .mobile-links a{display:block!important;padding:17px 5px!important;border-bottom:1px solid #e6d9cd!important;font-size:13px!important;letter-spacing:.16em!important;color:#533c2e!important;text-decoration:none!important}
}
@media(min-width:901px){.milky-menu-v17{display:none!important}}

/* V18: native, iPhone-compatible details menu; no JavaScript required to open */
@media(max-width:900px){
 details.milky-mobile-nav.v18-nav{display:block!important;position:sticky!important;top:0!important;z-index:99999!important;width:100%!important;background:#f6eee7!important}
 details.milky-mobile-nav.v18-nav>summary.mobile-nav-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:76px!important;padding:7px 19px!important;background:#f6eee7!important;border-bottom:1px solid #e6d9cd!important;cursor:pointer!important;list-style:none!important;position:relative!important;z-index:2!important}
 details.milky-mobile-nav.v18-nav>summary::-webkit-details-marker{display:none!important}
 details.milky-mobile-nav.v18-nav .mobile-brand{display:flex!important;align-items:center!important;order:0!important;flex:0 0 auto!important}
 details.milky-mobile-nav.v18-nav .mobile-brand img{width:112px!important;height:61px!important;object-fit:contain!important}
 details.milky-mobile-nav.v18-nav .menu-symbol{display:flex!important;align-items:center!important;justify-content:center!important;order:2!important;margin-left:auto!important;width:48px!important;height:48px!important;font-size:27px!important;color:#533c2e!important}
 details.milky-mobile-nav.v18-nav[open] .menu-symbol{font-size:0!important}
 details.milky-mobile-nav.v18-nav[open] .menu-symbol:after{content:'×';font-size:35px!important}
 details.milky-mobile-nav.v18-nav>.mobile-links{display:none!important;position:absolute!important;top:76px!important;left:0!important;right:0!important;background:#f6eee7!important;padding:10px 24px 23px!important;box-shadow:0 18px 35px rgba(65,43,27,.12)!important;max-height:calc(100dvh - 76px);overflow-y:auto!important;z-index:100!important}
 details.milky-mobile-nav.v18-nav[open]>.mobile-links{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
 details.milky-mobile-nav.v18-nav .mobile-links a{display:block!important;padding:17px 5px!important;border-bottom:1px solid #e6d9cd!important;font-size:13px!important;letter-spacing:.16em!important;color:#533c2e!important;text-decoration:none!important}
}
@media(min-width:901px){details.milky-mobile-nav.v18-nav{display:none!important}}

/* V19: menu must be hidden immediately after selection, even against old styles */
@media(max-width:900px){
 details.milky-mobile-nav.v18-nav:not([open]) > nav.mobile-links{display:none!important;visibility:hidden!important;pointer-events:none!important}
 details.milky-mobile-nav.v18-nav[open] > nav.mobile-links{display:grid!important;visibility:visible!important;pointer-events:auto!important}
 #getraenke,#karte{scroll-margin-top:90px}
}