/* ── Fonts ─────────────────────────────────────────────────────────────── */
/* Tel Aviv Modernist — the display family the Figma file specifies ("Tel Aviv") */
@font-face{font-family:"Tel Aviv Modernist";font-style:normal;font-weight:400;font-display:swap;
	src:url(../fonts/telaviv-modernist-regular.woff2) format("woff2")}
@font-face{font-family:"Tel Aviv Modernist";font-style:normal;font-weight:700;font-display:swap;
	src:url(../fonts/telaviv-modernist-bold.woff2) format("woff2")}
/* Assistant (variable 200–800) — body copy in the Figma file. Self-hosted, hebrew + latin subsets */
@font-face{font-family:"Assistant";font-style:normal;font-weight:200 800;font-display:swap;
	src:url(../fonts/assistant-hebrew.woff2) format("woff2");
	unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:"Assistant";font-style:normal;font-weight:200 800;font-display:swap;
	src:url(../fonts/assistant-latin.woff2) format("woff2");
	unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ── Sheftel Nahari LP · tokens ───────────────────────────────────────── */
:root{
	--ink:#1f1e1b;
	--black:#000;
	--white:#fff;
	--gold:#c2a04d;
	--gold-2:#b58d41;
	--gold-light:#f8e2b2;
	--gold-grad:linear-gradient(61.46deg,#c2a04d 1.24%,#f8e2b2 47.63%,#ba9846 94.03%);
	--gold-grad-2:linear-gradient(90deg,#ab8443 0%,#b99355 25%,#d3b077 50%,#b99355 75%,#ab8443 100%);
	--dark:#0b0a08;
	--dark-2:#252525;
	--dark-3:#323232;
	--grey:#f3f3f3;
	--grey-2:#f9f9f9;
	--muted:#737373;
	--line:#d9d9d9;
	--wa:#0fcc32;
	--container:1540px;
	--hdr-h:216px;
	--ff:"Tel Aviv Modernist","Assistant",Arial,sans-serif;
	--ff-body:"Assistant",Arial,sans-serif;
}

/* ── reset ─────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;padding:0;direction:rtl;font-family:var(--ff);font-weight:400;color:var(--ink);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,p,figure,ul,ol,dl,blockquote{margin:0;padding:0;font-weight:inherit;font-size:inherit}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
img,svg,video{max-width:100%}
img{border:0;display:block}
input,textarea,select{font:inherit;color:inherit}
main{display:block}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ── layout ────────────────────────────────────────────────────────────── */
/* content column = 1500 (Figma x210→1710 on the 1920 canvas) */
.container{width:100%;max-width:var(--container);margin:0 auto;padding-inline:20px}
.container--wide{max-width:1920px}
.container--narrow{max-width:991px}
section{position:relative;width:100%}

/* ── utilities (Alex) ──────────────────────────────────────────────────── */
.ts-01{transition:all .1s}
.ts-02{transition:all .2s}
.ts-03{transition:all .3s}
.flex-align-center{display:flex;align-items:center}
.absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.image{position:relative;overflow:hidden}
.object-fit-cover{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
.br-lg{display:none}
@media(min-width:1024px){.br-lg{display:inline}}

/* ── shared typography (DRY) — sections keep only layout ──────────────── */
/* section title: Tel Aviv Modernist Bold 75/90, ink; the gold part = <span class="gold"> */
.title{font-family:var(--ff);font-weight:700;font-size:clamp(36px,3.906vw,75px);line-height:1.2;color:var(--ink);letter-spacing:0}
.title--on-dark{color:var(--white)}
.gold{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* body copy: Assistant 22/30 */
.sub{font-family:var(--ff-body);font-size:clamp(16px,1.146vw,22px);line-height:1.364;color:var(--black)}
.sub--on-dark{color:var(--white)}
.sec-head{text-align:center}
.sec-head .sub{margin-top:clamp(4px,.26vw,6px)}

/* ── buttons ───────────────────────────────────────────────────────────── */
/* pill + ↖ arrow (arrow sits at the inline-end = visual left in RTL) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 24px;border-radius:60px;font-family:var(--ff);font-size:clamp(17px,1.042vw,20px);line-height:1;white-space:nowrap;transition:all .2s;cursor:pointer}
.btn svg{flex:none;width:20px;height:20px;transition:transform .25s ease}
.btn:hover svg,.btn:focus-visible svg{transform:translate(-3px,-3px)}
/* gold outline → gold gradient on hover */
.btn--gold-line{border:2px solid var(--gold);color:var(--white)}
.btn--gold-line:hover{background:var(--gold-grad);border-color:transparent;color:var(--ink)}
.btn--ink-line{border:1px solid var(--ink);color:var(--ink)}
.btn--ink-line:hover{background:var(--ink);color:var(--white)}
.btn--gold{background:var(--gold-grad);color:var(--ink)}
.btn--gold:hover{background:var(--white);color:var(--ink)}

@media(max-width:1023px){
	.container{padding-inline:16px}
}

/* added by build_theme.py — honeypot for the WordPress form handler */
.sn-hp{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}