/* Café scroll scene after Pricing: pinned, scroll-scrubbed like the hero (cafe.js). Not a stacked card. */
.cafe{position:relative;z-index:30;height:635vh;height:635svh;padding:0!important;margin:0;background:#0d1410}
.cafe-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#0d1410}
.cafe-poster,#cafecv,#cafevid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cafe-poster.pm,.cafe-poster.em,.cafe-poster.ed{display:none}
#cafecv,#cafevid{opacity:0;transition:opacity .3s}.cafe-ready.cafe-seq #cafecv,.cafe-ready.cafe-vid #cafevid{opacity:1}.cafe-vid #cafecv,.cafe-seq #cafevid{display:none}
.cafe-close{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(var(--hh,86px) + 7vh) 24px 24px;opacity:0;visibility:hidden;background:linear-gradient(180deg,rgba(8,14,10,.62),rgba(8,14,10,.18) 45%,transparent 70%);pointer-events:none}
.cafe-close .c-tag{font-size:clamp(30px,5.2vw,68px);letter-spacing:-.02em;max-width:16ch;font-weight:700;color:#fff6e8;text-align:center;line-height:1.1;margin:0;text-shadow:0 2px 24px rgba(0,0,0,.35)}
html:not([dir=rtl]) .cafe-close .c-tag{font-family:Cairo,Inter,sans-serif;font-weight:700}
@media (max-width:600px){html:not([dir=rtl]) .cafe-close .c-tag{font-size:35px}}
@media (max-aspect-ratio:4/5){.cafe-poster.pd{display:none}.cafe-poster.pm{display:block}}
/* ?rm=1 (same rule as the hero): no pin, no scrub, static lit café + line */
.cine-rm .cafe{height:auto}.cine-rm .cafe-sticky{position:relative}.cine-rm #cafecv,.cine-rm #cafevid,.cine-rm .cafe-poster.pd,.cine-rm .cafe-poster.pm{display:none}
.cine-rm .cafe-poster.ed{display:block}@media (max-aspect-ratio:4/5){.cine-rm .cafe-poster.ed{display:none}.cine-rm .cafe-poster.em{display:block}}
.cine-rm .cafe-close{opacity:1;visibility:visible}
/* after the café: normal sections above the stuck cards */
.cafe~section,.cafe~footer,body>footer{position:relative;z-index:30}
html[dir=rtl] .cafe-close .c-tag{max-width:none;text-wrap:balance}

/* v3 early line over the street */
.cafe-ready-line{position:absolute;inset:0;z-index:3;display:flex;justify-content:center;align-items:flex-start;padding:calc(var(--hh,86px) + 7vh) 24px 0;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(180deg,rgba(8,14,10,.5),transparent 45%)}
.cafe-ready-line .c-tag{font-size:clamp(30px,5.2vw,68px);letter-spacing:-.02em;font-weight:700;color:#fff6e8;text-align:center;line-height:1.1;margin:0;text-shadow:0 2px 24px rgba(0,0,0,.4)}
html:not([dir=rtl]) .cafe-ready-line .c-tag{font-family:Cairo,Inter,sans-serif}
@media (max-width:600px){html:not([dir=rtl]) .cafe-ready-line .c-tag{font-size:35px}}
/* v3 contact card: hitit "Sustainability" glass card (frosted, 16px radius) rising from below over the lit café */
.cafe-close{gap:0}
.cafe-card{pointer-events:auto;position:absolute;left:50%;top:0;margin:0;max-width:calc(100% - 48px);width:min(760px,100%);box-sizing:border-box;border-radius:16px;padding:clamp(24px,5vh,56px) clamp(20px,4vw,56px);
 background:rgba(247,244,238,.74);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.45);box-shadow:0 30px 80px -30px rgba(0,0,0,.55);
 text-align:center;color:#13261c;will-change:transform;transform:translate(-50%,120vh);visibility:hidden}
.cafe-card .eyebrow{color:#b3832a;font-weight:700;margin:0 0 8px}
.cafe-card h2{font-size:clamp(26px,3.2vw,44px);line-height:1.12;letter-spacing:-.02em;margin:0 0 12px;color:#1f3a2b}
html[dir=rtl] .cafe-card h2{letter-spacing:0;font-weight:700}
.cafe-card .cc-lead{font-size:clamp(14px,1.2vw,17px);line-height:1.65;color:#3d4a42;max-width:520px;margin:0 auto}
.cc-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(16px,3vh,28px)}
.cc-ctas .btn{font-size:14px;padding:13px 24px}
.cc-wa{background:#1f3a2b;color:#fff}.cc-wa:hover{background:#13261c}
.cc-mail{background:transparent;color:#1f3a2b;border:1px solid rgba(31,58,43,.35)}.cc-mail:hover{background:#1f3a2b;color:#fff}
@media (max-width:600px){.cafe-close{padding-top:calc(var(--hh,86px) + 3vh)}.cafe-card{padding:22px 18px;max-width:calc(100% - 40px)}.cc-ctas .btn{width:100%;justify-content:center}}
@media (max-height:640px){.cafe-card .cc-lead{display:none}}
.cine-rm .cafe-card{position:relative;left:auto;transform:none;visibility:visible;margin-top:28px}