/* ============================================================
   F2 — כרזה. ריזו תלת־צבעי על נייר.
   דיו: כתום, אדום לבנה, חום (ה"שחור"). הכל אחר = נייר או הדפסת־על.
   ============================================================ */
:root{
  --paper:#f2e6d0;   /* נייר */
  --orange:#ec6a2c;  /* דיו ריזו כתום */
  --red:#b8321f;     /* דיו אדום לבנה */
  --brown:#3a2217;   /* דיו חום — הטקסט */
  --over:#aa1505;    /* הדפסת־על כתום×אדום (נוצר ב-multiply) */
  --gut:clamp(16px,4vw,48px);
  --focus:var(--brown);
  /* גרעין: כתמי נייר שנשארו חשופים בתוך שטח דיו */
  --grain-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .949 0 0 0 0 .902 0 0 0 0 .816 0 0 0 -3.4 1.24'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  /* סיבי נייר: כתמי חום עדינים מאוד */
  --grain-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.62' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .227 0 0 0 0 .133 0 0 0 0 .09 0 0 0 -1.7 .64'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Alef','Arial Hebrew',Arial,sans-serif;font-size:18px;line-height:1.7;color:var(--brown);background-color:var(--paper);background-image:var(--grain-dark)}
@supports not (overflow:clip){body{overflow-x:hidden}}
img{display:block;max-width:100%}
a{color:inherit}
b{font-weight:700}
em{font-style:normal}
ul{list-style:none}
.wrap{max-width:calc(1240px + 2 * var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.poster{font-family:'Karantina',sans-serif;font-weight:700;line-height:.86;text-wrap:balance}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:4px}

/* הזזת רישום: עותק אדום מוסט, מודפס ב-multiply מעל החום */
.mis{position:relative}
.mis::after{content:attr(data-t);content:attr(data-t) / "";position:absolute;inset:0;color:var(--mis-c,var(--red));mix-blend-mode:multiply;transform:translate(var(--mx,-4px),var(--my,3px));pointer-events:none}
/* על רקע כהה: הכתום מתחת לנייר החשוף */
.misd{position:relative;z-index:0}
.misd::before{content:attr(data-t);content:attr(data-t) / "";position:absolute;inset:0;z-index:-1;color:var(--orange);transform:translate(-5px,4px);pointer-events:none}

/* כפתורים: מלבן קשיח + בלוק צל אטום שזז בלחיצה */
.btn{--sh:var(--brown);display:inline-flex;align-items:center;gap:10px;font-family:'Aharoni Bold','Secular One',sans-serif;font-size:19px;line-height:1.2;padding:15px 26px 16px;background-color:var(--red);color:var(--paper);text-decoration:none;border:0;border-radius:0;cursor:pointer;box-shadow:-6px 6px 0 var(--sh);transition:transform .08s ease-out,box-shadow .08s ease-out}
.btn:hover{transform:translate(2px,-2px);box-shadow:-8px 8px 0 var(--sh)}
.btn:active{transform:translate(-6px,6px);box-shadow:0 0 0 var(--sh)}
.btn svg{flex-shrink:0}
.btn-brown{background-color:var(--brown);color:var(--paper);--sh:var(--red)}
.btn-orange{background-color:var(--orange);color:var(--brown);--sh:var(--paper)}

/* ================= HEADER ================= */
.top{position:relative;z-index:30;background-color:var(--paper);background-image:var(--grain-dark);border-bottom:5px solid var(--brown)}
.top nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}
.logo{font-family:'Karantina',sans-serif;font-weight:700;font-size:46px;line-height:1;padding-top:4px}
.logo b{color:var(--red)}
.nav-links{display:flex;align-items:center;gap:30px;font-family:'Aharoni Bold','Secular One',sans-serif;font-size:18px}
.nav-links a{text-decoration:none;padding-block:4px 2px;border-bottom:3px solid transparent}
.nav-links a:hover{border-bottom-color:var(--orange)}
.nav-right{display:flex;align-items:center;gap:14px}
.nav-cta{padding:9px 18px 10px;font-size:17px;box-shadow:-4px 4px 0 var(--sh)}
.nav-cta:hover{box-shadow:-6px 6px 0 var(--sh)}
.nav-cta:active{transform:translate(-4px,4px);box-shadow:0 0 0 var(--sh)}
.nav-toggle{display:none;width:46px;height:46px;background:transparent;border:3px solid var(--brown);border-radius:0;color:var(--brown);cursor:pointer;align-items:center;justify-content:center}
.nav-toggle:hover{background-color:var(--brown);color:var(--paper)}
.only-mobile{display:none}
@media (max-width:820px){
  .logo{font-size:40px}
  .nav-links{--focus:var(--orange);position:absolute;top:calc(100% + 5px);inset-inline:0;flex-direction:column;align-items:stretch;gap:0;background-color:var(--brown);background-image:var(--grain-light);padding:6px var(--gut) 18px;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .15s,transform .15s,visibility 0s linear .15s}
  .nav-links.open{visibility:visible;opacity:1;transform:none;transition:opacity .15s,transform .15s,visibility 0s}
  .nav-links a{font-family:'Karantina',sans-serif;font-weight:700;font-size:46px;line-height:1.1;color:var(--paper);padding-block:8px 4px;border-bottom:1px solid rgba(244,239,228,.28)}
  .nav-links a:last-child{border-bottom:0}
  .nav-links a:hover{color:var(--orange);border-bottom-color:rgba(244,239,228,.28)}
  .nav-toggle{display:flex}
  .nav-cta{display:none}
  .only-mobile{display:block}
}

/* ================= HERO ================= */
.hero{position:relative;overflow-x:clip;padding-block:clamp(28px,5vw,60px) clamp(56px,7vw,96px)}
.sun{--sun:clamp(300px,40vw,580px);position:absolute;top:clamp(-150px,-9vw,-80px);inset-inline-start:calc(var(--sun) / -2);width:var(--sun);aspect-ratio:1;border-radius:50%;background-color:var(--orange);background-image:var(--grain-light)}
.hbar{position:absolute;top:0;bottom:-44px;inset-inline-end:calc(max((100% - 1240px) / 2, var(--gut)) + 34px);width:clamp(40px,5.2vw,78px);background-color:var(--red);background-image:var(--grain-light)}
.hero-in{position:relative;display:grid;grid-template-columns:minmax(0,7fr) auto minmax(0,4fr);grid-template-areas:"h l p" "t l p";column-gap:clamp(16px,2.6vw,38px);align-items:start}
.hero-label{grid-area:l;writing-mode:vertical-rl;white-space:nowrap;font-family:'Aharoni Bold','Secular One',sans-serif;font-size:20px;line-height:1;color:var(--red);margin-top:clamp(40px,7vw,120px)}
.hero-h1{grid-area:h;font-size:clamp(96px,16vw,200px);line-height:.86}
.hero-h1 .l{display:block;white-space:nowrap}
.hero-h1 .l2{margin-inline-start:1.1em}
.hero-h1 .l3{font-size:1.2em;--mis-c:var(--orange)}
.hero-h1 .l3 em{color:var(--red)}
.hero-text{grid-area:t;max-width:35rem;padding-top:clamp(24px,3vw,40px)}
.lead{font-size:20px;line-height:1.72;margin-bottom:34px}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:22px 32px}
.hero-alt{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:18px;text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--orange);text-underline-offset:7px}
.hero-alt:hover{text-decoration-color:var(--red)}
.portrait-wrap{grid-area:p;position:relative;margin-top:clamp(40px,7vw,120px)}
.pbar{display:none}
/* דואוטון כתום+חום: אפור ב-multiply מעל כתום, ואז lighten בחום מרים את הצללים לחום */
/* התמונה נשארת טבעית: רק גוון חם קל. הכרזה נבנית סביבה, לא עליה */
.portrait{position:relative;z-index:2;aspect-ratio:4/5;overflow:hidden;background-color:var(--paper);box-shadow:-14px 14px 0 var(--orange)}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%;filter:sepia(.16) saturate(.95) contrast(1.03);z-index:1}


