/* My Golan, design system v2 (Apple grade), 14.10.2026
   Light surfaces, one ink, one action blue, black for the wine chapter.
   SF on Apple devices, Rubik and Assistant everywhere else. */
:root{
  --bg:#fbfbfd; --bg-2:#f5f5f7; --white:#fff; --black:#000; --night:#1d1d1f;
  --ink:#1d1d1f; --ink-2:#6e6e73; --ink-3:#86868b; --line:#d2d2d7; --hair:rgba(0,0,0,.08);
  --blue:#0071e3; --blue-h:#0066cc; --link:#0066cc; --link-d:#2997ff;
  --gold:#8a5a00; --gold-d:#d6a64b; --wine-d:#e8a0b4;
  /* kept for older markup */
  --basalt:#1d1d1f; --cream:#f5f5f7; --paper:#fff; --stone:#6e6e73; --straw:#d6a64b; --straw-d:#8a5a00; --olive:#4f6a35; --lake:#0066cc;
  --r:18px; --r-lg:28px;
  --shadow:0 2px 10px rgba(0,0,0,.05);
  --shadow-lift:0 12px 40px rgba(0,0,0,.12);
  --ease:cubic-bezier(.28,.11,.32,1);
  --f-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Rubik","Helvetica Neue",Arial,sans-serif;
  --f-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Assistant","Rubik","Helvetica Neue",Arial,sans-serif;
  --pad:clamp(20px,5vw,64px);
  --sec:clamp(80px,11vw,160px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:64px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.55 var(--f-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.08;margin:0 0 .45em;font-weight:600;letter-spacing:-.015em}
a{color:var(--link)}
img,video{max-width:100%}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}

/* languages */
.l-he{display:none}
html[lang="he"] .l-he{display:inline}
html[lang="he"] .l-en{display:none}
html[lang="he"] p.l-he,html[lang="he"] ul.l-he,html[lang="he"] div.l-he{display:block}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{letter-spacing:0}

/* skip + focus */
.skip{position:absolute;inset-inline-start:8px;top:-100px;z-index:200;background:var(--white);color:var(--ink);padding:10px 18px;border-radius:999px;font:600 16px var(--f-display);text-decoration:none;box-shadow:0 0 0 3px var(--ink)}
.skip:focus{top:8px}
[tabindex="-1"]:focus{outline:none}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
.hero :focus-visible,.wine :focus-visible,.top :focus-visible,.deck :focus-visible,.tier.story :focus-visible{outline-color:var(--link-d)}

/* ---------- global nav: thin glass bar ---------- */
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:clamp(14px,2.4vw,32px);height:56px;padding:0 var(--pad);background:rgba(22,22,23,.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);color:#f5f5f7}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;font:600 19px var(--f-display);letter-spacing:-.01em}
.brand img{width:28px;height:28px}
.topnav{display:flex;gap:clamp(18px,2.6vw,34px);margin-inline-start:auto}
.topnav a{color:rgba(245,245,247,.82);text-decoration:none;font:400 16px var(--f-display);display:inline-flex;align-items:center;min-height:44px;transition:color .2s}
.topnav a:hover{color:#fff}
.top-cta{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none;font:500 16px var(--f-display);white-space:nowrap}
.top-cta:hover{background:var(--blue-h)}
.lang{min-height:44px;border:0;background:transparent;color:rgba(245,245,247,.82);font:400 16px var(--f-display);padding:0 4px;cursor:pointer}
.lang:hover{color:#fff}
.bz-page .lang,.plain-page .lang{margin-inline-start:auto}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;font:500 17px var(--f-display);text-decoration:none;border:0;cursor:pointer;transition:background .2s,color .2s,transform .2s var(--ease)}
.btn.primary{background:var(--blue);color:#fff}
.btn.primary:hover{background:var(--blue-h)}
.btn.ghost{background:transparent;color:#f5f5f7;box-shadow:inset 0 0 0 1.5px rgba(245,245,247,.6)}
.btn.ghost:hover{background:rgba(255,255,255,.1)}
.btn:active{transform:scale(.98)}
.tlink{display:inline-flex;align-items:center;gap:6px;min-height:48px;font:400 19px var(--f-display);color:var(--link);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}
.tlink:hover{text-decoration:underline;text-underline-offset:3px}
.tlink::after{content:"\203A";font-size:1.25em;line-height:1;transform:translateY(-1px)}
[dir="rtl"] .tlink::after{content:"\2039"}
.tlink.noarrow::after{content:none}
.hero .tlink,.wine .tlink,.tier.story .tlink{color:var(--link-d)}

/* ---------- section scaffolding ---------- */
.eyebrow{font:600 clamp(16px,1.4vw,19px) var(--f-display);color:var(--gold);margin:0 0 10px;letter-spacing:0}
.sec-sub{font:400 clamp(19px,2vw,24px)/1.45 var(--f-display);color:var(--ink-2);max-width:36em;margin:0 auto}

/* ---------- hero ---------- */
.hero{position:relative;color:#f5f5f7;background:var(--black)}
.hero.has-film{isolation:isolate;min-height:min(100svh,980px);display:grid;place-items:end center;overflow:hidden;padding:clamp(120px,18vh,200px) var(--pad) clamp(88px,12vh,140px)}
.hero-film{position:absolute;inset:0;z-index:-2}
.hero-film video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);animation:heroIn 2.4s var(--ease) both}
@keyframes heroIn{from{transform:scale(1.12);opacity:.4}to{transform:scale(1.04);opacity:1}}
.hero.has-film::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.35) 62%,rgba(0,0,0,.82) 100%)}
.hero-text{max-width:980px;text-align:center}
.hero .eyebrow{color:var(--gold-d);font-size:clamp(17px,1.6vw,21px)}
.hero h1,.hero.has-film h1{font-size:clamp(46px,8.6vw,112px);font-weight:700;letter-spacing:-.035em;line-height:1.0;margin:0 0 .28em;text-wrap:balance}
[dir="rtl"] .hero h1{letter-spacing:-.01em;line-height:1.08}
.lead{font:400 clamp(19px,2.1vw,25px)/1.42 var(--f-display);color:rgba(245,245,247,.86);max-width:30em;margin:0 auto;text-wrap:pretty}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 30px;margin-top:34px}
.hero-cta .btn.primary{min-height:52px;padding:0 30px;font-size:18px}
.tri{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
.film-label{position:absolute;inset-block-end:14px;inset-inline-start:14px;margin:0;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f5f5f7;font:500 16px var(--f-display)}
.hero-label{inset-block-end:22px;inset-inline-start:var(--pad)}
.film-toggle{position:absolute;inset-block-end:10px;inset-inline-end:10px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f5f5f7;cursor:pointer;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.hero-toggle{inset-block-end:16px;inset-inline-end:var(--pad)}
.film-toggle .ico{width:11px;height:13px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
.film-toggle.is-playing .ico{clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}

/* ---------- founder chapter ---------- */
.founder{background:var(--white);padding:var(--sec) var(--pad)}
.note{max-width:760px;margin:0 auto;text-align:center;background:none;box-shadow:none;border:0;padding:0;color:var(--ink)}
.note-head{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:28px}
.note-head img{width:112px;height:112px;border-radius:50%;object-fit:cover;border:0;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.note-kicker{font:600 clamp(16px,1.4vw,19px) var(--f-display);color:var(--gold);margin:0}
.note>p{font:400 clamp(22px,2.6vw,32px)/1.38 var(--f-display);letter-spacing:-.01em;margin:0 0 .7em;color:var(--ink-2);text-wrap:pretty}
.note>p:nth-of-type(1),.note>p:nth-of-type(3){color:var(--ink)}
.note>p.sig{font:500 17px var(--f-display);color:var(--ink-3);margin-top:1.6em;letter-spacing:0}

/* ---------- numbers band ---------- */
.numbers{background:var(--bg-2);padding:clamp(64px,8vw,112px) var(--pad)}
.nums{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;list-style:none;padding:0}
.nums b{display:block;font:700 clamp(56px,8vw,104px)/1 var(--f-display);letter-spacing:-.04em;background:linear-gradient(180deg,#1d1d1f 30%,#5b5b60);-webkit-background-clip:text;background-clip:text;color:transparent}
.nums li>span{display:block;margin-top:10px;font:500 clamp(17px,1.6vw,21px) var(--f-display);color:var(--ink-2)}

/* ---------- stories: tall tiles ---------- */
.stories{padding:var(--sec) var(--pad);background:var(--bg)}
.stories-head{max-width:980px;margin:0 auto clamp(40px,5vw,72px);text-align:center}
.stories-head .eyebrow{color:var(--gold)}
.stories h2{font-size:clamp(40px,6vw,80px);font-weight:700;letter-spacing:-.03em;margin:0}
.story-row{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,24px)}
.stories .story{background:var(--white);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.stories .story:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.story-film{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--night)}
.story-film video{width:100%;height:100%;object-fit:cover;display:block}
.stories .story h3{font-size:clamp(23px,2.2vw,28px);margin:24px 26px 8px;font-weight:600}
.stories .story p{margin:0 26px 6px;color:var(--ink-2);font-size:17px;line-height:1.5}
.stories .story .film-label{margin:0;color:#f5f5f7}
.story-link{display:inline-flex;align-items:center;gap:4px;min-height:48px;margin:auto 26px 14px;font:400 17px var(--f-display);color:var(--link);text-decoration:none;align-self:flex-start}
.story-link::after{content:"\203A";font-size:1.25em;line-height:1}
[dir="rtl"] .story-link::after{content:"\2039"}
.story-link:hover{text-decoration:underline;text-underline-offset:3px}

/* ---------- map ---------- */
.mapsec{padding:var(--sec) var(--pad) clamp(64px,8vw,120px);background:var(--white)}
.map-head{max-width:980px;margin:0 auto clamp(32px,4vw,52px);text-align:center}
.map-head h2{font-size:clamp(40px,6vw,80px);font-weight:700;letter-spacing:-.03em;margin:0 0 .25em}
.mapbar{max-width:1280px;margin:0 auto 18px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.search{flex:1 1 320px;display:block}
.search input{width:100%;min-height:52px;padding:0 20px 0 48px;border-radius:14px;border:0;background:var(--bg-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6e73' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 18px 50%/20px;font:400 18px var(--f-body);color:var(--ink);-webkit-appearance:none;appearance:none}
[dir="rtl"] .search input{padding:0 48px 0 20px;background-position:calc(100% - 18px) 50%}
.search input::placeholder{color:var(--ink-3)}
.search input:focus{outline:3px solid var(--blue);outline-offset:0;background-color:var(--white)}
.chips{display:flex;gap:8px;width:100%;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:var(--bg-2);font:500 16px var(--f-display);cursor:pointer;color:var(--ink);transition:background .2s,color .2s}
.chip:hover{background:#e8e8ed}
.chip i{width:9px;height:9px;border-radius:50%;display:inline-block}
.chip[aria-pressed="true"]{background:var(--ink);color:#fff}
.hint{width:100%;margin:0;font:500 16px var(--f-display);color:var(--ink-2)}
.hint:empty{display:none}
.mapwrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.7fr 1fr;gap:20px;height:min(76vh,760px)}
#mapel{border-radius:var(--r-lg);overflow:hidden;background:#e9e6df;box-shadow:inset 0 0 0 1px var(--hair)}
.list{overflow:auto;display:flex;flex-direction:column;gap:10px;padding:2px;padding-inline-end:6px;scrollbar-width:thin}
.count{max-width:1280px;margin:14px auto 0;color:var(--ink-2);font-size:16px}

/* list card */
.card{position:relative;display:grid;grid-template-columns:88px 1fr;gap:16px;background:var(--bg-2);border-radius:var(--r);padding:12px;border:0;cursor:pointer;transition:background .2s,box-shadow .2s}
.card:hover{background:#ededf0}
.card.on{background:var(--white);box-shadow:0 0 0 2px var(--blue),var(--shadow-lift)}
.ph{width:88px;height:88px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;position:relative;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover}
.ph svg{width:32px;height:32px;opacity:.95;flex:none}
.ph small{padding-inline:4px;text-align:center;font:500 16px/1.1 var(--f-display)}
.card h3{font-size:18px;margin:2px 0 2px;padding-inline-end:48px;letter-spacing:-.01em}
.meta{font:500 16px var(--f-display);color:var(--ink-2);margin:0 0 4px}
.desc{font-size:16px;margin:0 0 8px;line-height:1.45;color:var(--ink)}
.acts{display:flex;flex-wrap:wrap;gap:6px}
.acts a,.acts button{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:var(--white);font:500 16px var(--f-display);text-decoration:none;color:var(--link);box-shadow:inset 0 0 0 1px var(--hair)}
.acts button{border:0;cursor:pointer}
.acts a:hover,.acts button:hover{box-shadow:inset 0 0 0 1px var(--link)}
.card h3 a.ttl,.wcard h3 a{display:inline-block;padding:10px 0;margin:-10px 0;text-decoration:none;color:inherit}
.card h3 a.ttl:hover,.wcard h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.more-wrap{grid-column:1/-1;text-align:center;margin:10px 0 0}
.btn.more{background:var(--bg-2);color:var(--link);min-height:48px;font-size:17px}
.btn.more:hover{background:#e8e8ed}
.pagelink{font-weight:600}

/* save heart */
.save{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:0;background:var(--white);color:var(--ink);cursor:pointer;box-shadow:inset 0 0 0 1px var(--hair)}
.save:hover{box-shadow:inset 0 0 0 1px var(--ink-3)}
.save svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.save[aria-pressed="true"]{color:#d70015}
.save[aria-pressed="true"] svg{fill:currentColor}
.card .save{position:absolute;top:8px;inset-inline-end:8px;z-index:1}

/* map popup + pins */
.maplibregl-popup-content{border-radius:16px;padding:14px 16px;font:400 15px var(--f-body);box-shadow:var(--shadow-lift)}
.pop h4{font:600 17px var(--f-display);margin:0 0 2px}
.pop p{margin:0 0 6px;color:var(--ink-2);font-size:16px}
.pop a{display:inline-block;padding:10px 0;font:500 16px var(--f-display);color:var(--link);margin-inline-end:12px;text-decoration:none}
.pin{width:18px;height:18px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3);cursor:pointer}
.pin.big{width:26px;height:26px}
.maplibregl-ctrl-group{border-radius:12px!important;overflow:hidden}
.maplibregl-ctrl-group button{width:44px!important;height:44px!important}

/* ---------- wine chapter: black ---------- */
.wine{padding:var(--sec) var(--pad);background:var(--black);color:#f5f5f7}
.wine-head{max-width:980px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.wine .eyebrow{color:var(--wine-d)}
.wine h2{font-size:clamp(40px,6vw,80px);font-weight:700;letter-spacing:-.03em;background:linear-gradient(90deg,#f5d0dc,#f5f5f7 45%,#e6c48a);-webkit-background-clip:text;background-clip:text;color:transparent}
.wine-head p{max-width:34em;margin:0 auto;font:400 clamp(19px,2vw,24px)/1.45 var(--f-display);color:#a1a1a6}
.wine-row{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.wcard{background:var(--night);border:0;border-radius:var(--r);padding:26px 26px 18px;transition:background .3s}
.wcard:hover{background:#262628}
.wcard h3{font-size:22px;margin:0 0 4px}
.wcard p{margin:0 0 10px;font-size:16px;color:#a1a1a6}
.wcard .meta{color:var(--wine-d)}
.wcard a{color:var(--link-d);font:500 16px var(--f-display);margin-inline-end:14px;text-decoration:none}
.wcard > a{display:inline-flex;align-items:center;min-height:44px}
.wcard a:hover{text-decoration:underline}
.wcard h3 a{font:inherit;color:inherit}
.cur{font-size:.55em;font-weight:600;letter-spacing:0;margin-inline-end:.06em;vertical-align:.32em}

/* ---------- offer ---------- */
.offer{padding:var(--sec) var(--pad);background:var(--bg-2)}
.offer-head{max-width:980px;margin:0 auto clamp(40px,5vw,64px);text-align:center}
.offer h2{font-size:clamp(40px,6vw,80px);font-weight:700;letter-spacing:-.03em}
.tiers{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.tier{display:flex;flex-direction:column;background:var(--white);border-radius:var(--r-lg);padding:clamp(28px,3.4vw,48px)}
.tier.story{background:var(--black);color:#f5f5f7}
.tier-tag{align-self:flex-start;font:600 16px var(--f-display);background:none;color:var(--gold);padding:0;margin:0 0 10px;letter-spacing:0;text-transform:none}
.tier.story .tier-tag{background:none;color:var(--gold-d)}
.price{font:700 clamp(48px,5.6vw,72px)/1 var(--f-display);letter-spacing:-.035em;margin:0 0 8px}
.price-sub{font:500 16px var(--f-display);color:var(--ink-2);margin:0 0 24px}
.tier.story .price{font-size:clamp(36px,4vw,52px);margin-bottom:22px}
.tier.story .price-sub{color:#a1a1a6}
.tier h3{font-size:clamp(22px,2.2vw,28px);margin:0 0 18px;line-height:1.2}
.tier ul{list-style:none;padding:0;margin:0 0 22px;border-top:1px solid var(--hair)}
.tier.story ul{border-color:rgba(255,255,255,.14)}
.tier li{padding:13px 0;border-bottom:1px solid var(--hair);display:flex;gap:14px;align-items:baseline}
.tier.story li{border-color:rgba(255,255,255,.14)}
.tier li::before{content:"";flex:0 0 auto;width:14px;height:8px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg) translateY(-3px)}
.tier.story li::before{border-color:var(--link-d)}
.fine{font-size:16px;color:var(--ink-2);margin:4px 0 0;line-height:1.5}
.tier.story .fine{color:#a1a1a6}
.tier.story .promise{font:500 18px/1.5 var(--f-display);color:#f5f5f7;margin:0 0 24px;padding:0;border:0}
.tier.story .film-cta{align-self:flex-start;margin-top:auto}
.mailbox{max-width:1080px;margin:20px auto 0;background:var(--white);border-radius:var(--r-lg);padding:clamp(28px,3.4vw,48px);display:grid;grid-template-columns:1fr auto;gap:12px 32px;align-items:center}
.mailbox h3{font-size:clamp(22px,2.2vw,28px);margin:0}
.mailbox p{margin:0;color:var(--ink-2);grid-column:1}
.mailbox .mail{grid-column:2;grid-row:1/3}
.mail{direction:ltr}

/* ---------- deck ---------- */
.deck{position:fixed;inset:0;z-index:100;background:#000}
.deck iframe{width:100%;height:100%;border:0;display:block}
.deck-x{position:absolute;top:14px;inset-inline-end:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(40,40,42,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:18px;cursor:pointer}
.deck-x:hover{background:rgba(60,60,62,.9)}

/* ---------- footer ---------- */
.foot{background:var(--bg-2);color:var(--ink-2);padding:28px var(--pad) 40px;font-size:16px;line-height:1.55}
.foot>*{max-width:1080px;margin-inline:auto}
.foot p{margin-block:0 8px}
.foot p:first-child{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}
.foot-links{display:flex;flex-wrap:wrap;margin-top:12px}
.foot-links a{color:var(--ink);font:400 16px var(--f-display);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;padding-inline-end:16px;margin-inline-end:16px;border-inline-end:1px solid var(--line)}
.foot-links a:last-child{border:0}
.foot-links a:hover{text-decoration:underline}

/* ---------- notices ---------- */
.notice{margin:0;padding:10px var(--pad);background:#fff4d6;color:var(--ink);font:500 16px var(--f-display);text-align:center}
.notice:empty{display:none}

/* ---------- business pages ---------- */
.bz{max-width:820px;margin:0 auto;padding:clamp(24px,4vw,48px) var(--pad) 72px;display:flex;flex-direction:column}
.bz>*{order:10}
.bz>.bz-back{order:0}
.bz>.bz-meta{order:1}
.bz>h1{order:2}
.bz>.bz-line{order:3}
.bz>div.bz-acts:first-of-type{order:4}
.bz>.bz-fig{order:5}
.bz-back{margin:0 0 8px}
.bz-back a{display:inline-flex;align-items:center;gap:4px;min-height:44px;font:400 16px var(--f-display);color:var(--link);text-decoration:none}
.bz-back a::before{content:"\2039";font-size:1.3em;line-height:1}
[dir="rtl"] .bz-back a::before{content:"\203A"}
.bz-meta{display:flex;align-items:center;gap:8px;font:600 17px var(--f-display);color:var(--gold);margin:clamp(12px,3vw,36px) 0 8px}
.bz-meta i{width:10px;height:10px;border-radius:50%;background:var(--g);display:inline-block}
.bz h1{font-size:clamp(40px,6.4vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.04;margin:0 0 14px;text-wrap:balance}
.bz h1 .l-he,.bz h1 .l-en{display:none}
html[lang="he"] .bz h1 .l-he,html[lang="en"] .bz h1 .l-en{display:inline}
.bz-line{font:400 clamp(20px,2.4vw,26px)/1.4 var(--f-display);color:var(--ink-2);margin:0 0 26px;text-wrap:pretty}
.bz-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.bz .btn{background:var(--bg-2);color:var(--link)}
.bz .btn:hover{background:#e8e8ed}
.bz .btn.primary{background:var(--blue);color:#fff}
.bz .btn.primary:hover{background:var(--blue-h)}
.bz .btn.ghost-dark{background:transparent;color:var(--link);box-shadow:inset 0 0 0 1.5px var(--link)}
.bz-fig{margin:36px 0 12px}
.bz-fig img{display:block;width:100%;height:auto;border-radius:var(--r-lg);background:var(--bg-2)}
.bz-fig figcaption{font-size:16px;line-height:1.5;color:var(--ink-2);margin-top:10px}
.bz-fig figcaption a{color:inherit;text-decoration:underline}
.bz-anim{position:relative;border-radius:var(--r-lg);overflow:hidden}
.bz-anim video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--r-lg)}
.bz-sub{font:600 16px var(--f-display);color:var(--ink-2);margin:34px 0 12px;letter-spacing:0}
.bz-facts{margin:28px 0;border-top:1px solid var(--hair)}
.bz-facts dt{font:600 16px var(--f-display);color:var(--ink-2);padding-top:14px}
.bz-facts dd{margin:2px 0 0;padding-bottom:14px;border-bottom:1px solid var(--hair);font-size:18px}
.bz-film video{width:100%;border-radius:var(--r-lg);background:#000;margin-top:8px}
.bz>p:has(.ghost-dark){margin:26px 0 0}
.bz-fix{margin-top:56px;padding-top:20px;border-top:1px solid var(--hair);font-size:16px;color:var(--ink-2)}
.credits{list-style:none;padding:0}
.credits li{font-size:17px;padding:12px 0;border-bottom:1px solid var(--hair)}

/* ---------- plain pages (legal, app, credits) ---------- */
.plain{max-width:760px;margin:0 auto;padding:clamp(48px,8vw,112px) var(--pad) 112px;min-height:50vh}
.plain h1{font-size:clamp(40px,6vw,72px);font-weight:700;letter-spacing:-.03em;line-height:1.04;text-wrap:balance}
.plain h2{font-size:clamp(23px,2.6vw,30px);font-weight:600;margin:48px 0 12px}
.plain p,.plain li{font-size:18px;line-height:1.7}
.plain ul{padding-inline-start:1.2em;margin:0 0 12px}
.plain li{margin:0 0 8px}
.plain .updated{margin-top:56px;color:var(--ink-2);font-size:16px}
.plain .app-lead{font:400 clamp(21px,2.4vw,26px)/1.45 var(--f-display);color:var(--ink-2)}

/* ---------- scroll reveal (JS adds .rv only when motion is allowed) ---------- */
.js-rv .rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js-rv .rv.in{opacity:1;transform:none}
.js-rv .rv.d1{transition-delay:.08s}.js-rv .rv.d2{transition-delay:.16s}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .mapwrap{grid-template-columns:1fr;height:auto}
  #mapel{height:58vh;min-height:360px}
  .list{max-height:none;overflow:visible}
  .story-row{grid-template-columns:1fr;max-width:620px}
  .story-film{aspect-ratio:16/11}
  .tiers{grid-template-columns:1fr;max-width:620px}
  .mailbox{grid-template-columns:1fr;max-width:620px}
  .mailbox .mail{grid-column:1;grid-row:auto;justify-self:start}
}
@media (max-width:820px){
  .topnav{display:none}
  .top-cta{margin-inline-start:auto}
}
@media (max-width:600px){
  body{font-size:17px}
  .top{height:52px;gap:12px}
  .brand{font-size:17px}
  .top-cta{min-height:36px;padding:0 13px;font-size:16px}
  .hero.has-film{min-height:100svh;padding-top:120px}
  .hero-toggle{inset-block-end:auto;inset-block-start:14px}
  .hero-label{inset-block-end:auto;inset-block-start:20px;max-width:calc(100% - 96px)}
  .hero-cta{flex-direction:column;gap:6px}
  .hero-cta .btn.primary{width:100%;max-width:340px}
  .nums{grid-template-columns:1fr;gap:36px}
  .note-head img{width:96px;height:96px}
  .card{grid-template-columns:72px 1fr;gap:12px}
  .ph{width:72px;height:72px}
  .ph svg{width:26px;height:26px}
  .foot-links a{border:0;margin-inline-end:4px}
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .hero-film video{transform:none}
}

/* Polish 14.10 late: readers past fifty (eye pass) */
:root{--ink-3:#6e6e73}
.top-cta{min-height:44px;font-size:16px}
.lang{font-size:17px;color:#f5f5f7;padding:0 12px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(245,245,247,.35)}
.meta,.pop p,.bz-fig figcaption,.bz-facts dt,.foot,.foot-links a,.film-label{font-size:16px}
.count,.hint,.acts a,.wcard a,.bz-sub,.bz-fix,.plain .updated,.pop a,.notice,.topnav a{font-size:16px}
.hero-cta{gap:12px}
.acts{gap:10px}
.bz>.bz-fig{order:3}
.bz .bz-fig img{max-height:56vh;object-fit:cover;width:100%}
.bz-meta{font-size:18px}
[dir="rtl"] .hero h1,[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] .nums b,[dir="rtl"] .price{letter-spacing:0}
.nums b{background:none;color:var(--ink)}
@media (forced-colors:active){.wine h2{color:CanvasText;background:none}}
@media (max-width:420px){.top-cta{min-height:44px;font-size:16px;padding:0 14px}}
.brand{white-space:nowrap}

/* ===== 3D map, 14.10 night ===== */
.mapsec{background:linear-gradient(180deg,var(--white) 0%,#f3f1ec 100%)}
.mapwrap{max-width:1440px;height:min(84vh,900px);grid-template-columns:2.2fr 1fr}
.mapstage{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(29,29,31,.45),0 0 0 1px var(--hair);isolation:isolate}
#mapel{position:absolute;inset:0;border-radius:0;background:linear-gradient(180deg,#cfe0ea 0%,#e9e3d6 55%)}
.mapstage::after{content:"";position:absolute;inset:0 0 auto 0;height:90px;background:linear-gradient(180deg,rgba(214,228,236,.75),rgba(214,228,236,0));pointer-events:none;z-index:1}
.map-ui{position:absolute;inset-block-end:18px;inset-inline-start:18px;display:flex;gap:10px;flex-wrap:wrap;z-index:2}
.mapbtn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border:0;border-radius:999px;cursor:pointer;
  background:rgba(255,255,255,.72);-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);
  color:var(--ink);font:600 16px var(--f-display);box-shadow:0 8px 24px rgba(0,0,0,.14),inset 0 0 0 1px rgba(255,255,255,.6);transition:transform .25s var(--ease),background .25s}
.mapbtn:hover{transform:translateY(-2px)}
.mapbtn.tour{background:rgba(0,113,227,.92);color:#fff}
.mapbtn.tour[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 8px 24px rgba(0,0,0,.14),inset 0 0 0 2px #0071e3}
.maplibregl-ctrl-group{border-radius:14px!important;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.14)!important}
.maplibregl-ctrl-group button{width:40px!important;height:40px!important}

/* pins: a dot that glows and lifts when chosen */
.pinw{width:30px;height:30px;display:grid;place-items:center;cursor:pointer}
.pinw.big{width:40px;height:40px}
.pinw .pin{width:16px;height:16px;border-radius:50%;background:var(--pc);border:3px solid #fff;
  box-shadow:0 0 0 0 var(--pc),0 4px 12px rgba(0,0,0,.35);
  transition:transform .25s,box-shadow .3s}
.pinw.big .pin{width:22px;height:22px}
.pinw:hover .pin,.pinw:focus-visible .pin{transform:scale(1.35)}
.maplibregl-marker:has(.pinw.sel),.pinw.sel{z-index:5}
.pinw.sel .pin{transform:scale(1.5);box-shadow:0 0 0 6px color-mix(in srgb,var(--pc) 30%,transparent),0 6px 18px rgba(0,0,0,.4)}
.pinw.big .pin{animation:pulse 2.6s 1.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--pc) 55%,transparent),0 4px 12px rgba(0,0,0,.35)}
  70%{box-shadow:0 0 0 16px color-mix(in srgb,var(--pc) 0%,transparent),0 4px 12px rgba(0,0,0,.35)}100%{box-shadow:0 0 0 0 transparent,0 4px 12px rgba(0,0,0,.35)}}
.maplibregl-popup-content{border-radius:20px;padding:18px 20px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px -10px rgba(0,0,0,.35)}
.maplibregl-popup-tip{display:none}
.pop h4{font:700 20px/1.2 var(--f-display);margin:0 0 4px;letter-spacing:-.01em}
@media (prefers-reduced-motion:reduce){.pinw .pin{transition:none}.pinw.big .pin{animation:none}}
@media (max-width:1000px){
  .mapwrap{height:auto;grid-template-columns:1fr}
  .mapstage{height:72vh;min-height:440px;border-radius:22px}
  #mapel{height:auto}
  .map-ui{inset-block-end:12px;inset-inline-start:12px}
}

/* ===== motion layer (motion.js), only when motion is allowed ===== */
.progress{position:fixed;inset-block-start:0;inset-inline:0;height:3px;z-index:200;background:linear-gradient(90deg,#0071e3,#7a2e4a,#e6c48a);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
[dir="rtl"] .progress{transform-origin:100% 50%}
.mo .hero.has-film{overflow:hidden}
.mo .hero-film{will-change:transform,filter;transform-origin:50% 60%}
.mo .hero-text{will-change:transform,opacity}
.mo .story-film{overflow:hidden}
.mo .story-film video{will-change:transform;transition:transform .1s linear}
.mo .note>p .w{color:#c7c7cc;transition:color .5s ease}
.mo .note>p .w.lit{color:var(--ink)}
.mo .wine h2{background-size:220% 100%;transform-origin:50% 100%;will-change:transform}
.mo .mapstage{transform-origin:50% 0;will-change:transform;transition:transform .12s linear}
.mo .story,.mo .wcard,.mo .tier{transition:transform .35s var(--ease),box-shadow .35s;transform-style:preserve-3d;position:relative}
.mo .tilt{box-shadow:0 30px 60px -25px rgba(0,0,0,.35)}
.mo .wcard.tilt::after,.mo .tier.tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(400px circle at var(--mx) var(--my),rgba(255,255,255,.14),transparent 45%)}
/* phone header: logo mark only, so the wordmark never sits under the CTA */
/* phone header: wordmark stays, Menu button opens the links (round 2) */
/* map buttons sit above the map credit line */
.map-ui{inset-block-end:44px}
@media (max-width:1000px){.map-ui{inset-block-end:64px}}

/* ===== Cinema layer (14.10.2026): flight, hero reveal, ticker, card light, progress, heading rise ===== */

/* flight: one looping film with place captions (flight.js) */
.flight{position:relative;background:#000;color:#fff;overflow:hidden}
.flight-stage{position:relative;width:100%;aspect-ratio:16/9;max-height:min(80vh,760px);margin-inline:auto;background:#000;overflow:hidden}
.flight-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.flight-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.3) 26%,rgba(0,0,0,0) 50%),linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 30%)}
.flight-title{position:absolute;inset-block-start:clamp(48px,8%,72px);inset-inline:0;padding:0 var(--pad);text-align:center;text-shadow:0 2px 24px rgba(0,0,0,.55)}
.flight-title p{margin:0}
.ft-h{font:700 clamp(26px,4.4vw,56px)/1.05 var(--f-display);letter-spacing:-.03em}
.ft-s{margin-top:.4em!important;font:500 clamp(16px,1.8vw,22px)/1.3 var(--f-display);color:rgba(255,255,255,.9)}
[dir="rtl"] .ft-h{letter-spacing:-.01em}
.flight-places{position:absolute;inset:0;pointer-events:none}
.fplace{position:absolute;inset:0;margin:0;display:flex;align-items:flex-end;opacity:0;transition:opacity .6s}
.fplace.on{opacity:1}
.fcap{padding:0 var(--pad) clamp(76px,12%,110px);max-width:min(860px,100%);text-shadow:0 2px 24px rgba(0,0,0,.55)}
.fcap h3{margin:0 0 .12em;font:700 clamp(28px,5vw,64px)/1.05 var(--f-display);letter-spacing:-.03em;color:#fff}
.fcap p{margin:0;font:500 clamp(16px,2vw,26px)/1.3 var(--f-display);color:rgba(255,255,255,.92)}
[dir="rtl"] .fcap h3{letter-spacing:-.01em}
.flight-cta{position:absolute;inset-block-end:clamp(14px,3%,24px);inset-inline-end:var(--pad);margin:0;min-height:48px;padding:0 24px;font-size:17px}
.flight-label{inset-block-end:clamp(18px,3.4%,30px);inset-block-start:auto;inset-inline-start:var(--pad);max-width:calc(100% - 2 * var(--pad) - 190px)}
.flight-pp{position:absolute;inset-block-start:12px;inset-inline-end:12px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;display:grid;place-items:center}
.flight-pp:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pp-i{width:14px;height:16px;border-inline:4px solid currentColor}
.flight-pp[data-state="pause"] .pp-i{width:0;height:0;border:solid transparent;border-width:8px 0 8px 13px;border-left-color:currentColor;border-right:0}
[dir="rtl"] .flight-pp[data-state="pause"] .pp-i{transform:scaleX(-1)}
@media (max-width:900px){
  .flight-stage{aspect-ratio:auto;height:70vh;height:70svh;max-height:none}
  .flight-label{max-width:calc(100% - 2 * var(--pad));inset-block-end:76px}
  .flight-cta{inset-inline-start:var(--pad);inset-inline-end:auto;inset-block-end:16px}
  .fcap{padding-bottom:130px}
}
@media (prefers-reduced-motion:reduce){.fplace{transition:none}}

/* hero headline: words rise out of a mask */
.hw{display:inline-block;overflow:hidden;vertical-align:top;padding:.1em 0 .14em;margin:-.1em 0 -.14em}
.hw>span{display:inline-block;transform:translateY(110%);animation:hwUp .95s var(--ease) both}
@keyframes hwUp{from{transform:translateY(110%)}to{transform:none}}

/* section headings rise with their .rv block (the existing observer adds .in) */
.js-rv .rv h2{clip-path:inset(0 0 100% 0);transform:translateY(.45em);transition:clip-path 1s var(--ease) .1s,transform 1s var(--ease) .1s}
.js-rv .rv.in h2{clip-path:inset(-.15em -2% -.3em -2%);transform:none}

/* village ticker */
.ticker{position:relative;direction:ltr;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--hair);padding:20px 0}
.ticker:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}
.tick-track{display:flex;width:max-content;animation:tickRun 90s linear infinite}
.tick-set{display:flex;flex:none;list-style:none;margin:0;padding:0}
.tick-set li{display:flex;align-items:center;flex:none;white-space:nowrap;font:500 clamp(18px,1.8vw,22px)/1.3 var(--f-display);color:var(--ink-2)}
.tick-set li .l-he{unicode-bidi:isolate}
.tick-set i{font-style:normal;font-size:.62em;color:var(--blue);margin-inline:clamp(20px,2.6vw,38px)}
.ticker:hover .tick-track,.ticker:focus .tick-track,.ticker:focus-within .tick-track{animation-play-state:paused}
@keyframes tickRun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .tick-track{animation:none;width:auto;display:block}
  .tick-set{flex-wrap:wrap;justify-content:center;padding:0 var(--pad);row-gap:6px}
  .tick-set+.tick-set{display:none}
  .tick-set li:last-child i{display:none}
}

/* progress bar: 2px action blue under the glass nav (bar made by motion.js, or by film.js without it) */
.progress{inset-block-start:56px;height:2px;z-index:51;background:var(--blue)}
@media (max-width:600px){.progress{inset-block-start:52px}}

/* card light and tilt, pointer devices only */
@media (hover:hover) and (pointer:fine){
  .mo .story.tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(400px circle at var(--mx) var(--my),rgba(0,113,227,.09),transparent 45%)}
  .mo .tier.story.tilt::after{background:radial-gradient(400px circle at var(--mx) var(--my),rgba(255,255,255,.14),transparent 45%)}
  .cin .story,.cin .wcard,.cin .tier{position:relative;transition:transform .2s var(--ease),box-shadow .35s,opacity .9s var(--ease)}
  .cin .story::after,.cin .wcard::after,.cin .tier::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),rgba(0,113,227,.09),transparent 45%)}
  .cin .wcard::after,.cin .tier.story::after{background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.14),transparent 45%)}
  .cin .cin-tilt::after{opacity:1}
  html.cin .story.cin-tilt,html.cin .wcard.cin-tilt,html.cin .tier.cin-tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px);box-shadow:0 30px 60px -25px rgba(0,0,0,.35)}
}

/* ===== One house look (Walking into the Pages), 16.10 ===== */
:root{--bg:#f5f5f7;--bg-2:#f5f5f7;--card:#fff;--glass:#faf8f5c7;--hairline:.5px solid #0000001f;--ease:cubic-bezier(.22,1,.36,1);--r:20px;--shadow:0 1px 2px #0000000a,0 8px 24px #0000000a;--wine-d:#8a2b4a;
 --f-display:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,Heebo,Rubik,"Helvetica Neue",Arial,sans-serif;
 --f-body:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Heebo,Assistant,"Helvetica Neue",Arial,sans-serif}
html,body{background:var(--bg)}
body{font-size:17px}
[lang="he"] .he,.he,.heb{font-family:"Frank Ruhl Libre",var(--f-body)}
.top{background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:var(--hairline);color:var(--ink)}
.topnav a:not(.top-cta){color:var(--ink-2)}
.topnav a:hover{color:var(--link)}
.topnav a.top-cta,.topnav a.top-cta:hover{color:#fff}
.lang{color:var(--ink);box-shadow:inset 0 0 0 .5px #0000003d}
.lang:hover{color:var(--link)}
.btn,.top-cta{border-radius:980px;transition:background .3s var(--ease),transform .3s var(--ease),color .3s var(--ease)}
.card{background:var(--card);border:var(--hairline);box-shadow:var(--shadow)}
.card:hover{background:#fafafc}
.tier{border:var(--hairline);border-radius:20px;box-shadow:var(--shadow)}
.offer{background:var(--bg)}
.foot{background:var(--bg);border-top:var(--hairline)}
/* wine chapter and story tier: light */
.wine{background:var(--bg);color:var(--ink)}
.wine h2{background:none;color:var(--ink);-webkit-text-fill-color:currentColor}
.wine-head p{color:var(--ink-2)}
.wcard{background:var(--card);border:var(--hairline);border-radius:20px;box-shadow:var(--shadow)}
.wcard:hover{background:#fafafc}
.wcard p{color:var(--ink-2)}
.wcard a{color:var(--link)}
.tier.story{background:var(--card);color:var(--ink)}
.tier.story .tier-tag{color:var(--gold)}
.tier.story .price-sub,.tier.story .fine{color:var(--ink-2)}
.tier.story ul,.tier.story li{border-color:#0000001f}
.tier.story li::before{border-color:var(--blue)}
.tier.story .promise{color:var(--ink)}
.wine .tlink,.tier.story .tlink{color:var(--link)}
.wine :focus-visible,.top :focus-visible,.tier.story :focus-visible{outline-color:var(--blue)}
.cin .wcard::after,.cin .tier.story::after,.mo .tier.story.tilt::after{background:radial-gradient(400px circle at var(--mx,50%) var(--my,50%),rgba(0,113,227,.08),transparent 45%)}
@media (forced-colors:active){.wine h2{color:CanvasText}}

/* ===== house round 2: phone menu, hero eyebrow, scrim, hero links ===== */
.topnav{align-items:center}
.topnav .top-cta{margin-inline-start:0}
.menu-btn{display:none;margin-inline-start:auto;min-height:44px;padding:0 6px;border:0;background:transparent;color:#0066cc;font:400 17px var(--f-display);cursor:pointer}
@media (max-width:820px){
  .menu-btn{display:inline-flex;align-items:center}
  .topnav{display:none;position:absolute;inset-block-start:100%;inset-inline:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px var(--pad) 16px;background:rgba(250,248,245,.97);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:var(--hairline);box-shadow:0 12px 24px #0000001a}
  .topnav.open{display:flex}
  .topnav a{min-height:48px;font-size:17px;border-bottom:var(--hairline)}
  .topnav a.top-cta{justify-content:center;margin-top:12px;border-bottom:0;color:#fff;min-height:48px}
  .topnav .lang{align-self:flex-start;margin-top:8px;min-width:72px;border-radius:980px}
  .top-cta{margin-inline-start:0}
}
.hero .eyebrow,.hero-text .eyebrow{color:rgba(255,255,255,.9);font-weight:600;font-size:clamp(16px,1.6vw,21px)}
.hero.has-film::before{background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.58) 40%,rgba(0,0,0,.6) 62%,rgba(0,0,0,.85) 100%),radial-gradient(ellipse at 50% 70%,rgba(0,0,0,.55),transparent 75%)}
.hero .tlink{color:#fff}
.hero .tlink:not(.play){padding:0 22px;min-height:44px;border-radius:980px;box-shadow:inset 0 0 0 .5px #fff}
.hero .tlink:not(.play):hover{background:rgba(255,255,255,.12);text-decoration:none}
.hero :focus-visible{outline-color:#fff}

/* menu sheet above the hero (house r3) */
@media (max-width:820px){.topnav.open{z-index:1000;background:#faf8f5}header,.site-header,.nav{z-index:1000}}

/* ===== hf round: Higgsfield films (16.10) ===== */
.hero-toggle{inset-block-end:auto;inset-block-start:14px}
.hero-label{inset-block-end:auto;inset-block-start:20px;max-width:calc(100% - 96px)}
#vGamla{object-position:15% 50%}
.hero.has-film .lead,.hero.has-film .tlink{text-shadow:0 1px 14px rgba(0,0,0,.6)}

/* popup: three actions in one row */
.pop-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.pop .pop-acts a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;margin:0;border-radius:999px;background:var(--white);box-shadow:inset 0 0 0 1px var(--hair);font-weight:600}
.pop .pop-acts a.go{background:var(--link);color:#fff;box-shadow:none}
.pop-line{margin:0 0 4px!important;color:var(--ink)!important}
.maplibregl-ctrl-geolocate{width:40px;height:40px}
@media (max-width:600px){
  .pop-acts{gap:6px;flex-wrap:nowrap}
  .pop .pop-acts a{padding:0 12px;font-size:16px;white-space:nowrap}
  .maplibregl-popup-content{padding:16px 14px}
}
.mo .mapstage{transform:none!important}
.acts{gap:6px}
.acts a,.acts button{padding:0 12px}

/* 17.10: the no-phone note and the "Is this your business?" note share one rule */
.bz-nophone+.bz-fix{margin-top:12px;padding-top:0;border-top:0}