/* ================================================================
   Gersi. — Design tokens & base only
   Components will be added section-by-section from designer.
   ================================================================ */

/* === RESET === */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;font-family:var(--f-he),system-ui,sans-serif;color:var(--c-black);background:var(--c-white);direction:rtl;line-height:1.5;overflow-x:hidden}
img,svg,video{max-width:100%;display:block;height:auto}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
a{color:inherit;text-decoration:none}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6,p,figure{margin:0}
input,textarea,select{font:inherit;color:inherit}
::selection{background:var(--c-pink);color:var(--c-white)}

/* === TOKENS (from Gersi brandbook) === */
:root{
	/* Brand colors */
	--c-black:#111111;
	--c-white:#FFFFFF;
	--c-pink:#FF2C79;
	--c-gray:#EFEFEF;
	--c-gray-dark:#8C8C8C;

	/* Fonts */
	--f-he:'Heebo','Rubik',system-ui,sans-serif;
	--f-en:'Poppins','Heebo',sans-serif;

	/* Layout */
	--container:1280px;
	--ease:cubic-bezier(.22,1,.36,1);
}

/* === BASE LAYOUT === */
.container{max-width:var(--container);margin-inline:auto;padding-inline:clamp(20px,4vw,48px);width:100%}

/* === PLACEHOLDER (will be removed once sections arrive) === */
.placeholder{min-height:80vh;display:flex;align-items:center;background:var(--c-black);color:var(--c-white)}
.placeholder__label{font-family:var(--f-en);font-weight:700;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-pink);margin-bottom:24px}
.placeholder__title{font-family:var(--f-he);font-weight:800;font-size:clamp(40px,7vw,96px);line-height:1;letter-spacing:-0.03em;margin-bottom:18px}
.placeholder__sub{color:rgba(255,255,255,.7);font-size:18px;max-width:50ch}