.portrait.noimg{background-image:radial-gradient(circle at 50% 36%,var(--brown) 0 19%,transparent 19.4%),radial-gradient(ellipse 60% 38% at 50% 100%,var(--brown) 0 98%,transparent 99%)}
@media (max-width:859px){
  .hero-in{grid-template-columns:minmax(0,1fr) auto minmax(0,60%);grid-template-areas:"h h h" ". l p" "t t t"}
  .hero-h1{font-size:clamp(88px,29vw,200px)}
  .hero-label{margin-top:0;align-self:end;font-size:18px}
  .portrait-wrap{margin-top:34px}
  .hbar{display:none}
  .pbar{display:block;position:absolute;top:-26px;bottom:-30px;inset-inline-end:26px;width:30px;background-color:var(--red);background-image:var(--grain-light)}
  .hero-text{padding-top:44px}
  .lead{font-size:19px}
}

/* ================= CREDIBILITY BAND ================= */
.cred{position:relative;z-index:2;overflow-x:clip;margin-top:-8px;padding-block:18px}
.cred-band{background-color:var(--red);background-image:var(--grain-light);color:var(--paper);transform:rotate(-1.2deg);margin-inline:-40px;padding-block:22px 24px}
.cred-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;max-width:calc(1240px + 2 * var(--gut));margin-inline:auto;padding-inline:calc(var(--gut) + 40px);font-family:'Aharoni Bold','Secular One',sans-serif;font-size:21px;line-height:1.3}
.cred-in span{display:block}
.cred-in b{font-family:'Karantina',sans-serif;font-weight:700;font-size:1.55em;line-height:.8}
.cred-in span::before{content:"";display:inline-block;vertical-align:.1em;width:12px;height:11px;margin-inline-end:12px;background-color:var(--paper)}
.cred-in span:nth-child(even)::before{clip-path:polygon(50% 0,100% 100%,0 100%)}
.cred-in span:nth-child(odd)::before{width:10px;height:10px}
.cred-in span:first-child::before{display:none}
@media (max-width:760px){
  .cred-band{transform:rotate(-2deg);padding-block:22px 24px}
  .cred-in{flex-direction:column;align-items:flex-start;gap:6px;font-size:19px}
  .cred-in span:first-child::before{display:inline-block}
}

