/* The Leaf 2.0. Shared responsive composition: room, light, food, reading. */
html:root .leaf-site {
 --leaf-radius-control:10px; --leaf-radius-frame:24px;
 --leaf-shadow:0 22px 64px #142e2512;
 --leaf-light:radial-gradient(ellipse at 90% 4%,#bf988039,transparent 62%);
 --leaf-depth-dark:url('assets/leaf-surface-lines.svg') right center/auto 115% no-repeat,radial-gradient(ellipse at 95% 0,#b38d6959,transparent 58%),radial-gradient(ellipse at 4% 100%,#285c485c,transparent 62%),linear-gradient(135deg,#163f35,#102e28);
 --leaf-depth-quiet:radial-gradient(ellipse at 95% 0,#b38d6959,transparent 58%),radial-gradient(ellipse at 4% 100%,#285c485c,transparent 62%),linear-gradient(135deg,#163f35,#102e28);
 --leaf-depth-paper:radial-gradient(ellipse at 10% 0,#ffffffd9,transparent 62%),radial-gradient(ellipse at 95% 100%,#c6d7bb73,transparent 65%),linear-gradient(130deg,#f0f4e9,#e3ecdf);
 background:#f7f6f2;color:#273e36;
 font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65;
}
html:root .leaf-site :is(h1,h2,h3) {font-family:inherit;font-weight:500;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word;}
html:root .leaf-site h1 {font-size:clamp(2.25rem,4.5vw,4rem);line-height:1.1;}
html:root .leaf-site h2 {font-size:clamp(1.7rem,2.8vw,2.65rem);line-height:1.2;}
html:root .leaf-site h3 {font-size:clamp(1.25rem,1.8vw,1.65rem);line-height:1.3;}
html:root .leaf-site p {text-wrap:pretty;}
html:root .leaf-site .kicker {font-size:.72rem;letter-spacing:.14em;line-height:1.5;font-weight:650;}
html:root .leaf-site .container-xl {max-width:1240px;}
html:root .leaf-site .btn {min-height:48px;padding:12px 20px;gap:10px;font-size:.9rem;line-height:1.4;border-radius:10px;}
html:root .leaf-site :is(a,button,summary,select):focus-visible {outline:3px solid #a26b5d;outline-offset:5px;}
html:root .leaf-site .leaf-header {position:sticky;top:0;z-index:100;background:#fafaf7;border-bottom:1px solid #173f3317;box-shadow:0 4px 24px #142e2508;}
html:root .leaf-site .leaf-nav {min-height:88px;gap:24px;}
html:root .leaf-site .leaf-brand img {height:65px;width:61px;padding:0;background:transparent;}
html:root .leaf-site .leaf-header .leaf-brand img {content:url('assets/leaf-brand-color.png');}
html:root .leaf-site .desktop-nav {gap:2px;min-width:0;flex-wrap:wrap;}
html:root .leaf-site .desktop-nav .nav-link {padding:12px 10px;font-size:.875rem;white-space:nowrap;}
html:root .leaf-site .desktop-nav .nav-link .icon {display:none;}
html:root .leaf-site .desktop-nav .nav-link[aria-current] {color:#006438;background:#e7eee7;border-radius:10px;text-decoration:none;}
html:root .leaf-site .language-menu summary {border-color:#d5dfd6;border-radius:10px;min-height:48px;}
html:root .leaf-site .language-menu nav {box-shadow:var(--leaf-shadow);border-radius:14px;background:#fff;}
@media(min-width:1200px) {
 html:root .leaf-site .leaf-nav {align-items:center;flex-wrap:wrap;padding-block:8px;}
 html:root .leaf-site .desktop-nav {flex:1 1 720px;justify-content:center;}
 html:root .leaf-site .nav-actions {flex:none;margin-left:auto;}
}
html:root .leaf-site .mobile-nav {background:#fff!important;border:1px solid #bdcbbf;box-shadow:0 18px 50px #10251c29;border-radius:16px;max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;}
html:root .leaf-site .mobile-nav .nav-link {min-height:48px;padding:12px 16px;}
html:root .leaf-site .mobile-nav>.nav-link[aria-current="location"] {color:#006438;font-weight:700;}
html:root .leaf-site .mobile-nav .nav-link[aria-current="page"] {color:#006438;background:#e7eee7;border-radius:8px;font-weight:700;}
html:root .leaf-site .mobile-nav>.nav-link:last-of-type {border-bottom:0;}

html:root .leaf-site .mobile-nav-divider {display:block;height:1px;margin:8px 16px;background:#d7ded6;}
html:root .leaf-site .mobile-nav>.nav-link {font-weight:500;color:#273e36;border-radius:8px;}
html:root .leaf-site .mobile-nav .nav-visit-link {margin:0;padding-inline:16px;color:#273e36;font-weight:500;}
html:root .leaf-site .nav-more {margin:8px 0 0;padding:12px 0 0;border:0;border-top:1px solid #d7ded6;border-radius:0;background:transparent;}
html:root .leaf-site .nav-more::before {content:none;}
html:root .leaf-site .nav-more-label {display:block;padding:0 16px 8px;color:#87574e;font-size:.68rem;font-weight:700;letter-spacing:.12em;line-height:1.4;text-transform:uppercase;}
html:root .leaf-site .nav-more .nav-link {padding-inline:16px;border-color:#e1e5df;font-weight:500;}
html:root .leaf-site .nav-more .nav-link:last-child {border-bottom:0;}

/* Arrival: three photographic arches with their own light and breathing room. */
html:root .leaf-site .home-hero {
 position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.08fr;gap:24px;
 width:calc(100% - 48px);max-width:1400px;margin:24px auto 0;padding:48px;
 min-height:min(680px,calc(100svh - 128px));align-items:center;
 background:var(--leaf-light),linear-gradient(135deg,#143f36,#102f29);border:1px solid #ffffff18;border-radius:28px;
 box-shadow:0 24px 64px #123b2d1a;overflow:hidden;
}
html:root .leaf-site .home-hero .hero-copy {position:relative;z-index:2;padding:0 16px 0 0;align-self:center;}
html:root .leaf-site .home-hero .hero-copy::before {content:none;}
html:root .leaf-site .home-hero .hero-copy>.kicker {color:#efd4c2;}
html:root .leaf-site .home-hero .hero-copy h1 {max-width:10ch;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.05;letter-spacing:-.035em;margin:22px 0;}
html:root .leaf-site .home-hero .hero-copy>p {max-width:44ch;font-size:1.04rem;line-height:1.75;color:#e2ebe5;margin-bottom:28px;}
html:root .leaf-site .home-hero .hero-location {margin-top:22px;font-size:.78rem;color:#d5e0d9;}
html:root .leaf-site .home-hero .hero-arches {position:relative;inset:auto;width:190px;height:76px;margin:0 0 24px;overflow:hidden;opacity:.75;}
html:root .leaf-site .home-hero .hero-arches img {display:block;width:190px;height:126px;object-fit:contain;transform:translateY(-45px);filter:brightness(0) invert(1);}
html:root .leaf-site .home-hero .hero-photo.hero-vibe {display:block;padding:0;margin:0;min-width:0;overflow:visible;}
html:root .leaf-site .hero-vibe .vibe-phone {padding:0;width:100%;height:auto;border:0;background:none;box-shadow:none;border-radius:0;}
html:root .leaf-site .hero-vibe .vibe-speaker,html:root .leaf-site .hero-vibe .vibe-scroll-hint {display:none;}
html:root .leaf-site .hero-vibe .vibe-feed {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center;height:450px;overflow:visible;background:none;border-radius:0;scroll-snap-type:none;}
html:root .leaf-site .hero-vibe .vibe-card {display:block;height:86%;min-width:0;border:1px solid #e0c4ac5e;border-radius:110px 110px 16px 16px;overflow:hidden;box-shadow:0 20px 44px #071a2840;animation:none;}
html:root .leaf-site .hero-vibe .vibe-card:nth-child(2) {height:100%;}
html:root .leaf-site .hero-vibe .vibe-card:nth-child(4) {display:none;}
html:root .leaf-site .hero-vibe .vibe-card .leaf-photo {width:100%;height:100%;min-height:0;object-fit:cover;border-radius:0;}
html:root .leaf-site .home-hero .hero-vibe figcaption {width:100%;padding:18px 0 0;color:#d6e1d9;font-size:.75rem;text-align:center;}
html:root .leaf-site .welcome-strip {
 background:linear-gradient(112deg,#f8f6f0 0%,#f2f1eb 100%);border:0;margin:0;
 padding:clamp(64px,8vw,112px) 24px clamp(56px,7vw,96px);overflow:hidden;
}
html:root .leaf-site .welcome-strip::before {
 content:'';position:absolute;z-index:0;pointer-events:none;
 inset-inline-end:clamp(-18px,3vw,54px);bottom:clamp(-76px,-3vw,-24px);
 width:clamp(290px,34vw,520px);height:clamp(290px,34vw,520px);
 background:url('assets/leaf-brand-green.png') center/contain no-repeat;
 opacity:.1;mix-blend-mode:multiply;mask-image:none;
}
html:root .leaf-site .welcome-strip>.container-xl {position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);gap:clamp(42px,7vw,104px);align-items:center;}
html:root .leaf-site .welcome-visual {position:relative;margin:0;min-width:0;}
html:root .leaf-site .welcome-visual::after {content:'';position:absolute;inset:18px -18px -18px 18px;border:1px solid #b1745647;border-radius:190px 190px 24px 24px;pointer-events:none;}
html:root .leaf-site .welcome-visual .leaf-photo {display:block;width:100%;height:clamp(430px,42vw,590px);object-fit:cover;border-radius:190px 190px 24px 24px;box-shadow:0 24px 58px #1c30262b;}
html:root .leaf-site .welcome-visual figcaption {margin-top:16px;color:#5b685f;font-size:.76rem;letter-spacing:.035em;}
html:root .leaf-site .welcome-copy {position:relative;max-width:650px;padding-inline-end:clamp(0px,3vw,34px);}
html:root .leaf-site .welcome-copy h2 {font-size:clamp(2.55rem,4.25vw,4.7rem);font-weight:500;letter-spacing:-.04em;line-height:1.02;max-width:12ch;margin:0 0 clamp(26px,3vw,42px);text-wrap:balance;}
html:root .leaf-site .welcome-copy p {font-size:clamp(1rem,1.15vw,1.14rem);line-height:1.78;max-width:49ch;margin:0;}
html:root .leaf-site .welcome-strip .text-link {margin-top:26px;}
html:root .leaf-site .section-pad {padding-block:72px;}
html:root .leaf-site .section-heading {align-items:end;gap:24px;margin-bottom:32px;}
html:root .leaf-site .section-heading p {max-width:58ch;font-size:1rem;line-height:1.75;}
html:root .leaf-site .photo-story {text-decoration:none;}
html:root .leaf-site .food-editorial .photo-story>img {height:clamp(280px,34vw,430px);width:100%;object-fit:cover;border-radius:24px;box-shadow:var(--leaf-shadow);}
html:root .leaf-site .photo-story>div {padding:24px 4px 0;}
html:root .leaf-site .photo-story h3 {margin:8px 0 12px;}
html:root .leaf-site .home-food-section {position:relative;border-block:1px solid #d6ded2;background:linear-gradient(115deg,#edf2e8 0%,#f7f4ec 76%);}
html:root .leaf-site .home-food-section::after {content:"";position:absolute;right:clamp(18px,5vw,84px);top:38px;width:92px;height:54px;background:url('assets/leaf-three-arches-copper.svg') center/contain no-repeat;opacity:.34;pointer-events:none;}
html:root .leaf-site .home-food-section .section-heading {position:relative;z-index:1;padding-inline-end:110px;}
html:root .leaf-site .home-shisha-section {padding:clamp(72px,8vw,118px) 24px;background:#f8f6f0;}
html:root .leaf-site .home-shisha-section>.container-xl {display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(42px,7vw,96px);padding:0;overflow:hidden;border-radius:180px 28px 28px 28px;background:#173f35;box-shadow:0 24px 60px -42px #143f35;}
html:root .leaf-site .home-shisha-section figure {min-width:0;height:100%;min-height:540px;margin:0;overflow:hidden;}
html:root .leaf-site .home-shisha-section figure .leaf-photo {display:block;width:100%;height:100%;min-height:540px;object-fit:cover;object-position:52% 48%;border-radius:0;}
html:root .leaf-site .home-shisha-copy {padding-block:clamp(38px,6vw,72px);padding-inline:0 clamp(34px,6vw,82px);color:#fff;}
html:root .leaf-site .home-shisha-copy :is(h2,p,.kicker) {color:inherit;}
html:root .leaf-site .home-shisha-copy h2 {max-width:13ch;margin:14px 0 24px;font-size:clamp(2.35rem,4vw,4.25rem);line-height:1.03;letter-spacing:-.035em;}
html:root .leaf-site .home-shisha-copy p {max-width:48ch;margin:0 0 28px;font-size:1.05rem;line-height:1.78;color:#e8eee8;}
html:root .leaf-site .home-shisha-copy .btn {background:#f3ddd0;border-color:#f3ddd0;color:#143f35;}

/* The room: artwork gives the place a recognisable signature, photographs stay whole. */
html:root .leaf-site .leaf-room {max-width:1240px;width:calc(100% - 48px);margin:24px auto 64px;padding:48px;background:var(--leaf-light),#143f36;border-radius:28px;box-shadow:var(--leaf-shadow);}
html:root .leaf-site .room-layout {grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
html:root .leaf-site .room-main .leaf-photo {height:620px;border-radius:180px 180px 20px 20px;box-shadow:0 18px 42px #04171130;}
html:root .leaf-site .room-intro {padding:0;}
html:root .leaf-site .room-intro p {max-width:48ch;line-height:1.8;}
html:root .leaf-site .room-scene {max-width:350px;margin:4px auto;}
html:root .leaf-site .room-drawing .arch-line {stroke:#efdbc3;filter:drop-shadow(0 0 3px #f1c48265);}
html:root .leaf-site .room-detail .leaf-photo {height:154px;object-position:center 28%;border:1px solid #e5c9af55;border-radius:16px;}
html:root .leaf-site .gather-section {background:radial-gradient(ellipse at 10% 60%,#d9e4da,transparent 60%),#eef1e9;border-block:1px solid #d8e0d5;padding:64px 24px;}
html:root .leaf-site .gather-section::before {opacity:.09;background:url('assets/leaf-lines.svg') 100% 100%/520px no-repeat;mask-image:none;}
html:root .leaf-site .gather-section::after,html:root .leaf-site .gather-photo::before {content:none;}
html:root .leaf-site .gather-section>.container-xl {padding:0;align-items:center;gap:0;}
html:root .leaf-site .gather-photo {padding:0;}
html:root .leaf-site .gather-photo img {min-height:0;height:620px;border-radius:24px;box-shadow:var(--leaf-shadow);}
html:root .leaf-site .gather-copy {margin:0;padding:32px 0 32px 56px;background:none;border-radius:0;box-shadow:none;}
html:root .leaf-site .gather-copy::before {content:none;}
html:root .leaf-site .gather-copy>p {max-width:54ch;margin-bottom:16px;}
html:root .leaf-site .occasion-list {margin-top:24px;gap:12px;}
html:root .leaf-site .occasion-list>a {border:1px solid #cddacf;background:#ffffffc9;border-radius:14px;padding:16px;box-shadow:0 6px 18px #1b392407;transform:none!important;}
html:root .leaf-site .occasion-list>a:last-child {border-bottom:1px solid #cddacf;}
html:root .leaf-site .occasion-symbol {background:#e7eee4;border:0;border-radius:12px;width:48px;height:48px;}
html:root .leaf-site .okey-direct {align-self:start;}

/* Venue pages have one entrance, followed by useful prose and a quiet visit card. */
html:root .leaf-site .page-hero {width:calc(100% - 48px);margin:28px auto 56px;padding:42px;gap:48px;align-items:center;background:var(--leaf-light),#143f36;border:1px solid #ffffff12;border-radius:28px;box-shadow:var(--leaf-shadow);}
html:root .leaf-site .page-hero h1 {font-size:clamp(2.3rem,4vw,3.7rem);max-width:18ch;line-height:1.13;margin:18px 0 22px;}
html:root .leaf-site .page-hero .lead-copy {font-size:1.025rem;line-height:1.8;max-width:55ch;color:#e8eee8;}
html:root .leaf-site .page-hero figure>img {height:480px;width:100%;border-radius:160px 160px 20px 20px;object-fit:cover;box-shadow:0 20px 50px #031b242c;}
html:root .leaf-site .page-hero--okey>div:first-child {padding-bottom:0;}
html:root .leaf-site .page-hero--okey .page-hero-arches {position:relative;inset:auto;width:150px;margin-top:24px;height:64px;overflow:hidden;}
html:root .leaf-site .page-hero--okey .page-hero-arches-art {display:block;width:100%;height:100%;background:url('assets/leaf-three-arches-copper.svg') center/contain no-repeat;}
html:root .leaf-site .reading-layout {grid-template-columns:minmax(0,760px) minmax(230px,300px);gap:64px;justify-content:space-between;padding-block:0 64px;}
html:root .leaf-site .prose {font-size:1.075rem;line-height:1.85;}
html:root .leaf-site .prose>h2 {font-size:clamp(1.55rem,2.5vw,2.15rem);margin:48px 0 20px;line-height:1.3;}
html:root .leaf-site .prose>h2:first-child {margin-top:0;}
html:root .leaf-site .prose>p {margin-bottom:24px;max-width:68ch;}
html:root .leaf-site .visit-aside {padding:40px 30px 24px;background:#193f35;border:0;border-radius:12px;border-start-start-radius:72px;box-shadow:0 18px 32px -24px #163d3552;color:#f5f3e9;overflow:hidden;}
html:root .leaf-site .visit-aside :is(h2,p,a,.kicker) {color:inherit;}
html:root .leaf-site .visit-aside .kicker {color:#ccd9cb;}
html:root .leaf-site .visit-aside a {border-color:#b2c6b966;}
html:root .leaf-site .visit-aside a:hover {color:#fff;text-decoration:underline;text-underline-offset:5px;}
html:root .leaf-site .visit-aside a:focus-visible {outline-color:#efe0c4;}
html:root .leaf-site .visit-aside::after {content:'';display:block;height:76px;margin-top:28px;margin-inline-end:-30px;margin-bottom:-24px;background:url('assets/leaf-brand-green.png') right top/185px auto no-repeat;filter:brightness(0) invert(1);opacity:.18;pointer-events:none;}
html:root .leaf-site .visit-aside h2 {font-size:1.7rem;line-height:1.3;}
html:root .leaf-site .article-faq {margin-top:48px;padding-top:32px;border-top:1px solid #ccd7cb;}
html:root .leaf-site .article-faq h2 {font-size:1.75rem;margin-bottom:24px;}
html:root .leaf-site .article-faq .accordion-item {background:#fff;border:1px solid #d8e1d6;border-radius:12px;margin:12px 0;overflow:hidden;}
html:root .leaf-site .article-faq summary {padding:20px 48px 20px 20px;font-size:1rem;font-weight:600;}
html:root .leaf-site .article-faq details p {padding:0 20px 20px;margin:0;font-size:1rem;}

/* Magazine: a designed entrance, clear topic filters, a readable image/text rhythm. */
html:root .leaf-site .journal-header {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.7fr);gap:40px;align-items:center;width:calc(100% - 48px);padding:48px;margin:28px auto 32px;background:var(--leaf-light),linear-gradient(135deg,#193d34,#253d37);border:1px solid #ffffff1a;border-radius:28px;box-shadow:var(--leaf-shadow);overflow:hidden;}
html:root .leaf-site .journal-header::before,html:root .leaf-site .journal-header::after {content:none;}
html:root .leaf-site .journal-header>* {max-width:none;}
html:root .leaf-site .journal-header h1 {max-width:18ch;font-size:clamp(2.25rem,3.5vw,3.65rem);line-height:1.15;margin:16px 0 24px;}
html:root .leaf-site .journal-header .lead-copy {font-size:1.025rem;line-height:1.85;max-width:61ch;color:#e6eee7;}
html:root .leaf-site .journal-header .breadcrumb-line {color:#dfe9df;}
html:root .leaf-site .journal-header .breadcrumb-line :is(a,span) {color:#dfe9df;}
html:root .leaf-site .journal-art {padding:0;max-width:330px;align-self:center;filter:drop-shadow(0 12px 25px #041a2933);}
html:root .leaf-site .journal-section {padding-bottom:80px;}
html:root .leaf-site .journal-filters {gap:10px;margin:0;padding:16px 0 20px;border-bottom:1px solid #d7dfd4;}
html:root .leaf-site .journal-filters .btn {border-radius:30px;padding:10px 20px;min-height:48px;background:#fff;border-color:#c7d4c8;}
html:root .leaf-site .journal-filters [aria-pressed="true"] {background:#143f36;color:#fff;border-color:#143f36;}
html:root .leaf-site .filter-status {margin:18px 0 28px;color:#516258;}
html:root .leaf-site .journal-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px!important;margin:0;}
html:root .leaf-site .journal-grid>.journal-item {grid-column:auto;width:auto;margin:0;padding:0;background:transparent;border:0;border-radius:0;overflow:visible;}
html:root .leaf-site .journal-grid>.journal-item .editorial-card {display:flex;grid-template-columns:none;flex-direction:column;align-items:stretch;min-height:0;}
html:root .leaf-site .journal-grid>.journal-item .card-media {grid-column:auto;grid-row:auto;width:100%;height:auto;min-height:0;aspect-ratio:16/10;border-radius:20px;}
html:root .leaf-site .journal-grid>.journal-item .card-copy {grid-column:auto;grid-row:auto;padding:22px 4px 0;}
html:root .leaf-site .journal-grid>.journal-item .card-copy h3 {font-size:2rem;line-height:1.2;}
html:root .leaf-site .editorial-card {text-decoration:none;}
html:root .leaf-site .card-media {border:0;border-radius:20px;box-shadow:0 10px 30px #1839240c;}
html:root .leaf-site .card-copy {margin:0;border:0;}
html:root .leaf-site .card-copy h3 {margin:8px 0 14px;}
html:root .leaf-site .card-copy p {font-size:1rem;line-height:1.75;display:block;-webkit-line-clamp:unset;overflow:visible;}
html:root .leaf-site .read-link {margin-top:20px;color:#17563b;}
html:root .leaf-site .article-header {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:48px;align-items:center;width:calc(100% - 48px);padding:44px;margin:28px auto 48px;background:radial-gradient(ellipse at 0 0,#f8faf3,#e8eee3);border:1px solid #dbe3d4;border-radius:28px;box-shadow:0 18px 54px #19372408;}
html:root .leaf-site .article-header::before {content:none;}
html:root .leaf-site .article-header h1 {font-size:clamp(2rem,3.3vw,3.2rem);line-height:1.18;max-width:22ch;margin:20px 0;}
html:root .leaf-site .article-header .lead-copy {font-size:1.025rem;line-height:1.85;color:#324d3e;}
html:root .leaf-site .article-header .article-meta {font-size:.75rem;gap:14px;line-height:1.6;}
html:root .leaf-site .article-heading-image .article-figure {margin:0;padding:0;}
html:root .leaf-site :is(.article-heading-copy,.article-heading-image,.journal-heading-copy,.journal-art) {min-width:0;}
html:root .leaf-site .article-heading-copy p {overflow-wrap:anywhere;}
html:root[lang="de"] .leaf-site .article-heading-copy h1 {overflow-wrap:normal;word-break:normal;hyphens:auto;}
html:root .leaf-site .article-heading-image img {width:100%;height:440px;object-fit:cover;border-radius:160px 160px 20px 20px;box-shadow:0 22px 48px #213c2919;}
html:root .leaf-site .article-header--sahlep-was-ist-das .article-heading-image img {height:auto;aspect-ratio:3/2;object-fit:cover;}
html:root .leaf-site .article-heading-image .article-figure {margin:0;}
html:root .leaf-site .article-heading-image .article-figure figcaption {display:none;}
html:root .leaf-site .article-layout {grid-template-columns:220px minmax(0,750px);gap:64px;justify-content:center;}
html:root .leaf-site .article-body {padding:0 0 24px;background:none;box-shadow:none;border:0;}
html:root .leaf-site .editorial-origin,
html:root .leaf-site .editorial-note,
html:root .leaf-site .editorial-quicktake,
html:root .leaf-site .editorial-compare {margin:34px 0;padding:24px;background:var(--leaf-depth-quiet,#f3eee5);border:1px solid color-mix(in srgb,var(--leaf-green,#174b3d) 18%,transparent);border-radius:var(--leaf-radius-control,18px);}
html:root .leaf-site .editorial-origin {display:grid;gap:5px;border-inline-start:4px solid var(--leaf-rose,#af786d);}
/* Editorial callouts keep their own readable palette even when a later section theme is dark. */
html:root .leaf-site .article-body .editorial-origin {background:#f3eee5;color:#163f35;}
html:root .leaf-site .article-body .editorial-origin :is(.kicker,strong,span,small) {color:#163f35;}
html:root .leaf-site .article-body .editorial-origin .kicker {color:#6e4e46;}
html:root .leaf-site .article-body .editorial-origin strong {font:1.5rem/1.2 var(--leaf-serif,Georgia,serif);}
html:root .leaf-site .article-body .editorial-origin small {color:#4f6259;margin-top:4px;}
html:root .leaf-site .editorial-pullquote {margin:42px 0;padding:20px 0 20px 28px;border-inline-start:3px solid var(--leaf-rose,#af786d);font:italic clamp(1.45rem,2.4vw,2rem)/1.35 var(--leaf-serif,Georgia,serif);color:var(--leaf-green,#174b3d);max-width:34ch;}
html:root .leaf-site .editorial-note {background:#f6e9e0;border-color:#e3c8bb;font:italic 1.25rem/1.55 var(--leaf-serif,Georgia,serif);color:var(--leaf-green,#174b3d);}
html:root .leaf-site .editorial-quicktake .kicker {display:block;margin-bottom:16px;}
html:root .leaf-site .article-body .editorial-quicktake {background:#f3eee5 !important;color:#163f35 !important;border:1px solid #d8cfc1;}
html:root .leaf-site .article-body .editorial-quicktake .kicker {color:#6e4e46 !important;}
html:root .leaf-site .article-body .editorial-quicktake :is(strong,span) {color:#163f35;}
html:root .leaf-site .quicktake-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
html:root .leaf-site .quicktake-grid div {display:grid;gap:6px;padding:14px;background:#fff;border-radius:12px;}
html:root .leaf-site .quicktake-grid strong {font-size:.88rem;color:var(--leaf-green,#174b3d);}
html:root .leaf-site .quicktake-grid span {font:1.2rem/1.1 var(--leaf-serif,Georgia,serif);}
html:root .leaf-site .editorial-compare {display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:0;overflow:hidden;background:#d7c9b8;}
html:root .leaf-site .editorial-compare div {display:grid;gap:7px;padding:22px;background:#f7f2ea;}
html:root .leaf-site .editorial-compare span {font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf-muted,#68756d);}
html:root .leaf-site .editorial-compare strong {font:1.35rem/1.2 var(--leaf-serif,Georgia,serif);color:var(--leaf-green,#174b3d);}
html:root .leaf-site .ingredient-strip,
html:root .leaf-site .step-flow,
html:root .leaf-site .comparison-grid,
html:root .leaf-site .variant-grid,
html:root .leaf-site .problem-solution,
html:root .leaf-site .question-grid,
html:root .leaf-site .icon-lines,
html:root .leaf-site .texture-split {margin:34px 0;}
html:root .leaf-site .ingredient-strip {display:flex;flex-wrap:wrap;gap:10px;border-block:1px solid #d8dfd2;padding:16px 0;color:#274b3e;}
html:root .leaf-site .ingredient-strip span {display:inline-flex;align-items:center;gap:8px;padding-inline-end:16px;border-inline-end:1px solid #d8dfd2;}
html:root .leaf-site .ingredient-strip span:last-child {border:0;}
html:root .leaf-site .ingredient-strip b {color:#af786d;font-size:1.25rem;}
html:root .leaf-site .step-flow {display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d7c9b8;border:1px solid #d7c9b8;border-radius:18px;overflow:hidden;}
html:root .leaf-site .step-flow>div {display:grid;gap:7px;padding:22px;background:#f7f2ea;}
html:root .leaf-site .step-flow b {font-size:.72rem;letter-spacing:.14em;color:#af786d;}
html:root .leaf-site .step-flow strong,
html:root .leaf-site .comparison-grid strong,
html:root .leaf-site .variant-grid strong,
html:root .leaf-site .problem-solution strong,
html:root .leaf-site .question-grid strong {font:1.3rem/1.25 var(--leaf-serif,Georgia,serif);color:#163f35;}
html:root .leaf-site .step-flow span,
html:root .leaf-site .comparison-grid p,
html:root .leaf-site .variant-grid p,
html:root .leaf-site .problem-solution p,
html:root .leaf-site .question-grid span,
html:root .leaf-site .icon-lines span {color:#334d42;line-height:1.65;}
html:root .leaf-site .comparison-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#d7c9b8;border:1px solid #d7c9b8;border-radius:18px;overflow:hidden;}
html:root .leaf-site .comparison-grid--three {grid-template-columns:repeat(3,minmax(0,1fr));}
html:root .leaf-site .comparison-grid>div {display:grid;gap:8px;padding:24px;background:#f7f2ea;}
html:root .leaf-site .comparison-grid small {color:#6e4e46;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;}
html:root .leaf-site .variant-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
html:root .leaf-site .variant-grid>div {display:grid;gap:6px;padding:20px;background:#f8f4ec;border:1px solid #e0d8ca;border-radius:16px;}
html:root .leaf-site .variant-grid small {color:#6e4e46;font-style:italic;}
html:root .leaf-site .variant-grid span {font-size:.8rem;letter-spacing:.04em;color:#496356;}
html:root .leaf-site .variant-grid--shisha {grid-template-columns:repeat(3,minmax(0,1fr));}
html:root .leaf-site .problem-solution {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
html:root .leaf-site .problem-solution>div {padding:20px;border-inline-start:3px solid #af786d;background:#f8f4ec;}
html:root .leaf-site .question-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
html:root .leaf-site .question-grid>div {display:grid;gap:8px;padding:18px;border:1px solid #d9e0d5;border-radius:14px;background:#fbf8f2;}
html:root .leaf-site .icon-lines {display:grid;gap:0;border-block:1px solid #d8dfd2;}
html:root .leaf-site .icon-lines>div {display:grid;grid-template-columns:170px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid #e2e6de;}
html:root .leaf-site .icon-lines>div:last-child {border-bottom:0;}
html:root .leaf-site .icon-lines b {color:#163f35;}
html:root .leaf-site .balance-rail {display:flex;align-items:center;gap:10px;margin:34px 0;color:#163f35;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;}
html:root .leaf-site .balance-rail i {height:2px;flex:1;background:linear-gradient(90deg,#af786d,#d7b889,#779d80);}
html:root .leaf-site .editorial-aside {margin:30px 0;padding:18px 22px;border-inline-start:3px solid #af786d;color:#334d42;}
html:root .leaf-site .editorial-aside strong {color:#163f35;}
html:root .leaf-site .soft-callout {margin:30px 0;padding:20px 22px;background:#f6e9e0;border-inline-start:3px solid #af786d;border-radius:0 14px 14px 0;color:#284b3e;}
html:root .leaf-site .texture-split {display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d7c9b8;border-radius:18px;overflow:hidden;}
html:root .leaf-site .texture-split>div {display:grid;gap:8px;padding:30px;background:#f7f2ea;}
html:root .leaf-site .texture-split span {font-size:.72rem;letter-spacing:.16em;color:#af786d;}
html:root .leaf-site .texture-split strong {font:1.55rem/1.2 var(--leaf-serif,Georgia,serif);color:#163f35;}

/* Journal modules: a small editorial vocabulary, deliberately varied by purpose.
   One module per thought is enough; these are not intended to stack as a card wall. */
html:root .leaf-site .article-body :is(.variant-grid,.comparison-grid,.step-flow,.problem-solution,.icon-lines,.texture-split,.editorial-media-split,.editorial-atmosphere,.variant-dossiers,.comparison-dossiers,.article-steps,.diagnosis-dossiers,.texture-dossiers,.spec-dossiers) {--editorial-ink:#163f35;--editorial-muted:#496356;--editorial-paper:#f8f4ec;--editorial-line:#dccfbd;}
html:root .leaf-site .article-body>h2 {position:relative;margin-top:54px;padding-top:7px;}
html:root .leaf-site .article-body>h2::before {content:"";position:absolute;top:0;inset-inline-start:0;width:46px;height:2px;background:#af786d;}

html:root .leaf-site :is(.variant-dossiers,.comparison-dossiers,.diagnosis-dossiers,.texture-dossiers,.spec-dossiers) {display:grid;margin:38px 0;gap:14px;}
html:root .leaf-site :is(.variant-dossiers,.comparison-dossiers,.diagnosis-dossiers,.texture-dossiers,.spec-dossiers)>section {position:relative;margin:0;padding:26px;background:#f8f4ec;border:1px solid #ded4c5;border-radius:18px;overflow:hidden;}
html:root .leaf-site :is(.variant-dossiers,.comparison-dossiers,.diagnosis-dossiers,.texture-dossiers,.spec-dossiers)>section>h2,
html:root .leaf-site :is(.variant-dossiers,.comparison-dossiers,.diagnosis-dossiers,.texture-dossiers)>section>h3 {margin:0 0 13px;padding:0;font-size:clamp(1.25rem,1.8vw,1.55rem);line-height:1.25;color:#163f35;}
html:root .leaf-site :is(.variant-dossiers,.comparison-dossiers,.diagnosis-dossiers,.texture-dossiers,.spec-dossiers)>section>h2::before {content:none;}
html:root .leaf-site :is(.variant-dossiers,.comparison-dossiers,.diagnosis-dossiers,.texture-dossiers,.spec-dossiers)>section>p:last-child {margin-bottom:0;}
html:root .leaf-site .variant-dossiers {grid-template-columns:repeat(2,minmax(0,1fr));}
html:root .leaf-site .variant-dossiers>section:nth-child(2n) {background:#edf2e8;}
html:root .leaf-site .variant-dossiers>section::after {content:"";position:absolute;inset:auto -28px -32px auto;width:100px;height:100px;border:1px solid #c8927370;border-radius:50%;pointer-events:none;}
html:root .leaf-site .variant-dossiers--six {grid-template-columns:repeat(2,minmax(0,1fr));}
html:root .leaf-site .comparison-dossiers {grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:#d9cebe;border-radius:20px;overflow:hidden;}
html:root .leaf-site .comparison-dossiers>section {border:0;border-radius:0;}
html:root .leaf-site .comparison-dossiers>section:nth-child(even) {background:#edf2e8;}
html:root .leaf-site .comparison-dossiers>section::before {content:"";display:block;width:32px;height:2px;margin-bottom:17px;background:#af786d;}
html:root .leaf-site .comparison-dossiers--three {grid-template-columns:repeat(3,minmax(0,1fr));}
html:root .leaf-site .comparison-dossiers--single {grid-template-columns:1fr;}
html:root .leaf-site .diagnosis-dossiers {position:relative;display:block!important;margin:46px 0;padding-inline-start:clamp(112px,15vw,148px);border-block:1px solid #d8cab7;}
html:root .leaf-site .diagnosis-dossiers::before {content:"";position:absolute;inset-block-start:30px;inset-inline-start:0;width:108px;height:52px;background:url('assets/leaf-arch-pattern.svg') center/contain no-repeat;opacity:.82;}
html:root .leaf-site .diagnosis-dossiers>section {display:block!important;margin:0!important;padding:28px 0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;}
html:root .leaf-site .diagnosis-dossiers>section+section {border-top:1px solid #e4dbcf!important;}
html:root .leaf-site .diagnosis-dossiers--single {grid-template-columns:1fr;}
html:root .leaf-site .texture-dossiers {grid-template-columns:1fr;}
html:root .leaf-site .texture-dossiers>section {background:linear-gradient(135deg,#f8f4ec,#edf2e8);}
html:root .leaf-site .spec-dossiers {grid-template-columns:1fr;gap:0;border-block:1px solid #d8d2c6;}
html:root .leaf-site .spec-dossiers>section {padding:24px 0;border:0;border-bottom:1px solid #e3ddd3;border-radius:0;background:transparent;}
html:root .leaf-site .spec-dossiers>section:last-child {border-bottom:0;}
html:root .leaf-site .article-steps {display:grid;margin:40px 0;padding:0;counter-reset:leaf-long-step;list-style:none;}
html:root .leaf-site .article-steps>section,
html:root .leaf-site ol.article-steps>li {position:relative;min-width:0;margin:0;padding:8px 0 38px 74px;counter-increment:leaf-long-step;border-inline-start:1px solid #cdbdad;}
html:root .leaf-site .article-steps>section:last-child,
html:root .leaf-site ol.article-steps>li:last-child {padding-bottom:4px;border-inline-start-color:transparent;}
html:root .leaf-site .article-steps>section::before,
html:root .leaf-site ol.article-steps>li::before {content:counter(leaf-long-step,decimal-leading-zero);position:absolute;top:0;inset-inline-start:-25px;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#173f35;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.08em;box-shadow:0 8px 20px -15px #163f35;}
html:root .leaf-site .article-steps>section>h2,
html:root .leaf-site ol.article-steps>li>h2 {margin:0 0 14px;padding:0;font-size:clamp(1.35rem,2vw,1.7rem);overflow-wrap:anywhere;}
html:root .leaf-site .article-steps>section>h2::before,
html:root .leaf-site ol.article-steps>li>h2::before {content:none;}
html:root .leaf-site .article-body>:is(.variant-grid,.comparison-grid,.step-flow,.problem-solution,.icon-lines,.texture-split,.variant-dossiers,.comparison-dossiers,.article-steps,.diagnosis-dossiers,.texture-dossiers,.spec-dossiers)+h2 {margin-top:38px;}

/* Landing pages share the Leaf materials, while each route gets its own rhythm. */
html:root .leaf-site .page-composition {--page-ink:#163f35;--page-paper:#f8f4ec;--page-sage:#edf2e8;--page-line:#dccfbd;display:grid;gap:24px;}
html:root .leaf-site .page-composition :is(h2,p) {margin-top:0;}
html:root .leaf-site .page-composition h2 {font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.2;color:var(--page-ink);}
html:root .leaf-site .reading-layout--landing {grid-template-columns:minmax(0,1fr);gap:42px;}
html:root .leaf-site .reading-layout--landing>.prose {width:100%;max-width:none;}
html:root .leaf-site .reading-layout--landing>.visit-aside {width:100%;}
html:root .leaf-site .visit-facts-band {position:relative;display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(210px,1fr) minmax(190px,.8fr);gap:34px;align-items:start;padding:34px 42px;}
html:root .leaf-site .visit-facts-band::after {
 position:absolute;
 right:-4px;
 bottom:-4px;
 width:278px;
 height:150px;
 margin:0;
 background-size:278px auto;
 background-position:right top;
 opacity:.24;
}
html:root .leaf-site .visit-facts-intro {display:grid;align-content:start;gap:8px;}
html:root .leaf-site .visit-facts-intro h2 {margin:0 0 8px;}
html:root .leaf-site .visit-facts-intro .text-link {width:max-content;max-width:100%;}
html:root .leaf-site .visit-fact {position:relative;z-index:1;padding-inline-start:24px;border-inline-start:1px solid #acc1b755;}
html:root .leaf-site .visit-fact p {margin:8px 0 0;font-size:.95rem;line-height:1.75;}
html:root .leaf-site .page-section-copy>p:last-child {margin-bottom:0;}

/* The food page keeps its existing plate-led composition. */
html:root .leaf-site .menu-storyline {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
html:root .leaf-site .menu-storyline>section {position:relative;margin:0;padding:28px;border:1px solid var(--page-line);border-radius:22px;background:var(--page-paper);overflow:hidden;}
html:root .leaf-site .menu-storyline>section:first-child {grid-column:1/-1;padding:36px;isolation:isolate;background:linear-gradient(145deg,#edf2e8,#f8f4ec);}
html:root .leaf-site .menu-storyline>section:first-child::after {content:"";position:absolute;z-index:-1;right:-34px;bottom:-74px;width:210px;height:230px;border:1px solid #b57c6f55;border-radius:110px 110px 0 0;}
html:root .leaf-site .menu-storyline>section:nth-child(n+2) {border:0;border-top:2px solid #af786d;border-radius:0;background:transparent;padding-inline:0;}
html:root .leaf-site .venue-media-split {display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);grid-column:1/-1;min-height:390px;padding:0!important;background:#f3eee5!important;}
html:root .leaf-site .venue-media-split::before {content:"";min-height:390px;background:var(--section-image) center/cover no-repeat;}
html:root .leaf-site .venue-media-split>.page-section-copy {display:grid;align-content:center;padding:42px;}
html:root .leaf-site .venue-media-split--fingerfood {--section-image:url('assets/fingerfood-teilen-the-leaf.webp');}
html:root .leaf-site .menu-storyline>.venue-media-split {padding:0;background:#f3eee5;border:1px solid var(--page-line);border-top:1px solid var(--page-line);border-radius:22px;}

/* Normal pages use content-shaped scenes instead of one shared stack of cards. */
html:root .leaf-site :is(.birthday-story,.match-evening,.gathering-story,.cafe-afternoon,.drinks-selection) {display:grid;gap:clamp(28px,5vw,64px);}
html:root .leaf-site :is(.birthday-story,.match-evening,.gathering-story,.cafe-afternoon,.drinks-selection)>section {position:relative;margin:0;min-width:0;overflow:hidden;}

/* Drinks: one product stage, then two quiet companions. */
html:root .leaf-site .drinks-selection {grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:start;}
html:root .leaf-site .drink-signature-stage {grid-column:1/-1;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);min-height:460px;align-items:stretch;}
html:root .leaf-site .drink-signature-stage::before {content:"";min-height:460px;background:url('assets/coconut-kiss.webp') center 48%/cover no-repeat;border-radius:230px 230px 24px 24px;box-shadow:0 24px 48px -32px #163f35;}
html:root .leaf-site .drink-signature-stage>.page-section-copy {display:grid;align-content:center;padding:34px 8% 34px 10%;}
html:root .leaf-site .drink-signature-stage .article-figure {display:none;}
html:root .leaf-site .drink-name-rail {grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:-36px;border-block:1px solid #cfc6b8;}
html:root .leaf-site .drink-name-rail span {padding:18px 14px;color:#87574e;font-size:.72rem;font-weight:750;letter-spacing:.12em;text-align:center;text-transform:uppercase;}
html:root .leaf-site .drink-name-rail span+span {border-inline-start:1px solid #cfc6b8;}
html:root .leaf-site :is(.softdrink-list,.coffee-finish) {padding-block:28px;border-block:1px solid #d8d2c6;}
html:root .leaf-site .softdrink-list {padding-inline-end:9%;}
html:root .leaf-site .coffee-finish {padding-inline:9% 0;}
html:root .leaf-site .coffee-finish::after {content:"";display:block;width:92px;height:92px;margin:22px 0 0 auto;background:url('assets/leaf-motif-coffee-cake.svg') center/contain no-repeat;opacity:.68;}

/* Games: Okey gets the real room; the other games form one calm index. */
html:root .leaf-site .game-stories--leaf-library {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;}
html:root .leaf-site .game-stories--leaf-library .game-panel {margin:0;min-height:0;padding:32px 34px;border:0;border-radius:0;background:transparent;box-shadow:none;}
html:root .leaf-site .game-stories--leaf-library .game-panel:first-child {grid-column:1/-1;grid-template-columns:1fr;padding:0;border-bottom:0;}
html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .game-panel-copy {display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);column-gap:clamp(40px,5vw,56px);align-items:center;min-height:360px;padding-block:40px;border-block:1px solid #d8d2c6;}
html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .article-figure {grid-column:2;grid-row:1/5;align-self:center;width:100%;max-width:none;margin:0!important;}
html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .article-figure img {width:100%;height:auto;aspect-ratio:4/5;max-height:430px;object-fit:cover;object-position:center 62%;border-radius:26px;}
html:root .leaf-site .game-stories--leaf-library .game-panel:first-child :is(h2,p,.text-link) {grid-column:1;max-width:36rem;}
html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .text-link {color:#174c38;}
html:root .leaf-site .game-stories--leaf-library .game-panel:first-child>.game-panel-art {display:none;}
html:root .leaf-site .game-stories--leaf-library .game-panel:not(:first-child) {display:grid;grid-template-columns:1fr 84px;align-items:start;gap:24px;border-bottom:1px solid #e2ddd4;}
html:root .leaf-site .game-stories--leaf-library .game-panel:nth-child(even) {border-inline-end:1px solid #e2ddd4;}
html:root .leaf-site .game-stories--leaf-library .game-panel-art {height:84px;border-radius:0;background-image:var(--game-motif);background-position:center;background-size:contain;opacity:.7;}

/* A short answer block closes an article as a calm disclosure list, not more body copy. */
html:root .leaf-site .article-quick-facts {margin-top:clamp(48px,7vw,76px);padding-top:28px;border-top:1px solid #d7d0c5;}
html:root .leaf-site .article-quick-facts>h2 {margin:6px 0 20px;font-size:clamp(1.55rem,2.5vw,2rem);}
html:root .leaf-site .quick-answer-list {border-block:1px solid #d7d0c5;}
html:root .leaf-site .quick-answer {margin:0;border:0;border-bottom:1px solid #e1dcd3;background:transparent;}
html:root .leaf-site .quick-answer:last-child {border-bottom:0;}
html:root .leaf-site .quick-answer summary {position:relative;display:flex;align-items:center;min-height:58px;padding:15px 48px 15px 0;color:#143f36;font-size:1.02rem;font-weight:700;line-height:1.45;cursor:pointer;list-style:none;}
html:root .leaf-site .quick-answer summary::-webkit-details-marker {display:none;}
html:root .leaf-site .quick-answer summary:focus-visible {outline:3px solid #a36a5f;outline-offset:4px;border-radius:4px;}
html:root .leaf-site .quick-answer summary::before,html:root .leaf-site .quick-answer summary::after {content:"";position:absolute;right:10px;top:50%;width:16px;height:1.5px;background:#87574e;transform:translateY(-50%);transition:transform 180ms ease;}
html:root .leaf-site .quick-answer summary::after {transform:translateY(-50%) rotate(90deg);}
html:root .leaf-site .quick-answer[open] summary::after {transform:translateY(-50%) rotate(0deg);}
html:root .leaf-site .quick-answer>div {padding:0 48px 18px 0;}
html:root .leaf-site .quick-answer p {max-width:62ch;margin:0;color:#40554b;font-size:1rem;line-height:1.75;}

/* Gatherings: a real room image and a practical planning rail. */
html:root .leaf-site .gathering-scene {display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,1fr);min-height:440px;background:#f3eee5;border-radius:26px;}
html:root .leaf-site .gathering-scene::before {content:"";min-height:440px;background:url('assets/innenraum-the-leaf-retuschiert.webp') center 56%/cover no-repeat;}
html:root .leaf-site .gathering-scene>.page-section-copy {display:grid;align-content:center;padding:clamp(30px,5vw,58px);}
html:root .leaf-site .gathering-plan {padding:32px 0 30px 32%;border-block:1px solid #d2c7b8;}
html:root .leaf-site .gathering-plan::before {content:"Datum / Uhrzeit / Personen";display:block;margin-bottom:14px;color:#87574e;font-size:.72rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;}

/* Football: distinct topics share one match-night field, without false step numbers. */
html:root .leaf-site .match-evening {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;background:#f3eee5;border-radius:26px;overflow:hidden;box-shadow:0 18px 44px -34px #163f35;}
html:root .leaf-site .match-evening>section {padding:clamp(28px,4vw,48px);}
html:root .leaf-site .match-competitions {min-height:360px;padding-bottom:130px!important;background:#edf2e8;}
html:root .leaf-site .match-competitions::after {content:"";position:absolute;left:30px;right:30px;bottom:24px;height:100px;background:url('assets/leaf-motif-football.svg') right bottom/auto 100% no-repeat;opacity:.55;}
html:root .leaf-site .match-request {display:grid;align-content:center;background:#173f35;color:#f7f1e7;}
html:root .leaf-site .match-request :is(h2,p) {color:inherit;}
html:root .leaf-site .match-food {grid-column:1/-1;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);padding:0!important;background:#fff;}
html:root .leaf-site .match-food::before {content:"";min-height:330px;background:url('assets/fingerfood-teilen-the-leaf.webp') center/cover no-repeat;}
html:root .leaf-site .match-food>.page-section-copy {display:grid;align-content:center;padding:clamp(30px,5vw,54px);}

/* Birthday: a warm conversation scene and one clear note for cake or decoration. */
html:root .leaf-site .birthday-scene {min-height:360px;padding:clamp(34px,6vw,68px) min(36%,390px) clamp(34px,6vw,68px) clamp(28px,6vw,70px);background:linear-gradient(125deg,#edf2e8,#f5eee4);border-radius:26px;}
html:root .leaf-site .birthday-scene::after {content:"";position:absolute;inset:24px 30px 24px auto;width:min(30%,280px);background:url('assets/leaf-motif-birthday.svg') center/contain no-repeat;opacity:.76;}
html:root .leaf-site .birthday-note {width:min(760px,92%);margin:-34px auto 0;padding:28px 34px 30px 116px;background:#fff;border-block:1px solid #d5cabc;box-shadow:0 20px 48px -40px #163f35;}
html:root .leaf-site .birthday-note::before {content:"";position:absolute;left:28px;top:50%;width:62px;height:62px;transform:translateY(-50%);background:url('assets/leaf-motif-cake.svg') center/contain no-repeat;opacity:.78;}

/* Caf?: open prose, a genuine dessert duet and a calm coffee close. */
html:root .leaf-site .cafe-arrival {max-width:760px;padding:8px 0 12px;}
html:root .leaf-site .cafe-arrival::after {content:"";display:block;width:120px;height:62px;margin:24px 0 0;background:url('assets/leaf-motif-coffee-cake.svg') left center/contain no-repeat;opacity:.62;}
html:root .leaf-site .dessert-duet {display:grid;grid-template-columns:minmax(160px,.575fr) minmax(160px,.575fr) minmax(0,.85fr);min-height:390px;background:#f3eee5;border-radius:190px 26px 26px 26px;}
html:root .leaf-site .dessert-duet::before,html:root .leaf-site .dessert-duet::after {content:"";min-height:390px;background-position:center;background-size:cover;background-repeat:no-repeat;}
html:root .leaf-site .dessert-duet::before {grid-column:1;grid-row:1;background-image:url('assets/san-sebastian-the-leaf.webp');border-radius:190px 0 0 26px;}
html:root .leaf-site .dessert-duet::after {grid-column:2;grid-row:1;background-image:url('assets/kaiserschmarrn-the-leaf.webp');}
html:root .leaf-site .dessert-duet>.page-section-copy {grid-column:3;grid-row:1;display:grid;align-content:center;padding:clamp(30px,5vw,52px);}
html:root .leaf-site .coffee-close {display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);min-height:330px;border-block:1px solid #d4c9ba;}
html:root .leaf-site .coffee-close>.page-section-copy {display:grid;align-content:center;padding:34px 8% 34px 0;}
html:root .leaf-site .coffee-close::after {content:"";min-height:330px;background:url('assets/cappuccino-journal.webp') center/cover no-repeat;border-radius:160px 160px 20px 20px;}

/* Okey keeps its slower three-part story without affecting the games index. */
html:root .leaf-site .game-stories--okey-story {display:grid;gap:18px;}
html:root .leaf-site .game-stories--okey-story .game-panel {margin:0;}
html:root .leaf-site .game-stories--okey-story .game-panel:nth-child(2) {margin-left:11%;background:#f8f4ec;border-color:#dccfbd;}
html:root .leaf-site .game-stories--okey-story .game-panel:nth-child(3) {max-width:82%;margin-left:auto;background:#fff;border-inline-start:4px solid #af786d;}

/* Variants are a choice aid: visual families get a quiet, warm paper field instead of four white tiles. */
html:root .leaf-site .variant-grid {gap:12px;padding:2px;}
html:root .leaf-site .variant-grid>div {position:relative;min-height:142px;padding:22px 22px 20px;background:linear-gradient(145deg,#fcfaf5,#f1e9dc);border:1px solid #dfd2c0;border-radius:18px;box-shadow:0 10px 24px -22px #163f35;overflow:hidden;}
html:root .leaf-site .variant-grid>div::after {content:"";position:absolute;inset:auto -22px -28px auto;width:92px;height:92px;border:1px solid #c89273a6;border-radius:50%;opacity:.55;pointer-events:none;}
html:root .leaf-site .variant-grid>div:nth-child(2n) {background:linear-gradient(145deg,#f8f3ea,#eaf0e5);}
html:root .leaf-site .variant-grid>div:nth-child(3n)::after {width:70px;height:70px;border-radius:24px 24px 0 0;}
html:root .leaf-site .variant-grid small {position:relative;z-index:1;font-style:normal;font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#87574e;}
html:root .leaf-site .variant-grid strong {position:relative;z-index:1;max-width:16ch;font-size:clamp(1.25rem,1.8vw,1.55rem);}
html:root .leaf-site .variant-grid p,html:root .leaf-site .variant-grid span {position:relative;z-index:1;margin:0;color:#3c594c;line-height:1.55;}

/* Comparisons are one composed surface. The centre rule reads as a comparison, not two unrelated cards. */
html:root .leaf-site .comparison-grid,html:root .leaf-site .texture-split {gap:0;border:1px solid var(--editorial-line);background:var(--editorial-line);box-shadow:0 14px 34px -30px #163f35;}
html:root .leaf-site .comparison-grid>div,html:root .leaf-site .texture-split>div {position:relative;padding:28px;background:var(--editorial-paper);}
html:root .leaf-site .comparison-grid>div:nth-child(even),html:root .leaf-site .texture-split>div:nth-child(even) {background:#edf2e8;}
html:root .leaf-site .comparison-grid>div::before,html:root .leaf-site .texture-split>div::before {content:"";display:block;width:30px;height:2px;margin-bottom:18px;background:#af786d;}
html:root .leaf-site .comparison-grid small,html:root .leaf-site .texture-split span {font-size:.7rem;font-weight:700;letter-spacing:.12em;color:#87574e;}

/* A process should read from left to right on desktop and top to bottom on phones. */
html:root .leaf-site .step-flow {position:relative;gap:0;counter-reset:leaf-step;border:1px solid var(--editorial-line);background:var(--editorial-line);box-shadow:0 14px 34px -30px #163f35;}
html:root .leaf-site .step-flow>div {position:relative;min-height:188px;padding:62px 24px 24px;background:#f8f4ec;}
html:root .leaf-site .step-flow>div:nth-child(2n) {background:#edf2e8;}
html:root .leaf-site .step-flow>div::before {counter-increment:leaf-step;content:"0" counter(leaf-step);position:absolute;top:20px;inset-inline-start:24px;font:.75rem/1 'DM Sans',sans-serif;font-weight:700;letter-spacing:.13em;color:#87574e;}
html:root .leaf-site .step-flow b {display:none;}
html:root .leaf-site .step-flow strong {font-size:1.35rem;}

/* Problem and answer stay paired, but their different roles are explicit at a glance. */
html:root .leaf-site .problem-solution {gap:0;border:1px solid #e1d4c3;border-radius:18px;overflow:hidden;background:#e1d4c3;box-shadow:0 14px 34px -30px #163f35;}
html:root .leaf-site .problem-solution>div {position:relative;min-height:154px;padding:54px 24px 24px;border:0;border-inline-start:0;background:#f8f4ec;}
html:root .leaf-site .problem-solution>div:nth-child(even) {background:#edf2e8;}
html:root .leaf-site .problem-solution>div::before {position:absolute;top:20px;inset-inline-start:24px;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#87574e;}
html:root .leaf-site .problem-solution>div:nth-child(odd)::before {content:"Wenn …";}
html:root .leaf-site .problem-solution>div:nth-child(even)::before {content:"Dann …";color:#476d55;}
html:root .leaf-site .problem-solution p {margin:0;}

/* Icon rows are the calm alternative for ingredients, properties and types: no repeated cards. */
html:root .leaf-site .icon-lines {border-block:1px solid #d8d2c6;}
html:root .leaf-site .icon-lines>div {grid-template-columns:minmax(110px,150px) 1fr;align-items:baseline;gap:26px;padding:18px 0;border-bottom:1px solid #e6e0d6;}
html:root .leaf-site .icon-lines b {display:flex;align-items:center;gap:10px;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#87574e;}
html:root .leaf-site .icon-lines b::before {content:"";width:9px;height:9px;flex:0 0 9px;border:1.5px solid currentColor;border-radius:50%;box-shadow:12px 0 0 -5px #f8f4ec;}

/* Image and copy share a single silhouette. Text never sits on the photograph. */
html:root .leaf-site .editorial-media-split {display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;margin:42px 0;border-radius:28px;overflow:hidden;background:#173f35;box-shadow:0 18px 42px -28px #163f35;}
html:root .leaf-site .editorial-media-split>figure {min-height:330px;margin:0;order:2;}
html:root .leaf-site .editorial-media-split>figure img {width:100%;height:100%;object-fit:cover;}
html:root .leaf-site .editorial-media-split>div {display:grid;align-content:center;gap:14px;padding:42px;background:#f3eee5;color:#163f35;}
html:root .leaf-site .editorial-media-split :is(h2,h3,strong) {color:#163f35;}
html:root .leaf-site .editorial-media-split p {margin:0;color:#3c594c;line-height:1.7;}
html:root .leaf-site .editorial-media-split .kicker {color:#87574e;}
html:root .leaf-site .editorial-media-split--image-first>figure {order:0;}

/* An atmosphere break is reserved for a real photo and one short thought. It is intentionally rare. */
html:root .leaf-site .editorial-atmosphere {position:relative;isolation:isolate;display:grid;align-items:end;min-height:330px;padding:28px;border-radius:26px;overflow:hidden;background:#173f35 center/cover no-repeat;background-image:linear-gradient(90deg,#102e28ee 0%,#102e28b8 42%,#102e2830 100%),var(--editorial-image);box-shadow:0 20px 44px -28px #163f35;}
html:root .leaf-site .editorial-atmosphere>div {position:relative;z-index:1;max-width:43ch;padding:24px;background:#f3eee5f2;border-radius:16px;color:#163f35;}
html:root .leaf-site .editorial-atmosphere :is(h2,h3,strong) {color:#163f35;}
html:root .leaf-site .editorial-atmosphere p {margin:8px 0 0;color:#3c594c;line-height:1.7;}
@media (min-width:768px) and (prefers-reduced-motion:no-preference) {
 html:root .leaf-site .editorial-atmosphere {background-attachment:fixed;background-size:cover;}
}
@media (max-width:767px) {
 html:root .leaf-site .article-heading-image img {height:280px;border-radius:96px 96px 16px 16px;}
 html:root .leaf-site .ingredient-strip {display:grid;grid-template-columns:1fr 1fr;}
 html:root .leaf-site .ingredient-strip span:nth-child(2) {border:0;}
 html:root .leaf-site .step-flow,
 html:root .leaf-site .comparison-grid,
 html:root .leaf-site .comparison-grid--three,
 html:root .leaf-site .variant-grid,
 html:root .leaf-site .variant-grid--shisha,
 html:root .leaf-site .problem-solution,
 html:root .leaf-site .question-grid,
 html:root .leaf-site .texture-split {grid-template-columns:1fr;}
 html:root .leaf-site .icon-lines>div {grid-template-columns:1fr;gap:4px;}
 html:root .leaf-site .balance-rail {gap:6px;font-size:.66rem;}
 html:root .leaf-site .editorial-origin,html:root .leaf-site .editorial-note,html:root .leaf-site .editorial-quicktake,html:root .leaf-site .editorial-compare {margin:28px 0;padding:18px;}
 html:root .leaf-site .quicktake-grid {grid-template-columns:1fr 1fr;}
 html:root .leaf-site .editorial-compare {padding:0;}
 html:root .leaf-site .editorial-compare strong {font-size:1.1rem;}
 html:root .leaf-site .editorial-pullquote {margin:32px 0;padding:16px 0 16px 20px;font-size:1.35rem;}
 html:root .leaf-site .variant-grid>div {min-height:0;padding:20px;}
 html:root .leaf-site .step-flow>div {min-height:0;padding:56px 20px 22px;}
 html:root .leaf-site .step-flow>div::before {inset-inline-start:20px;}
 html:root .leaf-site .problem-solution>div {min-height:0;padding:52px 20px 22px;}
 html:root .leaf-site .problem-solution>div::before {inset-inline-start:20px;}
 html:root .leaf-site .icon-lines>div {gap:8px;padding:16px 0;}
 html:root .leaf-site .article-body>h2 {margin-top:40px;}
 html:root .leaf-site :is(.variant-dossiers,.comparison-dossiers,.comparison-dossiers--three,.diagnosis-dossiers,.texture-dossiers) {grid-template-columns:1fr;}
 html:root .leaf-site :is(.variant-dossiers,.comparison-dossiers,.diagnosis-dossiers,.texture-dossiers,.spec-dossiers)>section {padding:21px;}
 html:root .leaf-site .diagnosis-dossiers {padding:64px 0 0;}
 html:root .leaf-site .diagnosis-dossiers::before {inset-block-start:20px;width:92px;height:40px;}
 html:root .leaf-site .diagnosis-dossiers>section {padding:22px 0!important;}
 html:root .leaf-site .spec-dossiers>section {padding:20px 0;}
 html:root .leaf-site .article-steps>section,
 html:root .leaf-site ol.article-steps>li {padding:7px 0 30px 54px;}
 html:root .leaf-site .article-steps>section::before,
 html:root .leaf-site ol.article-steps>li::before {inset-inline-start:-20px;width:40px;height:40px;}
 html:root .leaf-site .editorial-media-split {grid-template-columns:1fr;margin:32px 0;border-radius:22px;}
 html:root .leaf-site .editorial-media-split>figure,html:root .leaf-site .editorial-media-split--image-first>figure {order:0;min-height:230px;}
 html:root .leaf-site .editorial-media-split>div {padding:28px 22px;}
 html:root .leaf-site .editorial-atmosphere {min-height:360px;padding:16px;border-radius:22px;background-attachment:scroll;background-position:center;}
 html:root .leaf-site .editorial-atmosphere>div {padding:20px;}
 html:root .leaf-site :is(.page-chapters,.visit-plan,.cafe-storyline,.menu-storyline,.drinks-storyline,.game-stories--library) {grid-template-columns:1fr;}
 html:root .leaf-site :is(.page-chapters,.visit-plan,.cafe-storyline,.menu-storyline,.drinks-storyline)>section {padding:22px;}
 html:root .leaf-site .cafe-storyline>section:first-child,
 html:root .leaf-site .menu-storyline>section:first-child,
 html:root .leaf-site .game-stories--library .game-panel:first-child {grid-column:auto;max-width:none;}
 html:root .leaf-site .cafe-storyline>section:nth-child(3) {margin-top:0;}
 html:root .leaf-site .menu-storyline>section:first-child {padding:26px 22px;background:linear-gradient(145deg,#edf2e8,#f8f4ec);}
 html:root .leaf-site .drinks-storyline>section:first-child {grid-row:auto;padding:26px 22px;}
 html:root .leaf-site .drinks-storyline>section:first-child .article-figure {margin:24px -22px;}
 html:root .leaf-site .game-stories--okey-story .game-panel:nth-child(3) {grid-column:auto;max-width:none;justify-self:stretch;}
 html:root .leaf-site .game-stories--okey-story .game-panel:nth-child(2),
 html:root .leaf-site .game-stories--okey-story .game-panel:nth-child(3) {margin-left:0;}
 html:root .leaf-site :is(.venue-media-split,.signature-showcase) {grid-template-columns:1fr;min-height:0;padding:0!important;}
 html:root .leaf-site :is(.venue-media-split,.signature-showcase)::before {min-height:260px;}
 html:root .leaf-site :is(.venue-media-split,.signature-showcase)>.page-section-copy {padding:28px 22px;}
 html:root .leaf-site .atmosphere-break {min-height:390px;padding:18px!important;background-attachment:scroll;}
 html:root .leaf-site .atmosphere-break>.page-section-copy {padding:24px 20px;}
 html:root .leaf-site .visit-facts-band {grid-template-columns:1fr;gap:22px;padding:32px 24px;}
 html:root .leaf-site .reading-layout--landing>.visit-facts-band::after {
  position:relative;
  grid-column:1;
  justify-self:end;
  width:210px;
  height:112px;
  margin:0 0 -24px 0;
  background-size:210px auto;
  background-position:right top;
 }
 html:root .leaf-site .visit-fact {padding:18px 0 0;border-inline-start:0;border-top:1px solid #acc1b755;}
}
html:root .leaf-site .article-toc {font-size:.85rem;}
html:root .leaf-site .toc-desktop {border-inline-start:2px solid #c6d2c2;padding-inline-start:20px;}
html:root .leaf-site .toc-desktop a {line-height:1.7;padding:14px 0;}
html:root .leaf-site .leaf-invitation {padding:32px;margin-block:48px 24px;background:var(--leaf-light),#143f36;border:1px solid #44604d;border-radius:24px;box-shadow:var(--leaf-shadow);}
html:root .leaf-site .leaf-invitation h2 {font-size:1.65rem;line-height:1.3;}
html:root .leaf-site .leaf-invitation p {font-size:1rem;line-height:1.8;}
html:root .leaf-site .game-panel {border-radius:20px;background:linear-gradient(125deg,#edf2e8,#e2ebdc);border:1px solid #cbd8c5;padding:32px;}
html:root .leaf-site .game-panel h2 {font-size:1.8rem;line-height:1.3;}
html:root .leaf-site .game-panel p {font-size:1.025rem;line-height:1.8;}
html:root .leaf-site .contact-band {padding:56px 24px;background:var(--leaf-light),#173d32;border:0;}
html:root .leaf-site .contact-band h2 {font-size:clamp(1.7rem,2.8vw,2.6rem);}
html:root .leaf-site .visit-section {margin-block:56px 64px;}
html:root .leaf-site .visit-section>.row {border-radius:24px;background:#eee8df;box-shadow:var(--leaf-shadow);}
html:root .leaf-site .leaf-footer {background:radial-gradient(ellipse at 5% 0,#2e4b3f,transparent 55%),#202e28;padding-top:72px;border:0;}
html:root .leaf-site .leaf-footer::before {opacity:.25;border:0;}
html:root .leaf-site .footer-wordmark {font-size:1.8rem;}
html:root .leaf-site .footer-bottom {border-top:1px solid #9baa9c40;}
html:root .leaf-site .leaf-footer a {min-height:44px;}
html:root .leaf-site .leaf-footer .preview-version {color:#dbe4dc;}

/* Brand pauses live at section edges, away from reading and click areas. */
html:root .leaf-site .contact-band {position:relative;isolation:isolate;overflow:hidden;}
html:root .leaf-site .contact-band>.container-xl {position:relative;z-index:1;}
html:root .leaf-site .contact-band::after {
 content:"";position:absolute;z-index:0;inset-inline-end:-46px;bottom:-76px;width:260px;height:260px;
 background:url('assets/leaf-summer-love-mark.svg') center/contain no-repeat;opacity:.12;pointer-events:none;
}
html:root .leaf-site .faq-hero {position:relative;isolation:isolate;overflow:hidden;}
html:root .leaf-site .faq-hero>.container-xl {position:relative;z-index:1;}
html:root .leaf-site .faq-hero::after {
 content:"";position:absolute;z-index:0;inset-inline-end:4%;top:50%;width:190px;height:190px;
 background:url('assets/leaf-brand-green.png') center/contain no-repeat;opacity:.07;transform:translateY(-50%);pointer-events:none;
}
html:root .leaf-site .journal-section {position:relative;isolation:isolate;overflow:hidden;}
html:root .leaf-site .journal-section>* {position:relative;z-index:1;}
html:root .leaf-site .journal-section::before {
 content:"";position:absolute;z-index:0;inset-inline-end:-72px;top:150px;width:270px;height:360px;
 background:url('assets/leaf-shirt-front-illustration.svg') center/contain no-repeat;opacity:.055;pointer-events:none;
}
html:root .leaf-site .related-section {position:relative;isolation:isolate;overflow:hidden;}
html:root .leaf-site .related-section>* {position:relative;z-index:1;}
html:root .leaf-site .related-section::after {
 content:"";position:absolute;z-index:0;inset-inline-end:-56px;bottom:-92px;width:230px;height:230px;
 background:url('assets/leaf-summer-love-mark.svg') center/contain no-repeat;opacity:.065;pointer-events:none;
}

/* Depth comes from the surface and its silhouette, not an applied accent stripe. */
html:root .leaf-site :is(.home-hero,.page-hero,.journal-header,.leaf-room,.leaf-invitation,.contact-band) {
 background:var(--leaf-depth-dark);
 box-shadow:0 24px 56px -24px #173f3657;
}
html:root .leaf-site :is(.leaf-room,.leaf-invitation,.contact-band) {background:var(--leaf-depth-quiet);}
html:root .leaf-site .leaf-invitation::before {content:none;}
html:root .leaf-site :is(.article-header,.game-panel) {
 background:var(--leaf-depth-paper);
 border-color:#ccdac6;
 box-shadow:0 18px 38px -28px #203f3457;
}
html:root .leaf-site .game-panel:nth-child(even) {
 background:radial-gradient(ellipse at 8% 0,#ffffffd9,transparent 62%),radial-gradient(ellipse at 95% 100%,#d8c2ac45,transparent 65%),linear-gradient(130deg,#f4f3ec,#e8ece1);
}
html:root .leaf-site .gather-section {background:radial-gradient(ellipse at 2% 10%,#c4d5bd75,transparent 58%),radial-gradient(ellipse at 96% 90%,#e3d2c84d,transparent 55%),linear-gradient(125deg,#f3f5ed,#e8eee3);box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #bbcaba66;}
html:root .leaf-site .gather-section::before {content:none;}
html:root .leaf-site .game-panel-copy {min-width:0;overflow-wrap:anywhere;}
html:root .leaf-site .game-panel-art {border-radius:32px;background-image:var(--game-motif),radial-gradient(ellipse at 50% 65%,#cedcc290,transparent 70%);}

@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 html:root .leaf-site .card-media img,html:root .leaf-site .photo-story>img {transition:transform 360ms ease;}
 html:root .leaf-site .editorial-card:hover .card-media img {transform:scale(1.025);}
 html:root .leaf-site .photo-story:hover>img {transform:translateY(-4px);}
 html:root .leaf-site .btn {transition:background-color 180ms,border-color 180ms,box-shadow 180ms;}
 html:root .leaf-site .btn:hover {box-shadow:0 5px 16px #0f28121a;}
}
@media(max-width:1199px) {
 html:root .leaf-site .desktop-nav {display:none;}
 html:root .leaf-site .mobile-menu {display:block;}
 html:root .leaf-site .leaf-nav {justify-content:space-between;}
 html:root .leaf-site .home-hero {padding:32px;gap:24px;}
 html:root .leaf-site .hero-vibe .vibe-feed {height:380px;gap:8px;}
 html:root .leaf-site .reading-layout,html:root .leaf-site .article-layout {gap:32px;}
 html:root .leaf-site .page-hero {gap:32px;padding:32px;}
 html:root .leaf-site .gather-copy {padding-inline-start:32px;}
}
@media(max-width:767px) {
 html:root .leaf-site .container-xl {padding-inline:20px;}
 html:root .leaf-site .leaf-nav {min-height:78px;gap:12px;padding-inline:16px;}
 html:root .leaf-site .leaf-brand img {width:46px;height:50px;}
 html:root .leaf-site .nav-actions {gap:8px;}
 html:root .leaf-site .nav-reserve {display:none;}
 html:root .leaf-site .nav-actions .btn {padding:10px 12px;}
 html:root .leaf-site .home-hero {width:calc(100% - 24px);margin:12px auto 0;padding:28px 20px 20px;min-height:0;grid-template-columns:1fr;gap:26px;border-radius:22px;}
 html:root .leaf-site .home-hero .hero-copy {padding:0;}
 html:root .leaf-site .home-hero .hero-copy h1 {font-size:clamp(2.4rem,9vw,3.15rem);max-width:13ch;line-height:1.1;margin:16px 0;}
 html:root .leaf-site .home-hero .hero-copy>p {font-size:.97rem;line-height:1.7;max-width:none;margin-bottom:22px;}
 html:root .leaf-site .home-hero .hero-arches {position:relative;inset:auto;width:130px;height:57px;opacity:.7;margin:0 0 18px;pointer-events:none;}
 html:root .leaf-site .home-hero .hero-arches img {width:130px;height:87px;transform:translateY(-30px);}
 html:root .leaf-site .home-hero .hero-copy .btn {font-size:.86rem;padding:12px 14px;}
 html:root .leaf-site .home-hero .hero-location {font-size:.7rem;margin-top:18px;}
 html:root .leaf-site .home-hero .hero-photo.hero-vibe {order:initial;padding:0;overflow:hidden;}
 html:root .leaf-site .hero-vibe .vibe-feed {display:flex;gap:10px;height:230px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;align-items:stretch;scrollbar-width:thin;padding:0 0 8px;}
 html:root .leaf-site .hero-vibe .vibe-card,html:root .leaf-site .hero-vibe .vibe-card:nth-child(2),html:root .leaf-site .hero-vibe .vibe-card:nth-child(4) {display:block;flex:0 0 40%;height:100%;border-radius:80px 80px 12px 12px;scroll-snap-align:start;box-shadow:none;}
 html:root .leaf-site .hero-vibe .vibe-card .leaf-photo {border-radius:0;}
 html:root .leaf-site .home-hero .hero-vibe figcaption {display:none;}
 html:root .leaf-site .welcome-strip {width:100%;margin:18px 0 48px;padding:0;min-height:0;border-radius:0;background:#143f36;}
 html:root .leaf-site .welcome-strip::before {display:none;}
 html:root .leaf-site .welcome-strip>.container-xl {display:block;z-index:1;min-height:0;padding:0;}
 html:root .leaf-site .welcome-visual {position:relative;z-index:1;inset:auto;height:auto;aspect-ratio:4/3;overflow:hidden;}
 html:root .leaf-site .welcome-visual::after {display:block;z-index:2;inset:0;border:0;border-radius:0;background:linear-gradient(180deg,transparent 55%,#0e2f24 100%);}
 html:root .leaf-site .welcome-visual .leaf-photo {width:100%;height:100%;border-radius:0;box-shadow:none;object-position:53% 60%!important;}
 html:root .leaf-site .welcome-visual figcaption {display:none;}
 html:root .leaf-site .welcome-copy {z-index:3;width:100%;max-width:none;padding:24px 24px 30px;color:#fff;}
 html:root .leaf-site .welcome-copy h2 {max-width:12ch;margin:0 0 20px;font-size:clamp(2.25rem,10vw,3.15rem);line-height:1.04;color:#fff;text-shadow:0 2px 18px #071a12a6;}
 html:root .leaf-site .welcome-copy p {max-width:35ch;margin:0;font-size:.98rem;line-height:1.68;color:#f7f4ed;}
 html:root .leaf-site .welcome-strip .text-link {margin-top:20px;color:#f2c9ae;}
 html:root .leaf-site .welcome-strip .text-link:hover {color:#fff;}
 html:root .leaf-site .section-pad {padding-block:48px;}
 html:root .leaf-site .section-heading {align-items:start;gap:18px;}
 html:root .leaf-site .food-editorial {row-gap:32px!important;}
 html:root .leaf-site .food-editorial .photo-story>img {height:auto;aspect-ratio:4/3;border-radius:18px;}
 html:root .leaf-site .photo-story>div {padding-top:18px;}
 html:root .leaf-site .leaf-room {width:calc(100% - 24px);padding:28px 20px;margin:0 auto 48px;border-radius:22px;}
 html:root .leaf-site .room-layout {gap:28px;}
 html:root .leaf-site .room-main .leaf-photo {height:auto;aspect-ratio:4/5;border-radius:150px 150px 16px 16px;}
 html:root .leaf-site .room-scene {max-width:290px;margin:0 auto;}
 html:root .leaf-site .room-detail .leaf-photo {height:180px;}
 html:root .leaf-site .gather-section {padding:0 0 40px;}
 html:root .leaf-site .gather-section>.container-xl {padding-inline:0;}
 html:root .leaf-site .gather-photo img {height:310px;min-height:0;border-radius:0;}
 html:root .leaf-site .gather-copy {padding:32px 22px 0;margin:0;background:none;}
 html:root .leaf-site .occasion-list>a {min-height:80px;padding:14px;}
 html:root .leaf-site .page-hero {width:calc(100% - 24px);grid-template-columns:1fr;padding:28px 20px;gap:28px;margin:12px auto 36px;border-radius:22px;}
 html:root .leaf-site .page-hero h1 {font-size:2.2rem;max-width:20ch;line-height:1.16;}
 html:root .leaf-site .page-hero .lead-copy {font-size:1rem;line-height:1.8;}
 html:root .leaf-site .page-hero figure>img {height:280px;border-radius:110px 110px 16px 16px;}
 html:root .leaf-site .reading-layout,html:root .leaf-site .article-layout {grid-template-columns:1fr;gap:32px;padding-inline:20px;}
 html:root .leaf-site .prose {font-size:1.025rem;line-height:1.85;}
 html:root .leaf-site .visit-aside {position:static;padding:36px 24px 24px;}
 html:root .leaf-site .visit-aside::after {margin-inline-end:-24px;}
 html:root .leaf-site .journal-header {width:calc(100% - 24px);grid-template-columns:1fr;gap:0;padding:28px 20px;margin:12px auto 24px;border-radius:22px;}
 html:root .leaf-site .journal-header h1 {font-size:2.2rem;max-width:18ch;line-height:1.18;}
 html:root .leaf-site .journal-header .lead-copy {font-size:1rem;line-height:1.8;}
 html:root .leaf-site .journal-art {display:none;}
 html:root .leaf-site .journal-mobile-filter {padding:0 0 8px;}
 html:root .leaf-site .journal-mobile-filter select {min-height:48px;border-radius:10px;background-color:#fff;}
 html:root .leaf-site .journal-filters {display:none;}
 html:root .leaf-site .journal-grid {grid-template-columns:1fr;gap:0!important;}
 html:root .leaf-site .journal-grid>.journal-item {padding:22px 0;border-bottom:1px solid var(--leaf-line);}
 html:root .leaf-site .journal-grid>.journal-item .editorial-card {display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:18px;}
 html:root .leaf-site .journal-grid>.journal-item .card-media {width:112px;height:150px;aspect-ratio:auto;border-radius:56px 56px 10px 10px;}
 html:root .leaf-site .journal-grid .card-copy {min-width:0;padding:0;border:0;}
 html:root .leaf-site .journal-grid>.journal-item .card-copy h3 {font-size:1.18rem;line-height:1.24;margin:5px 0 8px;overflow-wrap:break-word;word-break:normal;hyphens:none;}
 html:root .leaf-site .journal-grid .card-copy p {display:-webkit-box;margin:0 0 4px;font-size:.875rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
 html:root .leaf-site .journal-grid .read-link {min-height:44px;font-size:.8125rem;}
 html:root .leaf-site .footer-bottom a {min-height:48px;}
 html:root .leaf-site .article-header {width:calc(100% - 24px);grid-template-columns:1fr;padding:28px 20px;gap:26px;border-radius:22px;margin:12px auto 28px;}
 html:root .leaf-site .article-header h1 {font-size:2rem;line-height:1.2;}
 html:root .leaf-site .article-header .lead-copy {font-size:1rem;line-height:1.8;}
 html:root .leaf-site .article-heading-image img {height:250px;border-radius:110px 110px 16px 16px;}
 html:root .leaf-site .article-body {padding:0;}
 html:root .leaf-site .toc-mobile {background:#fff;border:1px solid #c6d4c5;border-radius:12px;}
 html:root .leaf-site .leaf-invitation {padding:26px 22px;margin:36px 0;border-radius:20px;}
 html:root .leaf-site .game-panel {padding:24px;}
 html:root .leaf-site .game-panel h2 {font-size:1.6rem;}
 html:root .leaf-site .contact-band {padding:40px 0;}
 html:root .leaf-site .leaf-footer {padding-top:28px;}
 html:root .leaf-site .footer-main {display:grid;grid-template-columns:1fr;gap:14px!important;}
 html:root .leaf-site .footer-main>div {width:100%;max-width:none;}
 html:root .leaf-site .footer-main>div:first-child {display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:14px;align-items:center;}
 html:root .leaf-site .footer-wordmark {display:contents;font-size:1rem;}
 html:root .leaf-site .footer-wordmark .footer-logo {grid-row:1/3;width:52px;height:58px;padding:0;border:0;background:transparent;filter:brightness(0) invert(1);opacity:.92;}
 html:root .leaf-site .footer-wordmark span {grid-column:2;margin:0;font-size:.88rem;font-weight:650;}
 html:root .leaf-site .footer-wordmark+p {grid-column:2;margin:4px 0 0;font-size:.75rem;line-height:1.55;}
 html:root .leaf-site .footer-main .footer-link {grid-column:1/-1;margin-top:2px;min-height:44px!important;font-size:.78rem!important;}
 html:root .leaf-site .footer-main>div:nth-child(2) {display:none;}
 html:root .leaf-site .footer-main>div:nth-child(3) {display:flex;flex-wrap:wrap;gap:0 18px;padding-top:10px;border-top:1px solid #9baa9c40;}
 html:root .leaf-site .footer-main>div:nth-child(3) :is(.kicker,.email-link,.footer-times) {display:none;}
 html:root .leaf-site .footer-main>div:nth-child(3)>a {font-size:.75rem!important;min-height:44px!important;}
 html:root .leaf-site .footer-about {display:none;}
 html:root .leaf-site .footer-bottom {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:10px;padding-block:14px 18px;}
 html:root .leaf-site .footer-bottom>span {display:none;}
 html:root .leaf-site .footer-bottom>div {display:flex;gap:4px 16px;margin:0;}
 html:root .leaf-site .footer-bottom a {min-height:48px;font-size:.72rem;}
 html:root .leaf-site .welcome-brand img {width:56px;height:61px;margin-bottom:14px;}
 html:root .leaf-site .contact-band::after {inset-inline-end:-34px;bottom:-54px;width:170px;height:170px;opacity:.09;}
 html:root .leaf-site .faq-hero::after {inset-inline-end:-28px;top:auto;bottom:-54px;width:130px;height:130px;transform:none;opacity:.055;}
 html:root .leaf-site .journal-section::before {display:none;}
 html:root .leaf-site .related-section::after {inset-inline-end:-42px;bottom:-68px;width:165px;height:165px;opacity:.05;}
 html:root .leaf-site .visit-section {margin-block:40px;}
 html:root .leaf-site :is(.home-hero,.page-hero,.journal-header,.leaf-room,.leaf-invitation,.contact-band) {background:radial-gradient(ellipse at 100% 0,#b38d6940,transparent 62%),linear-gradient(135deg,#163f35,#102e28);}
}
@media(max-width:359px) {
 html:root .leaf-site .journal-grid>.journal-item .editorial-card {grid-template-columns:92px minmax(0,1fr);gap:14px;}
 html:root .leaf-site .journal-grid>.journal-item .card-media {width:92px;height:132px;border-radius:46px 46px 10px 10px;}
 html:root .leaf-site .journal-grid>.journal-item .card-copy h3 {font-size:1.05rem;line-height:1.25;}
 html:root .leaf-site .journal-grid .card-copy p {font-size:.8125rem;-webkit-line-clamp:2;}
}
html:root[dir="rtl"] .leaf-site {font-family:'Noto Sans Arabic',sans-serif;--leaf-depth-dark:url('assets/leaf-surface-lines-rtl.svg') left center/auto 115% no-repeat,radial-gradient(ellipse at 5% 0,#b38d6959,transparent 58%),radial-gradient(ellipse at 96% 100%,#285c485c,transparent 62%),linear-gradient(225deg,#163f35,#102e28);}
html:root[dir="rtl"] .leaf-site :is(h1,h2,h3,.kicker) {letter-spacing:normal;line-height:1.5;}
html:root[dir="rtl"] .leaf-site .gather-copy {padding-inline:56px 0;}
@media(max-width:767px) {html:root[dir="rtl"] .leaf-site .gather-copy {padding-inline:0;}}
@media(prefers-reduced-motion:reduce) {
 html:root .leaf-site *,html:root .leaf-site *::before,html:root .leaf-site *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}

/* Shared German about links, distinct from the legal footer. */
.leaf-site .footer-about {display:flex;flex-wrap:wrap;gap:8px 28px;padding:24px 0 12px;}
.leaf-site .footer-about a {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:48px;text-underline-offset:5px;}
.leaf-site .footer-about a:hover {text-decoration:underline;}

/* Owner-supplied mood images: decoration, separate from the venue photographs. */
/* The FAQ owns the answers; other pages link to its relevant topic. */
html:root .leaf-site .faq-hero {padding:48px 0 36px;background:var(--leaf-depth-paper);}
html:root .leaf-site .faq-hero h1 {margin:12px 0 20px;}
html:root .leaf-site .faq-hero .lead {max-width:65ch;font-size:1.1rem;line-height:1.8;margin:0;color:#42584c;}
html:root .leaf-site .faq-content {display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,2fr);gap:48px;padding-block:40px 72px;align-items:start;}
html:root .leaf-site .faq-topics {display:grid;gap:8px;position:sticky;top:112px;}
html:root .leaf-site .faq-topics a {display:flex;align-items:center;min-height:48px;padding:12px 16px;border-radius:10px;background:#e7eee7;color:#143f36;text-decoration:none;line-height:1.5;}
html:root .leaf-site .faq-topics a:hover {background:#d6e3d5;}
html:root .leaf-site .faq-topics a:active {background:#c5d6c3;}
html:root .leaf-site .faq-group {margin:0 0 42px;scroll-margin-top:112px;}
html:root .leaf-site .faq-group h2 {font-size:1.7rem;margin:0 0 18px;}
html:root .leaf-site .faq-group details {scroll-margin-top:112px;}
html:root .leaf-site .faq-group summary {min-height:56px;padding:18px 30px 18px 16px;line-height:1.65;}
html:root .leaf-site .faq-group details[open] {background:#eef3e9;}
html:root .leaf-site .faq-group details[open] summary {padding-inline-start:16px;}
html:root .leaf-site .faq-group details>p {padding-inline:16px;font-size:1rem;line-height:1.85;color:#273e36;max-width:72ch;}
html:root .leaf-site .faq-page-link {margin-block:28px;}
html:root .leaf-site .faq-page-link a {display:inline-flex;align-items:center;min-height:48px;line-height:1.65;text-underline-offset:4px;}
html:root[dir="rtl"] .leaf-site .faq-group summary {padding-inline:16px 30px;}
html:root[dir="rtl"] .leaf-site .faq-group summary::after {right:auto;left:5px;}
html:root[dir="rtl"] .leaf-site .faq-group details[open] summary {padding-inline-start:16px;}
@media(min-width:768px) and (max-width:900px) {
 html:root .leaf-site .article-header {display:flex;flex-wrap:wrap;}
 html:root .leaf-site .article-header>.article-heading-copy {flex:1 1 18rem;min-width:0;}
 html:root .leaf-site .article-header>.article-heading-image {flex:1 1 14rem;min-width:0;}
 html:root .leaf-site .faq-content {grid-template-columns:1fr;gap:32px;}
 html:root .leaf-site .faq-topics {position:static;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));}
}
@media(max-width:767px) {
 html:root .leaf-site .faq-hero {padding:32px 8px;}
 html:root .leaf-site .faq-hero h1 {font-size:2.2rem;}
 html:root .leaf-site .faq-hero .lead {font-size:1rem;}
 html:root .leaf-site .faq-content {grid-template-columns:minmax(0,1fr);gap:32px;padding:28px 20px 48px;}
 html:root .leaf-site .faq-topics {position:static;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:8px;}
 html:root .leaf-site .faq-topics a {padding:12px;font-size:.95rem;overflow-wrap:normal;word-break:normal;hyphens:auto;}
 html:root .leaf-site .faq-group {scroll-margin-top:98px;}
}

/* Owner-selected complete header scenes; reading surfaces remain separate. */
html:root .leaf-site {
 --leaf-header-image:url('assets/leaf-atmosphere-petals.webp');
 --leaf-header-glass-image:url('assets/leaf-atmosphere-glass.webp');
 --leaf-arrival-image:url('assets/leaf-original-arches.webp');
 --leaf-lights-image:url('assets/leaf-original-glass.webp');
 --leaf-petals-image:url('assets/leaf-original-petals.webp');
}
html:root .leaf-site .home-hero {
 background:#f3f0e7;
 border-color:#d8d8c8;min-height:660px;
}
html:root .leaf-site .home-hero .hero-copy :is(h1,h1 em) {color:#173f35;}
html:root .leaf-site .home-hero .hero-copy>.kicker {color:#72513b;}
html:root .leaf-site .home-hero .hero-copy>p,
html:root .leaf-site .home-hero .hero-location {color:#354b3e;}
html:root .leaf-site .home-hero .hero-arches {opacity:1;}
html:root .leaf-site :is(.home-hero .hero-arches,.page-hero--okey .page-hero-arches) img {content:url('assets/leaf-three-arches-copper.svg');filter:none;}
html:root .leaf-site .home-hero .hero-copy .btn-primary {background:#174c38;border-color:#174c38;color:#fff;}
html:root .leaf-site .home-hero .hero-copy .btn-primary:hover {background:#103b2b;border-color:#103b2b;}
html:root .leaf-site .home-hero .hero-copy .btn-outline-primary {background:#faf8f0e6;color:#173f35;border-color:#718575;}
html:root .leaf-site .home-hero .hero-copy .btn-outline-primary:hover {background:#e1e8da;}
html:root .leaf-site .home-hero .hero-photo.hero-vibe {align-self:center;margin-top:0;position:relative;z-index:1;}
html:root .leaf-site .home-hero .hero-vibe figcaption {color:#fff;background:#173f35ed;border-radius:10px;padding:8px 12px;margin-top:12px;}
html:root .leaf-site .atmosphere-scene {position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;direction:ltr;}
html:root .leaf-site .atmosphere-scene>span {display:block;position:absolute;}
html:root .leaf-site .atmosphere-room {inset:0;background:var(--leaf-header-image) center/cover no-repeat;mask-image:none;}

/* One reading veil for every photographic header. The photograph may change with
   the subject; its contrast and visibility do not. */
html:root .leaf-site {
 --leaf-header-veil:linear-gradient(90deg,#f3f0e7f2 0%,#f3f0e7dc 43%,#f3f0e782 69%,#10251d40 100%);
 --leaf-header-veil-mobile:linear-gradient(180deg,#f3f0e7ed 0%,#f3f0e7de 48%,#f3f0e7c7 74%,#f3f0e7b8 100%);
}

html:root .leaf-site :is(.page-hero,.journal-header) {
 background:#f3f0e7;position:relative;isolation:isolate;overflow:hidden;
 color:#173f35;border-color:#d8d8c8;
}
html:root .leaf-site :is(.page-hero,.journal-header) :is(h1,.lead-copy,.kicker,.breadcrumb-line,.breadcrumb-line a,.breadcrumb-line span) {color:#173f35;}
html:root .leaf-site .page-hero .btn-primary {background:#174c38;border-color:#174c38;color:#fff;}
html:root .leaf-site .page-hero figure {margin-top:48px;}
html:root .leaf-site .page-hero figure>img {height:340px;}
html:root .leaf-site .page-hero>div:not(.atmosphere-scene),html:root .leaf-site .page-hero>figure {position:relative;z-index:1;}
html:root .leaf-site .page-hero .atmosphere-scene {inset:0;}
html:root .leaf-site .page-hero .atmosphere-room {opacity:1;}
html:root .leaf-site .journal-art {opacity:0;pointer-events:none;}
html:root .leaf-site .journal-header {min-height:370px;position:relative;isolation:isolate;overflow:hidden;background:#f3f0e7;}
html:root .leaf-site .journal-heading-copy {position:relative;z-index:1;}
html:root .leaf-site .journal-header .atmosphere-scene {inset:0;}
html:root .leaf-site .journal-header .atmosphere-room {background-image:var(--leaf-header-glass-image);background-position:right center;opacity:1;}

/* Full-width owner-supplied scenes. The soft reading layer keeps copy legible across each image. */
html:root .leaf-site .home-hero .atmosphere-room {
 background-image:var(--leaf-header-veil),url('assets/leaf-header-room-arches.webp');
 background-position:center center;
}
html:root .leaf-site .page-hero .atmosphere-room {
 background-image:var(--leaf-header-veil),url('assets/leaf-atmosphere-petals.webp');
 background-position:center center;
}
html:root .leaf-site .journal-header .atmosphere-room {
 background-image:var(--leaf-header-veil),url('assets/leaf-header-glass-new.webp');
 background-position:center center;
}

/* Supporting sections keep their green identity, with a visible warm outer edge. */
html:root .leaf-site :is(.leaf-room,.leaf-invitation,.contact-band) {
 background:linear-gradient(90deg,#173f35f5 0%,#173f35e6 58%,#173f3540 100%),var(--leaf-lights-image) right top/cover no-repeat,#173f35;
}
html:root[dir="rtl"] .leaf-site .home-hero,
html:root[dir="rtl"] .leaf-site :is(.page-hero,.journal-header) {direction:ltr;}
html:root[dir="rtl"] .leaf-site :is(.hero-copy,.hero-vibe,.page-hero>div:not(.atmosphere-scene),.page-hero>figure,.journal-heading-copy) {direction:rtl;}
html:root[dir="rtl"] .leaf-site .home-hero .hero-copy {background:#f3f0e7;border-radius:16px;padding-inline:0 16px;}
html:root[dir="rtl"] .leaf-site :is(.leaf-room,.leaf-invitation,.contact-band) {
 background:linear-gradient(270deg,#173f35f5 0%,#173f35e6 58%,#173f3540 100%),var(--leaf-lights-image) left top/cover no-repeat,#173f35;
}
@media(max-width:767px) {
 html:root .leaf-site {--leaf-arrival-image:url('assets/leaf-original-arches-small.webp');--leaf-lights-image:url('assets/leaf-original-glass-small.webp');--leaf-petals-image:url('assets/leaf-original-petals-small.webp');}
 html:root .leaf-site {--leaf-header-image:url('assets/leaf-atmosphere-petals-small.webp');--leaf-header-glass-image:url('assets/leaf-atmosphere-glass-small.webp');}
 html:root .leaf-site .home-hero .atmosphere-room {background-image:var(--leaf-header-veil-mobile),url('assets/leaf-header-room-arches.webp');background-position:center center;}
 html:root .leaf-site .page-hero .atmosphere-room {background-image:var(--leaf-header-veil-mobile),url('assets/leaf-atmosphere-petals.webp');background-position:center center;}
 html:root .leaf-site .journal-header .atmosphere-room {background-image:var(--leaf-header-veil-mobile),url('assets/leaf-header-glass-new.webp');background-position:center center;}
 html:root .leaf-site .page-hero figure {margin-top:18px;}
 html:root .leaf-site .home-hero {
  min-height:0;background:#f3f0e7;
 }
 html:root .leaf-site .home-hero .hero-arches {opacity:1;}
 html:root .leaf-site .home-hero .atmosphere-scene {inset:0 0 auto 46%;height:130px;mask-image:linear-gradient(90deg,transparent,#000 20%);}
 html:root[dir="rtl"] .leaf-site .home-hero .hero-copy {background:transparent;padding:0;}
 html:root[dir="rtl"] .leaf-site .home-hero .hero-arches {margin-inline-start:auto;margin-inline-end:0;}
 html:root .leaf-site .home-hero .atmosphere-room {mask-image:linear-gradient(180deg,#000 55%,transparent);}
 html:root .leaf-site .home-hero .hero-copy>.kicker {display:table;background:#f3f0e7ed;border-radius:6px;padding:3px 6px;margin-inline:-6px;}
 html:root .leaf-site .home-hero .hero-photo.hero-vibe {margin-top:0;}
 html:root .leaf-site .hero-vibe .vibe-feed {height:230px;}
 html:root .leaf-site :is(.page-hero,.journal-header) {
  background:#f3f0e7;
  padding-top:138px;min-height:0;
 }
 html:root .leaf-site .journal-header {background:#f3f0e7;}
 html:root .leaf-site :is(.journal-header,.page-hero) .atmosphere-scene {inset:0 0 auto 18%;height:138px;mask-image:linear-gradient(180deg,#000 65%,transparent);}
 html:root .leaf-site .journal-header .atmosphere-scene {mask-image:linear-gradient(180deg,#000 36%,transparent);}
 html:root .leaf-site .page-hero figure {margin-top:0;}
 html:root .leaf-site .page-hero figure>img {height:280px;}
 html:root .leaf-site :is(.leaf-room,.leaf-invitation,.contact-band),
 html:root[dir="rtl"] .leaf-site :is(.leaf-room,.leaf-invitation,.contact-band) {
  background:linear-gradient(180deg,#173f35c9,#173f35f5 220px),var(--leaf-lights-image) right top/auto 300px no-repeat,#173f35;
 }
}

/* Route-specific hero scenes use the supplied Leaf atmosphere without repeating one backdrop everywhere. */
html:root .leaf-site :is(.page-hero--cocktailbar-berlin,.page-hero--cafe-reinickendorf) .atmosphere-room {
 background-image:var(--leaf-header-veil),url('assets/leaf-header-glass-new.webp');
}
html:root .leaf-site :is(.page-hero--spieleabend-berlin,.page-hero--fussball-schauen-berlin) .atmosphere-room {
 background-image:var(--leaf-header-veil),url('assets/leaf-header-room-arches.webp');
}
html:root .leaf-site :is(.page-hero--feiern-berlin,.page-hero--geburtstag-feiern-berlin) .atmosphere-room {
 background-image:var(--leaf-header-veil),url('assets/leaf-atmosphere-petals.webp');
}

@media(min-width:768px) and (max-width:960px) {
 html:root .leaf-site .visit-facts-band {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;padding:30px 32px;}
 html:root .leaf-site .visit-facts-intro {grid-column:1/-1;}
 html:root .leaf-site .visit-fact {padding:20px 0 0;border-inline-start:0;border-top:1px solid #acc1b755;}
 html:root .leaf-site .visit-facts-band::after {
  position:relative;
  grid-column:2;
  justify-self:end;
  width:220px;
  height:118px;
  margin:-6px 0 -30px 0;
  background-size:220px auto;
  background-position:right top;
 }

 html:root .leaf-site .game-stories--leaf-library {grid-template-columns:1fr;}
 html:root .leaf-site .game-stories--leaf-library .game-panel {padding:28px 0;}
 html:root .leaf-site .game-stories--leaf-library .game-panel:nth-child(even) {border-inline-end:0;}
 html:root .leaf-site .game-stories--leaf-library .game-panel:not(:first-child) {grid-template-columns:minmax(0,1fr) 76px;gap:22px;}
 html:root .leaf-site .game-stories--leaf-library .game-panel-art {height:76px;}
 html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .game-panel-copy {grid-template-columns:minmax(0,1.12fr) minmax(230px,.88fr);column-gap:32px;}
}

@media(max-width:767px) {
 /* The first mobile view is an intentional arrival, not the top slice of a desktop composition.
    It fills the space beneath navigation, but may grow naturally for longer headings or enlarged text. */
 html:root .leaf-site .home-hero {
  min-height:calc(100svh - 92px);
  min-height:calc(100dvh - 92px);
  grid-template-rows:clamp(150px,22dvh,184px) minmax(0,1fr);
  align-content:stretch;gap:14px;
 }
 html:root .leaf-site .home-hero .hero-photo.hero-vibe {order:-1;align-self:stretch;min-height:0;padding:10px 10px 0;}
 html:root .leaf-site .hero-vibe .vibe-phone {display:block;height:100%;min-height:0;}
 html:root .leaf-site .hero-vibe .vibe-feed {height:100%;min-height:0;}
 html:root .leaf-site .hero-vibe .vibe-card {height:100%;min-height:0;}
 html:root .leaf-site .home-hero .hero-vibe figcaption {display:none;}
 html:root .leaf-site .home-hero .hero-copy {
  min-height:0;padding:16px 20px 20px;justify-content:flex-start;
 }
 html:root .leaf-site .home-hero .hero-copy h1 {font-size:clamp(2.15rem,8vw,2.65rem);line-height:1.05;margin:8px 0 10px;}
 html:root .leaf-site .home-hero .hero-copy .btn-list {order:4;gap:8px;margin:0 0 14px;}
 html:root .leaf-site .home-hero .hero-copy>p {order:5;margin-bottom:12px;font-size:.9rem;line-height:1.52;}
 html:root .leaf-site .home-hero .hero-location {order:6;}
 html:root .leaf-site .home-hero .hero-arches {width:128px;height:46px;margin:0 0 10px;}
 html:root .leaf-site .home-hero .hero-arches img {width:128px;height:78px;transform:translateY(-28px);}
html:root .leaf-site .home-hero .hero-location {margin-top:12px;}
 html:root .leaf-site :is(.page-hero,.journal-header) {
  width:calc(100% - 24px);
  grid-template-columns:1fr;
  gap:24px;
  padding:clamp(126px,18dvh,154px) 20px 30px;
  margin:12px auto 36px;
  border-radius:22px;
  min-height:calc(100svh - 92px);
  min-height:calc(100dvh - 92px);
  align-content:center;
 }
 html:root .leaf-site :is(.page-hero,.journal-header) .atmosphere-scene {inset:0;height:auto;mask-image:none;}
 html:root .leaf-site :is(.page-hero,.journal-header) .atmosphere-room {background-position:center;background-size:cover;}
 html:root .leaf-site :is(.page-hero,.journal-header) .breadcrumb-line {margin-bottom:18px;}
 html:root .leaf-site :is(.page-hero,.journal-header) h1 {font-size:clamp(2.05rem,9.2vw,2.45rem);max-width:20ch;line-height:1.14;margin:12px 0 18px;}
 html:root .leaf-site :is(.page-hero,.journal-header) .lead-copy {font-size:1rem;line-height:1.72;margin-bottom:22px;}
 html:root .leaf-site .article-header {margin-bottom:36px;}
 html:root .leaf-site .article-header .breadcrumb-line {margin-bottom:18px;}
 html:root .leaf-site .article-header h1 {font-size:clamp(2.05rem,9.2vw,2.45rem);line-height:1.14;margin:12px 0 18px;}
 html:root .leaf-site .article-header .lead-copy {line-height:1.72;margin-bottom:22px;}
 html:root .leaf-site :is(.page-hero--cocktailbar-berlin,.page-hero--cafe-reinickendorf) .atmosphere-room {background-image:var(--leaf-header-veil-mobile),url('assets/leaf-header-glass-new.webp');}
 html:root .leaf-site :is(.page-hero--spieleabend-berlin,.page-hero--fussball-schauen-berlin) .atmosphere-room {background-image:var(--leaf-header-veil-mobile),url('assets/leaf-header-room-arches.webp');}
 html:root .leaf-site :is(.page-hero--feiern-berlin,.page-hero--geburtstag-feiern-berlin) .atmosphere-room {background-image:var(--leaf-header-veil-mobile),url('assets/leaf-atmosphere-petals.webp');}
 html:root .leaf-site .page-hero figure {display:none;}

 /* The same venue atmosphere already frames the reading layer above.  A second full-width photo would only push the first useful content below the fold. */
 /* Small phones receive a complete first-screen composition instead of a scaled-down desktop stack. */
 @media(max-width:359px) {
  html:root .leaf-site .home-hero {grid-template-rows:112px minmax(0,1fr);gap:8px;}
  html:root .leaf-site .home-hero .hero-photo.hero-vibe {padding:8px 8px 0;}
  html:root .leaf-site .home-hero .hero-copy {padding:8px 16px 12px;justify-content:space-between;}
  html:root .leaf-site .home-hero .hero-arches {width:120px;height:38px;margin:0 0 6px;}
  html:root .leaf-site .home-hero .hero-arches img {width:120px;height:72px;transform:translateY(-26px);}
  html:root .leaf-site .home-hero .hero-copy>.kicker {font-size:.62rem;}
  html:root .leaf-site .home-hero .hero-copy h1 {font-size:2.05rem;line-height:1.04;margin:5px 0 7px;}
  html:root .leaf-site .home-hero .hero-copy .btn-list {grid-template-columns:.95fr 1.15fr;gap:6px;margin:0 0 8px;}
  html:root .leaf-site .home-hero .hero-copy .btn {min-height:48px;padding:8px 6px;font-size:.7rem;white-space:nowrap;}
  html:root .leaf-site .home-hero .hero-copy .btn svg {display:none;}
  html:root .leaf-site .home-hero .hero-copy>p {font-size:.82rem;line-height:1.4;margin:0 0 8px;}
  html:root .leaf-site .home-hero .hero-location {margin-top:0;font-size:.62rem;line-height:1.35;}
 }

 html:root .leaf-site :is(.birthday-story,.match-evening,.gathering-story,.cafe-afternoon,.drinks-selection) {grid-template-columns:1fr;gap:32px;}
 html:root .leaf-site .drink-signature-stage {display:flex;flex-direction:column;min-height:0;}
 html:root .leaf-site .drink-signature-stage::before {order:2;width:min(78%,280px);min-height:230px;margin:24px auto 0;border-radius:140px 140px 18px 18px;background-position:center 42%;box-shadow:0 20px 42px -30px #163f35;}
 html:root .leaf-site .drink-signature-stage>.page-section-copy {order:1;padding:0;}
 html:root .leaf-site .drink-name-rail {grid-template-columns:1fr;margin-top:-10px;}
 html:root .leaf-site .drink-name-rail span {padding:12px 8px;text-align:start;}
 html:root .leaf-site .drink-name-rail span+span {border-inline-start:0;border-top:1px solid #cfc6b8;}
 html:root .leaf-site :is(.softdrink-list,.coffee-finish) {padding:24px 0;}

 html:root .leaf-site .game-stories--leaf-library {grid-template-columns:1fr;}
 html:root .leaf-site .game-stories--leaf-library .game-panel {padding:26px 0;}
 html:root .leaf-site .game-stories--leaf-library .game-panel:first-child {padding:0;}
 html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .game-panel-copy {grid-template-columns:1fr;gap:18px;padding-block:0 32px;}
 html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .article-figure {display:none;}
 html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .article-figure img {height:auto;min-height:0;max-height:none;aspect-ratio:4/3;object-position:center 62%;border-radius:20px;}
 html:root .leaf-site .game-stories--leaf-library .game-panel:first-child :is(h2,p,.text-link) {grid-column:1;}
 html:root .leaf-site .game-stories--leaf-library .game-panel:not(:first-child) {grid-template-columns:1fr 64px;gap:14px;border-inline-end:0;}
 html:root .leaf-site .game-stories--leaf-library .game-panel-art {height:64px;}

 html:root .leaf-site .gathering-scene {grid-template-columns:1fr;min-height:0;border-radius:22px;}
 html:root .leaf-site .gathering-scene::before {min-height:250px;background-position:center;}
 html:root .leaf-site .gathering-scene>.page-section-copy {padding:28px 22px;}
 html:root .leaf-site .gathering-plan {padding:24px 0;}

 html:root .leaf-site .match-evening {grid-template-columns:1fr;border-radius:22px;}
 html:root .leaf-site .match-evening>section {padding:28px 22px;}
 html:root .leaf-site .match-competitions {min-height:0;padding-bottom:120px!important;}
 html:root .leaf-site .match-food {grid-column:auto;grid-template-columns:1fr;}
 html:root .leaf-site .match-food::before {min-height:230px;}
 html:root .leaf-site .match-food>.page-section-copy {padding:28px 22px;}

 html:root .leaf-site .birthday-scene {min-height:0;padding:32px 24px 210px;}
 html:root .leaf-site .birthday-scene::after {inset:auto 24px 18px;width:190px;height:180px;margin:auto;}
 html:root .leaf-site .birthday-note {width:100%;margin:-12px 0 0;padding:92px 22px 24px;}
 html:root .leaf-site .birthday-note::before {left:22px;top:20px;transform:none;}

 html:root .leaf-site .dessert-duet {grid-template-columns:1fr;min-height:0;border-radius:130px 22px 22px 22px;}
 html:root .leaf-site .dessert-duet::before,html:root .leaf-site .dessert-duet::after {min-height:210px;}
 html:root .leaf-site .dessert-duet::before {grid-column:1;grid-row:1;border-radius:130px 22px 0 0;}
 html:root .leaf-site .dessert-duet::after {grid-column:1;grid-row:2;}
 html:root .leaf-site .dessert-duet>.page-section-copy {grid-column:1;grid-row:3;padding:28px 22px;}
 html:root .leaf-site .coffee-close {grid-template-columns:1fr;}
 html:root .leaf-site .coffee-close>.page-section-copy {padding:26px 0;}
 html:root .leaf-site .coffee-close::after {min-height:250px;grid-row:1;border-radius:120px 120px 16px 16px;}
}

/* On phones, the first arrival is one real room scene, not a reduced desktop collage. */
.mobile-hero-room,.hero-mobile-subtitle {display:none;}
.hero-menu-link {display:none;}
html:root .leaf-site .home-hero .hero-copy h1>span {display:block;}

@media(max-width:767px) {
 html:root .leaf-site .home-hero {
  display:flex;
  justify-content:flex-end;
  width:100%;max-width:none;
  min-height:calc(100svh - 78px);
  min-height:calc(100dvh - 78px);
  margin:0;
  padding:0!important;
  gap:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#0d3025;
  isolation:isolate;
  overflow:hidden;
 }
 html:root .leaf-site .home-hero::before {display:none;}
 html:root .leaf-site .home-hero::after {
  content:'';position:absolute;z-index:1;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,transparent 42%,#0b2a21a6 64%,#0b2a21f5 100%);
 }
 html:root .leaf-site .home-hero .mobile-hero-room {display:block;position:absolute;z-index:0;inset:0;margin:0;}
 html:root .leaf-site .home-hero .mobile-hero-room img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;}
 html:root .leaf-site .home-hero .hero-photo.hero-vibe {display:none!important;}
 html:root .leaf-site .home-hero .atmosphere-scene,
 html:root .leaf-site .home-hero .hero-arches,
 html:root .leaf-site .home-hero .hero-location,
 html:root .leaf-site .home-hero .hero-desktop-intro,
 html:root .leaf-site .home-hero .hero-menu-desktop {display:none!important;}
 html:root .leaf-site .home-hero .hero-copy {
  position:relative;z-index:2;
  display:flex;flex-direction:column;justify-content:flex-end;
  width:100%;min-height:0;
  padding:34px 22px max(24px,env(safe-area-inset-bottom))!important;
  color:#fff;text-shadow:0 2px 16px #061b16aa;
 }
 html:root .leaf-site .home-hero .hero-copy>.kicker {
  display:block;margin:0;color:#f3d7c5!important;background:transparent!important;border:0!important;
  padding:0!important;font-size:.68rem;letter-spacing:.13em;text-shadow:none;
 }
 html:root .leaf-site .home-hero .hero-copy h1 {
  max-width:11ch;margin:10px 0 12px;color:#fff!important;
  font-size:clamp(2.25rem,10.2vw,3.05rem);line-height:1.02;letter-spacing:-.035em;
 }
 html:root .leaf-site .home-hero .hero-mobile-subtitle {
  display:block;max-width:29ch;margin:0 0 20px!important;
  color:#f4f5f0!important;font-size:.98rem;line-height:1.46;text-shadow:0 2px 14px #061b16;
  order:0!important;
 }
 html:root .leaf-site .home-hero .hero-copy .btn-list {display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin:0;order:0!important;}
 html:root .leaf-site .home-hero .hero-copy .btn-primary {
  display:inline-flex;min-height:48px;padding:11px 18px;border-color:#f4eee7;background:#f4eee7;color:#11392e;
  font-size:.88rem;box-shadow:0 8px 24px #061b1640;
 }
 html:root .leaf-site .home-hero .hero-copy .hero-menu-link {
  display:inline-flex;align-items:center;gap:8px;min-height:48px;color:#fff;text-decoration:none;
  font-size:.9rem;font-weight:700;text-shadow:0 2px 12px #061b16;
 }
 html:root .leaf-site .home-hero .hero-menu-link svg {width:18px;height:18px;}
}

@media(max-width:359px) {
 html:root .leaf-site .home-hero {min-height:calc(100svh - 79px);min-height:calc(100dvh - 79px);}
 html:root .leaf-site .home-hero .hero-copy {padding:24px 16px 18px!important;}
 html:root .leaf-site .home-hero .hero-copy h1 {font-size:2.1rem;margin:8px 0 9px;}
 html:root .leaf-site .home-hero .hero-mobile-subtitle {font-size:.87rem;margin-bottom:14px!important;}
 html:root .leaf-site .home-hero .hero-copy .btn-list {gap:10px;}
 html:root .leaf-site .home-hero .hero-copy .btn-primary {min-height:46px;padding:9px 13px;font-size:.8rem;}
 html:root .leaf-site .home-hero .hero-copy .hero-menu-link {min-height:46px;font-size:.82rem;}
}

@media(prefers-reduced-motion:no-preference) and (max-width:767px) {
 html:root .leaf-site .home-hero .mobile-hero-room img {animation:leaf-mobile-hero-settle 1.2s ease-out both;}
}
@keyframes leaf-mobile-hero-settle {from {transform:scale(1.03);} to {transform:scale(1);}}

/* Motion follows the room language: the copy settles first, then the architectural details. */
@media (prefers-reduced-motion:no-preference) {
 html:root .leaf-site .home-hero.leaf-hero-awake .hero-copy,
 html:root .leaf-site .page-hero.leaf-hero-awake>div {animation:leaf-hero-copy-in 300ms var(--leaf-ease) both;}
 html:root .leaf-site .page-hero.leaf-hero-awake>figure {animation:leaf-hero-photo-in 360ms var(--leaf-ease) both;}
 html:root .leaf-site :is(.home-hero,.page-hero).leaf-hero-awake :is(.hero-arches,.page-hero-arches) {animation:leaf-arches-arrive 360ms var(--leaf-ease) 40ms both;}
 html:root .leaf-site .gather-section.leaf-entering {animation-duration:360ms;}
 html:root .leaf-site .leaf-entering .occasion-list>a {animation:leaf-choice-in 220ms var(--leaf-ease) both;}
 html:root .leaf-site .leaf-entering .occasion-list>a:nth-child(2) {animation-delay:35ms;}
 html:root .leaf-site .leaf-entering .occasion-list>a:nth-child(3) {animation-delay:70ms;}
 html:root .leaf-site .leaf-entering .occasion-list>a:nth-child(4) {animation-delay:105ms;}
}
@keyframes leaf-hero-copy-in {from {transform:translateY(8px)} to {transform:translateY(0)}}
@keyframes leaf-hero-photo-in {from {opacity:.68;transform:translateY(10px) scale(.99)} to {opacity:1;transform:translateY(0) scale(1)}}
@keyframes leaf-arches-arrive {from {opacity:.45;transform:translateY(7px) scale(.98)} to {opacity:1;transform:translateY(0) scale(1)}}
@keyframes leaf-choice-in {from {opacity:.01;transform:translateX(-10px)} to {opacity:1;transform:translateX(0)}}
html[dir="rtl"] .leaf-site .leaf-entering .occasion-list>a {animation-name:leaf-choice-in-rtl;}
@keyframes leaf-choice-in-rtl {from {opacity:.01;transform:translateX(10px)} to {opacity:1;transform:translateX(0)}}

/* 2026-09-29 · One coherent public frame and a recognisable Leaf arrival. */
html:root .leaf-site {
 --leaf-public-gutter:24px;
 --leaf-public-width:1320px;
}

html:root .leaf-site :is(.leaf-nav,.leaf-footer>.container-xl),
html:root .leaf-site main>:is(section,header).container-xl,
html:root .leaf-site main>:is(.reading-layout,.article-layout,.related-section,.journal-section).container-xl,
html:root .leaf-site :is(.welcome-strip,.gather-section,.contact-band)>.container-xl,
html:root .leaf-site .faq-hero>.container-xl,
html:root .leaf-site .faq-content.container-xl,
html:root .leaf-site .about-page>:is(header,section,div).container-xl {
 width:min(var(--leaf-public-width),calc(100% - (2 * var(--leaf-public-gutter))));
 max-width:none;
 margin-inline:auto;
}

/* Breadcrumbs retain orientation; repeated category/kicker labels no longer
   compete with the actual page title. Content-module kickers stay untouched. */
html:root .leaf-site .page-hero>div:not(.atmosphere-scene)>.kicker,
html:root .leaf-site .journal-heading-copy>.kicker,
html:root .leaf-site .journal-header>.kicker,
html:root .leaf-site .article-heading-copy>.kicker,
html:root .leaf-site .article-header>.kicker,
html:root .leaf-site .guide-header>.kicker,
html:root .leaf-site .faq-hero>.container-xl>.kicker,
html:root .leaf-site .about-intro>.kicker,
html:root .leaf-site .philosophy-hero-copy>.kicker {
 display:none;
}

/* The home hero uses a documented venue photograph, the original transparent
   wordmark and one three-arch signature. The copy remains available before motion. */
html:root .leaf-site .home-hero {
 position:relative;
 isolation:isolate;
 display:flex;
 align-items:flex-end;
 width:min(var(--leaf-public-width),calc(100% - (2 * var(--leaf-public-gutter))));
 max-width:none;
 min-height:min(720px,calc(100svh - 116px));
 min-height:min(720px,calc(100dvh - 116px));
 margin:24px auto 56px;
 padding:0!important;
 overflow:hidden;
 border:0;
 border-radius:28px;
 background:#0b2d24;
 box-shadow:0 28px 70px -34px #102f27a8;
}
html:root .leaf-site .home-hero::before {display:none!important;}
html:root .leaf-site .home-hero::after {
 content:"";
 position:absolute;
 z-index:1;
 inset:0;
 pointer-events:none;
 background:
  linear-gradient(90deg,#071f19f5 0%,#09251ed9 38%,#0b2b226b 68%,#081d172e 100%),
  linear-gradient(180deg,#081e181f 30%,#071d17bd 100%);
}
html:root .leaf-site .home-hero .hero-backdrop {
 position:absolute;
 z-index:0;
 inset:0;
 display:block;
 margin:0;
}
html:root .leaf-site .home-hero .hero-backdrop img {
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:48% 48%;
 filter:saturate(.86) contrast(1.04) brightness(.76);
}
html:root .leaf-site .home-hero :is(.atmosphere-scene,.hero-photo.hero-vibe) {display:none!important;}
html:root .leaf-site .home-hero .hero-copy {
 position:relative;
 z-index:3;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 justify-content:flex-end;
 width:min(650px,62%);
 min-height:100%;
 padding:clamp(44px,6vw,76px)!important;
 color:#fff;
 text-shadow:0 2px 22px #03140fbf;
}
html:root .leaf-site .home-hero .hero-wordmark {
 display:block;
 width:clamp(108px,10vw,148px);
 height:auto;
 margin:0 0 22px;
 filter:brightness(0) invert(1) sepia(.12) drop-shadow(0 7px 18px #03130e73);
}
html:root .leaf-site .home-hero .hero-copy>.kicker {display:none!important;}
html:root .leaf-site .home-hero .hero-copy h1 {
 max-width:12ch;
 margin:0 0 18px;
 color:#fff!important;
 font-size:clamp(3.2rem,5.2vw,5.35rem);
 line-height:.98;
 letter-spacing:-.04em;
 text-wrap:balance;
}
html:root .leaf-site .home-hero .hero-copy>p,
html:root .leaf-site .home-hero .hero-location {color:#f5f1e9!important;}
html:root .leaf-site .home-hero .hero-desktop-intro {
 max-width:52ch;
 margin:0 0 24px;
 font-size:1rem;
 line-height:1.65;
}
html:root .leaf-site .home-hero .hero-mobile-subtitle {display:none;}
html:root .leaf-site .home-hero .hero-copy .btn-list {display:flex;flex-wrap:wrap;gap:12px;margin:0;}
html:root .leaf-site .home-hero .hero-copy .btn-primary {
 min-height:48px;
 background:#f6f1e7;
 border-color:#f6f1e7;
 color:#123d31;
 box-shadow:0 12px 30px #03130f4f;
}
html:root .leaf-site .home-hero .hero-copy .btn-outline-primary {
 min-height:48px;
 background:#0c2d249e;
 border-color:#f1e8d2a8;
 color:#fff;
 backdrop-filter:blur(4px);
}
html:root .leaf-site .home-hero .hero-location {margin-top:18px;font-size:.78rem;}
html:root .leaf-site .home-hero .hero-menu-link {display:none;}
html:root .leaf-site .home-hero .hero-arches {
 position:absolute;
 z-index:2;
 top:12%;
 inset-inline-end:3%;
 display:block!important;
 width:min(50%,610px);
 height:auto;
 margin:0;
 color:#f3d3b7;
 opacity:.78;
 filter:drop-shadow(0 0 9px #f2c39780);
 transform:perspective(760px) rotateY(-9deg) rotateZ(-1.5deg);
 transform-origin:right center;
 pointer-events:none;
}
html:root[dir="rtl"] .leaf-site .home-hero .hero-arches {transform:perspective(760px) rotateY(9deg) rotateZ(1.5deg);transform-origin:left center;}
html:root .leaf-site .home-hero .hero-arches svg {display:block;width:100%;height:auto;overflow:visible;}
html:root .leaf-site .home-hero .hero-arch {stroke-width:2.4;vector-effect:non-scaling-stroke;}

/* Owner-supplied marks are visible pauses at the edge, never behind reading text. */
html:root .leaf-site .contact-band::after {opacity:.16;}
html:root .leaf-site .faq-hero::after {opacity:.13;}
html:root .leaf-site .journal-section::before {opacity:.115;}
html:root .leaf-site .related-section::after {opacity:.105;}

@media(max-width:767px) {
 html:root .leaf-site {--leaf-public-gutter:12px;}
 html:root .leaf-site .home-hero {
  width:100%;
  min-height:calc(100svh - 78px);
  min-height:calc(100dvh - 78px);
  margin:0 0 38px;
  border-radius:0 0 24px 24px;
 }
 html:root .leaf-site .home-hero::after {
  background:
   linear-gradient(180deg,#061b165e 0%,#08231b2e 29%,#08251da3 58%,#061b16f5 100%),
   linear-gradient(90deg,#08251e8f 0%,transparent 78%);
 }
 html:root .leaf-site .home-hero .hero-backdrop img {object-position:43% 48%;filter:saturate(.82) contrast(1.04) brightness(.72);}
 html:root .leaf-site .home-hero .hero-copy {
  width:100%;
  min-height:calc(100svh - 78px);
  min-height:calc(100dvh - 78px);
  padding:190px 22px max(26px,env(safe-area-inset-bottom))!important;
 }
 html:root .leaf-site .home-hero .hero-wordmark {
  position:absolute;
  top:22px;
  left:50%;
  width:104px;
  margin:0;
  transform:translateX(-50%);
 }
 html:root[dir="rtl"] .leaf-site .home-hero .hero-wordmark {left:auto;right:50%;transform:translateX(50%);}
 html:root .leaf-site .home-hero .hero-arches {
  top:17%;
  inset-inline-end:-4%;
  width:88%;
  opacity:.68;
  transform:perspective(620px) rotateY(-8deg) rotateZ(-1deg);
 }
 html:root[dir="rtl"] .leaf-site .home-hero .hero-arches {transform:perspective(620px) rotateY(8deg) rotateZ(1deg);}
 html:root .leaf-site .home-hero .hero-copy h1 {
  max-width:11ch;
  margin:0 0 12px;
  font-size:clamp(2.35rem,11vw,3.15rem);
  line-height:1;
 }
 html:root .leaf-site .home-hero .hero-mobile-subtitle {
  display:block;
  max-width:29ch;
  margin:0 0 18px!important;
  color:#f7f4ec!important;
  font-size:.96rem;
  line-height:1.48;
 }
 html:root .leaf-site .home-hero .hero-desktop-intro,
 html:root .leaf-site .home-hero .hero-location,
 html:root .leaf-site .home-hero .hero-menu-desktop {display:none!important;}
 html:root .leaf-site .home-hero .hero-copy .btn-list {gap:14px;align-items:center;}
 html:root .leaf-site .home-hero .hero-copy .btn-primary {padding:11px 18px;font-size:.88rem;}
 html:root .leaf-site .home-hero .hero-copy .hero-menu-link {
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:48px;
  color:#fff;
  font-size:.9rem;
  font-weight:700;
  text-decoration:none;
 }

 /* Mobile receives the matching smaller owner-selected header scenes. */
 html:root .leaf-site .page-hero .atmosphere-room {
  background-image:var(--leaf-header-veil-mobile),url('assets/leaf-atmosphere-petals-small.webp');
 }
 html:root .leaf-site .journal-header .atmosphere-room {
  background-image:var(--leaf-header-veil-mobile),url('assets/leaf-header-glass-new-small.webp');
 }
 html:root .leaf-site :is(.page-hero--cocktailbar-berlin,.page-hero--cafe-reinickendorf) .atmosphere-room {
  background-image:var(--leaf-header-veil-mobile),url('assets/leaf-header-glass-new-small.webp');
 }
 html:root .leaf-site :is(.page-hero--spieleabend-berlin,.page-hero--fussball-schauen-berlin) .atmosphere-room {
  background-image:var(--leaf-header-veil-mobile),url('assets/leaf-header-room-arches-small.webp');
 }
 html:root .leaf-site :is(.page-hero--feiern-berlin,.page-hero--geburtstag-feiern-berlin) .atmosphere-room {
  background-image:var(--leaf-header-veil-mobile),url('assets/leaf-atmosphere-petals-small.webp');
 }
}

@media(max-width:359px) {
 html:root .leaf-site .home-hero .hero-copy {padding:158px 16px 18px!important;}
 html:root .leaf-site .home-hero .hero-wordmark {top:14px;width:82px;}
 html:root .leaf-site .home-hero .hero-arches {top:14%;width:92%;}
 html:root .leaf-site .home-hero .hero-copy h1 {font-size:2.08rem;margin-bottom:9px;}
 html:root .leaf-site .home-hero .hero-mobile-subtitle {font-size:.86rem;margin-bottom:12px!important;}
 html:root .leaf-site .home-hero .hero-copy .btn-list {gap:8px;}
 html:root .leaf-site .home-hero .hero-copy .btn-primary {min-height:46px;padding:9px 13px;font-size:.8rem;}
 html:root .leaf-site .home-hero .hero-copy .hero-menu-link {min-height:46px;font-size:.82rem;}
}

@media(prefers-reduced-motion:no-preference) {
 html:root .leaf-site .home-hero.leaf-hero-awake .hero-arches {animation:none!important;}
 html:root .leaf-site .home-hero.leaf-hero-awake .hero-arch {
  stroke-dasharray:1;
  animation:leaf-signature-draw 260ms ease-out both;
 }
 html:root .leaf-site .home-hero.leaf-hero-awake .hero-arch--two {animation-delay:45ms;}
 html:root .leaf-site .home-hero.leaf-hero-awake .hero-arch--three {animation-delay:90ms;}
}
@keyframes leaf-signature-draw {from {stroke-dashoffset:1;opacity:.35;} to {stroke-dashoffset:0;opacity:1;}}

@media(prefers-reduced-motion:reduce) {
 html:root .leaf-site .home-hero :is(.hero-copy,.hero-wordmark,.hero-arches,.hero-arch,.hero-backdrop img) {animation:none!important;transition:none!important;}
 html:root .leaf-site .home-hero .hero-arch {stroke-dashoffset:0;}
}

/* Text enlargement must reflow the hero rather than be clipped. */
html:root .leaf-site .home-hero .hero-copy h1 {overflow-wrap:anywhere;}
@media (max-width: 359px) {
 html:root .leaf-site .home-hero {overflow:visible;}
 html:root .leaf-site .home-hero .hero-copy {min-height:calc(100svh - 78px); height:auto;}
 html:root .leaf-site .home-hero .hero-copy h1 {max-width:100%; font-size:min(2.08rem,13vw);}
}
@media (min-width:768px) {
 html:root .leaf-site .home-hero {min-height:min(690px,calc(100svh - 96px)); min-height:min(690px,calc(100dvh - 96px));}
 html:root .leaf-site .home-hero .hero-copy {padding-block:clamp(34px,5vw,60px)!important;}
}


/* Cafe entry: one useful time cue, then a calm leaf-shaped pause instead of repeated labels. */
html:root .leaf-site .page-hero .breadcrumb-line {display:none;}
html:root .leaf-site .page-hero--cafe-reinickendorf::after {
 content:"";
 position:absolute;
 z-index:0;
 inset:auto -6% -18% auto;
 width:min(44vw,500px);
 aspect-ratio:2214/2385;
 background:url('assets/leaf-brand-green.png') center/contain no-repeat;
 opacity:.075;
 filter:saturate(.8);
 pointer-events:none;
}
html:root .leaf-site .page-hero--cafe-reinickendorf>div:not(.atmosphere-scene)>.kicker {
 display:inline-flex;
 align-items:center;
 min-height:28px;
 margin:0 0 16px;
 padding:4px 10px;
 border:1px solid #b77e61;
 border-radius:999px;
 color:#814b36;
 background:#f8f3eaB8;
 font-size:.69rem;
 letter-spacing:.115em;
}
html:root .leaf-site .page-hero--cafe-reinickendorf h1 {max-width:10ch;color:#0f4638;}
html:root .leaf-site .page-hero--cafe-reinickendorf .lead-copy {max-width:43ch;color:#4e6b61;}
html:root .leaf-site .page-hero--cafe-reinickendorf .btn-primary {margin-top:9px;}
@media(max-width:767px) {
 html:root .leaf-site .page-hero--cafe-reinickendorf::after {
  inset:auto -30px -38px auto;
  width:220px;
  opacity:.065;
 }
 html:root .leaf-site .page-hero--cafe-reinickendorf>div:not(.atmosphere-scene)>.kicker {margin-bottom:14px;}
 html:root .leaf-site .page-hero--cafe-reinickendorf h1 {font-size:clamp(2.25rem,10.5vw,3rem);line-height:1.03;}
 html:root .leaf-site .page-hero--cafe-reinickendorf .lead-copy {color:#466257;}
}


/* Enlarged mobile text may never expand a story grid beyond its reading column. */
@media(max-width:767px) {
 html:root .leaf-site .cafe-afternoon :is(.dessert-duet,.coffee-close,.page-section-copy) {min-width:0;max-width:100%;}
 html:root .leaf-site .cafe-afternoon .dessert-duet {grid-template-columns:minmax(0,1fr);}
 html:root .leaf-site .cafe-afternoon .page-section-copy :is(h2,p) {min-width:0;overflow-wrap:anywhere;}
 html:root .leaf-site .reading-layout--landing>.visit-facts-band {
  grid-template-columns:minmax(0,1fr)!important;
  width:100%;
  max-width:100%;
  min-width:0;
 }
 html:root .leaf-site .visit-facts-band :is(.visit-facts-intro,.visit-fact,h2,p,a) {min-width:0;max-width:100%;overflow-wrap:anywhere;}
 html:root .leaf-site .visit-facts-band .visit-facts-intro {display:grid;grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:100%;min-width:0;}
 html:root .leaf-site .visit-facts-band .visit-facts-intro>:is(.kicker,h2,a) {width:100%;max-width:100%;min-width:0;}
 html:root .leaf-site .visit-facts-band .visit-facts-intro a {flex-wrap:wrap;}
}

/* Mobile narrative compaction: photographs carry an atmosphere or a decision;
   they do not become a second desktop column placed after the copy. */
@media (max-width:767px) {
 /* Drinks and the match-night close use a controlled, contrast-secured image stage. */
 html:root .leaf-site :is(.page-composition--fussball-schauen-berlin .match-food,.page-composition--cocktailbar-berlin .drink-signature-stage) {
  display:block;min-height:340px;overflow:hidden;background-color:#123f35;background-repeat:no-repeat;background-size:cover;background-position:center;
 }
 html:root .leaf-site .page-composition--fussball-schauen-berlin .match-food {background-image:linear-gradient(180deg,#0b2d2454 0%,#0b2d24e8 73%,#0b2d24fa 100%),url('assets/fingerfood-teilen-the-leaf.webp');}
 html:root .leaf-site .page-composition--cocktailbar-berlin .drink-signature-stage {background-image:linear-gradient(180deg,#082b2254 0%,#082b22e8 72%,#082b22fb 100%),url('assets/coconut-kiss.webp');border-radius:26px;}
 html:root .leaf-site :is(.match-food,.drink-signature-stage)::before {display:none;}
 html:root .leaf-site :is(.match-food,.drink-signature-stage)>.page-section-copy {display:grid;min-height:340px;align-content:end;padding:30px 24px;color:#f8f5ed;}
 html:root .leaf-site :is(.match-food,.drink-signature-stage)>.page-section-copy :is(h2,h3,p,a) {color:inherit;}
 html:root .leaf-site :is(.match-food,.drink-signature-stage)>.page-section-copy .text-link {min-height:44px;}

 /* Two factual scenes stay close to their explanatory text. */
 html:root .leaf-site :is(.page-composition--besondere-gerichte-berlin .venue-media-split,.page-composition--feiern-berlin .gathering-scene) {display:grid;min-height:0;background:#f3eee5;}
 html:root .leaf-site :is(.page-composition--besondere-gerichte-berlin .venue-media-split,.page-composition--feiern-berlin .gathering-scene)::before {display:block;min-height:190px;background-position:center;}
 html:root .leaf-site :is(.page-composition--besondere-gerichte-berlin .venue-media-split,.page-composition--feiern-berlin .gathering-scene)>.page-section-copy {display:grid;min-height:0;padding:26px 22px 28px;color:var(--leaf-deep);}
 html:root .leaf-site :is(.page-composition--besondere-gerichte-berlin .venue-media-split,.page-composition--feiern-berlin .gathering-scene)>.page-section-copy :is(h2,h3,p,a) {color:inherit;}

 /* A drink rail should scan in one glance, instead of adding three phone rows. */
 html:root .leaf-site .drink-name-rail {grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-1px;}
 html:root .leaf-site .drink-name-rail span {padding:13px 7px;text-align:center;font-size:.62rem;line-height:1.35;}
 html:root .leaf-site .drink-name-rail span+span {border-top:0;border-inline-start:1px solid #cfc6b8;}

 /* Games lead with the authentic Okey room, then become a compact game index. */
 html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .game-panel-copy {min-height:356px;padding:28px 24px;align-content:end;border:0;border-radius:26px;background:linear-gradient(180deg,#07281e40 0%,#07281edd 70%,#07281ef8 100%),url('assets/leaf-game-tables.webp') center 42%/cover no-repeat;}
 html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .game-panel-copy :is(h2,p,.text-link) {color:#fff;}
 html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .text-link {min-height:44px;}
 html:root .leaf-site .game-stories--leaf-library .game-panel:not(:first-child) {padding-block:22px;}

 /* The dessert choice stays one compact visual duet. */
 html:root .leaf-site .cafe-afternoon .dessert-duet {grid-template-columns:repeat(2,minmax(0,1fr));border-radius:130px 22px 22px 22px;}
 html:root .leaf-site .dessert-duet::before,html:root .leaf-site .dessert-duet::after {min-height:164px;}
 html:root .leaf-site .dessert-duet::before {grid-column:1;grid-row:1;border-radius:130px 0 0 0;}
 html:root .leaf-site .dessert-duet::after {grid-column:2;grid-row:1;}
 html:root .leaf-site .dessert-duet>.page-section-copy {grid-column:1/-1;grid-row:2;padding:26px 22px;}

 /* FAQ stays deliberately quiet; only the vertical rhythm becomes tighter. */
 html:root .leaf-site .faq-group {margin-bottom:32px;}
 html:root .leaf-site .page-composition--besondere-gerichte-berlin .menu-storyline>section:nth-child(3) .article-figure {display:none;}
html:root .leaf-site .journal-grid .card-copy p {-webkit-line-clamp:2;}
}

/* Landing pages: each topic earns one real, recognisable image moment.
   The old mobile treatment hid the page photograph under the same pale
   atmosphere veil on nearly every route.  A photo-and-reading-surface pair
   keeps the first screen compact while giving food, games, coffee and
   gatherings their own visual character. */
html:root .leaf-site .page-hero {
 background:#f3f0e7;
}
html:root .leaf-site .page-hero::before {
 content:none;
}
html:root .leaf-site .page-hero>div:not(.atmosphere-scene) {
 position:relative;
 isolation:isolate;
 overflow:hidden;
}
html:root .leaf-site .page-hero>div:not(.atmosphere-scene)::before {
 content:"";
 position:absolute;
 z-index:-1;
 inset:-12% -10%;
 background:url('assets/leaf-rose-silk-veil.webp') center/cover no-repeat;
 opacity:.42;
 pointer-events:none;
}
@media(min-width:768px) {
 html:root .leaf-site .page-hero>div:not(.atmosphere-scene) {
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
 }
}

/* The owner-provided rose-gold silk ties landing pages and the Blog together
   without entering the reading column or covering any control. */
html:root .leaf-site :is(.article-header,.journal-header) {
 position:relative;
 isolation:isolate;
 overflow:hidden;
}
html:root .leaf-site :is(.article-header,.journal-header)::before {
 content:none;
}
html:root .leaf-site :is(.article-heading-copy,.journal-heading-copy) {
 position:relative;
 isolation:isolate;
 overflow:hidden;
}
html:root .leaf-site :is(.article-heading-copy,.journal-heading-copy)::before {
 content:"";
 position:absolute;
 z-index:-1;
 inset:-12% -10%;
 background:url('assets/leaf-rose-silk-veil.webp') center/112% auto no-repeat;
 opacity:.3;
 pointer-events:none;
}
html:root .leaf-site :is(.article-header,.journal-header)>.atmosphere-scene {z-index:0;}
html:root .leaf-site :is(.article-header,.journal-header)>:not(.atmosphere-scene) {position:relative;z-index:1;}
html:root .leaf-site .page-hero .atmosphere-scene {display:none;}
html:root .leaf-site .page-hero>div:not(.atmosphere-scene) {padding-block:16px;}
html:root .leaf-site .page-hero>div:not(.atmosphere-scene)>.kicker {display:none;}
html:root .leaf-site .page-hero figure {
 position:relative;
 display:block;
 align-self:center;
 margin:0;
 overflow:hidden;
 border-radius:180px 180px 22px 22px;
 box-shadow:0 20px 42px -28px #173f3566;
}
html:root .leaf-site .page-hero figure>img {
 display:block;
 width:100%;
 height:clamp(390px,35vw,510px);
 object-fit:cover;
 border-radius:0;
 box-shadow:none;
}
html:root .leaf-site .page-hero::after {
 content:"";
 position:absolute;
 z-index:0;
 inset:auto -12% -34% auto;
 width:min(36vw,440px);
 aspect-ratio:1;
 background:url('assets/leaf-three-arches-copper.svg') center/contain no-repeat;
 opacity:.13;
 pointer-events:none;
}
html:root .leaf-site .page-hero--cafe-reinickendorf::after {
 background:url('assets/leaf-brand-green.png') center/contain no-repeat;
 opacity:.055;
}
html:root .leaf-site .page-hero--cafe-reinickendorf>div:not(.atmosphere-scene)>.kicker {
 display:inline-flex;
}

@media(max-width:767px) {
 html:root .leaf-site .page-hero {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto clamp(210px,29svh,240px);
  align-content:start;
  gap:0;
  min-height:0;
  padding:0 0 26px;
  overflow:hidden;
 }
 html:root .leaf-site .page-hero>div:not(.atmosphere-scene)::before {
  background-image:url('assets/leaf-rose-silk-veil-small.webp');
  background-position:center top;
  background-size:auto 100%;
  opacity:.28;
 }
 html:root .leaf-site :is(.article-heading-copy,.journal-heading-copy)::before {
  background-image:url('assets/leaf-rose-silk-veil-small.webp');
  background-position:center top;
  background-size:auto 100%;
  opacity:.22;
 }
 html:root .leaf-site .page-hero>div:not(.atmosphere-scene) {
  order:1;
  padding:26px 22px 24px;
 }
 html:root .leaf-site .page-hero figure {
  order:2;
  width:auto;
  height:100%;
  margin-inline:20px;
  border-radius:0 0 22px 22px;
  box-shadow:none;
 }
 html:root .leaf-site .page-hero figure>img {
  width:100%;
  height:100%;
  min-height:0;
  max-height:none;
  border-radius:0;
  object-position:var(--leaf-mobile-focus,center);
 }
 html:root .leaf-site .page-hero h1 {
  max-width:15ch;
  margin:0 0 14px;
  font-size:clamp(2.05rem,9.2vw,2.55rem);
  line-height:1.08;
 }
 html:root .leaf-site .page-hero .lead-copy {
  max-width:34ch;
  margin:0 0 20px;
  font-size:.98rem;
  line-height:1.62;
 }
 html:root .leaf-site .page-hero .btn-primary {min-height:48px;}
 html:root .leaf-site .page-hero::after {
  inset:auto -54px -74px auto;
  width:190px;
  opacity:.1;
 }
 html:root .leaf-site .page-hero--besondere-gerichte-berlin {--leaf-mobile-focus:center 58%;}
 html:root .leaf-site .page-hero--cocktailbar-berlin {--leaf-mobile-focus:center 52%;}
 html:root .leaf-site .page-hero--spieleabend-berlin {--leaf-mobile-focus:center 48%;}
 html:root .leaf-site .page-hero--fussball-schauen-berlin {--leaf-mobile-focus:44% 50%;}
 html:root .leaf-site .page-hero--feiern-berlin {--leaf-mobile-focus:center 48%;}
 html:root .leaf-site .page-hero--geburtstag-feiern-berlin {--leaf-mobile-focus:center 52%;}
 html:root .leaf-site .page-hero--cafe-reinickendorf {--leaf-mobile-focus:center 52%;}
 html:root .leaf-site .page-hero--okey-berlin {--leaf-mobile-focus:center 42%;}
 html:root .leaf-site .page-hero--cafe-reinickendorf>div:not(.atmosphere-scene)>.kicker {
  margin:0 0 12px;
 }
}

/* Long themed panels remain editorial on phones: the photograph keeps its own
   compact frame and the full explanation receives paper behind it. */
@media(max-width:767px) {
 html:root .leaf-site .page-composition--cocktailbar-berlin .drink-signature-stage,
 html:root .leaf-site .page-composition--fussball-schauen-berlin .match-food {
  display:grid!important;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto 228px;
  min-height:0!important;
  overflow:hidden;
  background:#f3eee5!important;
  border-radius:24px!important;
 }
 html:root .leaf-site .page-composition--cocktailbar-berlin .drink-signature-stage::before,
 html:root .leaf-site .page-composition--fussball-schauen-berlin .match-food::before {
  display:block!important;
  grid-row:2;
  width:100%!important;
  min-height:228px!important;
  margin:0!important;
  border-radius:0 0 24px 24px!important;
  box-shadow:none!important;
  background-position:center!important;
 }
 html:root .leaf-site .page-composition--cocktailbar-berlin .drink-signature-stage::before {
  background-image:url('assets/coconut-kiss.webp')!important;
 }
 html:root .leaf-site .page-composition--fussball-schauen-berlin .match-food::before {
  background-image:url('assets/fingerfood-teilen-the-leaf.webp')!important;
 }
 html:root .leaf-site .page-composition--cocktailbar-berlin .drink-signature-stage>.page-section-copy,
 html:root .leaf-site .page-composition--fussball-schauen-berlin .match-food>.page-section-copy {
  grid-row:1;
  display:block!important;
  min-height:0!important;
  padding:28px 22px!important;
  color:var(--leaf-deep)!important;
 }
 html:root .leaf-site :is(.page-composition--cocktailbar-berlin .drink-signature-stage,.page-composition--fussball-schauen-berlin .match-food)>.page-section-copy :is(h2,h3,p,a) {
  color:inherit!important;
 }
}
/* The food story follows the same outer frame as its page hero. */
html:root .leaf-site .reading-layout--landing:has(.page-composition--besondere-gerichte-berlin) {
 padding-inline:0;
}
html:root .leaf-site .page-composition--besondere-gerichte-berlin .menu-storyline>section:first-child>p {
 max-width:72ch;
}

/* Mobile food page: the food tile and its following story share one deliberate
   outer edge. The image becomes the lower, flush edge of the entry instead of
   looking like a photo placed inside a separate card. */
@media(max-width:767px) {
 html:root .leaf-site .page-hero--besondere-gerichte-berlin figure {
  width:100%;
  margin-inline:0;
 }
 html:root .leaf-site .menu-storyline>section:first-child {
  box-shadow:0 22px 40px -38px #123f3599;
  background:
   radial-gradient(120% 90% at 100% 0,#fffdf6 0,transparent 55%),
   linear-gradient(145deg,#e7eee3,#f8f4ec 70%);
 }
 html:root .leaf-site .menu-storyline>section:first-child::after {
  opacity:.72;
 }
 html:root .leaf-site .menu-storyline>.venue-media-split {
  border-inline:0;
  border-radius:0;
 }
 html:root .leaf-site .menu-storyline>.venue-media-split::before {
  min-height:220px;
 }
}
/* New authentic game-night photos keep their full visual weight inside the
   German editorial library instead of inheriting the small illustration rail. */
html:root .leaf-site .game-stories--leaf-library .game-panel:first-child>.game-panel-photo {display:none;}
html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .game-panel-copy {
 background:linear-gradient(180deg,#07281e38 0%,#07281ede 70%,#07281ef7 100%),url('assets/leaf-social-okey-friends.webp') center 76%/cover no-repeat;
}
html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .article-figure {display:none;}
html:root .leaf-site .game-stories--leaf-library .game-panel:first-child .game-panel-copy :is(h2,p,.text-link) {
 color:#fff!important;
 text-shadow:0 1px 18px #06211999;
}
html:root .leaf-site .game-stories--leaf-library .game-panel--with-photo:not(:first-child) {
 grid-template-columns:minmax(0,1fr) minmax(150px,40%);
 gap:0;
 padding:0;
 align-items:stretch;
}
html:root .leaf-site .game-stories--leaf-library .game-panel--with-photo:not(:first-child) .game-panel-copy {align-self:stretch;padding:32px 28px;}
html:root .leaf-site .game-stories--leaf-library .game-panel--with-photo:not(:first-child) .game-panel-photo {display:block;min-height:320px;}
html:root .leaf-site .game-stories--leaf-library .game-panel--with-photo:not(:first-child) .game-panel-photo img {width:100%;height:100%;min-height:320px;object-fit:cover;}

@media(max-width:767px) {
 html:root .leaf-site .game-stories--leaf-library .game-panel--with-photo:not(:first-child) {grid-template-columns:minmax(0,1fr);padding:0;}
 html:root .leaf-site .game-stories--leaf-library .game-panel--with-photo:not(:first-child) .game-panel-copy {padding:26px 20px;}
 html:root .leaf-site .game-stories--leaf-library .game-panel--with-photo:not(:first-child) .game-panel-photo,
 html:root .leaf-site .game-stories--leaf-library .game-panel--with-photo:not(:first-child) .game-panel-photo img {height:220px;min-height:220px;}
}

/* Shisha availability page: factual information, never product advertising. */
html:root .leaf-site .shisha-page {padding-block:32px 76px;}
html:root .leaf-site .shisha-hero {display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);min-height:520px;overflow:hidden;border:1px solid #d9cebf;border-radius:24px;background:#174635;}
html:root .leaf-site .shisha-hero-copy {display:grid;align-content:center;justify-items:start;gap:20px;padding:clamp(34px,5vw,76px);color:#f7f2e9;}
html:root .leaf-site .shisha-hero-copy h1 {max-width:9ch;margin:0;color:#fff;font-size:clamp(2.55rem,5.4vw,4.7rem);line-height:1;}
html:root .leaf-site .shisha-hero-copy>p {max-width:43ch;margin:0;color:#e8eee8;font-size:1.04rem;line-height:1.7;}
html:root .leaf-site .shisha-hero-copy .shisha-age {padding:7px 10px;border:1px solid #e6c7aa;border-radius:999px;color:#fff4e8;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
html:root .leaf-site .shisha-hero-copy .btn-primary {background:#f6f1e7;border-color:#f6f1e7;color:#174635;}
html:root .leaf-site .shisha-hero-media {position:relative;min-height:100%;margin:0;overflow:hidden;}
html:root .leaf-site .shisha-hero-media::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17463599 0%,transparent 32%),linear-gradient(0deg,#092a20aa 0%,transparent 42%);pointer-events:none;}
html:root .leaf-site .shisha-hero-media :is(picture,img) {display:block;width:100%;height:100%;min-height:520px;object-fit:cover;object-position:50% 56%;}
html:root .leaf-site .shisha-facts {display:grid;grid-template-columns:repeat(3,1fr);margin:0;border:1px solid #d9cebf;border-top:0;background:#f5f1e8;}
html:root .leaf-site .shisha-facts>div {display:grid;gap:5px;padding:25px 28px;border-inline-end:1px solid #d9cebf;}
html:root .leaf-site .shisha-facts>div:last-child {border-inline-end:0;}
html:root .leaf-site .shisha-facts strong {color:#174635;font-size:1rem;}
html:root .leaf-site .shisha-facts span {color:#536a5e;font-size:.88rem;line-height:1.45;}
html:root .leaf-site .shisha-together,html:root .leaf-site .shisha-note {display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:clamp(30px,6vw,90px);align-items:center;padding:clamp(50px,8vw,110px) clamp(18px,6vw,76px);}
html:root .leaf-site .shisha-together-copy h2,html:root .leaf-site .shisha-note h2 {margin:0 0 18px;color:#174635;font-size:clamp(1.9rem,3vw,3rem);line-height:1.1;}
html:root .leaf-site .shisha-together-copy p,html:root .leaf-site .shisha-note p {max-width:48ch;margin:0 0 22px;color:#395849;font-size:1rem;line-height:1.75;}
html:root .leaf-site .shisha-together figure,html:root .leaf-site .shisha-note figure {margin:0;overflow:hidden;border-radius:18px;}
html:root .leaf-site .shisha-inline-photo {display:block;width:100%;height:390px;object-fit:cover;}
html:root .leaf-site .shisha-note {grid-template-columns:minmax(260px,.7fr) minmax(0,1.05fr);background:#e9eee5;border-radius:24px;}
html:root .leaf-site .shisha-note .shisha-inline-photo {height:340px;}
@media (max-width:767px) {html:root .leaf-site .shisha-page {padding:12px 12px 48px;} html:root .leaf-site .shisha-hero {grid-template-columns:1fr;min-height:0;border-radius:18px;} html:root .leaf-site .shisha-hero-copy {position:relative;z-index:1;min-height:390px;padding:28px 22px 24px;align-content:end;} html:root .leaf-site .shisha-hero-copy h1 {font-size:clamp(2.15rem,11vw,2.85rem);max-width:10ch;} html:root .leaf-site .shisha-hero-copy>p {font-size:.94rem;line-height:1.58;} html:root .leaf-site .shisha-hero-media {grid-area:1/1;min-height:390px;} html:root .leaf-site .shisha-hero-media :is(picture,img) {min-height:390px;} html:root .leaf-site .shisha-hero-media::after {background:linear-gradient(0deg,#0b3125 4%,#103f30e8 47%,#103f305e 100%);} html:root .leaf-site .shisha-facts {grid-template-columns:1fr;margin:0 0 20px;} html:root .leaf-site .shisha-facts>div {padding:16px 20px;border-inline-end:0;border-bottom:1px solid #d9cebf;} html:root .leaf-site .shisha-facts>div:last-child {border-bottom:0;} html:root .leaf-site .shisha-together,html:root .leaf-site .shisha-note {grid-template-columns:1fr;gap:24px;padding:42px 10px;} html:root .leaf-site .shisha-together figure {order:-1;} html:root .leaf-site .shisha-note {padding:0;overflow:hidden;border-radius:18px;} html:root .leaf-site .shisha-note>div {padding:30px 22px;} html:root .leaf-site .shisha-inline-photo,html:root .leaf-site .shisha-note .shisha-inline-photo {height:245px;}}

/* Shared request finish: an embedded, calm last step instead of a blind
   WhatsApp jump. Personal details stay in the browser until submission. */
html:root .leaf-site .reservation-planner {scroll-margin-top:88px;padding-block:clamp(48px,7vw,96px);background:#123d30;color:#f8f4eb;}
html:root .leaf-site .reservation-planner-inner {display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(32px,6vw,86px);align-items:stretch;}
html:root .leaf-site .reservation-intro {display:flex;flex-direction:column;min-width:0;padding-block:clamp(24px,4vw,48px) 0;}
html:root .leaf-site .reservation-intro .kicker {color:#e8b89e;}
html:root .leaf-site .reservation-intro h2 {max-width:10ch;margin:12px 0 18px;color:#fff;font-size:clamp(2.5rem,4.8vw,4.7rem);line-height:.98;}
html:root .leaf-site .reservation-intro>p {max-width:44ch;margin:0 0 28px;color:#e5eee9;line-height:1.7;}
html:root .leaf-site .reservation-photo {flex:1 1 280px;min-height:280px;margin:0;overflow:hidden;border-radius:18px 18px 70px 18px;background:url('assets/leaf-okey-evening-table.webp') center 52%/cover no-repeat;box-shadow:0 24px 60px #061a144d;}
html:root .leaf-site .reservation-form-panel {min-width:0;padding:clamp(24px,4vw,48px);border:1px solid #dfd7ca;border-radius:24px;background:#f8f4eb;color:#173c31;box-shadow:0 28px 70px #061a1466;}
html:root .leaf-site .reservation-form-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 16px;}
html:root .leaf-site .reservation-field {display:grid;grid-column:span 3;gap:7px;min-width:0;margin:0;color:#173c31;font-size:.9375rem;font-weight:700;}
html:root .leaf-site .reservation-field--third {grid-column:span 2;}
html:root .leaf-site .reservation-field--wide {grid-column:1/-1;}
html:root .leaf-site .reservation-field[hidden] {display:none;}
html:root .leaf-site .reservation-okey-note {display:block;grid-column:1/-1;margin:0;padding:10px 12px;border-inline-start:3px solid #c7b9aa;border-radius:0 6px 6px 0;background:#f1ece3;color:#52645c;font-size:.875rem;font-weight:500;line-height:1.55;}
html:root .leaf-site .reservation-okey-note[data-active="true"] {border-inline-start-color:#d58e6e;background:#eee3d8;color:#294a40;}
html[dir="rtl"]:root .leaf-site .reservation-okey-note {border-inline-start:3px solid #d58e6e;border-radius:6px 0 0 6px;}
html:root .leaf-site .reservation-field :is(input,select,textarea) {width:100%;min-width:0;min-height:48px;padding:11px 13px;border:1px solid #9ca99f;border-radius:8px;background:#fffdf8;color:#173c31;font:400 16px/1.4 'DM Sans',sans-serif;}
html:root .leaf-site .reservation-field select[name="time"] {direction:ltr;unicode-bidi:isolate;text-align:left;}
html:root .leaf-site .reservation-field textarea {min-height:98px;resize:vertical;}
html:root .leaf-site .reservation-field :is(input,select,textarea):focus-visible {outline:3px solid #d58e6e;outline-offset:2px;border-color:#174635;}
html:root .leaf-site .reservation-actions {display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;margin-top:24px;}
html:root .leaf-site .reservation-actions .btn {min-height:50px;padding-inline:22px;background:#174635;border-color:#174635;color:#fff;white-space:normal;text-align:center;font-size:.9375rem;}
html:root .leaf-site .reservation-actions .btn:hover {background:var(--leaf-rose-ink);border-color:var(--leaf-rose-ink);color:#fff;}
html:root .leaf-site .reservation-actions .btn:active {transform:translateY(1px);}
html:root .leaf-site .reservation-actions .btn[aria-busy="true"] {opacity:.72;cursor:wait;}
html:root .leaf-site .reservation-actions .btn:disabled {opacity:.62;cursor:not-allowed;}
html:root .leaf-site .reservation-call {display:inline-flex;align-items:center;gap:6px;min-height:48px;color:#174635;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;}
html:root .leaf-site .reservation-call bdi {white-space:nowrap;}
html:root .leaf-site .reservation-call:focus-visible {outline:3px solid #d58e6e;outline-offset:3px;border-radius:4px;}
html:root .leaf-site .reservation-privacy {max-width:66ch;margin:18px 0 0;color:#52645c;font-size:.875rem;line-height:1.55;}
html:root .leaf-site .reservation-privacy a {color:#174635;font-weight:700;text-decoration:underline;text-underline-offset:3px;}
html:root .leaf-site .reservation-noscript {margin:18px 0 0;padding:12px 14px;border:1px solid #c9b9a7;border-radius:8px;color:#374e45;font-size:.9rem;}
html:root .leaf-site .reservation-noscript a {color:#174635;font-weight:700;}
html:root .leaf-site .reservation-status {min-height:1.4em;margin:6px 0 0;color:#88452f;font-size:.86rem;font-weight:700;}
html:root .leaf-site .visit-facts-actions {display:flex;flex-wrap:wrap;gap:10px;margin-block:18px 10px;}
html:root .leaf-site .visit-facts-actions .btn {min-height:48px;padding:11px 16px;white-space:normal;}

@media (min-width:901px) and (max-width:1399px) {
 html:root .leaf-site .reservation-form-grid {grid-template-columns:repeat(12,minmax(0,1fr));}
 html:root .leaf-site .reservation-field {grid-column:span 6;}
 html:root .leaf-site .reservation-field--third {grid-column:span 4;}
 html:root .leaf-site .reservation-field--time {grid-column:span 5;}
 html:root .leaf-site .reservation-field--people {grid-column:span 3;}
 html:root .leaf-site .reservation-field--wide {grid-column:1/-1;}
}

@media (max-width:900px) {
 html:root .leaf-site .reservation-planner-inner {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;}
 html:root .leaf-site .reservation-form-panel {padding:28px;}
 html:root .leaf-site .reservation-field,html:root .leaf-site .reservation-field--third {grid-column:span 3;}
 html:root .leaf-site .reservation-field--wide {grid-column:1/-1;}
}
@media (max-width:767px) {
 html:root .leaf-site .reservation-planner {padding-block:42px;}
 html:root .leaf-site .reservation-planner-inner {grid-template-columns:minmax(0,1fr);gap:24px;padding-inline:16px;}
 html:root .leaf-site .reservation-intro {padding-block:0;}
 html:root .leaf-site .reservation-intro h2 {font-size:clamp(2.35rem,12vw,3.35rem);}
 html:root .leaf-site .reservation-intro>p {line-height:1.6;}
 html:root .leaf-site .reservation-photo {height:clamp(170px,48vw,190px);border-radius:14px 14px 48px 14px;}
 html:root .leaf-site .reservation-form-panel {padding:24px 18px;border-radius:18px;}
 html:root .leaf-site .reservation-form-grid {grid-template-columns:minmax(0,1fr);gap:16px;}
 html:root .leaf-site .reservation-field,html:root .leaf-site .reservation-field--third,html:root .leaf-site .reservation-field--wide {grid-column:1;}
 html:root .leaf-site .reservation-actions {align-items:stretch;}
 html:root .leaf-site .reservation-actions .btn {width:100%;}
 html:root .leaf-site .reservation-call {flex-direction:column;justify-content:center;width:100%;gap:2px;text-align:center;}
 html:root .leaf-site .reservation-call bdi {max-width:100%;white-space:normal;overflow-wrap:anywhere;}
}
@media (prefers-reduced-motion:reduce) {
 html:root .leaf-site .reservation-actions .btn:active {transform:none;}
}

/* 2026-10-10 · Give long-form pages the same confident frame as their
   headers while keeping the reading line comfortably shorter than the frame. */
@media (min-width:901px) {
 html:root .leaf-site .article-layout {
  grid-template-columns:minmax(190px,220px) minmax(0,880px);
  justify-content:space-between;
  gap:clamp(56px,6vw,96px);
 }
}

/* Paired editorial explanations read as one open spread instead of a stack
   of tinted cards. This shared rule improves every article using the module. */
html:root .leaf-site .comparison-dossiers {
 gap:0;
 padding:0;
 border-block:1px solid #d7cbbc;
 border-radius:0;
 background:transparent;
 overflow:visible;
}
html:root .leaf-site .comparison-dossiers>section,
html:root .leaf-site .comparison-dossiers>section:nth-child(even) {
 padding:30px 32px 32px 0;
 border:0;
 border-radius:0;
 background:transparent;
 overflow:visible;
}
html:root .leaf-site .comparison-dossiers>section+section {
 padding-inline:32px 0;
 border-inline-start:1px solid #d7cbbc;
}
html:root .leaf-site .comparison-dossiers>section::before {
 width:42px;
 margin-bottom:18px;
 background:linear-gradient(90deg,#af786d 0 54%,#d8a48d 54% 100%);
}

@media (max-width:767px) {
 /* Match the article body to the wider mobile header frame. */
 html:root .leaf-site .article-layout.container-xl {
  width:calc(100% - 24px);
  padding-inline:20px;
 }

 html:root .leaf-site .comparison-dossiers>section,
 html:root .leaf-site .comparison-dossiers>section:nth-child(even) {
  padding:24px 0 26px;
 }
 html:root .leaf-site .comparison-dossiers>section+section {
  padding-inline:0;
  border-inline-start:0;
  border-top:1px solid #d7cbbc;
 }

 /* Keep the useful fields and primary action together in one common phone
    viewport after an anchor jump; decorative media yields on small screens. */
 html:root .leaf-site .reservation-planner {
  scroll-margin-top:76px;
  padding-block:24px 28px;
 }
 html:root .leaf-site .reservation-planner-inner {gap:12px;padding-inline:12px;}
 html:root .leaf-site .reservation-intro .kicker {font-size:.72rem;}
 html:root .leaf-site .reservation-intro h2 {
  max-width:none;
  margin:5px 0 6px;
  font-size:clamp(1.8rem,8.5vw,2.35rem);
  line-height:1.02;
 }
 html:root .leaf-site .reservation-intro>p {
  max-width:none;
  margin:0;
  font-size:1rem;
  line-height:1.65;
 }
 html:root .leaf-site .reservation-photo {display:none;}
 html:root .leaf-site .reservation-form-panel {padding:14px 12px;border-radius:16px;}
 html:root .leaf-site .reservation-form-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 8px;
 }
 html:root .leaf-site .reservation-field,
 html:root .leaf-site .reservation-field:nth-child(n+4):nth-child(-n+6) {
  grid-column:span 1;
  gap:5px;
  font-size:.875rem;
  line-height:1.35;
 }
 html:root .leaf-site .reservation-field:first-child,
 html:root .leaf-site .reservation-field--other,
 html:root .leaf-site .reservation-field--wide {grid-column:1/-1;}
 html:root .leaf-site .reservation-field :is(input,select,textarea) {
  min-height:44px;
  padding:8px 10px;
 }
 html:root .leaf-site .reservation-field textarea {min-height:52px;height:52px;resize:vertical;}
 html:root .leaf-site .reservation-actions {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:8px;
  margin-top:10px;
 }
 html:root .leaf-site .reservation-okey-note {font-size:.875rem;line-height:1.55;}
 html:root .leaf-site .reservation-actions .btn {min-height:48px;width:auto;padding:10px 12px;font-size:.875rem;}
 html:root .leaf-site .reservation-call {
  min-height:48px;
  width:auto;
  padding:5px;
  font-size:.8125rem;
  line-height:1.35;
 }
 html:root .leaf-site .reservation-call bdi {max-width:100%;font-size:.8125rem;white-space:normal;overflow-wrap:anywhere;}
 html:root .leaf-site .reservation-privacy {margin:12px 0 0;font-size:.8125rem;line-height:1.5;}
 html:root .leaf-site .reservation-status {margin:2px 0 0;font-size:.8125rem;}

 @media (max-width:350px) {
  html:root .leaf-site .reservation-form-grid {grid-template-columns:minmax(0,1fr);}
  html:root .leaf-site .reservation-form-grid>.reservation-field {grid-column:1/-1!important;}
  html:root .leaf-site .reservation-actions {grid-template-columns:minmax(0,1fr);}
  html:root .leaf-site .reservation-actions .btn,
  html:root .leaf-site .reservation-call {width:100%;}
 }

 /* Mobile feature photography meets the frame edges instead of floating in
    an accidental inner gutter. */
 html:root .leaf-site .welcome-visual {margin:0;}
 html:root .leaf-site .page-hero--okey {padding-bottom:0;overflow:hidden;}
 html:root .leaf-site .page-hero--okey>figure {
  width:calc(100% + 40px);
  margin:0 -20px;
 }
 html:root .leaf-site .page-hero--okey>figure>img {
  height:clamp(245px,78vw,330px);
  border-radius:0;
  object-position:50% 62%!important;
 }

 /* Game-library photos finish their panel flush on phones. */
 html:root .leaf-site .game-stories--leaf-library .game-panel--with-photo:not(:first-child) {
  overflow:hidden;
 }
 html:root .leaf-site .game-stories--leaf-library .game-panel--with-photo:not(:first-child) .game-panel-photo {
  margin:0;
  border-radius:0;
 }
 html:root .leaf-site .game-stories--leaf-library .game-panel--with-photo:not(:first-child) .game-panel-photo img {
  display:block;
  border-radius:0;
 }
}

/* Keep the welcome story editorial rather than narrow and column-like on tablets. */
@media (min-width:768px) and (max-width:900px) {
 html:root .leaf-site .welcome-strip>.container-xl {grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:34px;}
 html:root .leaf-site .welcome-visual .leaf-photo {height:500px;}
 html:root .leaf-site .welcome-copy {max-width:none;padding-inline-end:0;}
 html:root .leaf-site .welcome-copy h2 {max-width:none;font-size:2.4rem;line-height:1.04;overflow-wrap:normal;word-break:normal;}
 html:root .leaf-site .welcome-copy p {font-size:.98rem;line-height:1.62;}
}

/* Mobile sections use one visible outer rhythm: media meets its own frame,
   while text keeps the shared reading gutter. */
@media (max-width:767px) {
 html:root .leaf-site .home-food-section {padding-block:52px 58px;}
 html:root .leaf-site .home-food-section::after {top:24px;right:18px;width:68px;height:40px;}
 html:root .leaf-site .home-food-section .section-heading {padding-inline-end:58px;margin-bottom:30px;}
 html:root .leaf-site .home-food-section .section-heading h2 {font-size:clamp(2.2rem,10vw,3rem);line-height:1.04;}
 html:root .leaf-site .home-food-section .food-editorial {row-gap:42px!important;}
 html:root .leaf-site .home-food-section .photo-story>img {height:auto;aspect-ratio:4/3;border-radius:22px;}

 html:root .leaf-site .home-shisha-section {padding:0;background:#f8f6f0;}
 html:root .leaf-site .home-shisha-section>.container-xl {display:flex;flex-direction:column;gap:0;padding:0;border-radius:0;background:#173f35;}
 html:root .leaf-site .home-shisha-section figure {width:100%;min-height:0;aspect-ratio:4/3;}
 html:root .leaf-site .home-shisha-section figure .leaf-photo {width:100%;height:100%;min-height:0;object-position:52% 48%;}
 html:root .leaf-site .home-shisha-copy {width:100%;padding:32px 22px 38px;}
 html:root .leaf-site .home-shisha-copy h2 {max-width:12ch;margin:10px 0 20px;font-size:clamp(2rem,10.4vw,3.1rem);overflow-wrap:normal;word-break:normal;hyphens:none;}
 html:root .leaf-site .home-shisha-copy p {font-size:.98rem;line-height:1.68;}

 html:root .leaf-site .page-hero figure {width:100%;margin-inline:0;border-radius:0 0 22px 22px;}
 html:root .leaf-site .welcome-strip>.container-xl {width:100%;}
 html:root .leaf-site .page-hero--okey>figure {width:100%;margin-inline:0;}
 html:root .leaf-site .games-evening.container-xl {padding-inline:0;}
 html:root .leaf-site .page-composition--fussball-schauen-berlin .match-evening {margin-inline:-20px;border-radius:0;}
}

/* Interaction colour change must be obvious: green rests, rose-gold responds. */
@media (hover:hover) and (pointer:fine) {
 html:root .leaf-site .btn-primary:hover,
 html:root .leaf-site .home-hero .hero-copy .btn-primary:hover,
 html:root .leaf-site .reservation-actions .btn:hover {
  background:var(--leaf-rose-ink);
  border-color:var(--leaf-rose-ink);
  color:#fff;
 }
 html:root .leaf-site .btn-outline-primary:hover,
 html:root .leaf-site .home-hero .hero-copy .btn-outline-primary:hover {
  background:var(--leaf-rose-soft);
  border-color:var(--leaf-rose);
  color:var(--leaf-deep);
 }
 html:root .leaf-site :is(.page-hero,.leaf-invitation) .btn-primary:hover {
  background:var(--leaf-rose-soft);
  border-color:var(--leaf-rose-soft);
  color:var(--leaf-deep);
 }
}

/* Shisha visit page: one current-selection story and a compact guide rail. */
html:root .leaf-site .page-hero--shisha-bar-berlin {--leaf-mobile-focus:center 44%;}
html:root .leaf-site .page-hero--shisha-bar-berlin .atmosphere-room {
 background-image:var(--leaf-header-veil-desktop),url('assets/leaf-header-room-arches.webp');
 background-position:center,center 47%;
}
html:root .leaf-site .page-composition--shisha-bar-berlin {
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:18px;
}
html:root .leaf-site .page-composition--shisha-bar-berlin>h2,
html:root .leaf-site .page-composition--shisha-bar-berlin>p {margin:0;}
html:root .leaf-site .page-composition--shisha-bar-berlin>h2 {
 padding-top:26px;
 border-top:2px solid var(--leaf-rose);
}
html:root .leaf-site .page-composition--shisha-bar-berlin>h2:first-child {
 grid-column:1/-1;
 padding:34px 34px 0;
 border:1px solid var(--page-line);
 border-bottom:0;
 border-radius:26px 26px 0 0;
 background:linear-gradient(140deg,#edf2e8,#f8f4ec);
}
html:root .leaf-site .page-composition--shisha-bar-berlin>h2:first-child+ p {
 grid-column:1/-1;
 margin-top:-18px;
 padding:0 34px 34px;
 border:1px solid var(--page-line);
 border-top:0;
 border-radius:0 0 26px 26px;
 background:linear-gradient(140deg,#edf2e8,#f8f4ec);
}
html:root .leaf-site .shisha-guide-links {
 margin-top:46px;
 padding:34px;
 border:1px solid var(--page-line);
 border-radius:26px;
 background:#f8f4ec;
}
html:root .leaf-site .shisha-guide-links h2 {margin:8px 0 22px;}
html:root .leaf-site .shisha-guide-links>div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;}
html:root .leaf-site .shisha-guide-links a {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 min-height:64px;
 padding:14px 0;
 border-top:1px solid #d8cbbd;
 color:var(--leaf-deep);
 font-weight:650;
 text-decoration:none;
}
html:root .leaf-site .shisha-guide-links .icon {flex:0 0 auto;}

@media (max-width:767px) {
 html:root .leaf-site .page-hero--shisha-bar-berlin .atmosphere-room {
  background-image:var(--leaf-header-veil-mobile),url('assets/leaf-header-room-arches.webp');
 }
 html:root .leaf-site .page-composition--shisha-bar-berlin {grid-template-columns:1fr;}
 html:root .leaf-site .page-composition--shisha-bar-berlin>h2:first-child,
 html:root .leaf-site .page-composition--shisha-bar-berlin>h2:first-child+ p {grid-column:auto;padding-inline:22px;}
 html:root .leaf-site .page-composition--shisha-bar-berlin>h2:first-child {padding-top:26px;}
 html:root .leaf-site .page-composition--shisha-bar-berlin>h2:first-child+ p {padding-bottom:26px;}
 html:root .leaf-site .shisha-guide-links {margin-top:34px;padding:26px 22px;border-radius:22px;}
 html:root .leaf-site .shisha-guide-links>div {grid-template-columns:1fr;}
}

/* Journal modernization: calm magazine rhythm without the former dome crop. */
html:root .leaf-site .journal-header {
 min-height:340px;
 grid-template-columns:minmax(0,3fr) minmax(220px,1fr);
 align-items:end;
 padding:clamp(36px,5vw,56px);
 border-radius:24px;
}
html:root .leaf-site .journal-heading-copy {max-width:760px;}
html:root .leaf-site .journal-header h1 {max-width:17ch;margin:12px 0 18px;line-height:1.08;}
html:root .leaf-site .journal-header .lead-copy {max-width:62ch;line-height:1.7;}
html:root .leaf-site .journal-art {display:none;}
html:root .leaf-site .journal-filters {align-items:center;gap:6px 20px;margin:0;padding:8px 0 14px;border-bottom:1px solid #d7d0c5;}
html:root .leaf-site .journal-filters .btn {min-height:48px;padding:10px 2px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;}
html:root .leaf-site .journal-filters [aria-pressed="true"] {background:transparent;color:#143f36;border-bottom-color:#b97867;font-weight:700;}
html:root .leaf-site .journal-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 32px!important;}
html:root .leaf-site .journal-grid>.journal-item .editorial-card {display:flex;flex-direction:column;align-items:stretch;gap:0;}
html:root .leaf-site .journal-grid>.journal-item .card-media {width:100%;height:auto;aspect-ratio:16/10;border-radius:18px;box-shadow:0 14px 32px -28px #163f35;overflow:hidden;}
html:root .leaf-site .journal-grid>.journal-item .card-copy {padding:20px 2px 0;}
html:root .leaf-site .journal-grid>.journal-item .card-copy h3 {font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.18;margin:7px 0 12px;}

html:root .leaf-site .article-header {
 grid-template-columns:minmax(0,7fr) minmax(320px,5fr);
 gap:clamp(32px,4vw,56px);
 align-items:stretch;
 padding:clamp(32px,4vw,48px);
 background:#f3eee5;
 border:1px solid #d7d0c5;
 border-radius:24px;
 box-shadow:0 18px 42px -34px #163f35;
}
html:root .leaf-site .article-heading-copy {display:flex;flex-direction:column;justify-content:center;max-width:42rem;}
html:root .leaf-site .article-header h1 {max-width:18ch;font-size:clamp(2.25rem,4vw,3.75rem);line-height:1.08;margin:14px 0 18px;}
html:root .leaf-site .article-header .lead-copy {max-width:58ch;margin:0;font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.72;}
html:root .leaf-site .article-header .article-meta {display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px;padding-top:16px;border-top:1px solid #c99b83;}
html:root .leaf-site .article-heading-image {position:relative;align-self:stretch;min-width:0;}
html:root .leaf-site .article-heading-image .article-figure {height:100%;min-height:0;margin:0;overflow:hidden;border-radius:24px 24px 72px 24px;background:#163f35;}
html:root[dir="rtl"] .leaf-site .article-heading-image .article-figure {border-radius:24px 24px 24px 72px;}
html:root .leaf-site .article-heading-image img,
html:root .leaf-site .article-header--sahlep-was-ist-das .article-heading-image img {width:100%;height:100%;min-height:clamp(360px,36vw,500px);aspect-ratio:auto;object-fit:cover;border-radius:0;box-shadow:none;}
html:root .leaf-site .article-layout {grid-template-columns:minmax(190px,220px) minmax(0,760px);gap:clamp(56px,7vw,96px);justify-content:center;}
html:root .leaf-site .article-body {font-size:1.075rem;line-height:1.82;}
html:root .leaf-site .article-body>p {max-width:66ch;margin-bottom:1.45em;}
html:root .leaf-site .article-body>h2 {position:relative;margin-top:clamp(44px,6vw,64px);padding-top:10px;}
html:root .leaf-site .article-body>h2::before {content:"";position:absolute;inset-inline-start:0;top:0;width:42px;height:1px;background:#b97867;}
html:root .leaf-site .article-body>h2:first-child {margin-top:0;}
html:root .leaf-site .toc-desktop {border-inline-start:1px solid #cdbdad;padding-inline-start:18px;}
html:root .leaf-site .toc-desktop a {padding:9px 0;line-height:1.45;}

@media(max-width:767px) {
 html:root .leaf-site .journal-header {width:calc(100% - 24px);min-height:0;grid-template-columns:1fr;padding:132px 20px 28px;margin:12px auto 24px;align-content:end;border-radius:20px;}
 html:root .leaf-site .journal-heading-copy {width:100%;max-width:none;}
 html:root .leaf-site .journal-grid {grid-template-columns:1fr;gap:0!important;}
 html:root .leaf-site .journal-grid>.journal-item {padding:28px 0 32px;border-bottom:1px solid #ddd5c9;}
 html:root .leaf-site .journal-grid>.journal-item .editorial-card {display:flex;flex-direction:column;gap:0;}
 html:root .leaf-site .journal-grid>.journal-item .card-media {width:100%;height:auto;aspect-ratio:16/10;border-radius:16px;}
 html:root .leaf-site .journal-grid>.journal-item .card-copy {padding:16px 0 0;}
 html:root .leaf-site .journal-grid>.journal-item .card-copy h3 {font-size:1.45rem;line-height:1.2;}
 html:root .leaf-site .article-header {width:calc(100% - 24px);grid-template-columns:1fr;padding:24px 20px 20px;gap:24px;margin:12px auto 32px;border-radius:20px;}
 html:root .leaf-site .article-header h1 {font-size:clamp(2.05rem,9.2vw,2.45rem);line-height:1.14;}
 html:root .leaf-site .article-header .lead-copy {margin:0;}
 html:root .leaf-site .article-heading-image .article-figure {height:auto;border-radius:18px 18px 44px 18px;}
 html:root[dir="rtl"] .leaf-site .article-heading-image .article-figure {border-radius:18px 18px 18px 44px;}
 html:root .leaf-site .article-heading-image img,
 html:root .leaf-site .article-header--sahlep-was-ist-das .article-heading-image img {height:auto;min-height:0;aspect-ratio:4/3;border-radius:0;}
 html:root .leaf-site .toc-mobile {background:#fbf8f2;border:1px solid #d6cec1;border-radius:10px;}
 html:root .leaf-site .toc-mobile>summary {display:flex;align-items:center;min-height:48px;}
}

@media(max-width:359px) {
 html:root .leaf-site .journal-grid>.journal-item .editorial-card {display:flex;gap:0;}
 html:root .leaf-site .journal-grid>.journal-item .card-media {width:100%;height:auto;border-radius:16px;}
 html:root .leaf-site .journal-grid>.journal-item .card-copy h3 {font-size:1.35rem;line-height:1.22;}
}

/* Mobile navigation: grouped, compact and fully opaque. */
@media(max-width:1199px) {
 html:root.mobile-nav-open {overflow:hidden;}
 html:root .leaf-site .mobile-menu {position:relative;}
 html:root .leaf-site .mobile-nav {
  position:fixed;
  z-index:110;
  top:var(--mobile-nav-top,82px);
  inset-inline-start:auto;
  inset-inline-end:20px;
  width:min(390px,calc(100vw - 40px));
  max-height:calc(100dvh - var(--mobile-nav-top,82px) - 12px);
  padding:16px;
  overflow-y:auto;
  overscroll-behavior:contain;
  background:#fbfaf6!important;
  border:1px solid #c9d4ca;
  border-radius:16px;
  box-shadow:0 20px 48px #10251c24;
  text-align:start;
 }
 html:root .leaf-site .mobile-nav-cta {display:none;margin-bottom:10px;}
 html:root .leaf-site .mobile-nav-cta .btn {width:100%;min-height:52px;justify-content:center;}
 html:root .leaf-site .mobile-nav-group {margin:0;border-top:1px solid #ded7cc;}
 html:root .leaf-site .mobile-nav-group>summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:54px;
  padding:11px 4px;
  color:#87574e;
  cursor:pointer;
  list-style:none;
  font-size:.72rem;
  font-weight:750;
  letter-spacing:.1em;
  line-height:1.35;
  text-transform:uppercase;
 }
 html:root .leaf-site .mobile-nav-group>summary::-webkit-details-marker {display:none;}
 html:root .leaf-site .mobile-nav-group>summary:focus-visible {border-radius:8px;outline-offset:1px;}
 html:root .leaf-site .mobile-nav-chevron {width:10px;height:10px;flex:0 0 10px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:45deg;transition:rotate 180ms ease;}
 html:root .leaf-site .mobile-nav-group[open] .mobile-nav-chevron {rotate:225deg;}
 html:root .leaf-site .mobile-nav-links {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:2px 10px;padding:0 0 12px;}
 html:root .leaf-site .mobile-nav .mobile-nav-links .nav-link {display:flex;align-items:center;min-width:0;min-height:48px;padding:9px 10px;border:0;border-radius:8px;font-size:.9rem;line-height:1.35;overflow-wrap:anywhere;}
 html:root .leaf-site .mobile-nav .nav-link[aria-current="page"],
 html:root .leaf-site .mobile-nav .nav-link[aria-current="location"] {color:#006438;background:#e7eee7;font-weight:700;}
 html:root .leaf-site .mobile-nav .nav-visit-link {display:flex;align-items:center;min-height:52px;margin:0;padding:12px 4px;border:0;border-top:1px solid #b97867;border-radius:0;color:#173f35;font-weight:700;}
 html:root .leaf-site .mobile-nav-divider,
 html:root .leaf-site .nav-more {display:none;}
}

@media(max-width:767px) {
 html:root .leaf-site .mobile-nav {inset-inline:12px;width:auto;max-width:none;padding:14px;}
 html:root .leaf-site .mobile-nav-cta {display:block;}
}

@media(max-width:359px) {
 html:root .leaf-site .mobile-nav-links {grid-template-columns:1fr;}
}

@media(prefers-reduced-motion:no-preference) {
 html:root .leaf-site .mobile-menu[open] .mobile-nav {animation:leaf-mobile-sheet-in 200ms cubic-bezier(.2,.7,.2,1) both;}
}
@media(prefers-reduced-motion:reduce) {
 html:root .leaf-site .mobile-menu[open] .mobile-nav {animation:none!important;}
 html:root .leaf-site .mobile-nav-chevron {transition:none;}
}
@keyframes leaf-mobile-sheet-in {from{transform:translateY(-6px)}to{transform:translateY(0)}}