/* ============================================================
   LEV INFLUENCE — Design system V2
   ============================================================ */

:root{
  --pink:#FF0078;
  --pink-d:#D6006A;
  --black:#0A0A0A;
  --black-2:#141414;
  --black-line:rgba(247,244,239,.14);
  --black-line-2:rgba(247,244,239,.28);
  --off:#FFFFFF;
  --off-2:#F0F0F0;
  --off-line:rgba(10,10,10,.1);
  --off-line-2:rgba(10,10,10,.22);
  --ink:#0A0A0A;
  --bone:#FFFFFF;
  --ash-on-dark:#9C9990;
  --ash-on-light:#6E6A62;

  --sans:'Poppins', system-ui, -apple-system, sans-serif;
  --serif:'Bodoni Moda', Georgia, serif;

  --heart:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 7'><g fill='%23000'><rect x='1' width='2' height='1'/><rect x='6' width='2' height='1'/><rect y='1' width='4' height='1'/><rect x='5' y='1' width='4' height='1'/><rect y='2' width='9' height='1'/><rect x='1' y='3' width='7' height='1'/><rect x='2' y='4' width='5' height='1'/><rect x='3' y='5' width='3' height='1'/><rect x='4' y='6' width='1' height='1'/></g></svg>");

  --ease: cubic-bezier(.16,.84,.32,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans);
  font-weight:400;
  background:var(--off);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
::selection{background:var(--pink);color:#fff}
a{color:inherit}
img,video{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
section{position:relative}

.grain{
  position:fixed;inset:0;z-index:999;pointer-events:none;
  opacity:.03;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}

.heart{display:inline-block;width:.82em;height:.64em;background:var(--pink);-webkit-mask:var(--heart) center/contain no-repeat;mask:var(--heart) center/contain no-repeat;flex-shrink:0}
.heart-sm{width:22px;height:17px}
.heart-tiny{width:12px;height:9px;margin-right:12px;vertical-align:middle;position:relative;top:-1px}
.heart-lg{width:72px;height:56px}
.heart-xl{width:190px;height:148px}
.heart-xxl{width:560px;height:435px}

.eyebrow{font-weight:600;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ash-on-light);display:inline-flex;align-items:center;gap:.9em}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--pink)}
.bg-dark .eyebrow{color:var(--ash-on-dark)}

h1,h2,h3{font-family:var(--sans);font-weight:600;line-height:1.1;letter-spacing:-.01em}
em{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--pink)}
h2{font-size:clamp(2rem,3.6vw,3rem)}
p{font-size:1rem;font-weight:400}

.sec-head{max-width:62ch;padding-top:100px;padding-bottom:56px}
.sec-head-tight{padding-bottom:40px}
.sec-head h2{margin-top:18px}
.sec-head p{margin-top:18px;font-size:1.08rem;color:var(--ash-on-light)}
.bg-dark .sec-head p{color:var(--ash-on-dark)}

/* ---------- reveal utilities ---------- */
.reveal{opacity:0;transform:translateY(28px)}
.reveal.in{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.line-mask{display:block;overflow:hidden}
.line-mask .line{display:block;transform:translateY(110%)}
.line-mask.in .line{transform:none;transition:transform .9s var(--ease)}
.reveal-lines{overflow:visible;opacity:0;transform:translateY(24px)}
.reveal-lines.in{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.photo-reveal{clip-path:inset(9% 9% 9% 9%);transform:scale(1.1)}
.photo-reveal.in{clip-path:inset(0% 0% 0% 0%);transform:scale(1);transition:clip-path 1.1s var(--ease),transform 1.1s var(--ease)}
.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}

/* ================= NAV ================= */
nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:18px 0}
.nav-inner{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid var(--off-line);border-radius:100px;padding:10px 12px 10px 22px;max-width:1176px;transition:padding .3s var(--ease),box-shadow .3s var(--ease)}
nav.scrolled .nav-inner{padding:8px 10px 8px 20px;box-shadow:0 10px 30px rgba(10,10,10,.08)}
.logo{display:flex;align-items:flex-end;gap:.16em;text-decoration:none;color:var(--ink)}
.logo .serif{font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.3rem;line-height:.9}
.logo .heart{width:.6em;height:.47em;margin:0 .1em .13em}
.logo .sub{font-size:.54rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;padding-bottom:.24em;color:var(--ink)}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{text-decoration:none;color:var(--ink);font-size:.82rem;font-weight:500;letter-spacing:.02em;transition:opacity .2s;position:relative}
.nav-links a:not(.btn){opacity:.72}
.nav-links a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--pink);transition:width .3s var(--ease)}
.nav-links a:not(.btn):hover{opacity:1}
.nav-links a:not(.btn):hover::after{width:100%}
.lang{display:flex;align-items:center;gap:.6em;font-size:.76rem;letter-spacing:.06em;color:var(--ash-on-light);border-left:1px solid var(--off-line-2);padding-left:22px}
.lang a{display:inline-flex;opacity:.45;transition:opacity .2s}
.lang a:hover{opacity:.8}
.lang a.on{opacity:1}
.lang-sep{opacity:.4}
.flag-icon{font-size:18px;line-height:1;display:block;filter:grayscale(.55) contrast(1.05);transition:filter .2s}
.lang a:hover .flag-icon,.lang a.on .flag-icon{filter:none}
.nav-toggle{display:none;background:none;border:none;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;color:var(--ink);font-family:var(--sans);font-weight:600}

