@font-face{font-family:'Assistant';font-style:normal;font-weight:300 700;font-display:swap;src:url(https://eti.ravenmedia.co.il/wp-content/uploads/eti-fonts/assistant-1.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:300 700;font-display:swap;src:url(https://eti.ravenmedia.co.il/wp-content/uploads/eti-fonts/assistant-2.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Frank Ruhl Libre';font-style:normal;font-weight:300 700;font-display:swap;src:url(https://eti.ravenmedia.co.il/wp-content/uploads/eti-fonts/frank-ruhl-libre-1.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:'Frank Ruhl Libre';font-style:normal;font-weight:300 700;font-display:swap;src:url(https://eti.ravenmedia.co.il/wp-content/uploads/eti-fonts/frank-ruhl-libre-2.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ===== artwork: each file embedded exactly once, reused via background ===== */
.i-collage {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-i-collage.jpeg)}
.i-spiral  {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-i-spiral.jpeg)}
.i-card    {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-i-card.jpeg)}
.i-mandA   {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-i-mandA.jpeg)}
.i-mandB   {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-i-mandB.jpeg)}
.i-mandC   {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-i-mandC.jpeg)}
.i-mandD   {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-i-mandD.jpeg)}
.i-mandE   {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-i-mandE.jpeg)}
.i-port    {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-i-port.jpeg)}



/* ===== artwork batch 4 (2026-08-31, שזירת פרחים) ===== */
.i-f-yellow-white    {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-yellow-white.jpeg)}
.i-f-roses-hamsa     {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-roses-hamsa.jpeg)}
.i-f-paradise-kale   {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-paradise-kale.jpeg)}
.i-f-pink-lilies     {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-pink-lilies.jpeg)}
.i-f-iris            {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-iris.jpeg)}
.i-f-dry-bouquet     {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-dry-bouquet.jpeg)}
.i-f-tropic          {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-tropic.jpeg)}
.i-f-cyclamen-cones  {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-cyclamen-cones.jpeg)}
.i-f-green-tower     {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-green-tower.jpeg)}
.i-f-winter          {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-winter.jpeg)}
.i-f-gold            {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-gold.jpeg)}
.i-f-gold-orange     {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-gold-orange.jpeg)}
.i-f-white-stems     {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-white-stems.jpeg)}
.i-f-roses-black     {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-roses-black.jpeg)}
.i-f-branches-birds  {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-branches-birds.jpeg)}
.i-f-hyacinth        {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-hyacinth.jpeg)}
.i-f-gladiolus       {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-gladiolus.jpeg)}
.i-f-fruit-veg       {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-fruit-veg.jpeg)}
.i-f-holiday-table   {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-holiday-table.jpeg)}
.i-f-purple-cauli    {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-purple-cauli.jpeg)}
.i-f-ornamental-kale {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-ornamental-kale.jpeg)}
.i-f-lisianthus      {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-lisianthus.jpeg)}
.i-f-cherubs         {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-cherubs.jpeg)}
.i-f-journal-light   {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-f-journal-light.jpeg)}

/* ===== artwork batch 3 (2026-08-31, אבן · קולאז' · ציור · שזירה) ===== */
.i-h-stone-bloom       {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-stone-bloom.jpeg)}
.i-h-stone-ember       {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-stone-ember.jpeg)}
.i-h-stone-honey       {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-stone-honey.jpeg)}
.i-h-stone-white       {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-stone-white.jpeg)}
.i-h-stone-face        {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-stone-face.jpeg)}
.i-h-metal-relief      {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-metal-relief.jpeg)}
.i-h-flowers           {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-flowers.jpeg)}
.i-h-vision-joy        {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-vision-joy.jpeg)}
.i-h-frida             {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-frida.jpeg)}
.i-h-crown             {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-crown.jpeg)}
.i-h-bluepaint         {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-bluepaint.jpeg)}
.i-h-eye-circle        {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-eye-circle.jpeg)}
.i-h-clocks            {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-clocks.jpeg)}
.i-h-turban            {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-turban.jpeg)}
.i-h-round             {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-round.jpeg)}
.i-h-flora-mand        {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-flora-mand.jpeg)}
.i-h-volcano           {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-volcano.jpeg)}
.i-h-hamsa             {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-hamsa.jpeg)}
.i-h-bouquet           {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-bouquet.jpeg)}
.i-h-peonies           {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-peonies.jpeg)}
.i-h-rooster           {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-rooster.jpeg)}
.i-h-lion              {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-lion.jpeg)}
.i-h-branch            {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-branch.jpeg)}
.i-h-glass             {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-glass.jpeg)}
.i-h-line-garden       {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-line-garden.jpeg)}
.i-h-pastel-lines      {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-pastel-lines.jpeg)}
.i-h-moonface          {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-moonface.jpeg)}
.i-h-circles           {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-circles.jpeg)}
.i-h-lace              {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-lace.jpeg)}
.i-h-map               {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-map.jpeg)}
.i-h-ink-green         {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-h-ink-green.jpeg)}

/* ===== artwork batch 2 (2026-08-31) ===== */
.i-gMandBloom    {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-mand-bloom.jpeg)}
.i-gMandSwirl    {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-mand-swirl.jpeg)}
.i-gMandGraphite {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-mand-graphite.jpeg)}
.i-gMandGreen    {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-mand-green.jpeg)}
.i-gMandEyes     {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-mand-eyes.jpeg)}
.i-gLeaves       {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-leaves.jpeg)}
.i-gJBeach       {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-journal-beach.jpeg)}
.i-gJToda        {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-journal-toda.jpeg)}
.i-gJFlora       {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-journal-flora.jpeg)}
.i-gJInfinite    {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-journal-infinite.jpeg)}
.i-gCTree        {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-collage-tree-v2.jpeg)}
.i-gCEye         {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-collage-eye.jpeg)}
.i-gWorkshop     {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-workshop-table.jpeg)}
.i-gProcess      {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-process-hand.jpeg)}
.i-gFramed       {background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/08/eti-g-framed.jpeg)}

.ph{background-size:cover;background-position:center;background-repeat:no-repeat}
.ph-top{background-position:center 18%}

:root{
  --canvas:#FAF7F2; --linen:#EDE4D8; --kraft:#D8C4AB; --charcoal:#2B2724;
  --terra:#B0603A; --terra-d:#8C4728; --sage:#8B9A80; --sage-p:#C3CDBA;
  --void:#1C1917; --void-t:#EDE4D8;
  --ink60:rgba(43,39,36,.62); --ink45:rgba(43,39,36,.45); --hair:rgba(43,39,36,.12);
  --serif:'Frank Ruhl Libre',Georgia,serif;
  --sans:'Assistant',system-ui,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  /* radius scale */
  --r-sm:14px; --r-md:20px; --r-lg:28px; --r-xl:38px; --r-pill:999px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  direction:rtl;color-scheme:light;margin:0;
  background:var(--canvas);color:var(--charcoal);
  font-family:var(--sans);font-size:17px;line-height:1.8;font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px}

/* ---------- primitives ---------- */
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.wide{max-width:1400px;margin:0 auto;padding:0 40px}
.narrow{max-width:790px;margin:0 auto;padding:0 40px}
.eyebrow{font-size:12.5px;font-weight:600;letter-spacing:.18em;color:var(--sage);margin:0 0 14px}
h1,h2,h3{font-family:var(--serif);font-weight:300;margin:0;text-wrap:balance}
h1{font-size:clamp(38px,5.2vw,66px);line-height:1.1;letter-spacing:-.025em}
h2{font-weight:500;font-size:clamp(30px,3.6vw,44px);line-height:1.2;letter-spacing:-.01em}
h3{font-weight:500;font-size:clamp(21px,2vw,27px);line-height:1.3}
.lead{font-size:clamp(17px,1.5vw,20px);font-weight:300;color:var(--ink60);line-height:1.8}
.sec{padding:clamp(72px,10vw,140px) 0}
.sec-s{padding:clamp(56px,7vw,96px) 0}
.tex{background-image:radial-gradient(rgba(139,122,94,.14) .6px,transparent .7px),radial-gradient(rgba(139,122,94,.09) .5px,transparent .6px);background-size:7px 7px,11px 11px;background-position:0 0,3px 4px}
.bg-linen{background-color:var(--linen)}
.bg-canvas{background-color:var(--canvas)}

.btn{display:inline-flex;align-items:center;gap:9px;font-size:16px;font-weight:600;
  letter-spacing:.02em;padding:15px 34px;border-radius:var(--r-pill);transition:all .3s var(--ease);white-space:nowrap}
.btn-p{background:var(--terra);color:#FFF9F4}
.btn-p:hover{background:var(--terra-d);transform:translateY(-2px);box-shadow:0 10px 26px rgba(140,71,40,.26)}
.btn-g{border:1px solid var(--charcoal);color:var(--charcoal)}
.btn-g:hover{background:var(--charcoal);color:var(--canvas);transform:translateY(-2px)}
.btn-l{border:1px solid rgba(237,228,216,.45);color:var(--void-t)}
.btn-l:hover{background:var(--void-t);color:var(--charcoal);border-color:var(--void-t)}
.tlink{display:inline-flex;align-items:center;gap:7px;color:var(--terra);font-weight:600;font-size:16px;transition:gap .3s var(--ease)}
.tlink:hover{gap:13px;color:var(--terra-d)}

.cdiv{display:flex;justify-content:center;padding:0}
.cdiv i{width:82px;height:82px;border:1px solid var(--sage-p);border-radius:50%;display:block;margin:-41px 0}
.head-c{text-align:center;max-width:680px;margin:0 auto 58px}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}

/* ---------- header ---------- */
.hd{position:fixed;inset-block-start:0;inset-inline:0;z-index:90;transition:all .4s var(--ease)}
.hd-in{display:flex;align-items:center;justify-content:space-between;gap:32px;
  max-width:1240px;margin:0 auto;padding:22px 40px;transition:padding .4s var(--ease)}
/* .solid = pages whose hero is light, so the header can never start transparent */
.hd.on,.hd.solid{background:rgba(250,247,242,.94);backdrop-filter:blur(14px);border-block-end:1px solid var(--hair)}
.hd.on .hd-in{padding:12px 40px}
.logo{font-family:var(--serif);font-weight:300;font-size:23px;letter-spacing:.02em;color:var(--void-t);
  transition:color .4s var(--ease);white-space:nowrap}
.logo b{font-weight:500}
.hd.on .logo,.hd.solid .logo{color:var(--charcoal)}
.nav{display:flex;align-items:center;gap:4px;margin:0;padding:0}
.nav>li{list-style:none;position:relative}
.nav a,.nav button{display:block;padding:9px 14px;font-size:15.5px;font-weight:600;
  color:rgba(237,228,216,.86);transition:all .3s var(--ease);position:relative;border-radius:var(--r-pill)}
.hd.on .nav a,.hd.on .nav button,.hd.solid .nav a,.hd.solid .nav button{color:var(--ink60)}
.nav a:hover,.nav button:hover{color:var(--terra);background:rgba(176,96,58,.09)}
.nav .cur{color:var(--terra)!important;background:rgba(176,96,58,.11)}
.hd-cta{display:flex;align-items:center;gap:12px}
.wa{width:42px;height:42px;border-radius:50%;border:1px solid rgba(237,228,216,.4);
  display:grid;place-items:center;transition:all .4s var(--ease);color:rgba(237,228,216,.9);flex:0 0 auto}