/* ================= ABOUT ================= */
.about{padding-block:clamp(72px,10vw,150px) clamp(64px,8vw,110px)}
.about-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(24px,5vw,80px);row-gap:36px;align-items:start}
.about h2{font-size:clamp(68px,10vw,146px);max-width:6.4em}
.about h2 .hl{background:linear-gradient(var(--orange),var(--orange)) 0 76% / 100% 30% no-repeat}
.about-text{margin-top:clamp(0px,9vw,150px);border-inline-start:6px solid var(--brown);padding-inline-start:clamp(18px,2.4vw,30px)}
.about-text p{font-size:19px;margin-bottom:18px;max-width:34em}
.about-text p:first-child{font-size:21px;line-height:1.62}
.more{display:inline-block;margin-top:6px;font-family:'Aharoni Bold','Secular One',sans-serif;font-size:19px;text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--orange);text-underline-offset:7px}
.more:hover{text-decoration-color:var(--red)}
@media (max-width:760px){
  .about-in{grid-template-columns:1fr}
  .about-text{margin-top:0}
  .about-text p:first-child{font-size:19.5px}
}

/* ================= QUESTIONS — מדבקות ================= */
.questions{overflow-x:clip;padding-block:clamp(56px,7vw,110px) clamp(80px,9vw,130px)}
.q-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:24px clamp(28px,5vw,72px);align-items:end;margin-bottom:clamp(36px,5vw,60px)}
.q-head h2{font-size:clamp(62px,8.6vw,132px)}
.q-head h2 > span{display:block}
.q-head h2 .q-b{color:var(--red)}
.q-head p{font-size:19px;max-width:30em;padding-bottom:.4em}
.qmos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(130px,auto);gap:14px}
.qmos li{display:flex;align-items:flex-end;padding:22px 24px;font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(20px,2.1vw,30px);line-height:1.2;text-wrap:balance}
.qm1{grid-column:1/8;grid-row:1/3;background-color:var(--red);background-image:var(--grain-light);color:var(--paper)}
.qmos .qm1{font-family:'Karantina',sans-serif;font-weight:700;font-size:clamp(56px,8.4vw,122px);line-height:.9;padding:28px 32px}
.qm2{grid-column:8/13;grid-row:1/2;background-color:var(--brown);background-image:var(--grain-light);color:var(--paper);transform:rotate(-1.6deg)}
.qmos .qm2{align-items:flex-start}
.qm3{grid-column:8/11;grid-row:2/3;background-color:var(--orange);background-image:var(--grain-light);color:var(--brown)}
.qm4{grid-column:11/13;grid-row:2/4;background-color:var(--paper);background-image:var(--grain-dark);color:var(--brown);box-shadow:inset 0 0 0 3px var(--brown),-7px 7px 0 var(--red)}
.qm5{grid-column:1/5;grid-row:3/4;background-color:var(--orange);background-image:var(--grain-light);color:var(--brown);transform:rotate(1.3deg)}
.qmos .qm5{align-items:center}
.qm6{grid-column:5/11;grid-row:3/4;background-color:var(--brown);background-image:var(--grain-light);color:var(--orange)}
.q-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;margin-top:clamp(44px,5vw,64px);padding-top:22px;border-top:3px solid var(--brown)}
.q-foot p{font-size:19px;max-width:34em;flex:1 1 20em}
.q-foot p b{color:var(--red)}
@media (max-width:760px){
  .q-head{grid-template-columns:1fr}
  .qmos{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(104px,auto);gap:12px}
  .qmos li{padding:16px 16px;font-size:20px}
  .qm1{grid-column:1/3;grid-row:1/2}
  .qmos .qm1{font-size:clamp(50px,15vw,68px);padding:22px 20px;min-height:170px}
  .qm2{grid-column:1/3;grid-row:2/3;transform:rotate(-1.2deg)}
  .qm3{grid-column:1/2;grid-row:3/4}
  .qm4{grid-column:2/3;grid-row:3/5}
  .qm6{grid-column:1/2;grid-row:4/5}
  .qm5{grid-column:1/3;grid-row:5/6;transform:rotate(1deg)}
}