/* ================= BUTTONS ================= */
.btn{display:inline-block;font-family:var(--sans);font-weight:600;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:16px 30px;text-decoration:none;border:none;cursor:pointer;transition:transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}
.btn-solid{background:var(--pink);color:#fff}
.btn-solid:hover{transform:translateY(-3px);background:var(--pink-d)}
.btn-small{padding:11px 22px;font-size:.72rem}
.btn-dark{background:var(--ink);color:var(--bone)}
.btn-dark:hover{transform:translateY(-3px);background:var(--black-2)}
.btn-ghost-dark{background:transparent;color:var(--ink);border:1px solid rgba(10,10,10,.4)}
.btn-ghost-dark:hover{transform:translateY(-3px);border-color:var(--ink)}
.link-arrow{display:inline-flex;align-items:center;gap:.5em;text-decoration:none;color:var(--ink);font-size:.92rem;font-weight:500;padding-bottom:2px;border-bottom:1px solid var(--off-line-2)}
.link-arrow span{transition:transform .3s var(--ease)}
.link-arrow:hover span{transform:translateX(6px)}

/* ================= HERO ================= */
.hero{position:relative;overflow:hidden;padding:150px 0 0;background:var(--off);color:var(--ink)}
.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;padding-bottom:70px}
.hero-title{font-size:clamp(2.4rem,4.2vw,3.9rem);max-width:14ch;margin-top:22px;color:var(--ink)}
.hero-sub{margin-top:28px;max-width:44ch;font-size:1.08rem;color:var(--ash-on-light)}
.hero-cta-row{margin-top:38px;display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.hero-tags{list-style:none;margin-top:48px;padding-top:22px;border-top:1px solid var(--off-line);display:flex;gap:26px;flex-wrap:wrap}
.hero-tags li{font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ash-on-light)}
.hero-tags li::before{content:"—  "}

.hero-media{position:relative;height:520px}
.hero-media-a{position:absolute;top:0;right:0;width:72%;height:88%;overflow:hidden;box-shadow:0 30px 60px -20px rgba(10,10,10,.25)}
.hero-media-a img{width:100%;height:100%;object-fit:cover}
.hero-media-b{position:absolute;left:0;bottom:0;width:46%;aspect-ratio:1/1;overflow:hidden;border:6px solid var(--off);box-shadow:0 20px 40px -16px rgba(10,10,10,.3)}
.hero-media-b img{width:100%;height:100%;object-fit:cover}
.hero-media-mark{position:absolute;top:8%;left:-2%;width:34px;height:26px;z-index:3}