.hd.on .wa,.hd.solid .wa{border-color:var(--sage-p);color:var(--sage)}
.wa:hover{background:var(--sage);border-color:var(--sage);color:#fff}
.hd .btn{padding:12px 24px;font-size:15px}

/* mega menu */
.mm{position:fixed;inset-inline:0;inset-block-start:0;padding-block-start:74px;z-index:80;
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .35s var(--ease)}
.mm.open{opacity:1;visibility:visible;transform:none}
.mm-in{max-width:1150px;margin:0 auto;background:var(--canvas);border:1px solid var(--hair);
  border-block-start:0;border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:0 34px 74px rgba(43,39,36,.16);
  display:flex;gap:44px;padding:42px 42px 38px}
.mm-cats{flex:1 1 58%;display:flex;gap:18px}
.mm-cat{flex:1;text-align:center;padding:12px 6px 14px;border-radius:var(--r-md);transition:background .3s var(--ease)}
.mm-cat:hover{background:var(--linen)}
.mm-cat .av{width:100px;height:100px;border-radius:50%;margin:0 auto 14px;
  border:1px solid var(--hair);transition:all .5s var(--ease)}
.mm-cat:hover .av{box-shadow:0 0 0 4px rgba(139,154,128,.28);transform:scale(1.05)}
.mm-cat h4{margin:0 0 4px;font-family:var(--serif);font-weight:500;font-size:18px}
.mm-cat p{margin:0;font-size:13px;color:var(--ink45);line-height:1.5}
.mm-feat{flex:0 0 34%;border-inline-start:1px solid var(--hair);padding-inline-start:36px}
.mm-vid{aspect-ratio:16/10;border-radius:var(--r-md);position:relative;overflow:hidden;margin-block-end:14px}
.mm-vid .ph{position:absolute;inset:0;opacity:.6;background-color:var(--charcoal)}
.mm-vid .pl{position:absolute;inset:0;display:grid;place-items:center;background:rgba(28,25,23,.3)}
.mm-vid .pl i{width:52px;height:52px;border-radius:50%;background:rgba(250,247,242,.94);
  display:grid;place-items:center;transition:transform .4s var(--ease)}
.mm-vid:hover .pl i{transform:scale(1.12)}
.mm-feat .tag{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--sage);margin:0 0 5px}
.mm-feat p.d{margin:0;font-size:14.5px;color:var(--ink60);line-height:1.6}

/* ---------- hero (home) ---------- */
.hero{position:relative;min-height:96vh;display:flex;align-items:center;
  background:var(--void);overflow:hidden;padding-block:130px 90px}
.hero .bg{position:absolute;inset:-8% 0;opacity:.20;filter:saturate(.7)}
.hero .vg{position:absolute;inset:0;background:
  radial-gradient(120% 90% at 78% 40%,rgba(28,25,23,.28) 0%,rgba(28,25,23,.93) 62%),
  linear-gradient(to left,rgba(28,25,23,.35),rgba(28,25,23,.92))}
.hero-in{position:relative;z-index:3;display:flex;align-items:center;gap:64px;
  max-width:1240px;margin:0 auto;padding:0 40px;width:100%}
.hero-copy{flex:1 1 50%;min-width:0}
.hero h1{color:var(--void-t);margin:0 0 26px;max-width:14ch;font-size:clamp(40px,5.6vw,74px)}
.hero .lead{color:rgba(237,228,216,.76);max-width:46ch;margin:0 0 38px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.hero-art{flex:0 0 42%;position:relative}
.hero-art .fr{border-radius:var(--r-xl);overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.5);
  aspect-ratio:3/4}
.hero-art .fr .ph{width:100%;height:100%}
.hero-cap{position:absolute;inset-block-end:20px;inset-inline-end:20px;background:rgba(250,247,242,.93);
  padding:9px 18px;border-radius:var(--r-pill);font-size:12.5px;color:var(--ink60);line-height:1.4;max-width:64%}
.hero-circ{position:absolute;inset-block-end:-74px;inset-inline-start:-72px;width:196px;height:196px;
  border-radius:50%;border:5px solid var(--void);box-shadow:0 20px 50px rgba(0,0,0,.55)}
.scroll-c{display:flex;align-items:center;gap:11px;margin-block-start:52px;color:rgba(237,228,216,.5);font-size:13px}
.scroll-c i{display:block;width:1px;height:34px;background:linear-gradient(rgba(139,154,128,.9),transparent);animation:drip 2.4s var(--ease) infinite}
@keyframes drip{0%{transform:scaleY(.2);transform-origin:top;opacity:0}45%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);transform-origin:bottom;opacity:0}}

/* page hero (inner pages) */
.phero{padding:180px 0 clamp(48px,6vw,76px);text-align:center}
.phero .lead{max-width:58ch;margin:20px auto 0}
.phero-img{position:relative;min-height:64vh;display:flex;align-items:flex-end;overflow:hidden;
  border-radius:0 0 var(--r-xl) var(--r-xl)}
.phero-img .bg{position:absolute;inset:-6% 0}
.phero-img .ov{position:absolute;inset:0;background:linear-gradient(rgba(28,25,23,.42),rgba(28,25,23,.9))}
.phero-img .in{position:relative;z-index:2;padding-block-end:clamp(48px,7vw,86px);width:100%}
.phero-img h1{color:var(--void-t)}
.phero-img .lead{color:rgba(237,228,216,.78);max-width:52ch}

/* ---------- trust ---------- */
.trust{background:var(--linen);padding:50px 0}
.trust-g{display:flex;gap:24px;justify-content:space-between;text-align:center}
.stat{flex:1}
.stat b{display:block;font-family:var(--serif);font-weight:300;font-size:clamp(32px,4vw,50px);
  line-height:1;color:var(--terra);margin-block-end:8px}
.stat span{font-size:13px;letter-spacing:.08em;color:var(--ink60)}

/* ---------- pillars ---------- */
.pill-g{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.pill{background:var(--linen);border:1px solid var(--hair);border-radius:var(--r-lg);padding:32px 28px 30px;
  transition:transform .55s var(--ease),box-shadow .55s var(--ease)}
.pill:hover{transform:translateY(-9px);box-shadow:0 26px 56px rgba(43,39,36,.12)}
.pill .n{width:52px;height:52px;border-radius:50%;border:1px solid var(--sage);display:grid;
  place-items:center;font-family:var(--serif);font-size:16px;color:var(--sage);margin-block-end:20px}
.pill .im{aspect-ratio:4/3;border-radius:var(--r-md);overflow:hidden;margin-block-end:20px}
.pill .im .ph{width:100%;height:100%;transition:transform .8s var(--ease)}
.pill:hover .im .ph{transform:scale(1.06)}
.pill h3{margin:0 0 12px}
.pill p{margin:0 0 18px;color:var(--ink60);font-size:16px;line-height:1.75}

/* ---------- gallery cards ---------- */
.gal-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-block-end:44px}
.gal-g{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.card{display:block;cursor:pointer}
.card .m{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--kraft);aspect-ratio:3/4}
.card .m .ph{width:100%;height:100%;transition:transform .9s var(--ease)}
.card:hover .m .ph{transform:scale(1.06)}
.badge{position:absolute;inset-block-start:15px;inset-inline-start:15px;font-size:11.5px;font-weight:600;
  padding:6px 14px;border-radius:var(--r-pill);z-index:2}
