/* September refinement: the mark stays free; the arches carry the visual signature. */
.leaf-site .leaf-brand img,
.leaf-site .welcome-brand>img {background:transparent;padding:0;}
.leaf-site .hero-brand-plaque {display:none!important;}

/* The start page balances a real food photograph with a flat arch drawing. */
.leaf-site .home-hero {grid-template-columns:.92fr 1.08fr;min-height:580px;}
.leaf-site .home-hero .hero-copy {position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:48px 42px 166px;overflow:hidden;}
.leaf-site .home-hero .hero-photo {padding:14px;display:flex;flex-direction:column;min-width:0;}
.leaf-site .home-hero .hero-photo>.leaf-photo,
.leaf-site .home-hero .hero-stage>.leaf-photo {width:100%;height:540px;min-height:0;object-fit:cover;border-radius:12px;object-position:58% 52%;}
.leaf-site .hero-arches {position:absolute;inset-inline-end:36px;bottom:26px;width:min(48%,238px);pointer-events:none;}
.leaf-site .hero-arches img {display:block;width:100%;height:auto;filter:brightness(0) invert(1);opacity:.9;}
.leaf-site .home-hero .hero-copy>.kicker {color:#ead8d0;}
.leaf-site .home-hero .hero-location {color:#f1f3ed;}
.leaf-site .home-hero .location-dot {background:var(--leaf-rose);}

/* The original logo is not repeated as a white tile in editorial invitations. */
.leaf-site .leaf-invitation {grid-template-columns:minmax(0,1fr);padding:36px 40px;}
.leaf-site .leaf-invitation .invitation-logo {display:none;}
.leaf-site .leaf-invitation::before {
 width:190px;height:128px;inset-inline-end:22px;bottom:18px;
 background:url('assets/leaf-three-arches.svg') center/contain no-repeat;
 opacity:.34;mask-image:none;
}

/* Journal cards form one editorial composition instead of text/photo/text stacks. */
@media(min-width:768px) {
 .leaf-site .journal-header {position:relative;min-height:310px;padding:52px 52px 48px;}
 .leaf-site .journal-header>* {position:relative;z-index:1;max-width:min(63ch,68%);}
 .leaf-site .journal-header::after {content:'';position:absolute;inset-inline-end:52px;bottom:34px;width:min(29%,300px);height:170px;background:url('assets/leaf-three-arches.svg') center/contain no-repeat;opacity:.75;}
 .leaf-site .journal-grid {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px!important;margin:0;}
 .leaf-site .journal-grid>.journal-item {width:auto;padding:0;margin:0;}
 .leaf-site .journal-grid>.journal-item:first-child {grid-column:span 12;background:var(--leaf-sage);border-radius:12px;overflow:hidden;}
 .leaf-site .journal-grid>.journal-item:first-child .editorial-card {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);min-height:400px;}
 .leaf-site .journal-grid>.journal-item:first-child .card-media {height:auto;min-height:400px;grid-column:2;grid-row:1;border-radius:0;}
 .leaf-site .journal-grid>.journal-item:first-child .card-copy {grid-column:1;grid-row:1;padding:48px 46px;justify-content:center;border:0;margin:0;}
 .leaf-site .journal-grid>.journal-item:first-child .card-copy h3 {font-size:clamp(2rem,3.2vw,3.25rem);line-height:1.08;}
 .leaf-site .journal-grid>.journal-item:not(:first-child) {grid-column:span 4;}
 .leaf-site .journal-grid>.journal-item:not(:first-child) .card-media {height:260px;}
}
@media(min-width:768px) and (max-width:1099px) {
 .leaf-site .journal-grid>.journal-item:not(:first-child) {grid-column:span 6;}
 .leaf-site .journal-grid>.journal-item:first-child .card-copy {padding:36px 32px;}
 .leaf-site .journal-header::after {width:190px;inset-inline-end:30px;}
}

/* Okey gets the arches as a real graphic motif; the interior picture has its own role. */
.leaf-site .page-hero--okey>div:first-child {position:relative;padding-bottom:136px;}
.leaf-site .page-hero--okey .page-hero-arches {position:absolute;inset-inline-end:0;bottom:0;width:220px;pointer-events:none;}
.leaf-site .page-hero--okey .page-hero-arches img {display:block;width:100%;height:auto;filter:brightness(0) invert(1);opacity:.9;}
.leaf-site .page-hero--okey figure>img {object-position:center 40%;}

/* The room keeps the photos as atmosphere; the graphic itself explains the arches. */
.leaf-site .room-main .leaf-photo {object-position:center 48%;}
.leaf-site .room-detail .leaf-photo {height:190px;object-position:center 48%;border:1px solid var(--leaf-rose);}
.leaf-site .room-detail {padding-top:8px;border-top:1px solid #d9aa9f;}

@media(max-width:767px) {
 .leaf-site .home-hero {min-height:0;}
 .leaf-site .home-hero .hero-photo {order:-1;padding:10px 10px 0;}
 .leaf-site .home-hero .hero-photo>.leaf-photo,
 .leaf-site .home-hero .hero-stage>.leaf-photo {min-height:0;height:245px;border-radius:8px;}
 .leaf-site .home-hero .hero-copy {padding:24px 20px 20px;}
 .leaf-site .home-hero .hero-copy .btn-list {grid-template-columns:1fr;}
 .leaf-site .home-hero .hero-copy .btn {width:100%;}
 .leaf-site .hero-arches {position:static;width:154px;margin:24px 0 0 auto;}
 .leaf-site .leaf-invitation {padding:28px 20px 118px;}
 .leaf-site .leaf-invitation::before {width:145px;height:98px;inset-inline-end:18px;bottom:14px;}
 .leaf-site .page-hero--okey>div:first-child {padding-bottom:0;}
 .leaf-site .page-hero--okey .page-hero-arches {position:static;width:154px;margin:22px 0 0 auto;}
 .leaf-site .room-detail .leaf-photo {height:176px;}
}

/* A hand-curated, touchable portrait feed gives the start page real venue moments. */
.leaf-site .home-hero .hero-photo.hero-vibe {display:grid;place-items:center;padding:18px 18px 12px;overflow:hidden;}
.leaf-site .hero-vibe .vibe-phone {position:relative;width:min(100%,330px);height:540px;padding:28px 10px 12px;border:8px solid #202522;border-radius:30px;background:#202522;box-shadow:none;}
.leaf-site .hero-vibe .vibe-speaker {position:absolute;z-index:2;top:11px;left:50%;width:58px;height:5px;transform:translateX(-50%);border-radius:8px;background:#536057;}
.leaf-site .hero-vibe .vibe-feed {height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;border-radius:17px;outline-offset:4px;background:#0f3327;}
.leaf-site .hero-vibe .vibe-feed::-webkit-scrollbar {display:none;}
.leaf-site .hero-vibe .vibe-card {height:100%;scroll-snap-align:start;position:relative;}
.leaf-site .hero-vibe .vibe-card .leaf-photo {width:100%;height:100%;min-height:0;object-fit:cover;border-radius:0;display:block;}
.leaf-site .hero-vibe .vibe-scroll-hint {position:absolute;z-index:2;right:18px;bottom:24px;padding:4px 7px;border-radius:4px;background:#143f36d9;color:#fff;font-size:.625rem;letter-spacing:.12em;}
.leaf-site .home-hero .hero-vibe figcaption {width:min(100%,330px);padding:8px 2px 0;color:#e8eee7;}
@media(max-width:767px) {
 .leaf-site .home-hero .hero-photo.hero-vibe {display:block;padding:10px 10px 0;}
 .leaf-site .hero-vibe .vibe-phone {width:100%;height:auto;padding:0;border:0;border-radius:8px;background:transparent;}
 .leaf-site .hero-vibe .vibe-speaker,.leaf-site .hero-vibe .vibe-scroll-hint {display:none;}
 .leaf-site .hero-vibe .vibe-feed {display:flex;gap:8px;height:232px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;border-radius:8px;background:transparent;}
 .leaf-site .hero-vibe .vibe-card {flex:0 0 76%;height:232px;border-radius:8px;overflow:hidden;}
 .leaf-site .hero-vibe .vibe-card .leaf-photo {border-radius:8px;}
 .leaf-site .home-hero .hero-vibe figcaption {display:block;font-size:.6875rem;padding:8px 2px 0;}
}


/* Calm Journal hierarchy: one clear entry point, then content. */
.leaf-site .journal-header {
  min-height:0;
  padding:44px 48px 40px;
}
.leaf-site .journal-header > * {max-width:62ch;}
.leaf-site .journal-header h1 {
  max-width:16ch;
  margin:14px 0 18px;
  font-size:clamp(2.65rem,4.35vw,4.6rem);
  font-weight:500;
  line-height:1.06;
  letter-spacing:-.035em;
}
.leaf-site .journal-header .lead-copy {
  max-width:61ch;
  margin:0;
  color:var(--leaf-ink);
  font-size:1.0625rem;
  line-height:1.68;
}
.leaf-site .journal-filters {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:0 0 18px;
  border-bottom:1px solid var(--leaf-line);
}
.leaf-site .journal-filters .filter-button {
  min-height:44px;
  padding:9px 16px;
  font-size:.875rem;
  font-weight:600;
  line-height:1.25;
}
@media(min-width:768px) {
  .leaf-site .journal-header {padding:46px 52px 42px;}
  .leaf-site .journal-header::after {bottom:31px;width:min(25%,250px);height:142px;opacity:.52;}
}
@media(max-width:767px) {
  .leaf-site .journal-header {padding:30px 24px 26px;}
  .leaf-site .journal-header h1 {max-width:12ch;font-size:clamp(2.25rem,10vw,3.1rem);line-height:1.08;margin:10px 0 16px;}
  .leaf-site .journal-header .lead-copy {font-size:1rem;line-height:1.65;}
}

/* Editorial pairs share one deliberate baseline: no staggered images or drifting titles. */
.leaf-site .food-editorial {align-items:stretch;}
.leaf-site .food-editorial>[class*="col-"] {display:flex;min-width:0;}
.leaf-site .food-editorial .photo-story {display:flex;flex-direction:column;width:100%;min-width:0;}
.leaf-site .food-side {padding-top:0;}
.leaf-site .food-editorial .photo-story>img,
.leaf-site .food-side .photo-story>img {
 height:clamp(400px,30vw,520px);object-position:center 54%;
}
.leaf-site .food-editorial .photo-story>div {padding-top:20px;}
.leaf-site .food-editorial .photo-story h3 {color:var(--leaf-ink);text-decoration:none;line-height:1.12;}
.leaf-site .food-editorial .photo-story:hover h3 {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;}
@media(max-width:767px) {
 .leaf-site .food-editorial>[class*="col-"] {display:block;}
 .leaf-site .food-editorial .photo-story>img,
 .leaf-site .food-side .photo-story>img {height:clamp(260px,78vw,360px);}
 .leaf-site .food-editorial .photo-story>div {padding-top:16px;}
}


/* Journal: a darker reading entrance with restrained Leaf layers, not a flat pink block. */
.leaf-site .journal-header {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--leaf-deep);
  color:var(--leaf-white);
  border-bottom-color:var(--leaf-rose);
}
.leaf-site .journal-header::before {
  content:'';
  position:absolute;
  z-index:-1;
  inset:0;
  width:auto;
  height:auto;
  background:url('assets/leaf-lines.svg') center/220px 220px repeat;
  opacity:.12;
  mix-blend-mode:screen;
  mask-image:none;
}
.leaf-site .journal-header::after {
  content:'';
  position:absolute;
  z-index:-1;
  inset-inline-end:34px;
  bottom:22px;
  width:min(28%,270px);
  height:152px;
  background:url('assets/leaf-three-arches.svg') center/contain no-repeat;
  filter:brightness(0) invert(1);
  opacity:.22;
}
.leaf-site .journal-header .kicker,
.leaf-site .journal-header h1,
.leaf-site .journal-header .lead-copy {color:var(--leaf-white);}
.leaf-site .journal-header .lead-copy {max-width:58ch;color:#edf4ee;}
.leaf-site .article-header {background:var(--leaf-sage);}
.leaf-site .article-header::before {opacity:.13;}

/* Surface the useful Shisha reading directly on the venue page. */
.leaf-site .shisha-reading {
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  margin:36px 0 0;
  padding:20px 0 4px;
  border-top:1px solid color-mix(in srgb,var(--leaf-green) 25%,transparent);
}
.leaf-site .shisha-reading .text-link {font-weight:650;}

/* Desktop uses a quiet portrait triptych; mobile keeps the touchable horizontal story feed. */
@media(min-width:768px) {
  .leaf-site .home-hero .hero-photo.hero-vibe {display:block;padding:10px;}
  .leaf-site .hero-vibe .vibe-phone {width:100%;height:540px;padding:0;border:0;border-radius:8px;background:transparent;}
  .leaf-site .hero-vibe .vibe-speaker,
  .leaf-site .hero-vibe .vibe-scroll-hint {display:none;}
  .leaf-site .hero-vibe .vibe-feed {display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:10px;height:100%;overflow:hidden;scroll-snap-type:none;border-radius:8px;background:transparent;}
  .leaf-site .hero-vibe .vibe-card {min-width:0;height:100%;overflow:hidden;border-radius:8px;animation:leaf-vibe-enter 360ms var(--leaf-ease) both;}
  .leaf-site .hero-vibe .vibe-card:nth-child(2) {animation-delay:80ms;}
  .leaf-site .hero-vibe .vibe-card:nth-child(3) {animation-delay:150ms;}
  .leaf-site .hero-vibe .vibe-card:nth-child(4) {display:none;}
  .leaf-site .hero-vibe .vibe-card .leaf-photo {height:100%;border-radius:8px;}
  .leaf-site .home-hero .hero-vibe figcaption {width:100%;padding:8px 2px 0;}
}
@keyframes leaf-vibe-enter {from {opacity:0;transform:translateY(8px)} to {opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce) {.leaf-site .hero-vibe .vibe-card {animation:none;}}
@media(max-width:767px) {
  .leaf-site .journal-header::after {inset-inline-end:18px;bottom:15px;width:145px;height:98px;opacity:.18;}
  .leaf-site .shisha-reading {display:grid;gap:14px;margin-top:30px;padding-top:18px;}
}