/* ================= TICKER BAND ================= */
.ticker-band{background:var(--pink);overflow:hidden;white-space:nowrap;padding:30px 0}
.ticker-track{display:inline-flex;align-items:center;gap:36px;animation:ticker 26s linear infinite}
.ticker-track span{font-size:clamp(1.15rem,2.1vw,1.65rem);font-weight:700;letter-spacing:-.01em;text-transform:uppercase;color:#0A0A0A}
.ticker-track .sep{color:rgba(10,10,10,.5);font-size:.9rem}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ================= CORRIDOR ================= */
.corridor{background:var(--off);color:var(--ink)}
.corridor-stage{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-auto-rows:min-content;
  column-gap:24px;
  padding:20px 32px 40px;
  max-width:1240px;margin:0 auto;
  position:relative;
}
.c-photo{overflow:hidden;position:relative}
.c-photo img{width:100%;height:100%;object-fit:cover;display:block}
.c-photo-a{grid-column:1/8;grid-row:1/3;aspect-ratio:4/5}
.c-photo-b{grid-column:6/13;grid-row:2/4;aspect-ratio:5/4;margin-top:60px}
.c-text{background:var(--off);padding:40px;position:relative;z-index:2}
.c-text-a{grid-column:1/6;grid-row:2/3;align-self:end}
.c-text-b{grid-column:8/13;grid-row:3/4;align-self:start}
.c-heart{grid-column:6/8;grid-row:2/3;place-self:center;z-index:3;width:46px;height:36px;filter:drop-shadow(0 6px 16px rgba(255,0,120,.35))}
.corridor-stage .flag{font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--pink)}
.corridor-stage h3{font-size:1.6rem;margin-top:14px;line-height:1.22;color:var(--ink)}
.corridor-stage p{margin-top:16px;font-size:.98rem;line-height:1.7;color:var(--ash-on-light)}
.corridor-stage .who{margin-top:20px;padding-top:16px;border-top:1px solid var(--off-line);font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}

.corridor-stage-single .c-photo-a{grid-column:4/11;grid-row:1/3}
.corridor-stage-single .c-text-a{grid-column:2/8;grid-row:2/3;align-self:end}
.corridor-stage-single .c-heart{grid-column:10/12;grid-row:1/2;place-self:start end;margin-top:24px}

.corridor-quote{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,2vw,1.5rem);color:var(--ink);max-width:60ch;margin:0 auto;text-align:center;padding:96px 32px;line-height:1.5}

/* ================= PRINCIPLE (עברית) ================= */
.principle{background:var(--off);color:var(--ink)}
.principle-inner{max-width:800px;margin:0 auto;padding:120px 32px;text-align:center}
.principle-inner h2{margin-top:0}
.principle-lead{margin-top:28px;font-size:1.1rem;line-height:1.8;color:var(--ash-on-light)}
.flow-chain{margin-top:44px;font-size:clamp(1rem,1.6vw,1.25rem);font-weight:600;letter-spacing:.01em;color:var(--pink)}
.principle-close{margin-top:44px;font-family:var(--serif);font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.55}

/* ================= EXPERTISES ================= */
.expertises .sec-head{color:var(--ink)}
.exp-row{padding:84px 0;border-top:1px solid var(--off-line)}
.exp-01{background:var(--off);color:var(--ink)}
.exp-02{background:var(--black);color:var(--bone);border-top-color:var(--black-line)}
.exp-03{background:var(--pink);color:#fff;border-top:none}
.exp-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px}
.exp-grid-media{grid-template-columns:.72fr .98fr .8fr}
.exp-left{position:sticky;top:110px;align-self:start}
.exp-num{display:block;font-size:.76rem;font-weight:600;letter-spacing:.2em;margin-bottom:16px;opacity:.6}
.exp-left h3{font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.1}
.exp-03 .flag{display:inline-block;font-size:.64rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--pink);background:#fff;padding:6px 14px;margin-bottom:18px}
.exp-right .body{font-size:1.08rem;line-height:1.75;max-width:56ch}
.exp-01 .body,.exp-01 .tags li{color:var(--ash-on-light)}
.exp-02 .body,.exp-02 .tags li{color:var(--ash-on-dark)}
.exp-03 .body,.exp-03 .tags li{color:rgba(255,255,255,.88)}
.tags{list-style:none;margin-top:34px;padding-top:26px;border-top:1px solid;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;max-width:56ch}
.exp-01 .tags{border-color:var(--off-line)}
.exp-02 .tags{border-color:var(--black-line)}
.exp-03 .tags{border-color:rgba(255,255,255,.3)}
.tags li{font-size:.86rem;font-weight:500;letter-spacing:.04em;padding-left:18px;position:relative}
.tags li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;background:var(--pink)}
.exp-03 .tags li::before{background:#fff}
.exp-media{position:relative;align-self:center;aspect-ratio:3/4;overflow:hidden}
.exp-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15)}
.duotone{position:absolute;inset:0;mix-blend-mode:multiply}
.duotone-pink{background:linear-gradient(160deg,rgba(255,0,120,.5),rgba(10,10,10,.25))}
.duotone-dark{background:linear-gradient(160deg,rgba(10,10,10,.15),rgba(255,0,120,.4))}