.b-av{background:rgba(139,154,128,.94);color:#fff}
.b-so{background:rgba(43,39,36,.86);color:var(--linen)}
.b-ex{background:rgba(176,96,58,.94);color:#fff}
.rev{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  padding:26px;background:linear-gradient(transparent 26%,rgba(28,25,23,.9));
  clip-path:circle(0% at 50% 55%);transition:clip-path .75s var(--ease)}
.card:hover .rev{clip-path:circle(85% at 50% 55%)}
.rev h4{margin:0 0 5px;font-family:var(--serif);font-weight:500;font-size:20px;color:var(--void-t)}
.rev p{margin:0 0 12px;font-size:13px;color:rgba(237,228,216,.72)}
.rev span{font-size:14px;font-weight:600;color:var(--sage-p)}
.card .mt{padding:16px 4px 0}
.card .mt h4{margin:0 0 3px;font-family:var(--serif);font-weight:500;font-size:19px}
.card .mt p{margin:0;font-size:13.5px;color:var(--ink45)}

/* ---------- zero space ---------- */
.zero{position:relative;background:var(--void);padding:clamp(96px,15vw,190px) 0;overflow:hidden;text-align:center}
.zero-r{border-radius:var(--r-xl)}
.zero .md{position:absolute;inset-block-start:50%;inset-inline-start:50%;width:min(700px,105vw);aspect-ratio:1;
  transform:translate(50%,-50%);opacity:.11;animation:spin 130s linear infinite;filter:invert(1);
  -webkit-mask-image:radial-gradient(circle,#000 52%,transparent 74%);
  mask-image:radial-gradient(circle,#000 52%,transparent 74%)}
.zero .gl{position:absolute;inset-block-start:50%;inset-inline-start:50%;width:820px;height:820px;transform:translate(50%,-50%);
  background:radial-gradient(circle,rgba(139,154,128,.22),transparent 62%)}
@keyframes spin{to{transform:translate(50%,-50%) rotate(360deg)}}
.zero-in{position:relative;z-index:2;max-width:790px;margin:0 auto;padding:0 40px}
.zero q{display:block;font-family:var(--serif);font-weight:300;quotes:none;
  font-size:clamp(24px,3.2vw,40px);line-height:1.45;color:var(--void-t);margin:0 0 32px;letter-spacing:-.01em}
.zero .tlink{color:var(--sage-p)}
.zero .tlink:hover{color:#fff}

/* ---------- book ---------- */
.bk{display:flex;align-items:center;gap:80px}
.bk-v{flex:0 0 40%;display:grid;place-items:center;position:relative;padding:30px 0}
.bk-v .halo{position:absolute;width:340px;height:340px;border-radius:50%;background:var(--kraft);opacity:.5}
/* Hebrew binding: spine on the RIGHT, right edge receding */
.book{position:relative;width:236px;height:328px;transform:perspective(1400px) rotateY(19deg) rotateX(3deg);
  transform-style:preserve-3d;transition:transform .8s var(--ease);box-shadow:-26px 32px 62px rgba(43,39,36,.34)}
.bk-v:hover .book{transform:perspective(1400px) rotateY(11deg) rotateX(1deg) translateY(-8px)}
.book .fc{position:absolute;inset:0;background:linear-gradient(210deg,#37312C,#211D1A 62%);
  border-radius:var(--r-sm) 3px 3px var(--r-sm);padding:34px 26px;display:flex;flex-direction:column;
  justify-content:space-between;border-right:1px solid rgba(255,255,255,.07)}
.book .sp{position:absolute;top:0;bottom:0;left:100%;width:19px;
  background:linear-gradient(to right,#171412,#2C2723);transform:rotateY(-78deg);transform-origin:left}
.book .em{width:54px;height:54px;border:1px solid var(--sage);border-radius:50%;opacity:.75}
.book h4{font-family:var(--serif);font-weight:300;font-size:25px;line-height:1.3;color:var(--void-t);margin:0}
.book .au{font-size:12px;letter-spacing:.14em;color:rgba(237,228,216,.5);margin-block-start:9px}
.bk-c{flex:1 1 55%}
.ticks{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:13px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;color:var(--ink60)}
.ticks li i{flex:0 0 22px;height:22px;margin-block-start:4px;border-radius:50%;border:1px solid var(--sage);
  display:grid;place-items:center;color:var(--sage);font-size:11px;font-style:normal}
.bk-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ph-tag{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.1em;color:var(--terra-d);
  background:rgba(176,96,58,.11);padding:5px 14px;border-radius:var(--r-pill);margin-block-end:14px}

/* ---------- workshops ---------- */
.ws-g{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.wcard{background:var(--canvas);border:1px solid var(--hair);border-radius:var(--r-lg);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.wcard:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(43,39,36,.13)}
.wcard .m{position:relative;aspect-ratio:4/3;overflow:hidden}
.wcard .m .ph{width:100%;height:100%;transition:transform .8s var(--ease)}
.wcard:hover .m .ph{transform:scale(1.05)}
.chip{position:absolute;inset-block-start:15px;inset-inline-start:15px;background:rgba(250,247,242,.95);
  border-radius:var(--r-sm);padding:8px 14px;text-align:center;line-height:1.1}
.chip b{display:block;font-family:var(--serif);font-size:21px;font-weight:500;color:var(--terra)}
.chip span{font-size:11px;color:var(--ink45);letter-spacing:.05em}
.wcard .bd{padding:24px 24px 22px;display:flex;flex-direction:column;flex:1;gap:11px}
.wcard .tr{font-size:12px;font-weight:600;letter-spacing:.13em;color:var(--sage)}
.wcard h3{font-size:22px}
.wcard .sb{margin:0;font-size:15.5px;color:var(--ink60);line-height:1.65}
.wcard .wft{margin-block-start:auto;padding-block-start:16px;border-block-start:1px solid var(--hair);
  display:flex;justify-content:space-between;align-items:center;gap:10px}
.wcard .wft small{font-size:13px;color:var(--ink45)}

/* tracks */
.tr-g{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.track{display:flex;gap:24px;padding:28px;background:var(--canvas);border:1px solid var(--hair);
  border-radius:var(--r-lg);transition:all .5s var(--ease)}
.track:hover{border-color:var(--sage-p);transform:translateY(-6px);box-shadow:0 22px 46px rgba(43,39,36,.1)}
.track .av{flex:0 0 108px;height:108px;border-radius:50%;border:1px solid var(--hair)}
.track h3{margin:0 0 8px;font-size:22px}
.track p{margin:0 0 12px;font-size:15.5px;color:var(--ink60);line-height:1.7}

/* steps with connector */
.steps{display:flex;position:relative;gap:0}
.steps::before{content:"";position:absolute;inset-block-start:44px;inset-inline:14% 14%;height:1px;
  background:var(--sage-p);z-index:0;transform:scaleX(0);transform-origin:right;
  transition:transform 1.4s var(--ease)}
.steps.in::before{transform:scaleX(1)}
.step{flex:1;text-align:center;padding-inline:22px;position:relative;z-index:1}
.step .n{width:88px;height:88px;border-radius:50%;background:var(--canvas);border:1px solid var(--sage);
  display:grid;place-items:center;margin:0 auto 20px;font-family:var(--serif);font-size:20px;color:var(--sage)}
.step h3{margin:0 0 10px}
.step p{margin:0;font-size:15.5px;color:var(--ink60);line-height:1.7;max-width:32ch;margin-inline:auto}

/* ---------- testimonials ---------- */
.tst-g{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;max-width:980px;margin:0 auto}
.tst{background:var(--linen);border:1px solid var(--hair);border-radius:var(--r-lg);padding:34px 32px;margin:0}
.tst .q{width:36px;height:36px;border:1px solid var(--sage);border-radius:50%;display:grid;
  place-items:center;color:var(--sage);font-family:var(--serif);font-size:22px;line-height:1;margin-block-end:20px}
.tst p{margin:0;font-family:var(--serif);font-weight:300;font-size:18.5px;line-height:1.72}
.tst .at{margin-block-start:22px;padding-block-start:16px;border-block-start:1px solid var(--hair);
  font-size:13.5px;color:var(--ink45);font-family:var(--sans)}

/* ---------- about ---------- */
.ab-in{display:flex;align-items:center;gap:74px}
.ab-v{flex:0 0 38%;position:relative}
.ab-v .fr{border-radius:var(--r-xl);overflow:hidden;aspect-ratio:4/5}
.ab-v .fr .ph{width:100%;height:100%}
.ab-badge{position:absolute;inset-block-end:-34px;inset-inline-end:-34px;width:152px;height:152px;border-radius:50%;
  background:var(--canvas);border:1px solid var(--sage-p);display:grid;place-items:center;text-align:center;
  font-size:13px;color:var(--ink60);line-height:1.4;padding:16px}
.ab-c{flex:1 1 56%}
.prose p{font-size:19px;font-weight:300;color:var(--ink60);line-height:1.9;margin:0 0 24px}
.pull{margin:52px 0;padding:34px 0;border-block:1px solid var(--sage-p);text-align:center}
.pull p{font-family:var(--serif);font-weight:300;font-size:clamp(23px,2.8vw,33px);line-height:1.4;
  color:var(--terra);margin:0}
.figure{margin:44px 0;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/10}
.figure .ph{width:100%;height:100%}
.figcap{font-size:13.5px;color:var(--ink45);margin-block-start:12px;text-align:center}

/* method nodes */
.method{display:flex;position:relative}
.method::before{content:"";position:absolute;inset-block-start:36px;inset-inline:11% 11%;height:1px;
  background:var(--sage-p);z-index:0;transform:scaleX(0);transform-origin:right;transition:transform 1.4s var(--ease)}
.method.in::before{transform:scaleX(1)}
.mnode{flex:1;text-align:center;padding-inline:16px;position:relative;z-index:1}
.mnode .c{width:72px;height:72px;border-radius:50%;background:var(--linen);border:1px solid var(--sage);
  display:grid;place-items:center;margin:0 auto 16px;font-family:var(--serif);font-size:17px;color:var(--sage)}
.mnode h4{margin:0 0 7px;font-size:18px;font-family:var(--serif);font-weight:500}
.mnode p{margin:0;font-size:14.5px;color:var(--ink60);line-height:1.6}

/* credentials */
.cred{display:flex;gap:64px;align-items:flex-start}
.cred-g{flex:0 0 44%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cred-g .ph{aspect-ratio:1;border-radius:var(--r-md)}
.cred-c{flex:1}
.infobox{background:var(--linen);border:1px solid var(--hair);border-radius:var(--r-lg);padding:28px;margin-block-start:32px}

/* ---------- timeline ---------- */
.tl{position:relative;max-width:1120px;margin:0 auto;padding:0 40px}
.tl::before{content:"";position:absolute;inset-block:10px;inset-inline-start:50%;width:1px;background:var(--sage-p)}
.tl-row{display:flex;gap:48px;align-items:center;position:relative;margin-block-end:80px}
.tl-row:last-child{margin-block-end:0}
.tl-row:nth-child(even){flex-direction:row-reverse}
.tl-row .node{position:absolute;inset-inline-start:50%;transform:translateX(50%);width:20px;height:20px;
  border-radius:50%;background:var(--canvas);border:2px solid var(--sage);z-index:3;transition:all .4s var(--ease)}
.tl-row:hover .node{transform:translateX(50%) scale(1.45);border-color:var(--terra)}
.tl-row .im{flex:0 0 calc(50% - 24px);aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden}
.tl-row .im .ph{width:100%;height:100%;transition:transform .8s var(--ease)}
.tl-row:hover .im .ph{transform:scale(1.05)}
.tl-row .tx{flex:0 0 calc(50% - 24px)}
.tl-row .yr{font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--terra);margin:0 0 8px}
.tl-row h3{margin:0 0 8px}
.tl-row .vn{font-size:14px;color:var(--ink45);margin:0 0 12px}
.tl-row p.d{margin:0 0 14px;font-size:15.5px;color:var(--ink60);line-height:1.7}
.now{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--sage)}
.now i{width:9px;height:9px;border-radius:50%;background:var(--sage);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.3)}}

/* ---------- forms ---------- */
.fwrap{display:flex;gap:56px;align-items:flex-start}
.fside{flex:0 0 38%}
.fbox{flex:1;background:var(--linen);border:1px solid var(--hair);border-radius:var(--r-xl);padding:40px 38px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fld{display:flex;flex-direction:column;gap:8px}
.fld.full{grid-column:1/-1}
.fld label{font-size:14px;font-weight:600}
.fld input,.fld textarea,.fld select{font-family:var(--sans);font-size:16px;padding:14px 18px;
  border:1px solid var(--sage-p);border-radius:var(--r-sm);background:var(--canvas);color:var(--charcoal);
  transition:all .2s var(--ease);width:100%}
.fld textarea{min-height:112px;resize:vertical;border-radius:var(--r-md)}
.fld input:focus,.fld textarea:focus,.fld select:focus{outline:none;border-color:var(--terra);
  box-shadow:0 0 0 3px rgba(176,96,58,.12)}
.fld .ltr{direction:ltr;text-align:right}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chips label{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:1px solid var(--sage-p);
  border-radius:var(--r-pill);font-size:14.5px;font-weight:600;color:var(--ink60);cursor:pointer;
  transition:all .25s var(--ease)}
.chips input{position:absolute;opacity:0;width:0;height:0}
.chips label:hover{border-color:var(--sage);background:rgba(139,154,128,.1)}
.chips input:checked+span{color:inherit}
.chips label:has(input:checked){background:var(--charcoal);border-color:var(--charcoal);color:var(--canvas)}
.fnote{font-size:13px;color:var(--ink45);margin-block-start:16px}

/* ---------- contact ---------- */
.ct-hero{display:flex;align-items:center;gap:72px;padding:168px 0 clamp(52px,6vw,84px)}
.ct-hero .tx{flex:1 1 56%;min-width:0}
.ct-hero h1{margin:0 0 22px}
.ct-hero .sig{font-family:var(--serif);font-weight:300;font-size:clamp(20px,2.2vw,26px);
  color:var(--terra);line-height:1.5;margin:26px 0 0;padding-inline-start:20px;
  border-inline-start:2px solid var(--sage-p)}
.ct-hero .art{flex:0 0 34%;position:relative;display:grid;place-items:center;padding:18px}
.ct-hero .disc{width:min(320px,100%);aspect-ratio:1;border-radius:50%;overflow:hidden;
  box-shadow:0 26px 60px rgba(43,39,36,.18)}
.ct-hero .disc .ph{width:100%;height:100%}
.ct-hero .stamp{position:absolute;inset-block-end:4px;inset-inline-start:-6px;width:126px;height:126px;
  border-radius:50%;background:var(--canvas);border:1px solid var(--sage-p);display:grid;
  place-items:center;text-align:center;font-size:12.5px;line-height:1.45;color:var(--ink60);padding:16px}
.ct-hero .stamp b{display:block;font-family:var(--serif);font-size:19px;font-weight:500;
  color:var(--terra);margin-block-end:3px}

.ct-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:60px;align-items:start}
.fhead{display:flex;gap:16px;align-items:center;margin-block-end:32px;padding-block-end:24px;
  border-block-end:1px solid var(--hair)}
.fhead .mk{flex:0 0 46px;height:46px;border-radius:50%;border:1px solid var(--sage);display:grid;
  place-items:center;color:var(--sage)}
.fhead h3{margin:0 0 2px;font-size:23px}
.fhead p{margin:0;font-size:14.5px;color:var(--ink45)}

/* dark contact panel — a designed object, not a third beige card */
.panel{background:var(--charcoal);color:var(--linen);border-radius:var(--r-xl);overflow:hidden}
.panel .im{aspect-ratio:16/11;position:relative}
.panel .im .ph{width:100%;height:100%}
.panel .im .cap{position:absolute;inset-block-end:0;inset-inline:0;padding:32px 26px 18px;
  background:linear-gradient(transparent,rgba(28,25,23,.92));font-size:13px;color:rgba(237,228,216,.72)}
.panel .bd{padding:26px}
.prow{display:flex;gap:14px;align-items:flex-start;padding-block:14px;
  border-block-end:1px solid rgba(237,228,216,.12)}
.prow:last-of-type{border-block-end:0;padding-block-end:4px}
.prow svg{color:var(--sage);flex:0 0 18px;margin-block-start:4px}
.prow .k{font-size:11.5px;letter-spacing:.13em;color:rgba(237,228,216,.42);margin-block-end:4px}
.prow .v{font-size:16px;color:var(--linen);line-height:1.55}
.btn-wa{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--sage);
  color:#fff;padding:15px;border-radius:var(--r-pill);font-weight:600;transition:all .3s var(--ease);
  margin-block-end:22px}
.btn-wa:hover{background:#7C8C6E;transform:translateY(-2px);box-shadow:0 12px 28px rgba(139,154,128,.34)}

/* studio band — replaces the fake CSS map */
.visit{position:relative;border-radius:var(--r-xl);overflow:hidden;min-height:440px;
  display:flex;align-items:flex-end}
.visit .bg{position:absolute;inset:0}
/* card sits at the inline-start (right in RTL) — scrim must darken that side */
.visit .ov{position:absolute;inset:0;
  background:linear-gradient(to left,transparent 42%,rgba(28,25,23,.34) 72%,rgba(28,25,23,.78))}
.visit .card{position:relative;z-index:2;margin:clamp(20px,3vw,38px);background:var(--canvas);
  border-radius:var(--r-lg);padding:32px;max-width:400px;box-shadow:0 24px 54px rgba(0,0,0,.28)}
.visit .card h3{margin:0 0 6px}
.visit .card .adr{margin:0 0 20px;font-size:15.5px;color:var(--ink60);line-height:1.7}

/* accordion */
.acc{border:1px solid var(--hair);border-radius:var(--r-lg);overflow:hidden;background:var(--canvas)}
.acc details{border-block-end:1px solid var(--hair)}
.acc details:last-child{border-block-end:0}
.acc summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;align-items:center;gap:16px;
  font-weight:600;font-size:17px;transition:background .25s var(--ease)}
.acc summary::-webkit-details-marker{display:none}
.acc summary:hover{background:var(--linen)}
.acc summary .ix{flex:0 0 30px;height:30px;border-radius:50%;border:1px solid var(--sage);display:grid;
  place-items:center;color:var(--sage);font-size:13px;font-family:var(--serif);transition:all .3s var(--ease)}
.acc summary .pm{margin-inline-start:auto;color:var(--sage);font-size:20px;line-height:1;
  transition:transform .3s var(--ease)}
.acc details[open] summary .pm{transform:rotate(135deg)}
.acc details[open] summary{background:var(--linen)}
.acc .body{padding:4px 26px 26px;display:flex;gap:26px;align-items:flex-start}
.acc .body p{margin:0;color:var(--ink60);font-size:16px;line-height:1.75;flex:1}
.acc .body .ex{flex:0 0 34%;background:var(--kraft);border-radius:var(--r-md);padding:20px;
  border-inline-start:3px solid var(--sage);font-size:14.5px;line-height:1.65}
.acc .body .ex b{display:block;font-size:12px;letter-spacing:.12em;color:var(--terra-d);margin-block-end:7px}

/* video block */
.vbox{aspect-ratio:16/9;border-radius:var(--r-xl);overflow:hidden;position:relative;max-width:920px;margin:0 auto}
.vbox .ph{position:absolute;inset:0;opacity:.72;background-color:var(--charcoal)}
.vbox .ov{position:absolute;inset:0;background:rgba(28,25,23,.34);display:grid;place-items:center}
.vbox .pb{width:76px;height:76px;border-radius:50%;background:rgba(250,247,242,.95);display:grid;
  place-items:center;transition:transform .4s var(--ease)}
.vbox:hover .pb{transform:scale(1.1)}

/* ---------- CTA ---------- */
.cta{position:relative;padding:clamp(90px,13vw,168px) 0;text-align:center;overflow:hidden;border-radius:var(--r-xl)}
.cta .bg{position:absolute;inset:-6% 0}
.cta .ov{position:absolute;inset:0;background:linear-gradient(rgba(28,25,23,.76),rgba(28,25,23,.9))}
.cta-in{position:relative;z-index:2;max-width:700px;margin:0 auto;padding:0 40px}
.cta h2{color:var(--void-t);margin:0 0 22px;font-weight:300;font-size:clamp(30px,4.4vw,52px)}
.cta .lead{color:rgba(237,228,216,.76);margin:0 0 36px}
.cta-b{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cta-hold{padding-inline:24px}

/* ---------- footer ---------- */
.ft{background:var(--charcoal);color:var(--linen);padding:78px 0 32px;border-radius:var(--r-xl) var(--r-xl) 0 0;margin-block-start:24px}
.ft-q{text-align:center;padding-block-end:50px;border-block-end:1px solid rgba(237,228,216,.13);max-width:730px;margin:0 auto}
.ft-q i{width:44px;height:44px;border:1px solid var(--sage);border-radius:50%;display:block;margin:0 auto 24px}
.ft-q p{font-family:var(--serif);font-weight:300;font-size:clamp(19px,2.2vw,26px);line-height:1.5;margin:0}
.ft-g{display:grid;grid-template-columns:1.3fr .8fr .8fr 1.2fr;gap:44px;padding-block:50px}
.ft h5{font-family:var(--sans);font-weight:600;font-size:16px;margin:0 0 18px}
.ft ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.ft li a,.ft .li{font-size:15px;color:rgba(237,228,216,.68);transition:all .3s var(--ease);display:inline-block}
.ft li a:hover{color:var(--terra);transform:translateX(-5px)}
.ft .brand{font-family:var(--serif);font-weight:300;font-size:24px;margin:0 0 12px}
.ft .brand b{font-weight:500}
.ft .tl2{font-size:14.5px;color:rgba(237,228,216,.55);margin:0 0 22px;max-width:250px;line-height:1.65}
.soc{display:flex;gap:11px}
.soc a{width:38px;height:38px;border:1px solid rgba(139,154,128,.5);border-radius:50%;display:grid;
  place-items:center;color:rgba(237,228,216,.72);transition:all .3s var(--ease)}
.soc a:hover{background:var(--terra);border-color:var(--terra);color:#fff}
.ft-c li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:rgba(237,228,216,.68);line-height:1.6}
.ft-c li i{flex:0 0 17px;color:var(--sage);font-style:normal}
.ft-lg{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block-start:26px;
  border-block-start:1px solid rgba(237,228,216,.13);font-size:13px;color:rgba(237,228,216,.45)}
.ft-lg a:hover{color:var(--terra)}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* ---------- gallery page ---------- */
.pg{display:none}
.pg.on{display:block}
.filt{position:sticky;inset-block-start:62px;z-index:40;background:rgba(250,247,242,.95);
  backdrop-filter:blur(12px);border-block:1px solid var(--hair);padding:16px 0;margin-block-end:50px}
.filt-in{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:0 40px}
.fp{padding:9px 22px;border-radius:var(--r-pill);border:1px solid var(--sage-p);font-size:15px;
  font-weight:600;color:var(--ink60);transition:all .3s var(--ease)}
.fp:hover{border-color:var(--sage);background:rgba(139,154,128,.13)}
.fp.on{background:var(--charcoal);border-color:var(--charcoal);color:var(--canvas)}
.gp-g{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.gp-g .card.hide{display:none}

/* ---------- blog ---------- */
.feat{display:flex;gap:0;align-items:stretch;background:var(--canvas);border:1px solid var(--hair);
  border-radius:var(--r-xl);overflow:hidden;cursor:pointer;transition:box-shadow .5s var(--ease)}
.feat:hover{box-shadow:0 28px 58px rgba(43,39,36,.12)}
.feat .im{flex:0 0 52%;overflow:hidden;min-height:380px}
.feat .im .ph{width:100%;height:100%;transition:transform .9s var(--ease)}
.feat:hover .im .ph{transform:scale(1.05)}
.feat .tx{flex:1;padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:center}
.feat h2{margin:0 0 16px;transition:color .3s var(--ease)}
.feat:hover h2{color:var(--terra)}
.feat p.ex{margin:0 0 22px;font-size:17px;color:var(--ink60);line-height:1.75}
.pinned{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;
  letter-spacing:.13em;color:var(--terra);margin-block-end:14px}

.blog-g{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.bcard{display:block;cursor:pointer}
.bcard .im{aspect-ratio:3/2;border-radius:var(--r-lg);overflow:hidden;margin-block-end:20px}
.bcard .im .ph{width:100%;height:100%;transition:transform .8s var(--ease)}
.bcard:hover .im .ph{transform:scale(1.06)}
.bcard .cat{font-size:12px;font-weight:600;letter-spacing:.13em;color:var(--sage);margin:0 0 9px}
.bcard h3{margin:0 0 10px;font-size:23px;transition:color .3s var(--ease)}
.bcard:hover h3{color:var(--terra)}
.bcard p.ex{margin:0 0 14px;font-size:15.5px;color:var(--ink60);line-height:1.7}
.bmeta{font-size:13px;color:var(--ink45);display:flex;gap:10px;align-items:center}
.bmeta i{width:3px;height:3px;border-radius:50%;background:var(--sage-p);display:block;flex:0 0 3px}
.blog-g .bcard.hide{display:none}
.nl{background:var(--charcoal);border-radius:var(--r-xl);padding:clamp(36px,5vw,60px);
  display:flex;gap:44px;align-items:center;color:var(--linen)}
.nl .tx{flex:1}
.nl h3{color:var(--linen);margin:0 0 10px;font-size:28px}
.nl p{margin:0;color:rgba(237,228,216,.7);font-size:16px}
.nl form{flex:0 0 42%;display:flex;gap:10px}
.nl input{flex:1;padding:14px 20px;border-radius:var(--r-pill);border:1px solid rgba(237,228,216,.28);
  background:rgba(250,247,242,.07);color:var(--linen);font-family:var(--sans);font-size:15.5px;direction:ltr;text-align:right}
.nl input::placeholder{color:rgba(237,228,216,.4)}
.nl input:focus{outline:none;border-color:var(--sage)}

/* ---------- single article ---------- */
.art-head{padding:150px 0 0;text-align:center}
.art-head .cat{font-size:12.5px;font-weight:600;letter-spacing:.16em;color:var(--sage);margin:0 0 16px}
.art-head h1{max-width:20ch;margin:0 auto 20px}
.art-cover{max-width:1040px;margin:44px auto 0;padding:0 40px}
.art-cover .im{aspect-ratio:16/9;border-radius:var(--r-xl);overflow:hidden}
.art-cover .im .ph{width:100%;height:100%}
.art-body{max-width:730px;margin:0 auto;padding:clamp(48px,6vw,80px) 40px 0}
.art-body p{font-size:19px;font-weight:300;color:var(--ink60);line-height:1.92;margin:0 0 26px}
.art-body p.big{font-size:21px;color:var(--charcoal)}
.art-body h2{font-size:clamp(25px,2.8vw,32px);margin:52px 0 18px}
.art-body ul{margin:0 0 26px;padding-inline-start:22px}
.art-body li{font-size:18px;font-weight:300;color:var(--ink60);line-height:1.85;margin-block-end:10px}
.art-body b{color:var(--charcoal);font-weight:600}
.share{display:flex;align-items:center;gap:12px;margin-block-start:52px;padding-block-start:28px;
  border-block-start:1px solid var(--hair)}
.share span{font-size:13.5px;color:var(--ink45)}
.share a{width:38px;height:38px;border:1px solid var(--sage-p);border-radius:50%;display:grid;
  place-items:center;color:var(--sage);transition:all .3s var(--ease)}
.share a:hover{background:var(--sage);border-color:var(--sage);color:#fff}
.authorbox{display:flex;gap:26px;align-items:center;background:var(--linen);border:1px solid var(--hair);
  border-radius:var(--r-xl);padding:32px;margin-block-start:44px}
.authorbox .av{flex:0 0 92px;height:92px;border-radius:50%;border:1px solid var(--hair)}
.authorbox h4{margin:0 0 7px;font-family:var(--serif);font-weight:500;font-size:21px}
.authorbox p{margin:0 0 12px;font-size:15.5px;color:var(--ink60);line-height:1.7}

/* ---------- sketch bar ---------- */
.sk{position:fixed;inset-block-end:18px;inset-inline-end:18px;z-index:120;display:flex;align-items:center;
  gap:4px;background:rgba(28,25,23,.93);backdrop-filter:blur(10px);border-radius:var(--r-pill);padding:6px 7px;
  box-shadow:0 12px 34px rgba(0,0,0,.34);max-width:calc(100vw - 36px);overflow-x:auto}
.sk button{font-size:13px;font-weight:600;color:rgba(237,228,216,.6);padding:8px 14px;
  border-radius:var(--r-pill);transition:all .3s var(--ease);white-space:nowrap}
.sk button.on{background:var(--terra);color:#fff}
.sk button:not(.on):hover{color:var(--void-t)}
.sk .lb{font-size:11.5px;color:rgba(237,228,216,.4);padding-inline:12px 6px;letter-spacing:.06em;white-space:nowrap}

/* ---------- responsive ---------- */
/* 8 nav items + CTA overflow a single RTL row here — compress rather than wrap */
@media(min-width:1025px) and (max-width:1200px){
  .hd-in{gap:16px;padding-inline:26px}
  .nav a,.nav button{padding:9px 9px;font-size:14.5px}
  .wa{display:none}
  .hd .btn{padding:11px 18px;font-size:14px}
}
@media(max-width:1024px){
  .nav,.hd-cta .btn{display:none}
  .hero-in,.bk,.ab-in,.fwrap,.cred{flex-direction:column;gap:44px}
  .hero-art,.bk-v,.ab-v{flex:1 1 auto;width:100%;max-width:460px}
  .fside,.fbox,.cred-g,.cred-c{width:100%;flex:1 1 auto}
  .hero h1{max-width:none}
  .pill-g,.gal-g,.ws-g,.gp-g,.blog-g{grid-template-columns:repeat(2,1fr)}
  .ft-g{grid-template-columns:1fr 1fr}
  .feat{flex-direction:column}
  .feat .im{flex:0 0 auto;min-height:0;aspect-ratio:16/9}
  .nl{flex-direction:column;text-align:center}
  .nl form{flex:1 1 auto;width:100%}
  .hero-circ{width:140px;height:140px;inset-inline-start:-24px;inset-block-end:-32px}
  .steps,.method{flex-wrap:wrap;gap:36px}
  .steps::before,.method::before{display:none}
  .step,.mnode{flex:1 1 40%}
}
@media(max-width:760px){
  .wrap,.wide,.narrow,.zero-in,.cta-in,.filt-in,.tl{padding-inline:22px}
  .pill-g,.gal-g,.ws-g,.gp-g,.tst-g,.ft-g,.tr-g,.fgrid,.cred-g,.blog-g{grid-template-columns:1fr}
  .nl form{flex-direction:column}
  .authorbox{flex-direction:column;text-align:center}
  .trust-g{flex-wrap:wrap;gap:26px}.stat{flex:1 1 40%}
  .gal-hd{flex-direction:column;align-items:flex-start;gap:14px}
  .hero-btns .btn,.cta-b .btn{flex:1 1 100%;justify-content:center}
  .ab-badge{width:112px;height:112px;font-size:11.5px;inset-inline-end:-14px;inset-block-end:-22px}
  .sk .lb{display:none}
  .track{flex-direction:column}
  .track .av{flex:0 0 auto;width:92px;height:92px}
  .acc .body{flex-direction:column;gap:16px}
  .acc .body .ex{flex:1 1 auto;width:100%}
  .tl::before{inset-inline-start:11px}
  .tl-row,.tl-row:nth-child(even){flex-direction:column;gap:18px;padding-inline-start:44px}
  .tl-row .node{inset-inline-start:11px;transform:translateX(50%)}
  .tl-row:hover .node{transform:translateX(50%) scale(1.45)}
  .tl-row .im,.tl-row .tx{flex:1 1 auto;width:100%}
  .ct-hero{flex-direction:column;gap:40px;padding-top:130px}
  .ct-hero .art{flex:1 1 auto;width:100%;max-width:320px}
  .ct-hero .stamp{width:104px;height:104px;font-size:11.5px;inset-inline-start:-10px}
  .ct-grid{grid-template-columns:1fr;gap:44px}
  .visit{min-height:0;flex-direction:column}
  .visit .bg{position:relative;aspect-ratio:4/3;inset:auto}
  .visit .ov{background:linear-gradient(transparent 40%,rgba(28,25,23,.55))}
  .visit .card{max-width:none;margin-block-start:-40px}
}
@media(max-width:1024px){
  .ct-grid{grid-template-columns:1fr;gap:48px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
  .steps::before,.method::before{transform:scaleX(1)!important}
}


/* ============================================================
   WP ADAPTATION LAYER — appended after the mockup stylesheet.
   Neutralises the mockup's SPA scaffolding and beats
   Astra + Elementor kit CSS, which both load after this file.
   ============================================================ */

/* --- SPA scaffolding: every mockup page is now its own WP URL --- */
.pg{display:block !important}
.sk{display:none !important}   /* mockup-only page switcher */

/* --- Astra chrome removal: Elementor containers own the layout --- */
.ast-container,
.site-content .ast-container{max-width:none !important;padding:0 !important}
#primary,
.site-content #primary{margin:0 !important;padding:0 !important}
.ast-page-builder-template .site-content > .ast-container{max-width:none !important}
.site-content article{margin:0 !important;padding:0 !important;border:0 !important}
.entry-content{margin:0 !important}
.ast-single-post .entry-header,
.ast-archive-description,
.page .entry-header{display:none !important}
#content{padding:0 !important}
.site-primary-header-wrap,
.site-below-header-wrap,
.ast-above-header-wrap,
#masthead.site-header,
#colophon.site-footer{display:none !important}   /* Elementor Theme Builder supplies both */

/* --- Elementor container resets: our own sections do the spacing --- */
.elementor-section-wrap > .elementor-section,
.e-con,
.e-con-inner{--container-max-width:none}
.eti-sec.e-con{padding:0;max-width:none;width:100%}
.eti-sec.e-con > .e-con-inner{max-width:none;padding:0;width:100%}
/* Elementor claims ::before on containers; give it back where we need overlays */
.eti-sec.e-con::before{content:none}

/* --- typography must survive the Elementor kit, which loads later --- */
body,
body.elementor-page,
.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title{font-family:var(--sans)}
h1,h2,h3,
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title,
.elementor-widget-heading h3.elementor-heading-title{font-family:var(--serif)}
body{background:var(--canvas);color:var(--charcoal)}

/* --- header offset: fixed header needs breathing room on inner pages --- */
body:not(.home) .eti-page-top{padding-block-start:88px}
@media(max-width:767px){body:not(.home) .eti-page-top{padding-block-start:64px}}

/* --- admin bar must not fight the fixed header --- */
body.admin-bar .hd{inset-block-start:32px}
@media(max-width:782px){body.admin-bar .hd{inset-block-start:46px}}

/* --- reveal animations: never leave content invisible if JS fails --- */
.no-js .rv{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1 !important;transform:none !important;transition:none !important}
  html{scroll-behavior:auto}
}

/* ============================================================
   ELEMENTOR BRIDGE
   The mockup's CSS assumes plain <section>/<div> nesting. Elementor
   inserts its own wrappers and forces `display:flex; flex-direction:column`
   on every container. These rules reconcile the two so the design
   survives being rebuilt as native, editable Elementor sections.
   ============================================================ */

/* 1. HTML widgets: drop the inner wrapper out of the layout, so a grid class
      sitting on the widget wrapper still sees the cards as its own children. */
.elementor-widget-html > .elementor-widget-container{display:contents}

/* 1b. Decorative absolute layers (hero/zero/CTA backgrounds) must resolve against
       the section, not the widget wrapper — Elementor makes widgets position:relative,
       which would collapse them to zero height. */
.elementor-widget.eti-layer{display:contents}

/* 1c. Elementor's e_lazyload experiment forces `background-image:none !important`
       on below-the-fold containers, which blanks the artwork. It is disabled
       site-wide; every section also carries `e-no-lazyload` (see el.py) as the
       supported opt-out, so re-enabling the experiment cannot blank the art. */

/* 2. Containers must not inherit Elementor's default padding/width. */
.e-con.wrap,.e-con.wide,.e-con.narrow{padding-block:0 !important;width:100% !important}
.e-con.wrap{max-width:1240px !important}
.e-con.wide{max-width:1400px !important}
.e-con.narrow{max-width:790px !important}
.e-con.sec,.e-con.sec-s,.e-con.hero,.e-con.zero,.e-con.cta{
  max-width:none !important;width:100% !important;padding-inline:0 !important}
/* Elementor supplies its own --padding-* vars, which beat the mockup's section
   padding. Restore the vertical rhythm the design depends on. */
.e-con.sec{padding-block:clamp(72px,10vw,140px) !important}
.e-con.sec-s{padding-block:clamp(56px,7vw,96px) !important}
.e-con.zero{padding-block:clamp(96px,15vw,190px) !important}
.e-con.cta{padding-block:clamp(90px,13vw,168px) !important}
/* The hero centres its content on the cross axis, which only works as a row. */
.e-con.hero{flex-direction:row !important;align-items:center !important;
  padding-block:130px 90px !important}
@media(max-width:1024px){.e-con.hero{padding-block:112px 72px !important}}

/* 3. Elementor defaults every container to flex-column. Anything the mockup
      lays out as a row has to say so explicitly, or it stacks. */
.e-con.hero-in,.e-con.trust-g,.e-con.bk,.e-con.ab-in,.e-con.gal-hd,
.e-con.hero-btns,.e-con.cta-b,.e-con.bk-row,.e-con.fwrap,.e-con.cred,
.e-con.ct-in,.e-con.tr-g{flex-direction:row !important;align-items:center}
.e-con.hero-in{align-items:center !important;gap:64px !important}
.e-con.gal-hd{justify-content:space-between !important;align-items:flex-end !important}
.e-con.hero-btns,.e-con.cta-b,.e-con.bk-row{flex-wrap:wrap !important;justify-content:flex-start}
.e-con.cta-b{justify-content:center !important}

/* 4. Grid classes beat .e-con{display:flex}. */
.e-con.pill-g,.e-con.gal-g,.e-con.ws-g,.e-con.tst-g,.e-con.gp-g,
.e-con.blog-g,.e-con.ft-g,.e-con.fgrid{display:grid !important}

/* 5. Elementor reserves ::before on containers for its background overlay. */
.e-con.hero::before,.e-con.zero::before,.e-con.cta::before{content:none}

/* 6. Widget wrappers are pure structure here — never let a stray margin in. */
.eti-sec .elementor-widget{margin-block-end:0}
.eti-sec .elementor-widget-heading .elementor-heading-title,
.eti-sec .elementor-widget-text-editor{margin:0}

/* 7. Heading/text widgets must not fight the mockup's own type rules. */
.eti-sec .elementor-widget-text-editor p:last-child{margin-block-end:0}

/* 8. Buttons stay real Elementor widgets (editable label + link). The mockup
      styles a bare <a>, so map the wrapper class onto the inner anchor. */
.eti-btn .elementor-button{
  display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);
  font-size:16px;font-weight:600;letter-spacing:.02em;padding:15px 34px;
  border-radius:var(--r-pill);transition:all .3s var(--ease);white-space:nowrap;
  background:none;border:0;line-height:1}
.eti-btn .elementor-button-content-wrapper{display:contents}
.eti-btn .elementor-button-text{flex:none}

.eti-btn-p .elementor-button{background:var(--terra);color:#FFF9F4}
.eti-btn-p .elementor-button:hover{background:var(--terra-d);transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(140,71,40,.26)}

.eti-btn-g .elementor-button{border:1px solid var(--charcoal);color:var(--charcoal)}
.eti-btn-g .elementor-button:hover{background:var(--charcoal);color:var(--canvas);
  transform:translateY(-2px)}

.eti-btn-l .elementor-button{border:1px solid rgba(237,228,216,.45);color:var(--void-t)}
.eti-btn-l .elementor-button:hover{background:var(--void-t);color:var(--charcoal);
  border-color:var(--void-t)}

/* text link ("... ←") as an editable button widget */
.eti-tlink .elementor-button{
  display:inline-flex;align-items:center;gap:7px;color:var(--terra);font-weight:600;
  font-size:16px;font-family:var(--sans);background:none;padding:0;
  transition:gap .3s var(--ease)}
.eti-tlink .elementor-button:hover{gap:13px;color:var(--terra-d)}
.eti-tlink .elementor-button-content-wrapper{display:contents}
.zero .eti-tlink .elementor-button{color:var(--sage-p)}
.zero .eti-tlink .elementor-button:hover{color:#fff}

/* 9. Page-level tweaks the mockup carried as inline styles. */
.eti-gallery-close{text-align:center;border-radius:var(--r-xl) var(--r-xl) 0 0}
.eti-gallery-close .lead{margin-inline:auto}

/* Sticky filter bar sits below the fixed header (blueprint: 88px, 64px mobile). */
.e-con.filt{position:sticky !important;inset-block-start:88px;z-index:40}
@media(max-width:767px){.e-con.filt{inset-block-start:64px}}
body.admin-bar .e-con.filt{inset-block-start:120px}

/* Inner pages: clear the fixed header. Needs !important because the generic
   .e-con.wrap rule above zeroes block padding. */
.e-con.phero.eti-page-top{padding-block:180px 0 !important}
.e-con.phero.eti-page-top{padding-block-end:clamp(48px,6vw,76px) !important}
@media(max-width:767px){.e-con.phero.eti-page-top{padding-block-start:126px !important}}

/* 11. Elementor's kit paints every heading widget with the global Primary
       colour (here: Canvas #FAF7F2), which renders white-on-white. The kit
       stylesheet loads after ours, so this has to be explicit. Headings then
       inherit, letting the mockup's own rules (.hero h1, .phero-img h1) win. */
.elementor-widget-heading .elementor-heading-title{color:inherit}
/* ...but `color:inherit` above is (0,2,0) and beats a plain `.hero h1` (0,1,1),
   which left the hero headline charcoal-on-charcoal — invisible. The dark
   sections need selectors that outrank it. */
.hero h1,.phero-img h1,.phero-img .lead,
.zero h2,.zero q,.cta h2,
.hero h1.elementor-heading-title,
.phero-img h1.elementor-heading-title,
.zero h2.elementor-heading-title,
.cta h2.elementor-heading-title,
.eti-book-hero h1.elementor-heading-title{color:var(--void-t)}

/* 10. Form handling UI (honeypot + result banner). */
/* Honeypot: hidden without shifting layout. An off-canvas `left:-9999px`
   extends the document's scroll width and breaks the no-horizontal-scroll rule
   on every page carrying a form. */
.eti-hp{position:absolute !important;width:1px !important;height:1px !important;
  padding:0 !important;margin:-1px !important;overflow:hidden !important;
  clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;
  white-space:nowrap !important;border:0 !important}
.eti-note{border-radius:var(--r-lg);padding:16px 22px;margin-block-end:22px;font-size:15.5px;
  border:1px solid var(--hair)}
.eti-note--ok{background:rgba(139,154,128,.14);border-color:var(--sage);color:var(--charcoal)}
.eti-note--err{background:rgba(176,96,58,.10);border-color:var(--terra);color:var(--terra-d)}

/* 12. Inner-page section wrappers that the mockup carried as inline styles. */
.e-con.eti-contact-formsec,.e-con.eti-contact-visit,
.e-con.eti-journal-feat,.e-con.eti-journal-grid,.e-con.eti-journal-nl{
  padding-block:0 clamp(64px,8vw,110px) !important}
.e-con.eti-journal-feat{padding-block-end:clamp(48px,6vw,80px) !important}
.e-con.eti-contact-close{text-align:center}
.e-con.eti-exh-visual{flex:0 0 52% !important}

/* Book hero: a Zero Space section that opens the page, so it needs header
   clearance and start-aligned text rather than the centred default. */
.e-con.eti-book-hero{padding-block:170px clamp(80px,10vw,130px) !important;
  text-align:start;border-radius:0 0 var(--r-xl) var(--r-xl)}
.eti-book-herowrap{position:relative;z-index:2}
.eti-book-hero .bk-c h1,.eti-book-hero .bk-c .lead{color:var(--void-t)}
.eti-book-hero .bk-c .lead{color:rgba(237,228,216,.76)}
.eti-book-hero .eti-tlink .elementor-button{color:var(--sage-p)}
.eti-book-acc{max-width:900px;margin-inline:auto}
@media(max-width:767px){.e-con.eti-book-hero{padding-block:126px 72px !important}}

/* Contact hero needs the same header clearance as .phero. */
.e-con.eti-page-top:not(.phero){padding-block-start:150px !important}
@media(max-width:767px){.e-con.eti-page-top:not(.phero){padding-block-start:110px !important}}

/* 13. Mobile tap targets (blueprint Part 7: >=48x48, buttons full-width <768px).
       Elementor renders buttons as an inner <a>, so the mockup's .btn rules
       never reach them — these do. */
@media(max-width:767px){
  .eti-btn .elementor-button{width:100%;justify-content:center;min-height:48px}
  .e-con.hero-btns,.e-con.cta-b,.e-con.bk-row{width:100%}
  .e-con.hero-btns > .elementor-widget,
  .e-con.cta-b > .elementor-widget{width:100%}
  /* arrow links are inline, but still need a thumb-sized hit area */
  .eti-tlink .elementor-button{min-height:48px;align-items:center}
  .tlink{min-height:48px;display:inline-flex;align-items:center}
  .fp{min-height:44px;display:inline-flex;align-items:center}
}

/* 14. Single post: the template supplies share + author + related + CTA around
       the editor's content, so every future article inherits the design. */
.eti-single-body .elementor-widget-theme-post-content > .elementor-widget-container{display:block}
.e-con.eti-single-body{padding:0 !important;max-width:none !important}
.eti-share-wrap{max-width:760px;margin-inline:auto;padding-inline:24px}
.e-con.eti-post-related{margin-block-start:clamp(64px,8vw,110px)}
.eti-share a{cursor:pointer}
.eti-share a.copied{color:var(--sage);border-color:var(--sage)}

/* WordPress wraps single-post content in the theme's article element; keep the
   mockup's own article rhythm rather than Astra's. */
.single-post .entry-content > *{margin-block:0}

/* 15. Share controls are actions, not destinations — rendered as <button> so
       they are not dead links. The mockup styled `.share a`, so mirror it. */
.share button.eti-share{width:38px;height:38px;border:1px solid var(--sage-p);
  border-radius:50%;display:grid;place-items:center;color:var(--ink60);
  background:transparent;padding:0;transition:all .3s var(--ease)}
.share button.eti-share:hover{background:var(--sage) !important;
  border-color:var(--sage) !important;color:#fff}
.share button.eti-share.copied{background:var(--sage) !important;color:#fff}


/* 16. Theme Builder wrappers: the header is position:fixed, so its container
       must take no space. Elementor's default container padding (10px block)
       was rendering a 20px canvas-coloured strip above the site. */
.e-con.eti-header-wrap{padding:0 !important;min-height:0 !important;
  height:0 !important;overflow:visible !important}
.e-con.eti-footer-wrap{padding:0 !important}
header.elementor[class*="elementor-"]{min-height:0}


/* 17. Elementor containers compute `flex-direction: var(--flex-direction)`,
       which defaults to COLUMN. Every mockup class below is a row-flex layout,
       so as an Elementor container each one silently stacked. On the contact
       hero this collapsed the artwork to 0x0 — the mandala vanished entirely.
       Elementor also puts `width:100%` on child containers, which defeats the
       flex-basis the mockup relies on, so children are reset to auto. */
.e-con.ab-in,
.e-con.authorbox,
.e-con.bk,
.e-con.bk-row,
.e-con.bmeta,
.e-con.btn-wa,
.e-con.cdiv,
.e-con.chips,
.e-con.cred,
.e-con.ct-hero,
.e-con.cta-b,
.e-con.feat,
.e-con.fhead,
.e-con.filt-in,
.e-con.ft-lg,
.e-con.fwrap,
.e-con.gal-hd,
.e-con.hd-cta,
.e-con.hd-in,
.e-con.hero,
.e-con.hero-btns,
.e-con.hero-in,
.e-con.method,
.e-con.mm-cats,
.e-con.mm-in,
.e-con.nav,
.e-con.nl,
.e-con.phero-img,
.e-con.prow,
.e-con.scroll-c,
.e-con.share,
.e-con.sk,
.e-con.soc,
.e-con.steps,
.e-con.tl-row,
.e-con.track,
.e-con.trust-g,
.e-con.visit { flex-direction: row !important; }


/* (the old .ct-hero supplied its own 168px offset and needed this reset; the
   rebuilt header sets its own padding, so the ID override is gone — an ID
   selector here silently outranked it and pushed the h1 under the header) */

/* 18. Base typography. Astra + the Elementor kit both publish heading colour
       (#1e293b), weights and line-heights that beat plain class selectors, so
       the mockup base (eti.css 33-52) has to be re-asserted with !important.
       A :where() version was tried first and lost to the kit outright.
       Because !important also outranks the mockup's own component rules, the
       handful that legitimately differ are restated in block 19. */
.elementor h1, .elementor h2, .elementor h3 {
  font-family: var(--serif) !important;
  color: var(--charcoal);
  margin: 0;
  text-wrap: balance;
}
.elementor h1 { font-weight: 300 !important; line-height: 1.1 !important; letter-spacing: -.025em; }
.elementor h2 { font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: -.01em; }
.elementor h3 { font-weight: 500 !important; line-height: 1.3 !important; }
.elementor h4, .elementor h5, .elementor h6 { color: var(--charcoal); line-height: 1.8 !important; }

/* small caps/meta text: Astra inherits body leading as a computed px value, so
   13px labels kept the 17px line box */
.elementor .eyebrow, .elementor .cat, .elementor .bmeta,
.elementor .badge { line-height: 1.8 !important; }
.elementor .fld label, .elementor .eti-form label, .elementor .chips label {
  color: var(--charcoal); line-height: 1.8 !important;
}
.elementor .tst p { color: var(--charcoal); }   /* Astra paints body copy slate */

/* 19. Mockup component rules that the !important base above would otherwise
       flatten, plus the dark sections. */
.elementor .cta h2 { font-weight: 300 !important; line-height: 1.2 !important; }
.elementor .book h4 { line-height: 1.3 !important; }
.elementor .zero q { font-weight: 300 !important; }
.hero h1, .phero-img h1, .zero h1, .zero h2, .zero h3, .zero q, .cta h2,
.book h4, .rev h4, .nl h3,
.hero h1.elementor-heading-title, .phero-img h1.elementor-heading-title,
.zero h1.elementor-heading-title, .zero h2.elementor-heading-title,
.zero h3.elementor-heading-title, .cta h2.elementor-heading-title { color: var(--void-t); }
.hero .lead, .cta .lead { color: rgba(237, 228, 216, .76); }
.zero .lead, .phero-img .lead { color: rgba(237, 228, 216, .78); }

/* 21. The mockup styles this heading inline (`<h4 style="font-family:var(--serif)
       ;font-weight:500;font-size:20px">`); the port kept the markup but not the
       attribute, so it fell back to the sans body face. */
.elementor .infobox h4 { font-family: var(--serif) !important; font-weight: 500 !important; font-size: 20px; }

/* 22. Astra's scroll-to-top control ships in the theme's blue and ignores the
       palette. Restyled to the terracotta CTA token rather than hidden — it is
       genuinely useful on the long gallery and journal pages. */
#ast-scroll-top {
  background-color: var(--terra) !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 42px; height: 42px;
  display: grid !important; place-items: center;
  box-shadow: 0 8px 24px rgba(43, 39, 36, .18);
  transition: background-color .3s var(--ease);
}
#ast-scroll-top:hover { background-color: var(--terra-d) !important; }
#ast-scroll-top .ast-icon { color: #fff !important; }


/* 23. CONTACT. The reference sites are restrained in ORNAMENT but strong in
       STRUCTURE — a dark page-header band, an elevated form card, and an info
       panel with circular accent icons. An earlier pass stripped the ornament
       AND the structure, which left the page undefined. This restores the
       structure in Eti's palette. */

/* dark band: the device that identifies the page on arrival */
.e-con.eti-ct-band { padding-block: 190px clamp(72px, 8vw, 104px) !important;
  text-align: center; position: relative; overflow: hidden; }
@media(max-width:767px){ .e-con.eti-ct-band { padding-block: 132px 64px !important; } }
.ct-band { max-width: 720px; margin-inline: auto; }
.ct-band .eyebrow { color: var(--sage); margin-block-end: 18px; }
.ct-band h1 { margin: 0 0 20px; font-size: clamp(38px, 5.4vw, 62px) !important; }
.ct-band .lead { color: rgba(237, 228, 216, .72); font-size: clamp(16px, 1.5vw, 18.5px);
  line-height: 1.8; margin: 0; max-width: 52ch; margin-inline: auto; }

/* the body block: info panel on the right, form card on the left (RTL order) */
.e-con.eti-ct-body { padding-block: clamp(64px, 8vw, 100px) !important; }
/* smadar seats both halves inside ONE rounded block rather than letting them
   float on the page — that container is a lot of what reads as "designed" */
.ct-block { display: grid !important; grid-template-columns: .92fr 1.08fr;
  gap: clamp(28px, 3.5vw, 52px); align-items: stretch;
  background: var(--linen); border-radius: var(--r-xl);
  padding: clamp(26px, 3vw, 44px); }

.ct-info { padding: clamp(6px, 1.5vw, 22px) clamp(4px, 1vw, 14px) 0 0; }
.ct-info h2 { margin: 0 0 14px !important; font-size: clamp(28px, 3.2vw, 40px) !important; }
.ct-info .rule { display: block; width: 54px; height: 2px; background: var(--terra);
  margin-block-end: 26px; }
.ct-info-p { color: var(--ink60); font-size: 16.5px; line-height: 1.85; margin: 0 0 34px; }
.crow { display: flex; align-items: flex-start; gap: 16px; margin-block-end: 22px; }
.crow .ic { flex: 0 0 44px; height: 44px; border-radius: 50%; background: var(--terra);
  color: #fff; display: grid; place-items: center; }
.crow .ic svg { width: 19px; height: 19px; }
.crow .k { font-size: 12.5px; font-weight: 600; letter-spacing: .12em;
  color: var(--sage); margin: 0 0 4px; }
.crow .v { font-size: 17px; color: var(--charcoal); }
.crow .v a { border-block-end: 1px solid var(--sage-p); transition: all .3s var(--ease); }
.crow .v a:hover { color: var(--terra); border-block-end-color: var(--terra); }
.ct-info .soc-k { font-size: 12.5px; font-weight: 600; letter-spacing: .12em;
  color: var(--sage); margin: 30px 0 12px; }

/* elevated form card */
.ct-card { background: var(--canvas); border: 1px solid var(--hair); border-radius: var(--r-lg);
  padding: clamp(28px, 3.4vw, 46px); box-shadow: 0 24px 60px rgba(43, 39, 36, .08); }
.ct-card h3 { margin: 0 0 26px !important; font-size: clamp(22px, 2.2vw, 28px) !important; }
.ct-card .fld { margin-block-end: 20px; }
.ct-card .fld label { display: block; margin-block-end: 8px; }
.ct-card .ct-send { width: 100%; justify-content: center; margin-block-start: 6px; }
.ct-card .fnote { font-size: 13px; color: var(--ink45); margin-block-start: 14px;
  text-align: center; }
.ct-card .chips { display: flex; flex-wrap: wrap; gap: 9px; }

@media(max-width:880px){ .ct-block { grid-template-columns: 1fr !important; }
  .ct-info { padding-block-start: 0; } }

.e-con.eti-ct-faq { padding-block: clamp(56px, 7vw, 92px) !important; }


/* 24. Elementor gives every container `flex: var(--flex-grow) var(--flex-shrink)
       var(--flex-basis)`, at the same specificity as the mockup's own
       `.hero-copy {flex:1 1 50%}` — and it wins on load order. The copy column
       shrank to its content and the home headline broke to one word per line.

       A blanket `width:auto` on the children of every row container was tried
       first: it fixed the contact hero and broke the home hero, because
       `.hero-in` is itself such a child and needs the full 1240px.

       Only `flex` is set — no `width`. For a flex item a real flex-basis
       already beats width, and where the basis is `auto` (the stacked
       breakpoints) Elementor's width:100% is exactly what the design wants.
       Forcing width:auto there collapsed the hero artwork and the about/book
       visuals to zero on tablet and mobile. The breakpoint overrides below matter as
       much as the desktop values — without them the !important desktop rule
       would freeze the stacked layouts at tablet and mobile. */
.e-con.ab-c, .elementor-widget.ab-c { flex: 1 1 56% !important; }
.e-con.ab-v, .elementor-widget.ab-v { flex: 0 0 38% !important; }
.e-con.bk-c, .elementor-widget.bk-c { flex: 1 1 55% !important; }
.e-con.bk-v, .elementor-widget.bk-v { flex: 0 0 40% !important; }
.e-con.cred-c, .elementor-widget.cred-c { flex: 1 !important; }
.e-con.cred-g, .elementor-widget.cred-g { flex: 0 0 44% !important; }
.e-con.fbox, .elementor-widget.fbox { flex: 1 !important; }
.e-con.fside, .elementor-widget.fside { flex: 0 0 38% !important; }
.e-con.hero-art, .elementor-widget.hero-art { flex: 0 0 42% !important; }
.e-con.hero-copy, .elementor-widget.hero-copy { flex: 1 1 50% !important; }
.e-con.mm-cat, .elementor-widget.mm-cat { flex: 1 !important; }
.e-con.mm-cats, .elementor-widget.mm-cats { flex: 1 1 58% !important; }
.e-con.mm-feat, .elementor-widget.mm-feat { flex: 0 0 34% !important; }
.e-con.mnode, .elementor-widget.mnode { flex: 1 !important; }
.e-con.stat, .elementor-widget.stat { flex: 1 !important; }
.e-con.step, .elementor-widget.step { flex: 1 !important; }
.e-con.wa, .elementor-widget.wa { flex: 0 0 auto !important; }

@media(max-width:1024px) {
  .e-con.hero-art, .elementor-widget.hero-art { flex: 1 1 auto !important; }
  .e-con.bk-v, .elementor-widget.bk-v { flex: 1 1 auto !important; }
  .e-con.ab-v, .elementor-widget.ab-v { flex: 1 1 auto !important; }
  .e-con.fside, .elementor-widget.fside { flex: 1 1 auto !important; }
  .e-con.fbox, .elementor-widget.fbox { flex: 1 1 auto !important; }
  .e-con.cred-g, .elementor-widget.cred-g { flex: 1 1 auto !important; }
  .e-con.cred-c, .elementor-widget.cred-c { flex: 1 1 auto !important; }
  .e-con.step, .elementor-widget.step { flex: 1 1 40% !important; }
  .e-con.mnode, .elementor-widget.mnode { flex: 1 1 40% !important; }
}
@media(max-width:760px) {
  .e-con.stat, .elementor-widget.stat { flex: 1 1 40% !important; }
}


/* 25. Rule 17 forces `flex-direction: row` on the mockup's row layouts, but it
       did so at EVERY width — freezing the responsive stacking. These are the
       mockup's own breakpoint direction changes, re-applied above it so the
       tablet and mobile layouts collapse the way the design intends. */
.e-con.rev, .elementor-widget.rev { flex-direction: column !important; }
.e-con.wcard, .elementor-widget.wcard { flex-direction: column !important; }
.e-con.fld, .elementor-widget.fld { flex-direction: column !important; }

@media(max-width:1024px) {
  .e-con.hero-in, .elementor-widget.hero-in { flex-direction: column !important; }
  .e-con.bk, .elementor-widget.bk { flex-direction: column !important; }
  .e-con.ab-in, .elementor-widget.ab-in { flex-direction: column !important; }
  .e-con.fwrap, .elementor-widget.fwrap { flex-direction: column !important; }
  .e-con.cred, .elementor-widget.cred { flex-direction: column !important; }
  .e-con.feat, .elementor-widget.feat { flex-direction: column !important; }
  .e-con.nl, .elementor-widget.nl { flex-direction: column !important; }
}
@media(max-width:760px) {
  .e-con.authorbox, .elementor-widget.authorbox { flex-direction: column !important; }
  .e-con.gal-hd, .elementor-widget.gal-hd { flex-direction: column !important; }
  .e-con.track, .elementor-widget.track { flex-direction: column !important; }
  .e-con.tl-row, .elementor-widget.tl-row { flex-direction: column !important; }
  .e-con.ct-hero, .elementor-widget.ct-hero { flex-direction: column !important; }
  .e-con.visit, .elementor-widget.visit { flex-direction: column !important; }
}

/* 26. Section padding the port lost, plus the remaining geometry gaps found by
       comparing every breakpoint against the mockup. */

/* the trust strip renders at padding 0 (mockup: 50px). Widened past the mockup
   at the client's request — the row was reading as cramped between two bands. */
.e-con.trust { padding-block: clamp(56px, 6vw, 78px) !important; }

/* Elementor insets every container by 10px horizontally. The mockup supplies
   ALL horizontal inset through .wrap/.wide/.narrow/.tl, so the two were adding
   up: 22px of intended mobile gutter rendered as 32px. */
.elementor .e-con { --container-default-padding-left: 0px; --container-default-padding-right: 0px; }

/* stacked visuals keep the mockup's cap instead of running the full width */
@media(max-width:1024px){
  .hero-art, .bk-v, .ab-v,
  .elementor-widget.hero-art, .elementor-widget.bk-v, .elementor-widget.ab-v {
    width: 100% !important; max-width: 460px !important; margin-inline: auto; }
}

/* the timeline has its own track width, wider than the standard wrap */
.e-con.tl, .elementor-widget.tl { max-width: 1120px !important; margin-inline: auto;
  padding-inline: 40px !important; }
@media(max-width:760px){ .e-con.tl, .elementor-widget.tl { padding-inline: 22px !important; } }

/* 27. Three geometry gaps the breakpoint sweep surfaced last. */

/* .tl is a widget inside a column flex section, so without an explicit width it
   shrank to its content (719px) and ignored its own 1120px track. */
.elementor-widget.tl { width: 100% !important; }

/* the mockup's second exhibitions split carries an inline `flex:0 0 52%` on the
   visual; the port kept the markup but not the attribute (same failure mode as
   the .infobox h4 inline style). */
.e-con.eti-exh-visual, .elementor-widget.eti-exh-visual { flex: 0 0 52% !important; }
@media(max-width:1024px){
  .e-con.eti-exh-visual, .elementor-widget.eti-exh-visual { flex: 1 1 auto !important; } }

/* in the mockup these columns are plain divs, so under the stacked layout's
   align-items:center they shrink to their content rather than filling. */
@media(max-width:1024px){
  .e-con.hero-copy, .e-con.bk-c { width: auto !important; }
}

/* ============================================================
   MOBILE / TABLET NAVIGATION
   The mockup hides .nav below 1024px and never replaces it, so on a
   phone the site had no navigation at all. Blueprint Part 7 calls for
   a hamburger from 1024px down; this supplies it, in the same design
   language (pill CTA, serif headings, linen-on-canvas, r-pill radii).
   ============================================================ */

/* burger button — desktop hides it, the mockup's own rules hide .nav */
.hb{display:none;width:46px;height:46px;border-radius:var(--r-pill);
  align-items:center;justify-content:center;flex-direction:column;gap:5px;
  border:1px solid var(--hair);background:transparent;transition:all .3s var(--ease)}
.hb span{display:block;width:19px;height:1.5px;background:var(--void-t);
  border-radius:2px;transition:transform .35s var(--ease),opacity .25s var(--ease)}
.hd.on .hb span,.hd.solid .hb span{background:var(--charcoal)}
.hd.on .hb,.hd.solid .hb{border-color:var(--sage-p)}
.hb[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.hb[aria-expanded="true"] span:nth-child(2){opacity:0}
.hb[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

/* drawer */
.dr{position:fixed;inset:0;z-index:85;background:var(--canvas);
  padding:104px 30px 40px;display:flex;flex-direction:column;gap:8px;
  opacity:0;visibility:hidden;transform:translateY(-12px);
  transition:opacity .38s var(--ease),transform .38s var(--ease),visibility .38s;
  overflow-y:auto;overscroll-behavior:contain}
.dr.open{opacity:1;visibility:visible;transform:none}
.dr ul{list-style:none;margin:0 0 28px;padding:0}
.dr li{border-block-end:1px solid var(--hair)}
.dr li a{display:block;padding:17px 4px;font-family:var(--serif);font-weight:500;
  font-size:23px;color:var(--charcoal);transition:color .25s var(--ease),padding-inline-start .25s var(--ease)}
.dr li a:hover,.dr li a:focus-visible{color:var(--terra);padding-inline-start:10px}
.dr .btn{align-self:flex-start;min-height:48px}

/* the mockup only hides .nav at <=1024; reveal the burger at the same breakpoint */
@media(max-width:1024px){
  .hb{display:flex}
  .hd-cta{gap:10px}
  .wa{display:none}          /* duplicated in the footer and on /contact */
}
@media(min-width:1025px){
  .dr{display:none}
}

/* tap targets stay >=48px and buttons go full-width on phones (blueprint Part 7) */
@media(max-width:767px){
  .dr{padding:92px 22px 34px}
  .dr li a{padding:16px 4px;font-size:21px}
  .hero-btns .btn,.cta-b .btn,.dr .btn{width:100%;justify-content:center}
  .hero-btns,.cta-b{width:100%}
}

/* Astra styles every bare <button> with its theme colour via inline CSS that
   loads after this file, which painted the burger and the mockup's own
   buttons blue. Reclaim them. */
.hb,.hb:hover,.hb:focus,
.fp,.fp:hover,.fp:focus,
.nav button,.nav button:hover,.nav button:focus,
.sk button{background:transparent !important;box-shadow:none !important}
/* .acc summary was in the reset above and lost its [open] linen fill */
.acc summary{box-shadow:none !important}
.hb,.hb:hover,.hb:focus{border:1px solid var(--hair) !important;color:inherit !important}
.hd.on .hb,.hd.solid .hb{border-color:var(--sage-p) !important}
.fp{border:1px solid var(--sage-p) !important;color:var(--ink60) !important}
.fp.on{background:var(--charcoal) !important;color:var(--canvas) !important;
  border-color:var(--charcoal) !important}
.fp:hover:not(.on){background:rgba(139,154,128,.13) !important;border-color:var(--sage) !important}
/* the mockup's own .btn-styled buttons (form submits) must keep their palette */
button.btn.btn-p{background:var(--terra) !important;color:#FFF9F4 !important}
button.btn.btn-p:hover{background:var(--terra-d) !important}

/* While the drawer is open the header sits on canvas, so its light-on-dark
   treatment has to flip. */
body.eti-drawer-open .hd .logo{color:var(--charcoal)}
body.eti-drawer-open .hb{border-color:var(--sage-p) !important}
body.eti-drawer-open .hb span{background:var(--charcoal)}

/* ===== gallery grouped by category (2026-08-31) ===== */
.gp-g .gsec{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;margin:46px 0 6px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.13)}
.gp-g .gsec:first-child{margin-top:0}
.gp-g .gsec h3{margin:0;line-height:1.2;font-size:clamp(19px,2.4vw,25px);flex:1}
.gp-g .gsec span{font-size:13px;letter-spacing:.04em;opacity:.55;white-space:nowrap}
.gp-g .gsec[hidden]{display:none}
@media(max-width:600px){.gp-g .gsec{margin:32px 0 4px}}

/* ===== sticky filter follows the live header height (it shrinks on scroll) ===== */
.e-con.filt{inset-block-start:var(--hdr-h,76px) !important}
body.admin-bar .e-con.filt{inset-block-start:calc(var(--hdr-h,76px) + 32px) !important}

/* ===== mega menu: seven categories, two rows ===== */
.mm-cats{display:grid !important;grid-template-columns:repeat(4,1fr);gap:6px 12px}
.mm-cat{padding:10px 4px 12px}
.mm-cat .av{width:84px;height:84px;margin-block-end:10px}
.mm-cat h4{font-size:16px}
.mm-cat p{font-size:12px;line-height:1.45}
@media(max-width:1024px){.mm-cats{grid-template-columns:repeat(3,1fr)}}

/* ===== artwork batch 5 (2026-09-27, וואטסאפ 27.9 — גלריה + סדנאות) ===== */
.i-k-w001{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w001.jpg)}
.i-k-w002{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w002.jpg)}
.i-k-w004{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w004.jpg)}
.i-k-w005{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w005.jpg)}
.i-k-w020{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w020.jpg)}
.i-k-w021{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w021.jpg)}
.i-k-w028{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w028.jpg)}
.i-k-w029{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w029.jpg)}
.i-k-w030{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w030.jpg)}
.i-k-w031{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w031.jpg)}
.i-k-w039{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w039.jpg)}
.i-k-w050{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w050.jpg)}
.i-k-w061{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w061.jpg)}
.i-k-w103{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w103.jpg)}
.i-k-w024{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w024.jpg)}
.i-k-w025{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w025.jpg)}
.i-k-w035{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w035.jpg)}
.i-k-w044{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w044.jpg)}
.i-k-w040{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w040.jpg)}
.i-k-w041{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w041.jpg)}
.i-k-w043{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w043.jpg)}
.i-k-w053{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w053.jpg)}
.i-k-w056{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w056.jpg)}
.i-k-w058{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w058.jpg)}
.i-k-w074{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w074.jpg)}
.i-k-w086{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w086.jpg)}
.i-k-w087{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w087.jpg)}
.i-k-w128{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w128.jpg)}
.i-k-w139{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w139.jpg)}
.i-k-w143{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w143.jpg)}
.i-k-w144{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w144.jpg)}
.i-k-w076{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w076.jpg)}
.i-k-w070{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w070.jpg)}
.i-k-w071{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w071.jpg)}
.i-k-w069{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w069.jpg)}
.i-k-w077{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w077.jpg)}
.i-k-w026{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w026.jpg)}
.i-k-w032{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w032.jpg)}
.i-k-w054{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w054.jpg)}
.i-k-w055{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w055.jpg)}
.i-k-w057{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w057.jpg)}
.i-k-w059{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w059.jpg)}
.i-k-w060{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w060.jpg)}
.i-k-w067{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w067.jpg)}
.i-k-w068{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w068.jpg)}
.i-k-w072{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w072.jpg)}
.i-k-w073{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w073.jpg)}
.i-k-w075{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w075.jpg)}
.i-k-w081{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w081.jpg)}
.i-k-w082{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w082.jpg)}
.i-k-w085{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w085.jpg)}
.i-k-w088{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w088.jpg)}
.i-k-w089{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w089.jpg)}
.i-k-w090{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w090.jpg)}
.i-k-w091{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w091.jpg)}
.i-k-w092{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w092.jpg)}
.i-k-w093{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w093.jpg)}
.i-k-w094{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w094.jpg)}
.i-k-w095{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w095.jpg)}
.i-k-w096{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w096.jpg)}
.i-k-w097{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w097.jpg)}
.i-k-w099{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w099.jpg)}
.i-k-w100{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w100.jpg)}
.i-k-w101{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w101.jpg)}
.i-k-w102{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w102.jpg)}
.i-k-w107{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w107.jpg)}
.i-k-w109{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w109.jpg)}
.i-k-w110{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w110.jpg)}
.i-k-w111{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w111.jpg)}
.i-k-w112{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w112.jpg)}
.i-k-w113{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w113.jpg)}
.i-k-w116{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w116.jpg)}
.i-k-w117{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w117.jpg)}
.i-k-w118{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w118.jpg)}
.i-k-w119{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w119.jpg)}
.i-k-w121{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w121.jpg)}
.i-k-w122{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w122.jpg)}
.i-k-w123{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w123.jpg)}
.i-k-w124{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w124.jpg)}
.i-k-w125{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w125.jpg)}
.i-k-w126{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w126.jpg)}
.i-k-w130{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w130.jpg)}
.i-k-w131{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w131.jpg)}
.i-k-w132{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w132.jpg)}
.i-k-w133{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w133.jpg)}
.i-k-w134{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w134.jpg)}
.i-k-w136{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w136.jpg)}
.i-k-w137{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w137.jpg)}
.i-k-w138{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w138.jpg)}
.i-k-w140{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w140.jpg)}
.i-k-w141{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w141.jpg)}
.i-k-w142{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w142.jpg)}
.i-k-w145{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w145.jpg)}
.i-k-w146{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w146.jpg)}
.i-k-w147{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w147.jpg)}
.i-k-w149{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w149.jpg)}
.i-k-w153{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w153.jpg)}
.i-k-w155{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w155.jpg)}
.i-k-w239{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w239.jpg)}
.i-k-w159{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w159.jpg)}
.i-k-w160{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w160.jpg)}
.i-k-w161{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w161.jpg)}
.i-k-w162{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w162.jpg)}
.i-k-w163{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w163.jpg)}
.i-k-w164{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w164.jpg)}
.i-k-w167{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w167.jpg)}
.i-k-w169{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w169.jpg)}
.i-k-w170{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w170.jpg)}
.i-k-w171{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w171.jpg)}
.i-k-w172{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w172.jpg)}
.i-k-w173{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w173.jpg)}
.i-k-w175{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w175.jpg)}
.i-k-w176{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w176.jpg)}
.i-k-w179{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w179.jpg)}
.i-k-w180{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w180.jpg)}
.i-k-w181{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w181.jpg)}
.i-k-w182{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w182.jpg)}
.i-k-w183{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w183.jpg)}
.i-k-w184{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w184.jpg)}
.i-k-w185{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w185.jpg)}
.i-k-w186{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w186.jpg)}
.i-k-w191{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w191.jpg)}
.i-k-w193{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w193.jpg)}
.i-k-w195{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w195.jpg)}
.i-k-w202{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w202.jpg)}
.i-k-w208{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w208.jpg)}
.i-k-w209{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w209.jpg)}
.i-k-w210{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w210.jpg)}
.i-k-w212{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w212.jpg)}
.i-k-w215{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w215.jpg)}
.i-k-w218{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w218.jpg)}
.i-k-w219{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w219.jpg)}
.i-k-w220{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w220.jpg)}
.i-k-w221{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w221.jpg)}
.i-k-w222{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w222.jpg)}
.i-k-w223{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w223.jpg)}
.i-k-w224{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w224.jpg)}
.i-k-w225{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w225.jpg)}
.i-k-w227{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w227.jpg)}
.i-k-w228{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w228.jpg)}
.i-k-w229{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w229.jpg)}
.i-k-w230{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w230.jpg)}
.i-k-w231{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w231.jpg)}
.i-k-w232{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w232.jpg)}
.i-k-w233{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w233.jpg)}
.i-k-w234{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w234.jpg)}
.i-k-w236{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w236.jpg)}
.i-k-w237{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w237.jpg)}
.i-k-w238{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w238.jpg)}
.i-k-w240{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w240.jpg)}
.i-k-w241{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w241.jpg)}
.i-k-w242{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w242.jpg)}
.i-k-w243{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w243.jpg)}
.i-k-w245{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w245.jpg)}
.i-k-w098{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w098.jpg)}
.i-k-w114{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w114.jpg)}
.i-k-w115{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w115.jpg)}
.i-k-w154{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w154.jpg)}
.i-k-w108{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w108.jpg)}
.i-k-w120{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w120.jpg)}
.i-k-w064{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w064.jpg)}
.i-k-w065{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w065.jpg)}
.i-k-w066{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w066.jpg)}
.i-k-w080{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w080.jpg)}
.i-k-w012{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w012.jpg)}
.i-k-w078{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w078.jpg)}
.i-k-w083{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w083.jpg)}
.i-k-w127{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w127.jpg)}
.i-k-w104{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w104.jpg)}
.i-k-w105{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w105.jpg)}
.i-k-w148{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w148.jpg)}
.i-k-w192{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w192.jpg)}
.i-k-w190{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w190.jpg)}
.i-k-w196{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w196.jpg)}
.i-k-w213{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w213.jpg)}
.i-k-w235{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w235.jpg)}
.i-k-w158{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w158.jpg)}
.i-k-w214{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w214.jpg)}
.i-k-w023{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w023.jpg)}
.i-k-w129{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w129.jpg)}
.i-k-w063{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w063.jpg)}
.i-k-w045{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-k-w045.jpg)}
/* gallery is ~230 cards: skip off-screen cards so their images load on approach */
.gp-g .card{content-visibility:auto;contain-intrinsic-block-size:auto 460px;min-width:0}
/* workshop photo strip */
.docs-g{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}
.e-con .elementor-widget.docs-g{flex:0 0 auto !important;height:auto !important;min-height:0;width:100%}
.docs-g .dp{aspect-ratio:1/1;border-radius:var(--r-lg);overflow:hidden;background-color:var(--kraft);background-size:cover;background-position:center;min-width:0}
@media (max-width:1024px){.docs-g{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){.docs-g{grid-template-columns:repeat(2,1fr);gap:10px}}

/* ===== artwork batch 6 (2026-09-29, פסלים שלי) ===== */
.i-s-p02{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-s-p02.jpg)}
.i-s-p03{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-s-p03.jpg)}
.i-s-p04{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-s-p04.jpg)}
.i-s-p12{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-s-p12.jpg)}
.i-s-p14{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-s-p14.jpg)}
.i-s-p15{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-s-p15.jpg)}
.i-s-p23{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-s-p23.jpg)}
.i-s-p27{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-s-p27.jpg)}
.i-s-p25{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-s-p25.jpg)}
.i-s-p26{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-s-p26.jpg)}
.i-s-p29{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-s-p29.jpg)}
.i-s-p30{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-s-p30.jpg)}

/* ===== artwork batch 7 (2026-09-29 בוקר, פסל נוסף) ===== */
.i-s-m07{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-s-m07.jpg)}

/* ===== batch 8 (2026-09-30, אומנות השינוי) ===== */
.i-t-p01{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-t-p01.jpg)}
.i-t-p06{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-t-p06.jpg)}
.i-t-p07{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-t-p07.jpg)}
.i-t-p05{background-image:url(https://eti.ravenmedia.co.il/wp-content/uploads/2026/09/eti-t-p05.jpg)}

/* ===== batch 9 (2026-09-30, סרטוני אומנות השינוי) ===== */
.vid-g{display:grid;grid-template-columns:repeat(2,320px);justify-content:center;gap:32px;margin-top:8px}
.e-con .elementor-widget.vid-g{flex:0 0 auto !important;height:auto !important;width:100% !important;max-width:100% !important;align-self:stretch !important}
.vid-g .vd{margin:0}
.vid-g video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#1c1a17;border-radius:var(--r-lg)}
.vid-g figcaption{margin-top:12px;text-align:center;font-size:14.5px;color:var(--ink45)}
@media (max-width:767px){.vid-g{grid-template-columns:min(300px,100%);gap:28px}}