/* ================= WORLDS — או ================= */
.worlds{--focus:var(--orange);background-color:var(--brown);background-image:var(--grain-light);color:var(--paper);overflow-x:clip;padding-block:clamp(72px,9vw,140px) clamp(72px,8vw,120px)}
.w-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:28px clamp(32px,6vw,90px);align-items:end;margin-bottom:clamp(44px,6vw,84px)}
.w-head h2{font-size:clamp(78px,11vw,176px);line-height:.8;color:var(--paper)}
.w-scene{font-size:19px;line-height:1.72;margin-bottom:14px}
.w-punch{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(22px,2.2vw,28px);line-height:1.35;color:var(--orange);margin-top:20px}
.split{border-top:1px solid rgba(244,239,228,.3)}
.split li{display:grid;grid-template-columns:minmax(0,var(--a,1fr)) auto minmax(0,var(--b,1fr));column-gap:clamp(12px,2vw,30px);align-items:center;padding-block:clamp(20px,2.6vw,34px);border-bottom:1px solid rgba(244,239,228,.3)}
.split .q{display:contents}
.split .x,.split .y{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(26px,3.6vw,52px);line-height:1.12}
.split .x{grid-column:1;grid-row:1;justify-self:end;text-align:end}
.split .o{grid-column:2;grid-row:1}
.split .y{grid-column:3;grid-row:1;justify-self:start;text-align:start}
.split .qs{grid-column:2/4;grid-row:2;justify-self:start;font-size:17px;line-height:1.55;margin-top:12px;max-width:32em}
.o.ring{font-family:'Karantina',sans-serif;font-weight:700;font-size:clamp(108px,13.5vw,206px);line-height:.72;color:var(--orange);padding-inline:.04em}
@supports (-webkit-text-stroke:1px black){.o.ring{color:transparent;-webkit-text-stroke:2.5px var(--orange)}}
.o.disc{display:grid;place-items:center;width:clamp(76px,8.6vw,122px);aspect-ratio:1;border-radius:50%;background-color:var(--orange);background-image:var(--grain-light);color:var(--brown);font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(30px,3.3vw,46px);line-height:1;padding-bottom:.08em}
.r1{--a:3fr;--b:4fr}
.r2{--a:5fr;--b:3fr}
.r3{--a:3fr;--b:5fr}
.r4{--a:5fr;--b:2fr}
/* השאלה החמישית: "ואיך" מטה את השורה במדרגה, והחצי השני יורד ומתחמם */
.split .r5{grid-template-columns:auto auto minmax(0,1fr)}
.split .r5 .x{grid-column:1;grid-row:1;justify-self:start;text-align:start}
.split .r5 .o{grid-column:2;grid-row:1/3;align-self:center}
.split .r5 .y{grid-column:3;grid-row:2;color:var(--orange)}
.split .r5 .qs{grid-column:3;grid-row:3}
.o.turn{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(26px,3vw,42px);line-height:1;background-color:var(--red);background-image:var(--grain-light);color:var(--paper);padding:.28em .55em .34em;transform:rotate(-8deg);box-shadow:-6px 6px 0 var(--orange);margin-inline:clamp(6px,1vw,14px)}
.w-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 48px;margin-top:clamp(40px,5vw,64px)}
.w-foot p{font-size:19px;max-width:36em;flex:1 1 22em}
@media (max-width:760px){
  .w-head{grid-template-columns:1fr}
  .split li,.split .r5{grid-template-columns:minmax(0,1fr);row-gap:0;padding-block:22px 26px}
  .split .x,.split .y{font-size:clamp(26px,8vw,34px)}
  .split .x,.split .r5 .x{grid-column:1;grid-row:1;justify-self:start;text-align:start}
  .split .o,.split .r5 .o{grid-column:1;grid-row:2;justify-self:center}
  .split .y,.split .r5 .y{grid-column:1;grid-row:3;justify-self:end;text-align:end}
  .split .qs,.split .r5 .qs{grid-column:1;grid-row:4;justify-self:stretch;margin-top:12px}
  .split .r2 .o,.split .r4 .o{justify-self:start;margin-inline-start:24%}
  .split .r5 .o{margin-block:12px 10px}
  .o.ring{font-size:clamp(96px,28vw,130px)}
}