/* ================= MÉTHODE ================= */
.methode{background:var(--off);color:var(--ink)}
.methode .sec-head p{color:var(--ash-on-light)}
.method-stage{display:grid;grid-template-columns:.6fr 1.4fr;gap:70px;padding-bottom:120px}
.method-rail{position:sticky;top:130px;align-self:start;height:fit-content}
.rail-count{font-family:var(--sans);font-weight:700;font-size:clamp(3rem,5vw,4.6rem);line-height:1;color:var(--ink);display:flex;align-items:baseline;gap:.2em}
.rail-count i{font-style:normal;font-size:1.4rem;color:var(--ash-on-light);font-weight:400}
.rail-count span:last-child{font-size:1.4rem;color:var(--ash-on-light);font-weight:400}
.rail-track{margin-top:26px;width:2px;height:180px;background:var(--off-line-2);position:relative}
.rail-fill{position:absolute;top:0;left:0;width:100%;height:20%;background:var(--pink);transition:height .25s linear}
.rail-label{margin-top:26px;font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pink)}

.method-steps{border-top:1px solid var(--off-line)}
.m-step{padding:58px 0;border-bottom:1px solid var(--off-line);display:grid;grid-template-columns:70px 1fr;gap:26px;opacity:.32;transition:opacity .5s var(--ease)}
.m-step.active{opacity:1}
.m-step .n{font-size:.8rem;font-weight:600;letter-spacing:.2em;color:var(--pink)}
.m-step .t{font-size:clamp(1.5rem,2.2vw,2.1rem);font-weight:600;color:var(--ink)}
.m-step .d{grid-column:2;margin-top:4px;font-size:1.02rem;line-height:1.7;color:var(--ash-on-light);max-width:56ch}

/* ================= POURQUOI ================= */
.pourquoi{background:var(--black);color:var(--bone)}
.pourquoi .eyebrow{color:var(--ash-on-dark)}
.pourquoi .sec-head p{color:var(--ash-on-dark)}
.why-list{border-top:1px solid var(--black-line);padding-bottom:110px}
.why-item{padding:44px 0;border-bottom:1px solid var(--black-line);display:grid;grid-template-columns:60px 1fr;align-items:start;gap:10px 0}
.why-item .heart{grid-row:1 / 3}
.why-item h3{font-size:1.5rem;color:var(--bone)}
.why-item p{margin-top:12px;grid-column:2;font-size:1.04rem;line-height:1.75;color:var(--ash-on-dark);max-width:64ch}

/* ================= CRÉATEURS ================= */
.createurs{background:var(--off);color:var(--ink);padding-bottom:0}
.createurs .eyebrow{color:var(--ash-on-light)}
.createurs-top{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:start;padding-top:100px;padding-bottom:90px}
.createurs-top.single-col{grid-template-columns:1fr;max-width:760px;text-align:center}
.createurs-top.single-col .createurs-copy{margin:0 auto}
.createurs-copy h2{margin-top:20px;max-width:16ch;color:var(--ink)}
.createurs-copy .lead{margin-top:24px;color:var(--ash-on-light);font-size:1.06rem;max-width:48ch;line-height:1.7}
.createurs-copy .quote{margin-top:30px;font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--ink);line-height:1.45;padding-left:24px;border-left:2px solid var(--pink)}
.criteria{border:1px solid var(--off-line-2);background:#fff}
.criteria .head{padding:24px 30px;border-bottom:1px solid var(--off-line);font-size:.74rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.criteria ul{list-style:none;padding:8px 30px 26px}
.criteria li{padding:18px 0 18px 34px;position:relative;font-size:1rem;font-weight:500;border-bottom:1px solid var(--off-line);color:var(--ink)}
.criteria li:last-child{border-bottom:none}
.criteria .sub{display:block;color:var(--ash-on-light);font-size:.92rem;margin-top:6px;font-weight:400;line-height:1.6}
.criteria .cta{padding:6px 30px 30px}
.criteria .cta .btn{width:100%;text-align:center}

.gallery{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:88px;gap:14px;padding:20px 32px 140px;max-width:1240px;margin:0 auto}
.g-tile{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:18px;cursor:default;background:var(--off-2)}
.g-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.g-tile:hover img{transform:scale(1.06)}
.g-tile span{position:relative;z-index:2;font-size:.8rem;font-weight:600;letter-spacing:.06em;color:#fff;opacity:0;transform:translateY(10px);transition:opacity .4s var(--ease),transform .4s var(--ease)}
.g-tile:hover span{opacity:1;transform:none}
.g-tile::after{content:attr(data-label);position:absolute;top:14px;left:16px;font-size:.64rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85);z-index:2}
.g-tile::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.6) 100%)}
/* editorial asymmetric placement — varied formats, scales, light overlaps */
.g-1{grid-column:1/6;grid-row:1/8}
.g-2{grid-column:6/9;grid-row:3/7;z-index:2;box-shadow:0 24px 40px -12px rgba(0,0,0,.35)}
.g-3{grid-column:9/13;grid-row:1/6}
.g-4{grid-column:1/5;grid-row:8/13;margin-top:-30px;z-index:2;box-shadow:0 24px 40px -12px rgba(0,0,0,.3)}
.g-5{grid-column:5/9;grid-row:7/13}
.g-6{grid-column:9/13;grid-row:6/10}
.g-7{grid-column:9/13;grid-row:10/13}

