@font-face { font-family:'Gotham'; src:url('/_next/static/media/Gotham_Book-s.p.a141cde0.otf') format('opentype'); font-weight:400; font-display:swap; }
@font-face { font-family:'Gotham'; src:url('/_next/static/media/Gotham_Medium-s.p.ca900f66.otf') format('opentype'); font-weight:500; font-display:swap; }
@font-face { font-family:'Gotham'; src:url('/_next/static/media/Gotham_Bold-s.p.cee12252.otf') format('opentype'); font-weight:700; font-display:swap; }
@font-face { font-family:'Renogare'; src:url('/_next/static/media/Renogare_Regular-s.p.aba0cd95.otf') format('opentype'); font-weight:400; font-display:swap; }

/* The funnel renders the live site's OWN Tailwind classes — no custom card styling here.
   Only the pieces the compiled bundle can't provide (map controls, logo marquee) live below. */

/* inline embed inside the lander's #name section (no modal — matches the original).
   The #name host already carries the live wrapper classes (min-aspect-video m-auto flex
   max-w-5xl grow); DON'T override them — the earlier display:block/aspect-ratio:auto hack
   collapsed the card to content height (~434px) instead of the live 16:9 (576px). pf-root
   is display:contents (funnel-ext.css) so the card is the direct flex child that stretches. */

/* right-column client logo marquee */
.pf-marquee{ animation:pf-scroll 18s linear infinite; }
@keyframes pf-scroll{ from{ transform:translateY(0); } to{ transform:translateY(-50%); } }

/* roof-draw map controls */
.leaflet-container{ border-radius:0; font:inherit; z-index:0; }
.pf-mapbar{ display:flex; gap:.5rem; z-index:400; }
.pf-mapbar button{ padding:.35rem .7rem; font:inherit; font-size:.8rem; border:0; border-radius:8px; background:rgba(255,255,255,.95); color:#0f2b3d; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.15); }
.pf-mapbar button:hover{ background:#fff; }