/* ================= BOOKS ================= */
.books{--pb:clamp(80px,10vw,150px);position:relative;overflow-x:clip;padding-block:var(--pb)}
.books-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px clamp(32px,5vw,80px);align-items:center}
.books-text{position:relative}
.books h2{font-size:clamp(64px,8.8vw,132px);margin-bottom:28px}
.books-lead{font-size:clamp(19px,1.6vw,22px);line-height:1.65;max-width:30em}
.books-lead .t{font-family:'Aharoni Bold','Secular One',sans-serif;color:var(--red)}
.books-foot{display:flex;flex-wrap:wrap;align-items:center;gap:22px 36px;margin-top:38px;padding-top:24px;border-top:3px solid var(--brown);max-width:40rem}
.books-foot p{font-size:18px;flex:1 1 16em}
.books-art{position:relative;align-self:stretch;min-height:clamp(260px,34vw,460px)}
.books-art .field{position:absolute;top:calc(-1 * var(--pb));bottom:calc(-1 * var(--pb));inset-inline-start:42%;inset-inline-end:-50vw;background-color:var(--red);background-image:var(--grain-light)}
.bk{position:absolute;display:block}
.bk2{width:30%;aspect-ratio:1/1.9;top:16%;inset-inline-start:52%;background-color:var(--brown);transform:rotate(5deg)}
.bk1{width:44%;aspect-ratio:2/3;top:8%;inset-inline-start:18%;background-color:var(--orange);background-image:var(--grain-light);transform:rotate(-6deg);mix-blend-mode:multiply}
@media (max-width:760px){
  .books-in{grid-template-columns:1fr}
  .books-art{min-height:250px;margin-top:6px}
  .books-art .field{top:48%;inset-inline:calc(-1 * var(--gut))}
  .bk1{width:40%;top:6%;inset-inline-start:14%}
  .bk2{width:27%;top:14%;inset-inline-start:50%}
}