/* ================= CONTACT ================= */
.contact{background:var(--black);color:var(--bone);text-align:center;position:relative;overflow:hidden;padding:150px 0}
.contact-mark{width:34px;height:26px;margin-bottom:28px}
.contact .eyebrow{justify-content:center;color:var(--ash-on-dark)}
.contact .eyebrow::before{background:var(--pink)}
.contact h2{max-width:17ch;margin:22px auto 0;position:relative;color:var(--bone)}
.contact p{color:var(--ash-on-dark);max-width:46ch;margin:22px auto 0;font-size:1.1rem;position:relative}
.contact .cta-row{margin-top:44px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.contact .btn-dark{background:var(--pink);color:#fff}
.contact .btn-dark:hover{background:var(--pink-d)}
.contact .btn-ghost-dark{color:var(--bone);border-color:var(--black-line-2)}
.contact .btn-ghost-dark:hover{border-color:var(--bone)}
.contact .meta{margin-top:38px;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ash-on-dark);position:relative}

/* ================= FOOTER ================= */
footer{background:var(--black);border-top:1px solid var(--black-line);padding:36px 0}
.foot-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;font-size:.78rem;color:var(--ash-on-dark);letter-spacing:.05em}
.foot-inner a{color:var(--ash-on-dark);text-decoration:none;border-bottom:1px solid var(--black-line);transition:color .2s}
.foot-inner a:hover{color:var(--bone)}
.flogo{display:flex;align-items:flex-end;gap:.16em}
.flogo .serif{font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.2rem;color:var(--bone);line-height:.9}
.flogo .heart{width:.55em;height:.43em;margin:0 .08em .1em}
.flogo .sub{font-size:.54rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;padding-bottom:.22em;color:var(--bone)}

/* ---- grid/flex overflow safety: let items shrink below content size ---- */
.hero-grid > *,
.exp-grid > *,
.method-stage > *,
.createurs-top > *,
.corridor-stage > *,
.why-item > *,
.g-tile{min-width:0}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width:1080px){
  .hero-grid{grid-template-columns:1fr;gap:50px}
  .hero-media{height:420px;order:-1}
  .exp-grid{grid-template-columns:1fr}
  .exp-grid-media{grid-template-columns:1fr}
  .exp-left{position:static}
  .exp-media{aspect-ratio:16/9;order:3}
  .method-stage{grid-template-columns:1fr}
  .method-rail{position:static;display:flex;align-items:center;gap:24px;margin-bottom:40px}
  .rail-track{width:120px;height:2px}
  .rail-fill{height:100%;width:20%}
  .createurs-top{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(6,1fr);grid-auto-rows:100px}
  .g-1{grid-column:1/5;grid-row:1/6}
  .g-2{grid-column:5/7;grid-row:2/5}
  .g-3{grid-column:1/4;grid-row:6/9}
  .g-4{grid-column:4/7;grid-row:6/10;margin-top:0}
  .g-5{grid-column:1/4;grid-row:9/13}
  .g-6{grid-column:4/7;grid-row:10/13}
  .g-7{grid-column:1/7;grid-row:13/16}
  .corridor-stage{grid-template-columns:1fr;column-gap:0;row-gap:26px}
  .c-photo-a,.c-photo-b{grid-column:1/-1;margin-top:0}
  .c-photo-a{grid-row:1;aspect-ratio:4/3}
  .c-photo-b{grid-row:3;aspect-ratio:4/3}
  .c-text-a{grid-column:1/-1;grid-row:2;padding-right:0}
  .c-text-b{grid-column:1/-1;grid-row:4;padding-top:0}
  .c-heart{grid-column:1/-1;grid-row:2;justify-self:end;align-self:start;margin-top:-30px}
}

