/* ── Ploni DL 1.1 AAA — the family the Figma file specifies ───────────── */
/* Declared under one family name with explicit weights: the four files carry
   different family names in their metadata, so weight 500 would not resolve. */
@font-face{font-family:"Ploni DL 1.1 AAA";font-style:normal;font-weight:300;font-display:swap;
	src:url(../fonts/ploni-light-aaa.woff2) format("woff2"),url(../fonts/ploni-light-aaa.woff) format("woff")}
@font-face{font-family:"Ploni DL 1.1 AAA";font-style:normal;font-weight:400;font-display:swap;
	src:url(../fonts/ploni-regular-aaa.woff2) format("woff2"),url(../fonts/ploni-regular-aaa.woff) format("woff")}
@font-face{font-family:"Ploni DL 1.1 AAA";font-style:normal;font-weight:500;font-display:swap;
	src:url(../fonts/ploni-medium-aaa.woff2) format("woff2"),url(../fonts/ploni-medium-aaa.woff) format("woff")}
@font-face{font-family:"Ploni DL 1.1 AAA";font-style:normal;font-weight:700;font-display:swap;
	src:url(../fonts/ploni-bold-aaa.woff2) format("woff2"),url(../fonts/ploni-bold-aaa.woff) format("woff")}

/* ── Perfection · reset + tokens + utilities ─────────────────────────── */
:root{
	--navy:#1c3555;
	--navy-2:#0a356b;
	--navy-3:#3e5572;
	--navy-4:#6f87a6;
	--blush:#d6bbb9;
	--blush-2:#e6d6d5;
	--blush-3:#f3ebea;
	--cream:#f8f3f3;
	--grey:#e9ebee;
	--grey-2:#f9f9f9;
	--line:rgba(28,53,85,.2);
	--white:#fff;
	--ink:#1c3555;
	--container:1540px;
	--hdr-h:164px;
	--ff:"Ploni DL 1.1 AAA",-apple-system,"Segoe UI",Arial,sans-serif;
	--ff-alt:"Ploni DL 1.1 AAA",-apple-system,Arial,sans-serif;
}
*,*::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}

/* layout */
.container{width:100%;max-width:var(--container);margin:0 auto;padding-inline:20px}
.container--wide{max-width:1920px}
.container--narrow{max-width:1140px}
section{position:relative;width:100%}

/* utilities */
.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%)}
.br-lg{display:none}
@media(min-width:1024px){.br-lg{display:inline}}
.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}

/* shared typography — sections keep layout only (DRY) */
.title{font-size:clamp(30px,2.6vw,50px);line-height:1.24;font-weight:400;color:var(--navy);letter-spacing:-.5px}
.title--lg{font-size:clamp(38px,4.7vw,90px);line-height:1;letter-spacing:-2.1px}
.title--sm{font-size:clamp(22px,1.67vw,32px);line-height:1.3;font-weight:700}
.sub{font-size:clamp(15px,1.15vw,22px);line-height:1.55;color:var(--navy);font-weight:400}
.sub--sm{font-size:clamp(14px,1.05vw,20px);line-height:1.6}
.lead{font-size:clamp(15px,1.15vw,22px);line-height:34px;color:var(--navy)}
.sec-head{text-align:center;max-width:900px;margin:0 auto}
.sec-head .sub{margin-top:14px;color:var(--navy-3)}
.on-dark,.on-dark .title,.on-dark .sub,.on-dark .lead{color:var(--white)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:60px;padding:0 22px;height:46px;font-size:20px;font-weight:500;line-height:1;white-space:nowrap;transition:all .2s}
/* Figma note: the ↖ arrow lifts up-left on hover */
.btn svg{flex:none;transition:transform .25s ease}
.btn:hover svg,.btn:focus-visible svg{transform:translate(-4px,-4px)}
.btn--lg{height:56px;font-size:22px;padding:0 26px}
.btn--white{background:var(--white);color:var(--navy)}
.btn--white:hover{background:var(--blush);color:var(--navy)}
.btn--navy{background:var(--navy);color:var(--white)}
.btn--navy:hover{background:var(--navy-2)}
.btn--line{border:1px solid var(--blush);color:var(--white)}
.btn--line:hover{background:var(--blush);color:var(--navy)}
.btn--line-navy{border:1px solid var(--blush);color:var(--navy)}
.btn--line-navy:hover{background:var(--blush);color:var(--navy)}

/* round icon buttons (sliders) */
.rnd{width:42px;height:42px;border-radius:50%;background:var(--blush);color:var(--navy);display:flex;align-items:center;justify-content:center;flex:none;transition:all .2s}
.rnd:hover{background:var(--navy);color:var(--white)}
.rnd--sm{width:34px;height:34px}
.rnd--light{background:var(--blush-3)}

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