/* ================= QUOTES ================= */
.quotes{position:relative;overflow-x:clip;padding-block:clamp(64px,8vw,120px) clamp(80px,10vw,150px)}
.sun2{--s:clamp(260px,40vw,600px);position:absolute;width:var(--s);aspect-ratio:1;border-radius:50%;background-color:var(--orange);background-image:var(--grain-light);inset-inline-end:calc(var(--s) * -.42);top:clamp(90px,9vw,130px)}
.quotes .wrap{position:relative}
.quotes h2{font-size:clamp(50px,6.2vw,90px);line-height:.9;margin-bottom:clamp(22px,3vw,40px)}
.qt figcaption{display:flex;align-items:center;gap:12px;margin-top:16px;font-family:'Aharoni Bold','Secular One',sans-serif;font-size:20px}
.qt figcaption::before{content:"";flex:none;width:34px;height:6px;background-color:var(--red)}
.qt-big p{font-family:'Karantina',sans-serif;font-weight:700;font-size:clamp(84px,13.5vw,204px);line-height:.84;max-width:6.4em;text-wrap:balance}
.qt-big figcaption{font-size:22px}
.qt-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:40px clamp(32px,6vw,90px);margin-top:clamp(52px,7vw,100px);align-items:start}
.qt-mid p{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(26px,2.9vw,38px);line-height:1.3;text-wrap:balance}
.qt-small{margin-top:clamp(0px,8vw,120px);border-top:5px solid var(--brown);padding-top:18px}
.qt-small p{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(20px,1.8vw,24px);line-height:1.42}
@media (max-width:760px){
  .qt-row{grid-template-columns:1fr}
  .qt-small{margin-top:4px;margin-inline-start:14%}
}

/* ================= LINE-UP ================= */
.lineup{padding-block:clamp(64px,8vw,120px) clamp(72px,9vw,130px)}
.lu-head{border-top:12px solid var(--brown);padding-top:18px;margin-bottom:clamp(22px,3vw,40px)}
.lu-head h2{font-size:clamp(58px,7.6vw,116px)}
.lu li{border-top:2px solid var(--brown)}
.lu li:last-child{border-bottom:2px solid var(--brown)}
.lu-row{display:grid;grid-template-columns:minmax(6.5rem,9rem) minmax(0,1fr) auto;grid-template-areas:"tag name go" ". desc go";column-gap:clamp(16px,3vw,44px);align-items:start;padding:16px 12px 20px;margin-inline:-12px;text-decoration:none;color:var(--brown)}
a.lu-row:hover{background-color:var(--orange);background-image:var(--grain-light)}
a.lu-row:hover .lu-tag,a.lu-row:hover .lu-name{color:var(--brown)}
.lu-tag{grid-area:tag;align-self:center;font-family:'Aharoni Bold','Secular One',sans-serif;font-size:17px;line-height:1.3;color:var(--red)}
.lu-name{grid-area:name;font-family:'Karantina',sans-serif;font-weight:700;font-size:var(--fs);line-height:.9;text-wrap:balance}
.lu-desc{grid-area:desc;font-size:17px;line-height:1.6;max-width:40em;margin-top:8px}
.lu-go{grid-area:go;align-self:end;font-family:'Aharoni Bold','Secular One',sans-serif;font-size:18px;white-space:nowrap}
.lu-1{--fs:clamp(66px,10.5vw,156px)}
.lu-1 .lu-name{color:var(--red)}
.lu-2{--fs:clamp(56px,8.4vw,124px)}
.lu-3{--fs:clamp(52px,7.2vw,106px)}
.lu-4{--fs:clamp(48px,6.2vw,92px)}
.lu-5,.lu-6{--fs:clamp(44px,5.4vw,80px)}
.stamp{display:inline-block;border:3px solid var(--red);color:var(--red);padding:1px 14px 3px;transform:rotate(-7deg);font-size:20px}
@media (max-width:760px){
  .lu-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"tag" "name" "desc" "go";padding:14px 8px 18px;margin-inline:-8px}
  .lu-tag{margin-bottom:4px}
  .lu-go{justify-self:end;margin-top:12px;white-space:normal}
}