@media (max-width:760px){
  .wrap{padding:0 22px}
  section{padding:0}
  .sec-head{padding-top:72px;padding-bottom:40px}
  .hero{padding-top:110px}
  .hero-grid{padding-bottom:50px}
  .hero-title{max-width:none}
  .hero-media{height:360px}
  .hero-media-a{width:82%}
  .hero-media-b{width:56%}
  nav{padding:12px}
  .nav-inner{border-radius:20px;padding:10px 14px}
  .nav-links{position:fixed;inset:64px 12px auto 12px;background:var(--off);flex-direction:column;align-items:flex-start;gap:0;padding:8px 18px 22px;border:1px solid var(--off-line);border-radius:18px;display:none;box-shadow:0 20px 40px rgba(10,10,10,.12)}
  .nav-links.open{display:flex}
  .nav-links a{padding:14px 0;width:100%;border-bottom:1px solid var(--off-line)}
  .nav-links a:not(.btn)::after{display:none}
  .nav-links .btn{margin-top:14px;text-align:center;width:100%}
  .lang{border-left:none;padding-left:0;padding-top:14px}
  .nav-toggle{display:block}
  .ticker-band{padding:18px 0}
  .exp-row{padding:56px 0}
  .tags{grid-template-columns:1fr}
  .why-item{grid-template-columns:40px 1fr}
  .createurs-top{padding-top:70px;padding-bottom:50px}
  .gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px;padding:16px 22px 90px}
  .g-1{grid-column:1/3;grid-row:1/4}
  .g-2{grid-column:1/2;grid-row:4/6}
  .g-3{grid-column:2/3;grid-row:4/6}
  .g-4{grid-column:1/3;grid-row:6/9;margin-top:0}
  .g-5{grid-column:1/2;grid-row:9/11}
  .g-6{grid-column:2/3;grid-row:9/11}
  .g-7{grid-column:1/3;grid-row:11/13}
  .contact{padding:90px 0}
  footer .foot-inner{flex-direction:column;align-items:flex-start}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto !important;animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  .reveal,.line-mask .line,.photo-reveal{opacity:1 !important;transform:none !important;clip-path:none !important}
}

/* ================================================================
   RTL (עברית)
   ================================================================ */
html[dir="rtl"]{
  --sans:'Heebo', system-ui, -apple-system, sans-serif;
  --serif:'Frank Ruhl Libre', Georgia, serif;
}
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] em{font-style:normal}
html[dir="rtl"] .corridor-quote,
html[dir="rtl"] .createurs-copy .quote{font-style:normal}
html[dir="rtl"] .heart-tiny{margin-right:0;margin-left:12px}
html[dir="rtl"] .nav-links a:not(.btn)::after{left:auto;right:0}
html[dir="rtl"] .lang{border-left:none;border-right:1px solid var(--off-line-2);padding-left:0;padding-right:22px}
html[dir="rtl"] .hero-media-a{right:auto;left:0}
html[dir="rtl"] .hero-media-b{left:auto;right:0}
html[dir="rtl"] .hero-media-mark{left:auto;right:-2%}
html[dir="rtl"] .tags li{padding-left:0;padding-right:18px}
html[dir="rtl"] .tags li::before{left:auto;right:0}
html[dir="rtl"] .createurs-copy .quote{padding-left:0;padding-right:24px;border-left:none;border-right:2px solid var(--pink)}
html[dir="rtl"] .g-tile::after{left:auto;right:16px}

@media (max-width:760px){
  html[dir="rtl"] .lang{border-left:none;border-right:none;padding-right:0;padding-top:14px}
}