/* ================= SUKRIYA ================= */
.sukriya{--focus:var(--brown);position:relative;overflow:hidden;overflow:clip;background-color:var(--orange);background-image:var(--grain-light);color:var(--brown);padding-top:clamp(64px,8vw,110px)}
.sk-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:28px clamp(32px,6vw,90px);align-items:end}
.sukriya h2{font-size:clamp(66px,9vw,138px)}
.sk-text p{font-size:20px;line-height:1.65;max-width:26em;margin-bottom:30px}
.sk-word{display:block;font-family:'Karantina',sans-serif;font-weight:700;font-size:clamp(190px,40vw,600px);line-height:.74;color:var(--red);mix-blend-mode:multiply;white-space:nowrap;margin-top:clamp(28px,4vw,56px);margin-bottom:-.16em;margin-inline-start:-.04em;user-select:none}
@media (max-width:760px){
  .sk-in{grid-template-columns:1fr}
  .sk-text p{font-size:19px}
}

/* ================= CONTACT ================= */
.contact{overflow-x:clip;padding-block:clamp(72px,9vw,130px) clamp(88px,10vw,150px)}
.contact h2{font-size:clamp(54px,7.2vw,108px);max-width:9.5em}
.c-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px clamp(36px,6vw,96px);align-items:start;margin-top:clamp(36px,5vw,60px)}
.cform{display:flex;flex-direction:column;gap:30px}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.cf-field{display:flex;flex-direction:column;gap:4px}
.cf-field label{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:18px}
.cf-field input,.cf-field textarea{font:inherit;font-size:18px;color:var(--brown);background:transparent;border:0;border-bottom:3px solid var(--brown);border-radius:0;padding:8px 2px;width:100%;-webkit-appearance:none;appearance:none}
.cf-field textarea{resize:vertical;line-height:34px;padding-top:0;min-height:170px;background-image:repeating-linear-gradient(to bottom,transparent 0 33px,rgba(30,47,58,.3) 33px 34px);background-attachment:local}
.cf-field ::placeholder{color:#4f5f68;opacity:1}
.cf-field input:focus,.cf-field textarea:focus{border-bottom-color:var(--orange)}
.cform .btn{align-self:flex-start}
.c-side{display:flex;flex-direction:column;gap:48px;padding-top:6px}
.c-wa{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cv ct" "go ct";column-gap:18px;background-color:var(--red);background-image:var(--grain-light);color:var(--paper);text-decoration:none;padding:24px 26px 26px;transform:rotate(-1.5deg);box-shadow:-8px 8px 0 var(--brown);transition:transform .08s ease-out,box-shadow .08s ease-out}
.c-wa:hover{box-shadow:-11px 11px 0 var(--brown)}
.c-wa:active{transform:rotate(-1.5deg) translate(-8px,8px);box-shadow:0 0 0 var(--brown)}
.c-wa .ct{grid-area:ct;writing-mode:vertical-rl;font-family:'Aharoni Bold','Secular One',sans-serif;font-size:18px;line-height:1;align-self:start}
.c-wa .cv{grid-area:cv;font-family:'Karantina',sans-serif;font-weight:700;font-size:clamp(58px,5.6vw,82px);line-height:.9;margin-bottom:12px}
.c-wa .go{grid-area:go;font-family:'Aharoni Bold','Secular One',sans-serif;font-size:18px}
.c-lect{border-top:6px solid var(--brown);padding-top:16px}
.c-lect .ct{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:19px}
.c-lect .cv{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(24px,2.3vw,30px);line-height:1.25;color:var(--red);margin-block:6px 8px}
.c-lect .go{font-size:17px}
@media (max-width:860px){.c-grid{grid-template-columns:1fr}}
@media (max-width:760px){
  .cf-row{grid-template-columns:1fr}
  .c-wa{transform:rotate(-1deg)}
  .c-wa:active{transform:rotate(-1deg) translate(-8px,8px)}
}

/* ================= FOOTER ================= */
.foot{--focus:var(--orange);background-color:var(--brown);background-image:var(--grain-light);color:var(--paper);border-top:10px solid var(--orange);padding-block:clamp(48px,6vw,80px) 26px;overflow-x:clip}
.foot-grid{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px}
.foot-logo{font-family:'Karantina',sans-serif;font-weight:700;font-size:clamp(96px,15vw,220px);line-height:.8}
.foot-logo b{color:var(--orange)}
.foot-links{display:flex;flex-wrap:wrap;gap:10px 28px;font-family:'Aharoni Bold','Secular One',sans-serif;font-size:19px;padding-bottom:10px}
.foot-links a{text-decoration:none;border-bottom:3px solid transparent}
.foot-links a:hover{border-bottom-color:var(--orange)}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin-top:clamp(32px,4vw,48px);padding-top:16px;border-top:1px solid rgba(244,239,228,.3);font-size:15px}
.foot-bottom .slug{display:inline-flex;align-items:center;gap:10px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
  html{scroll-behavior:auto}
  .btn:hover{transform:none}
}

/* ---- קופי, 30.9 ---- */
.hero-what{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(21px,1.9vw,25px);line-height:1.4;color:var(--red);margin-bottom:14px}
.cta-stack{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.cta-note{font-size:15px;color:var(--brown);opacity:.85;padding-inline-start:4px}
.about h2{font-size:clamp(46px,5.4vw,88px)!important;max-width:9.5em;line-height:.98}
.about-close{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(22px,2vw,26px)!important;line-height:1.45!important;color:var(--red);margin-top:26px}
.qmos li a{color:inherit;text-decoration:none;display:block;width:100%}
.qmos li a:hover,.qmos li a:focus-visible{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.w-quote{font-size:clamp(30px,3.4vw,46px)!important;line-height:1.15!important;margin:0 0 18px!important}
.bk-item{margin-top:30px;padding-top:18px;border-top:3px solid var(--brown);max-width:40rem}
.bk-item h3{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(26px,2.4vw,34px);line-height:1.1;color:var(--red);margin-bottom:8px}
.bk-item p{font-size:18px;line-height:1.65;margin-bottom:12px}
.bk-meta{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:16px!important;margin-bottom:8px!important}
.bk-q p{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(20px,1.8vw,24px)!important;line-height:1.4!important;margin-bottom:6px!important}
.bk-q footer{font-size:15px;margin-bottom:12px}
.lu-3 .lu-go a{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--orange);text-underline-offset:5px}
.sk-quote p{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(24px,2.4vw,32px);line-height:1.35;max-width:22em;margin-bottom:8px}
.sk-quote footer{font-size:16px;margin-bottom:28px}
.c-card:hover{box-shadow:-8px 8px 0 var(--brown)}
.c-card .cv{font-size:clamp(52px,5vw,72px)}

/* ---- הרצאות + ארכיון, 30.9 ---- */
.lectures{background-color:var(--red);background-image:var(--grain-light);color:var(--paper);padding-block:clamp(56px,7vw,110px);overflow-x:clip}
.lect-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px clamp(32px,6vw,90px);align-items:end}
.lectures h2{font-size:clamp(76px,11vw,180px);color:var(--paper)}
.lect-text p{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:clamp(22px,2.1vw,28px);line-height:1.45;margin-bottom:28px;max-width:20em}
.lectures .btn-brown{--sh:var(--orange)}
@media (max-width:760px){.lect-in{grid-template-columns:1fr}}
.sk-latest{margin-top:34px;padding-top:16px;border-top:3px solid var(--brown);max-width:30rem}
.sk-latest-h{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:16px;margin-bottom:8px}
.sk-latest ul{list-style:none;margin:0 0 12px;padding:0}
.sk-latest li{padding-block:7px;border-bottom:1px solid rgba(30,47,58,.35)}
.sk-latest li a{color:var(--brown);text-decoration:none;font-size:18px}
.sk-latest li a:hover,.sk-latest li a:focus-visible{text-decoration:underline;text-underline-offset:5px}
.sk-archive{font-family:'Aharoni Bold','Secular One',sans-serif;font-size:17px;color:var(--brown);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}