{
  "dom": {
    "attrs": {
      "class": "",
      "data-theme": "light",
      "dir": "rtl",
      "lang": "he"
    },
    "children": [
      {
        "attrs": {},
        "children": [
          {
            "attrs": {
              "charset": "utf-8"
            },
            "children": [],
            "tag": "meta",
            "type": "element"
          },
          {
            "attrs": {
              "content": "width=device-width,initial-scale=1",
              "name": "viewport"
            },
            "children": [],
            "tag": "meta",
            "type": "element"
          },
          {
            "attrs": {},
            "children": [
              {
                "text": "Contact",
                "type": "text"
              }
            ],
            "tag": "title",
            "type": "element"
          },
          {
            "attrs": {
              "data-fixture-asset": "pantheon.css"
            },
            "children": [
              {
                "text": "/* ================= TOKENS ================= */ :root{ --bg:#F6F1E3; --bg2:#EFE8D4; --srf:#FFFDF6; --srf2:#F4EEDC; --ink:#1B2126; --ink2:#3C444C; --mut:#776E56; --gold:#D19A2B; --gold-hi:#F5CE6E; --gold-lo:#A87614; --gold-ink:#96700F; --teal:#0E5F66; --teal-hi:#188089; --line:#E2D8BC; --stone:#E6DEC8; --stone-2:#CFC4A6; --stone-3:#AB9F7D; --night:#101418; --night-2:#161C22; --paper:#F3ECD8; --ease:cubic-bezier(.22,.61,.36,1); --grad-gold:linear-gradient(115deg,#A87614 0%,#E3B44E 30%,#F8E29A 50%,#E3B44E 70%,#A87614 100%); } html[data-theme=\"dark\"]{ --bg:#0E1216; --bg2:#0A0E11; --srf:#161C22; --srf2:#12171C; --ink:#EFE7D2; --ink2:#CEC5AC; --mut:#9C9278; --gold:#D9B45C; --gold-hi:#F2DFA0; --gold-lo:#B8912F; --gold-ink:#E4C877; --teal:#4CC5CC; --teal-hi:#7ADCE1; --line:#262E35; --stone:#1E262D; --stone-2:#2B353E; --stone-3:#3D4954; --paper:#161C22; } /* ================= BASE ================= */ *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:\"Noto Sans Hebrew\",sans-serif;font-size:16.5px;line-height:1.8;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s} /* film grain */ body::after{content:\"\";position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E\")} html[data-theme=\"dark\"] body::after{opacity:.07;mix-blend-mode:screen} .en{font-family:\"Poppins\",\"Noto Sans Hebrew\",sans-serif} .num{font-family:\"Outfit\",\"Poppins\",sans-serif;font-variant-numeric:tabular-nums} h1,h2,h3{margin:0;line-height:1.22} p{margin:0} a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button{font:inherit;cursor:pointer;border:none;background:none;color:inherit} :focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px} @media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}} .wrap{width:min(1240px,100% - 48px);margin-inline:auto} /* gold text */ .gold-text{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent} /* meander */ .meander{height:14px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cg fill='none' stroke='%23C8992F' stroke-width='1.4'%3E%3Cpath d='M0 1.5 H26.5 V12.5 H16.5 V5.5 H21.5 V9'/%3E%3Cpath d='M0 12.5 H11 V5.5 H6 V9'/%3E%3C/g%3E%3C/svg%3E\");background-size:28px 14px;background-repeat:repeat-x} html[data-theme=\"dark\"] .meander{filter:brightness(1.5) saturate(1.2)} .eyebrow{display:inline-flex;align-items:center;gap:14px;font-weight:700;font-size:.74rem;letter-spacing:.34em;color:var(--gold-ink);text-transform:uppercase} .eyebrow::before,.eyebrow::after{content:\"\";width:36px;height:1px;background:linear-gradient(90deg,transparent,var(--gold));flex:none} .eyebrow::after{background:linear-gradient(270deg,transparent,var(--gold))} /* reveal */ .rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)} .rv.in{opacity:1;transform:none} /* ================= NAV ================= */ .nav{position:fixed;inset:0 0 auto;z-index:90;transition:background .35s,box-shadow .35s,border-color .35s;border-bottom:1px solid transparent} .nav.solid{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-color:var(--line)} .nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0} .brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1.2rem;letter-spacing:.02em} .brand .mark{width:38px;height:38px;color:var(--gold);filter:drop-shadow(0 2px 6px rgba(184,145,47,.35))} .brand small{display:block;font-weight:500;font-size:.6rem;letter-spacing:.32em;color:var(--mut)} .nav.over:not(.solid){color:#F3ECD8} .nav.over:not(.solid) .brand small{color:#C8BD9F} .links{display:flex;gap:2px} .links a{position:relative;padding:9px 15px;font-size:.93rem;font-weight:600;opacity:.82;transition:opacity .25s} .links a::after{content:\"\";position:absolute;bottom:4px;right:15px;left:15px;height:1.5px;background:var(--grad-gold);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)} .links a:hover{opacity:1} .links a:hover::after,.links a.on::after{transform:scaleX(1)} .tgl{width:42px;height:42px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;opacity:.75;transition:all .25s var(--ease)} .tgl:hover{opacity:1;color:var(--gold);transform:rotate(15deg)} .tgl svg{width:18px;height:18px} .tgl .moon{display:none} html[data-theme=\"dark\"] .tgl .sun{display:none} html[data-theme=\"dark\"] .tgl .moon{display:block} @media(max-width:860px){ .links{display:none} .wrap.nav-in{width:100%;padding-inline:14px;gap:8px} .nav-in{padding-block:10px} .brand{gap:8px;font-size:1.02rem;min-width:0;flex:1} .brand .mark{width:30px;height:30px;flex:none} .brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .search-btn,.tgl,.burger{width:38px;height:38px;min-width:38px;flex:none;margin:0} .search-btn svg,.burger svg{width:16px;height:16px} .tgl svg{width:16px;height:16px} } @media(max-width:380px){.brand small{display:none}.brand{font-size:.98rem}} /* ================= HERO: הארכיון החי ================= */ .gate{position:relative;height:calc(100vh - 104px);min-height:560px;overflow:hidden;background:var(--night);margin:86px 22px 0;border:1px solid var(--gold);box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 10%,transparent),0 34px 80px -30px rgba(50,40,15,.35)} .gate-track{display:flex;height:100%;margin:0 -7%} .slice{position:relative;flex:1;overflow:hidden;transform:skewX(-10deg);cursor:pointer;transition:flex-grow .75s var(--ease),filter .55s var(--ease)} /* gold seams between slices */ .slice::before{content:\"\";position:absolute;inset:0 auto 0 0;width:1px;z-index:4;background:linear-gradient(to bottom,transparent,rgba(234,201,124,.55) 30%,rgba(234,201,124,.55) 70%,transparent);transition:opacity .4s} .slice img{position:absolute;inset:0;width:155%;height:100%;object-fit:cover;transform:skewX(10deg) translateX(16%);filter:brightness(.85) saturate(1.08) contrast(1.02);transition:filter .6s var(--ease);animation:kb 22s var(--ease) infinite alternate} @keyframes kb{from{scale:1;}to{scale:1.12;}} .slice::after{content:\"\";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(10,12,9,.82) 0%,rgba(10,12,9,.18) 34%,transparent 52%)} /* collapsed tag */ .slice-tag{position:absolute;inset:auto 0 44px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;transform:skewX(10deg);color:#F3ECD8;transition:opacity .35s var(--ease)} .slice-tag .glyph{font-family:\"Outfit\",sans-serif;font-weight:500;font-size:.72rem;letter-spacing:.42em;color:#E4C877;padding-right:.42em} .slice-tag b{font-size:1.12rem;font-weight:800;letter-spacing:.05em;text-shadow:0 2px 20px rgba(0,0,0,.9),0 0 6px rgba(0,0,0,.5)} .slice-tag i{width:1px;height:34px;background:linear-gradient(to top,transparent,#E4C877);font-style:normal} /* expanded info */ .slice-info{position:absolute;inset:auto 9% 52px;z-index:3;transform:skewX(10deg) translateY(18px);opacity:0;color:#FAF3DF;transition:opacity .5s var(--ease) .15s,transform .5s var(--ease) .15s} .slice-info .glyph{font-family:\"Outfit\",sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.42em;color:#E4C877} .slice-info h3{font-size:clamp(1.5rem,2.6vw,2.3rem);font-weight:900;margin:8px 0 10px;text-shadow:0 3px 24px rgba(0,0,0,.7)} .slice-info p{font-size:.96rem;line-height:1.7;color:#D8CFB4;max-width:44ch} .slice-info .row{display:flex;align-items:center;gap:16px;margin-top:20px} .slice-info .go{display:inline-flex;align-items:center;gap:9px;padding:11px 24px;border-radius:99px;background:var(--grad-gold);color:#241A04;font-size:.88rem;font-weight:800;box-shadow:0 8px 26px -8px rgba(217,180,92,.55);transition:transform .25s var(--ease)} .slice-info .go:hover{transform:translateY(-2px)} .slice-info .go svg{width:15px;height:15px} .slice-info .cnt{font-size:.8rem;color:#B9AF93;letter-spacing:.14em} .slice-info .cnt .num{color:#E4C877;font-weight:600} /* interactions */ .gate-track:hover .slice:not(:hover){flex-grow:.68;filter:brightness(.66) saturate(.8)} .slice:hover,.slice.open{flex-grow:3.8} .slice:hover::before{opacity:0} .slice:hover img,.slice.open img{filter:brightness(1) saturate(1.12);animation-play-state:paused} .slice:hover .slice-tag,.slice.open .slice-tag{opacity:0} .slice:hover .slice-info,.slice.open .slice-info{opacity:1;transform:skewX(10deg) translateY(0)} /* center plaque - engraved marble */ .plaque{position:absolute;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none;transition:opacity .55s var(--ease),transform .55s var(--ease)} .gate-track:hover ~ .plaque{opacity:0;transform:scale(.97)} .plaque-in{position:relative;text-align:center;background:linear-gradient(160deg,color-mix(in srgb,var(--paper) 96%,transparent),color-mix(in srgb,var(--paper) 88%,transparent));backdrop-filter:blur(8px);padding:44px 70px 40px;border:1px solid var(--gold);box-shadow:0 0 0 1px color-mix(in srgb,var(--paper) 60%,transparent),0 0 0 7px color-mix(in srgb,var(--paper) 30%,transparent),0 40px 90px -30px rgba(0,0,0,.6);overflow:hidden} html[data-theme=\"dark\"] .plaque-in{border-color:#D9B45C} .plaque-in::before{content:\"\";position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);pointer-events:none} /* shine sweep */ .plaque-in::after{content:\"\";position:absolute;top:-60%;bottom:-60%;width:60px;background:linear-gradient(105deg,transparent,rgba(255,246,214,.5),transparent);transform:rotate(12deg);animation:sweep 6s var(--ease) infinite} @keyframes sweep{0%,55%{right:120%}85%,100%{right:-30%}} .plaque-in .eyebrow{justify-content:center} .plaque-in h1{font-size:clamp(2.3rem,5.6vw,4rem);font-weight:900;letter-spacing:.01em;margin-top:10px} .plaque-in .sub{color:var(--mut);font-size:.95rem;margin-top:8px;letter-spacing:.06em} .plaque-in .meander{margin-top:20px} .scroll-cue{position:absolute;bottom:20px;left:50%;translate:-50% 0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;color:#D8CFB4;font-size:.66rem;letter-spacing:.32em;pointer-events:none} .scroll-cue i{width:1px;height:30px;background:linear-gradient(to bottom,#E4C877,transparent);animation:cue 2s var(--ease) infinite} @keyframes cue{0%{transform:scaleY(.3);transform-origin:top;opacity:0}40%{transform:scaleY(1);opacity:1}100%{transform:scaleY(.3);transform-origin:bottom;opacity:0}} .gate .meander{position:absolute;inset:auto 0 0;z-index:6;opacity:.85} /* mobile hero pagination (desktop hidden) */ .gate-pag{display:none} @media(max-width:760px){ .gate{height:78vh;min-height:520px;max-height:680px;margin:72px 12px 0} .gate-track{position:relative;display:block;margin:0;height:100%} .slice{position:absolute;inset:0;transform:none;flex:none;opacity:0;visibility:hidden;transition:opacity .8s var(--ease),visibility 0s linear .8s} .slice.act{opacity:1;visibility:visible;transition:opacity .8s var(--ease),visibility 0s;z-index:2} .slice::before{display:none} .slice img{width:100%;transform:none;animation:kbm 7s var(--ease) both} @keyframes kbm{from{scale:1.14}to{scale:1}} .slice::after{background:linear-gradient(to top,rgba(8,10,8,.9) 0%,rgba(8,10,8,.32) 42%,rgba(8,10,8,.25) 100%)} .slice-tag{display:none} .slice-info{opacity:1;transform:none;inset:auto 22px 78px;transition:none} .slice.act .slice-info>*{animation:mmIn .7s var(--ease) both} .slice.act .slice-info h3{animation-delay:.12s} .slice.act .slice-info p{animation-delay:.2s} .slice.act .slice-info .row{animation-delay:.3s} .slice-info h3{font-size:1.7rem} .slice-info p{font-size:.9rem} /* compact engraved plaque, floating on top */ .plaque{position:absolute;inset:16px 16px auto;place-items:start center;z-index:5} .plaque-in{padding:14px 26px 12px} .plaque-in h1{font-size:1.45rem;margin-top:4px} .plaque-in .sub,.plaque-in .meander{display:none} .plaque-in .eyebrow{font-size:.6rem;letter-spacing:.28em} .plaque-in .eyebrow::before,.plaque-in .eyebrow::after{width:20px} .gate-track:hover ~ .plaque{opacity:1;transform:none} .scroll-cue{display:none} /* Greek letter pagination + timer bar */ .gate-pag{position:absolute;inset:auto 0 26px;z-index:6;display:flex;justify-content:center;gap:8px} .gate-pag button{position:relative;min-width:44px;height:36px;display:grid;place-items:center;padding:0 10px;font-family:\"Outfit\",sans-serif;font-size:.86rem;letter-spacing:.1em;color:#CDBE93;border:1px solid rgba(234,201,124,.35);background:rgba(10,12,9,.45);backdrop-filter:blur(6px);transition:all .3s var(--ease)} .gate-pag button::after{content:\"\";position:absolute;inset:auto 0 -1px;height:2px;background:var(--grad-gold);transform:scaleX(0);transform-origin:right} .gate-pag button[aria-current=\"true\"]{color:#F5E3AE;border-color:#E4C877;background:rgba(20,18,8,.65)} .gate-pag button[aria-current=\"true\"]::after{transform:scaleX(1);transition:transform var(--slide-ms,6s) linear} } /* ================= STATS STRIP ================= */ .stats{border-bottom:1px solid var(--line);background:var(--srf)} .stats-in{display:grid;grid-template-columns:repeat(4,1fr);text-align:center} .stat{padding:34px 10px;border-inline-start:1px solid var(--line)} .stat:first-child{border-inline-start:none} .stat .num{display:block;font-size:2.2rem;font-weight:700;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent} .stat small{color:var(--mut);letter-spacing:.14em;font-size:.78rem;text-transform:uppercase} @media(max-width:700px){.stats-in{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-inline-start:none}.stat{padding:24px 8px}} /* ================= ROOMS: חדרי הפנתאון ================= */ .rooms{padding:110px 0 80px;background:radial-gradient(1000px 460px at 20% 0,color-mix(in srgb,var(--gold) 8%,transparent),transparent 65%),radial-gradient(900px 420px at 85% 100%,color-mix(in srgb,var(--teal) 6%,transparent),transparent 60%),var(--bg)} .sec-head{text-align:center;max-width:640px;margin:0 auto 76px} .sec-head h2{font-size:clamp(2rem,4vw,2.9rem);font-weight:900;margin-top:14px} .sec-head p{color:var(--mut);margin-top:10px} .rooms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(218px,1fr));gap:52px 34px} .temple{position:relative;display:block;padding-top:70px;transition:transform .4s var(--ease)} .temple:hover{transform:translateY(-14px)} .temple-body{filter:drop-shadow(0 24px 30px rgba(50,40,15,.22)) drop-shadow(0 6px 10px rgba(50,40,15,.12));transition:filter .4s var(--ease)} html[data-theme=\"dark\"] .temple-body{filter:drop-shadow(0 24px 34px rgba(0,0,0,.6))} .temple:hover .temple-body{filter:drop-shadow(0 34px 44px rgba(50,40,15,.3)) drop-shadow(0 0 30px rgba(217,180,92,.25))} /* pediment */ .pediment{position:absolute;top:0;right:-6%;left:-6%;height:86px;z-index:6} .pediment svg{width:100%;height:100%;display:block} .pediment .roof{fill:var(--srf);stroke:var(--stone-2);stroke-width:1.3;transition:stroke .35s} .pediment .rake{fill:none;stroke:var(--stone-3);stroke-width:.8} .pediment .tymp{fill:var(--srf2);stroke:var(--stone-2);stroke-width:.9} .pediment .laurel{fill:none;stroke:var(--gold);stroke-width:1.2;opacity:.9} .pediment .akro{fill:none;stroke:var(--gold);stroke-width:1.6;opacity:0;transform:translateY(5px);transition:all .4s var(--ease)} .temple:hover .pediment .roof{stroke:var(--gold)} .temple:hover .pediment .akro{opacity:1;transform:translateY(0)} /* architrave gold inlay + triglyph frieze */ .inlay{position:relative;z-index:5;height:3px;margin:0 -2.5%;background:var(--grad-gold)} .entab{position:relative;z-index:5;height:24px;margin:0 -2.5%;background:var(--srf);border:1px solid var(--stone-2);border-top:none;border-bottom-width:2px;background-image:repeating-linear-gradient(90deg,transparent 0 24px,var(--stone-2) 24px 26px,transparent 26px 29px,var(--stone-2) 29px 31px,transparent 31px 34px,var(--stone-2) 34px 36px,transparent 36px 60px)} /* cella + fluted columns with capitals */ .cella{position:relative;z-index:4;background:linear-gradient(175deg,var(--srf),var(--srf2));padding:18px 34px 20px;box-shadow:inset 0 0 30px rgba(50,40,15,.08)} html[data-theme=\"dark\"] .cella{box-shadow:inset 0 0 30px rgba(0,0,0,.45)} .colm{position:absolute;top:0;bottom:0;width:20px;background:repeating-linear-gradient(90deg,var(--stone-2) 0 2px,var(--srf2) 2px 5px,var(--stone-3) 5px 6px,var(--srf2) 6px 9px,var(--stone-2) 9px 10px);border-inline:1px solid var(--stone-3)} .colm::before{content:\"\";position:absolute;top:0;right:-5px;left:-5px;height:12px;background:linear-gradient(var(--stone-2),var(--stone-3));border:1px solid var(--stone-3);box-shadow:0 3px 0 -1px var(--stone-2)} .colm::after{content:\"\";position:absolute;bottom:0;right:-5px;left:-5px;height:10px;background:linear-gradient(var(--stone-3),var(--stone-2));border:1px solid var(--stone-3)} .colm.r{right:0}.colm.l{left:0} /* image = doorway */ .cella-img{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--stone-2);box-shadow:inset 0 0 26px rgba(0,0,0,.3)} .cella-img img{width:100%;height:100%;object-fit:cover;filter:saturate(.92);transition:transform .9s var(--ease),filter .5s} .temple:hover .cella-img img{transform:scale(1.08);filter:saturate(1.08) brightness(1.05)} .cella-img::after{content:\"\";position:absolute;inset:0;background:linear-gradient(to top,rgba(14,11,4,.45),transparent 45%);transition:opacity .45s} .temple:hover .cella-img::after{opacity:.65} .cella-glyph{position:absolute;top:12px;left:14px;z-index:2;font-family:\"Outfit\",sans-serif;font-weight:500;color:#F2DFA0;font-size:.95rem;letter-spacing:.3em;text-shadow:0 1px 10px rgba(0,0,0,.8)} /* engraved title */ .cella-title{text-align:center;padding-top:16px} .cella-title h3{font-size:1.18rem;font-weight:800;letter-spacing:.02em} .cella-title .lat{display:block;font-size:.68rem;letter-spacing:.32em;color:var(--mut);text-transform:uppercase;margin-top:4px} .cella-title .cnt{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding-top:9px;border-top:1px solid var(--line);font-size:.78rem;letter-spacing:.1em;color:var(--gold-ink)} .cella-title .cnt .num{font-weight:600} /* crepidoma - 3 perspective steps */ .stepx{position:relative;border:1px solid var(--stone-3);border-top-color:color-mix(in srgb,var(--stone-2) 70%,white 15%)} .s1{height:12px;margin:0 -3%;z-index:3;background:linear-gradient(var(--stone),var(--stone-2))} .s2{height:11px;margin:0 -6%;z-index:2;background:linear-gradient(var(--stone-2),var(--stone-3))} .s3{height:10px;margin:0 -9%;z-index:1;background:linear-gradient(var(--stone-3),var(--stone-2))} @media(max-width:860px){.rooms-grid{gap:46px 22px;padding-inline:12px}.s1{margin:0 -2.5%}.s2{margin:0 -5%}.s3{margin:0 -7.5%}.pediment{right:-5%;left:-5%}} /* oracle variant - same light stone, teal identity */ .temple.inner-hall .inlay{background:linear-gradient(115deg,#0A4A50,#4CC5CC,#0A4A50)} .temple.inner-hall .laurel{stroke:var(--teal)} .temple.inner-hall .cella-title .cnt{color:var(--teal);border-color:color-mix(in srgb,var(--teal) 30%,transparent)} .temple.inner-hall .cella-title .lat{color:var(--teal)} .temple.inner-hall .cella-glyph{color:#9BE9E6} .temple.inner-hall:hover .pediment .roof{stroke:var(--teal)} .temple.inner-hall .pediment .akro{stroke:var(--teal)} .temple.inner-hall:hover .temple-body{filter:drop-shadow(0 34px 44px rgba(50,40,15,.28)) drop-shadow(0 0 30px rgba(76,197,204,.3))} /* ================= FEATURED: מגילת החודש ================= */ .featured{background:linear-gradient(165deg,#0D525A 0%,#083E45 55%,#062F35 100%);color:#EAF4F0;padding:110px 0;position:relative;overflow:hidden} .featured::before{content:\"\";position:absolute;inset:0;background:radial-gradient(760px 380px at 10% 100%,rgba(126,224,222,.16),transparent 60%),radial-gradient(700px 320px at 90% 0%,rgba(234,201,124,.16),transparent 60%)} .feat-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center} @media(max-width:880px){.feat-grid{grid-template-columns:1fr;gap:44px}} /* museum frame */ .mframe{position:relative;padding:16px;background:linear-gradient(150deg,#F8F3E4,#EEE6CE);border:1px solid #D9B45C;box-shadow:0 40px 90px -30px rgba(2,25,28,.55)} .mframe::before{content:\"\";position:absolute;inset:8px;border:1px solid rgba(143,107,24,.55);z-index:2;pointer-events:none} .mframe img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.95)} .mframe .tag{position:absolute;bottom:-16px;right:34px;z-index:3;background:var(--grad-gold);color:#241A04;font-size:.76rem;font-weight:800;letter-spacing:.14em;padding:8px 20px} .featured .eyebrow{color:#E4C877} .featured .eyebrow::before{background:linear-gradient(90deg,transparent,#E4C877)} .featured .eyebrow::after{background:linear-gradient(270deg,transparent,#E4C877)} .featured h2{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:900;color:#F4FBF7;margin:14px 0 16px} .featured .lede{color:#BCDCD6;font-size:1.05rem;max-width:52ch} .featured .meta{display:flex;gap:26px;margin:26px 0 30px;color:#8FBDB7;font-size:.85rem;letter-spacing:.08em} .featured .meta .num{color:#E4C877;font-weight:600} .btn-gold{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:99px;background:var(--grad-gold);color:#241A04;font-weight:800;box-shadow:0 12px 32px -10px rgba(217,180,92,.5);transition:transform .25s var(--ease),box-shadow .25s var(--ease)} .btn-gold:hover{transform:translateY(-3px);box-shadow:0 18px 40px -10px rgba(217,180,92,.6)} .btn-gold svg{width:16px;height:16px} /* oracle quote inside featured */ .oracle-line{margin-top:56px;padding-top:40px;border-top:1px solid rgba(234,201,124,.28);text-align:center;position:relative} .oracle-line .medal{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;border:1px solid #E4C877;display:grid;place-items:center;color:#E4C877;box-shadow:0 0 30px -6px rgba(228,200,119,.35)} .oracle-line .medal svg{width:26px;height:26px} .oracle-q{font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:700;color:#F2F9F3;max-width:640px;margin:0 auto 22px;transition:opacity .35s} .oracle-q.fade{opacity:0} .btn-line{display:inline-flex;align-items:center;gap:9px;padding:11px 26px;border-radius:99px;border:1px solid #E4C877;color:#F2DFA0;font-weight:700;font-size:.9rem;transition:all .25s var(--ease)} .btn-line:hover{background:rgba(228,200,119,.12)} .btn-line svg{width:15px;height:15px} /* ================= NEWSLETTER ================= */ .news{padding:100px 0;background:var(--bg)} .news-card{position:relative;text-align:center;background:var(--srf);padding:60px clamp(26px,6vw,80px);border:1px solid var(--gold);box-shadow:0 0 0 8px color-mix(in srgb,var(--gold) 7%,transparent),0 30px 70px -30px rgba(50,40,15,.35);overflow:hidden} .news-card::before{content:\"\";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);pointer-events:none} .news-card h2{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:900;margin-top:12px} .news-card p{color:var(--mut);max-width:54ch;margin:10px auto 0} .news-form{display:flex;gap:12px;max-width:540px;margin:32px auto 0} .news-form input{flex:1;padding:15px 22px;font:inherit;background:var(--bg);border:1.5px solid var(--line);border-radius:99px;color:var(--ink);transition:all .25s} .news-form input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 16%,transparent)} .btn-teal{display:inline-flex;align-items:center;gap:9px;padding:14px 30px;border-radius:99px;background:linear-gradient(135deg,var(--teal-hi),var(--teal));color:#F3FBFA;font-weight:800;transition:all .25s var(--ease)} html[data-theme=\"dark\"] .btn-teal{color:#07272A} .btn-teal:hover{transform:translateY(-2px);box-shadow:0 14px 32px -12px rgba(14,95,102,.55)} #ns{color:var(--teal);font-weight:700;min-height:1.6em;margin-top:14px} @media(max-width:560px){.news-form{flex-direction:column}} /* ================= FOOTER ================= */ .footer{background:#07333A;color:#9FC6C1} .footer .meander{opacity:.5} .footer-in{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:30px 0;font-size:.85rem} .footer a{color:#E4C877} /* ================= INNER PAGES ================= */ .page-hero{padding:150px 0 54px;text-align:center} .page-hero h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900;margin-top:14px} .page-hero p{color:var(--mut);max-width:56ch;margin:10px auto 0;font-size:1.05rem} .page-hero .meander{max-width:170px;margin:26px auto 0} /* tabs */ .tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:8px 0 52px} .tab{padding:10px 22px;min-height:44px;border-radius:99px;font-weight:700;font-size:.9rem;background:var(--srf);color:var(--mut);border:1.5px solid var(--line);cursor:pointer;transition:all .25s var(--ease)} .tab:hover{border-color:var(--gold);color:var(--gold-ink)} .tab[aria-selected=\"true\"]{background:var(--grad-gold);border-color:transparent;color:#241A04} /* entry cards - museum matte */ .entries{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding-bottom:90px} .entry{display:flex;flex-direction:column;background:var(--srf);border:1px solid var(--line);box-shadow:0 14px 34px -18px rgba(50,40,15,.25);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)} .entry:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 30px 54px -22px rgba(50,40,15,.35)} .entry-media{position:relative;margin:12px 12px 0;overflow:hidden;border:1px solid var(--stone-2);aspect-ratio:16/10} .entry-media::before{content:\"\";position:absolute;inset:5px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);z-index:2;pointer-events:none} .entry-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)} .entry:hover .entry-media img{transform:scale(1.06)} .entry-body{padding:20px 24px 22px;display:flex;flex-direction:column;gap:9px;flex:1} .entry-cat{font-family:\"Outfit\",sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.34em;color:var(--gold-ink);text-transform:uppercase} .entry-cat.tealc{color:var(--teal)} .entry h3{font-size:1.16rem;font-weight:800;line-height:1.4} .entry p{font-size:.9rem;color:var(--mut)} .entry-meta{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;gap:18px;font-size:.8rem;color:var(--mut)} .entry-meta .num{color:var(--gold-ink);font-weight:600} /* article */ .progress{position:fixed;top:0;right:0;height:3px;width:0;background:var(--grad-gold);z-index:120} .art-hero{padding:150px 0 30px;text-align:center} .art-hero h1{font-size:clamp(1.9rem,4.4vw,3rem);font-weight:900;max-width:20ch;margin:14px auto 0} .art-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;color:var(--mut);font-size:.88rem;margin-top:18px} .art-meta .num{color:var(--gold-ink);font-weight:600} .art-frame{margin:34px 0 44px} .art-body{font-size:1.1rem;line-height:2.05;color:var(--ink2);padding-bottom:30px} .art-body>p{margin-bottom:1.3em} .art-body>p:first-of-type::first-letter{font-weight:900;font-size:3.6em;line-height:.82;float:right;margin:8px 0 0 16px;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent} .art-body h2{font-size:1.5rem;font-weight:900;color:var(--ink);margin:1.8em 0 .6em} .pullq{margin:2.2em 0;padding:10px 28px;border-right:3px solid;border-image:linear-gradient(to bottom,var(--gold-hi),var(--gold-lo)) 1;font-size:1.3rem;font-weight:700;color:var(--ink)} /* recipe */ .recipe{display:grid;grid-template-columns:330px 1fr;gap:44px;align-items:start;padding-bottom:80px} @media(max-width:880px){.recipe{grid-template-columns:1fr}} .panel{position:sticky;top:100px;background:var(--srf);border:1px solid var(--gold);box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 7%,transparent),0 20px 44px -22px rgba(50,40,15,.3);padding:28px} @media(max-width:880px){.panel{position:static}} .panel h3{display:flex;align-items:center;gap:10px;font-size:1.08rem;font-weight:800} .panel h3 svg{width:20px;height:20px;color:var(--gold)} .ings{list-style:none;margin:16px 0 0;padding:0} .ings li{display:flex;justify-content:space-between;gap:14px;padding:12px 2px;border-bottom:1px dashed var(--line);font-size:.95rem} .ings li:last-child{border:none} .ings .num{color:var(--teal);font-weight:600;white-space:nowrap} .ratio{margin-top:16px;padding:16px;text-align:center;background:linear-gradient(160deg,#0D525A,#083E45);color:#9FD6D2;font-size:.8rem;letter-spacing:.1em} .ratio b{display:block;font-size:1.7rem;color:#EAC97C;font-family:\"Outfit\",sans-serif;margin-top:4px} .steps{list-style:none;margin:0;padding:0;counter-reset:st} .steps li{counter-increment:st;position:relative;padding:0 66px 36px 0} .steps li::before{content:counter(st);position:absolute;right:0;top:0;width:44px;height:44px;display:grid;place-items:center;font-family:\"Outfit\",sans-serif;font-weight:600;font-size:1.15rem;color:var(--gold-ink);background:var(--srf);border:1.5px solid var(--gold);border-radius:50%;box-shadow:0 6px 16px -8px rgba(184,145,47,.5)} .steps li:not(:last-child)::after{content:\"\";position:absolute;right:22px;top:52px;bottom:8px;width:1px;background:linear-gradient(to bottom,var(--gold),var(--line))} .steps h4{font-size:1.06rem;font-weight:800;margin:0 0 6px} .steps p{color:var(--mut);font-size:.95rem} /* oracle page */ .oracle-page{min-height:calc(100vh - 0px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:150px 24px 90px;background:linear-gradient(165deg,#0D525A 0%,#083E45 55%,#062F35 100%);color:#EAF4F0;position:relative;overflow:hidden} .oracle-page::before{content:\"\";position:absolute;inset:0;background:radial-gradient(800px 400px at 15% 100%,rgba(126,224,222,.15),transparent 60%),radial-gradient(700px 340px at 85% 0%,rgba(234,201,124,.15),transparent 60%)} .oracle-page>*{position:relative} .oracle-page h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900;color:#F4FBF7;margin:14px 0 10px} .oracle-page .lede{color:#BCDCD6;max-width:50ch} .medal-lg{width:120px;height:120px;border-radius:50%;border:1px solid #EAC97C;display:grid;place-items:center;color:#EAC97C;box-shadow:0 0 44px -8px rgba(234,201,124,.45);margin-bottom:24px;position:relative} .medal-lg::before{content:\"\";position:absolute;inset:-10px;border-radius:50%;border:1px dashed rgba(234,201,124,.4);animation:spin 44s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} .medal-lg svg{width:48px;height:48px} .oracle-page .oracle-q{margin:34px auto 30px} .oracle-page .more{margin-top:60px;font-size:.88rem;color:#8FBDB7} .oracle-page .more a{color:#EAC97C;font-weight:700} /* about pillars */ .lede-block{max-width:760px;margin:0 auto;text-align:center;font-size:1.08rem;line-height:2;color:var(--ink2);padding-bottom:64px} .pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:26px;padding-bottom:90px} .pillar{background:var(--srf);border:1px solid var(--line);padding:36px 26px;text-align:center;transition:all .3s var(--ease)} .pillar:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 24px 44px -22px rgba(50,40,15,.3)} .pillar svg{width:34px;height:34px;color:var(--gold);margin-bottom:14px} .pillar h3{font-size:1.05rem;font-weight:800} .pillar p{font-size:.9rem;color:var(--mut);margin-top:6px} /* faq */ .faq-wrap{max-width:780px;margin-inline:auto;padding-bottom:70px} .faq{border-bottom:1px solid var(--line)} .faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px;cursor:pointer;font-weight:800;font-size:1.1rem;transition:color .25s} .faq summary::-webkit-details-marker{display:none} .faq summary:hover{color:var(--teal)} .faq summary svg{flex:none;width:22px;height:22px;color:var(--gold);transition:transform .3s var(--ease)} .faq[open] summary{color:var(--gold-ink)} .faq[open] summary svg{transform:rotate(180deg)} .faq-a{padding:0 4px 26px;color:var(--ink2);max-width:66ch} .faq-more{text-align:center;color:var(--mut);padding:34px 0 90px} .faq-more a{color:var(--teal);font-weight:800} /* contact */ .cform{max-width:720px;margin:0 auto 100px;background:var(--srf);border:1px solid var(--gold);box-shadow:0 0 0 7px color-mix(in srgb,var(--gold) 7%,transparent),0 30px 60px -28px rgba(50,40,15,.35);padding:clamp(28px,5vw,52px);position:relative} .cform::before{content:\"\";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);pointer-events:none} .cform>*{position:relative} .field{margin-bottom:22px} .field label{display:block;font-weight:700;font-size:.9rem;margin-bottom:8px;color:var(--ink2)} .field input,.field textarea{width:100%;padding:14px 18px;font:inherit;background:var(--bg);border:1.5px solid var(--line);color:var(--ink);transition:all .25s} .field textarea{min-height:150px;resize:vertical} .field input:focus,.field textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px color-mix(in srgb,var(--teal) 14%,transparent)} .f2{display:grid;grid-template-columns:1fr 1fr;gap:18px} @media(max-width:620px){.f2{grid-template-columns:1fr}} .seg{display:flex;gap:10px;flex-wrap:wrap} .seg button{flex:1;min-width:110px;padding:12px;font-weight:700;font-size:.88rem;background:var(--bg);border:1.5px solid var(--line);color:var(--mut);transition:all .25s;cursor:pointer} .seg button[aria-pressed=\"true\"]{background:linear-gradient(160deg,#0D525A,#083E45);border-color:transparent;color:#EAF4F0} .form-note{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--mut);font-size:.83rem;margin-top:16px} .form-note svg{width:15px;height:15px;color:var(--teal)} #cs{color:var(--teal);font-weight:800;min-height:1.6em;margin-top:14px;text-align:center} /* full footer */ .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.6fr;gap:44px;padding:56px 0 40px} @media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}} @media(max-width:560px){.footer-grid{grid-template-columns:1fr}} .footer h4{color:#E8F2EE;font-size:1rem;margin:0 0 16px;letter-spacing:.05em} .footer ul{list-style:none;margin:0;padding:0} .footer li{margin-bottom:10px} .footer ul a{color:#9FC6C1;transition:color .2s} .footer ul a:hover{color:#EAC97C} .fnews input{width:100%;padding:13px 18px;font:inherit;background:rgba(255,255,255,.07);border:1px solid rgba(234,201,124,.35);color:#EAF4F0;margin-bottom:12px} .fnews input::placeholder{color:#7FA8A3} .fnews .btn-gold{width:100%;justify-content:center;border-radius:0} .footer-bottom{border-top:1px solid rgba(234,201,124,.2);padding:22px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.84rem;color:#7FA8A3} @media(max-width:760px){.page-hero,.art-hero{padding-top:120px}.oracle-page{padding-top:120px}} /* ================= SEARCH MODAL ================= */ .search-btn{width:42px;height:42px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;opacity:.75;transition:all .25s var(--ease);cursor:pointer;margin-inline-end:8px} .search-btn:hover{opacity:1;color:var(--gold);transform:scale(1.06)} .search-btn svg{width:18px;height:18px} .smodal{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s linear .35s} .smodal.open{opacity:1;visibility:visible;transition:opacity .35s var(--ease),visibility 0s} .smodal::before{content:\"\";position:absolute;inset:0;background:linear-gradient(165deg,rgba(9,42,47,.96),rgba(6,28,32,.97));backdrop-filter:blur(14px)} .smodal-in{position:relative;width:min(760px,100%);text-align:center;color:#EAF4F0;transform:translateY(24px) scale(.98);transition:transform .4s var(--ease)} .smodal.open .smodal-in{transform:none} .smodal-close{position:absolute;top:-52px;left:0;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(234,201,124,.45);border-radius:50%;color:#EAC97C;cursor:pointer;transition:all .25s var(--ease)} .smodal-close:hover{background:rgba(234,201,124,.12);transform:rotate(90deg)} .smodal-close svg{width:18px;height:18px} .smodal .eyebrow{color:#EAC97C;justify-content:center} .smodal h2{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:900;color:#F4FBF7;margin:12px 0 30px} .sform{position:relative;margin-bottom:14px} .sform input{width:100%;padding:20px 60px 20px 20px;font:inherit;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:600;color:#F4FBF7;background:rgba(255,255,255,.06);border:none;border-bottom:2px solid rgba(234,201,124,.5);transition:all .3s var(--ease)} .sform input::placeholder{color:#7FA8A3;font-weight:400} .sform input:focus{outline:none;background:rgba(255,255,255,.09);border-bottom-color:#EAC97C;box-shadow:0 18px 40px -20px rgba(234,201,124,.35)} .sform .go{position:absolute;top:50%;right:14px;translate:0 -50%;width:40px;height:40px;display:grid;place-items:center;color:#EAC97C;cursor:pointer;transition:transform .25s var(--ease)} .sform .go:hover{transform:translateY(-50%) scale(1.12)} .sform .go svg{width:21px;height:21px} .smodal .hintline{font-size:.8rem;color:#7FA8A3;letter-spacing:.08em;margin-bottom:36px} .smodal .hintline kbd{font-family:\"Outfit\",sans-serif;border:1px solid rgba(255,255,255,.25);padding:2px 8px;border-radius:6px;font-size:.72rem} .stags-title{font-size:.74rem;font-weight:700;letter-spacing:.32em;color:#8FBDB7;text-transform:uppercase;margin:26px 0 14px} .stags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px} .stag{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:99px;border:1px solid rgba(234,201,124,.4);color:#F2E6C4;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .25s var(--ease);background:rgba(234,201,124,.05)} .stag:hover{background:rgba(234,201,124,.16);border-color:#EAC97C;transform:translateY(-2px)} .stag .num{color:#EAC97C;font-size:.76rem} .stag.tealt{border-color:rgba(126,224,222,.45);color:#CFEFED;background:rgba(126,224,222,.06)} .stag.tealt:hover{background:rgba(126,224,222,.15);border-color:#7EE0DE} .stag.tealt .num{color:#7EE0DE} .smodal .meander{max-width:150px;margin:40px auto 0;opacity:.7} body.modal-open{overflow:hidden} @media(max-width:600px){.smodal-close{top:-56px;left:auto;right:0}} /* ================= FOOTER: menus + credits ================= */ .footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1.6fr} @media(max-width:1000px){.footer-grid{grid-template-columns:1fr 1fr 1fr}} @media(max-width:700px){.footer-grid{grid-template-columns:1fr 1fr}} @media(max-width:480px){.footer-grid{grid-template-columns:1fr}} .socials{display:flex;gap:10px;margin-top:18px} .socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(234,201,124,.35);border-radius:50%;color:#9FC6C1;transition:all .25s var(--ease)} .socials a:hover{color:#EAC97C;border-color:#EAC97C;transform:translateY(-3px)} .socials svg{width:16px;height:16px} .footer ul a .num{color:#6E9B96;font-size:.76rem;margin-inline-start:6px} .footer-bottom{align-items:center} .legal{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .legal a{color:#9FC6C1;font-size:.82rem;transition:color .2s} .legal a:hover{color:#EAC97C} .legal i{font-style:normal;color:#3E6A6E} .credit{display:flex;align-items:center;gap:8px} .credit svg{width:14px;height:14px;color:#EAC97C} /* ================= MOBILE MENU ================= */ .burger{display:none;width:42px;height:42px;place-items:center;border:1px solid currentColor;border-radius:50%;opacity:.8;cursor:pointer;transition:all .25s var(--ease)} .burger:hover{opacity:1;color:var(--gold)} .burger svg{width:19px;height:19px} @media(max-width:860px){.burger{display:grid}} .mmodal{position:fixed;inset:0;z-index:290;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .35s var(--ease),visibility 0s linear .35s;background:linear-gradient(170deg,#0D525A 0%,#083E45 55%,#062F35 100%);color:#EAF4F0;overflow-y:auto} .mmodal::before{content:\"\";position:fixed;inset:0;pointer-events:none;background:radial-gradient(700px 380px at 85% 0%,rgba(234,201,124,.14),transparent 60%),radial-gradient(600px 340px at 10% 100%,rgba(126,224,222,.12),transparent 60%)} .mmodal.open{opacity:1;visibility:visible;transition:opacity .35s var(--ease),visibility 0s} .mm-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid rgba(234,201,124,.25);position:relative} .mm-top .brand{color:#F4FBF7} .mm-top .brand .mark{color:#EAC97C} .mm-top .brand small{color:#8FBDB7} .mm-close{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(234,201,124,.45);border-radius:50%;color:#EAC97C;cursor:pointer;transition:all .25s var(--ease)} .mm-close:hover{background:rgba(234,201,124,.12);transform:rotate(90deg)} .mm-close svg{width:18px;height:18px} .mm-links{flex:1;display:flex;flex-direction:column;justify-content:center;padding:34px 30px;counter-reset:mm;position:relative} .mm-links a{counter-increment:mm;display:flex;align-items:baseline;gap:16px;padding:15px 4px;font-size:clamp(1.35rem,5.5vw,1.8rem);font-weight:800;color:#EAF4F0;border-bottom:1px solid rgba(234,201,124,.14);opacity:0;transform:translateY(16px)} .mm-links a::before{content:\"0\" counter(mm);font-family:\"Outfit\",sans-serif;font-weight:500;font-size:.8rem;color:#EAC97C;letter-spacing:.18em} .mm-links a.on{color:#EAC97C} .mm-links a:active{color:#F2DFA0} .mmodal.open .mm-links a{animation:mmIn .55s var(--ease) forwards} .mmodal.open .mm-links a:nth-child(1){animation-delay:.08s} .mmodal.open .mm-links a:nth-child(2){animation-delay:.14s} .mmodal.open .mm-links a:nth-child(3){animation-delay:.2s} .mmodal.open .mm-links a:nth-child(4){animation-delay:.26s} .mmodal.open .mm-links a:nth-child(5){animation-delay:.32s} .mmodal.open .mm-links a:nth-child(6){animation-delay:.38s} @keyframes mmIn{to{opacity:1;transform:none}} .mm-actions{display:flex;gap:12px;padding:0 30px 26px;position:relative} .mm-actions button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px;min-height:50px;border:1px solid rgba(234,201,124,.5);border-radius:99px;color:#F2E6C4;font-weight:700;font-size:.94rem;cursor:pointer;transition:all .25s var(--ease);background:rgba(234,201,124,.06)} .mm-actions button:hover{background:rgba(234,201,124,.16)} .mm-actions svg{width:18px;height:18px} .mm-actions .mm-theme .moon{display:none} html[data-theme=\"dark\"] .mm-actions .mm-theme .sun{display:none} html[data-theme=\"dark\"] .mm-actions .mm-theme .moon{display:block} .mm-foot{padding:0 30px 30px;position:relative} .mm-foot .meander{max-width:150px;margin:0 auto;opacity:.65} /* ================= V5 ADDITIONS ================= */ /* ---- 10 הגדולים: טאבים + דירוג ---- */ .top10{padding:100px 0 90px;background:var(--bg2);border-bottom:1px solid var(--line)} .top10-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:44px} .top10-head h2{font-size:clamp(2rem,4vw,2.9rem);font-weight:900;margin-top:12px} .top10-tabs{display:flex;gap:8px;flex-wrap:wrap} .t10tab{padding:10px 20px;min-height:44px;border-radius:99px;font-weight:700;font-size:.88rem;background:var(--srf);color:var(--mut);border:1.5px solid var(--line);cursor:pointer;transition:all .25s var(--ease);white-space:nowrap} .t10tab:hover{border-color:var(--gold);color:var(--gold-ink)} .t10tab[aria-selected=\"true\"]{background:var(--grad-gold);border-color:transparent;color:#241A04} .t10-panel{display:none;flex-direction:column;gap:12px;max-width:860px;margin-inline:auto} .t10-panel.act{display:flex} .t10{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;background:var(--srf);border:1px solid var(--line);box-shadow:0 10px 26px -18px rgba(50,40,15,.3);transition:all .3s var(--ease)} .t10:hover{border-color:var(--gold);transform:translateX(-6px);box-shadow:0 18px 36px -18px rgba(50,40,15,.4)} .t10-r{display:flex;align-items:center;gap:20px;min-width:0} .t10 .rank{font-family:\"Outfit\",sans-serif;font-weight:700;font-size:1.9rem;line-height:1;color:var(--stone-2);transition:color .3s;flex:none;width:52px;text-align:center} .t10:hover .rank{color:var(--gold)} .t10 h4{margin:0;font-size:1.05rem;font-weight:800;line-height:1.4} .t10 .t10-cat{font-family:\"Outfit\",sans-serif;font-size:.66rem;font-weight:500;letter-spacing:.3em;color:var(--gold-ink);text-transform:uppercase} .t10 .arw{flex:none;color:var(--gold);transition:transform .3s var(--ease)} .t10:hover .arw{transform:translateX(-6px)} .t10 .arw svg{width:20px;height:20px} @media(max-width:600px){.t10{padding:14px 16px}.t10-r{gap:14px}.t10 .rank{font-size:1.5rem;width:38px}.t10 h4{font-size:.95rem}} /* ---- רצועת האורקל - רקע נבדל (שיש בהיר) ---- */ .oracle-band{position:relative;padding:74px 0;background:linear-gradient(175deg,var(--srf),var(--srf2));border-block:1px solid var(--line);text-align:center;overflow:hidden} .oracle-band::before{content:\"\";position:absolute;inset:0;background:radial-gradient(640px 300px at 50% 120%,color-mix(in srgb,var(--gold) 12%,transparent),transparent 65%)} .oracle-band>.wrap{position:relative} .oracle-band .medal{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold-ink);box-shadow:0 0 30px -8px color-mix(in srgb,var(--gold) 55%,transparent)} .oracle-band .medal svg{width:26px;height:26px} .oracle-band .oracle-q{color:var(--ink);font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:700;max-width:640px;margin:0 auto 22px;transition:opacity .35s} .oracle-band .btn-line{border-color:var(--gold);color:var(--gold-ink)} .oracle-band .btn-line:hover{background:color-mix(in srgb,var(--gold) 12%,transparent)} /* ---- חדרי הפנתאון במובייל: סליידר עם טיזרים ---- */ @media(max-width:760px){ .rooms-grid{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:16px;padding:0 13% 26px;margin:0 -12px;scrollbar-width:none} .rooms-grid::-webkit-scrollbar{display:none} .rooms-grid .temple{flex:0 0 74%;scroll-snap-align:center;scroll-snap-stop:always} .rooms-hint{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--mut);font-size:.78rem;letter-spacing:.14em} .rooms-hint svg{width:18px;height:18px;color:var(--gold);animation:hintX 1.8s var(--ease) infinite} @keyframes hintX{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}} } @media(min-width:761px){.rooms-hint{display:none}} /* ---- ממשקי תצוגה בארכיון: כרטיסים / רשימה / מזונרי ---- */ .view-switch{display:flex;justify-content:flex-end;gap:6px;margin:-34px 0 26px} .vbtn{width:44px;height:44px;display:grid;place-items:center;background:var(--srf);border:1.5px solid var(--line);color:var(--mut);cursor:pointer;transition:all .25s var(--ease)} .vbtn svg{width:18px;height:18px} .vbtn:hover{border-color:var(--gold);color:var(--gold-ink)} .vbtn[aria-pressed=\"true\"]{background:var(--grad-gold);border-color:transparent;color:#241A04} @media(max-width:760px){.view-switch{justify-content:center;margin-top:-20px}} /* רשימה */ .entries.v-list{display:flex;flex-direction:column;gap:14px} .entries.v-list .entry{flex-direction:row;align-items:stretch} .entries.v-list .entry-media{flex:0 0 210px;aspect-ratio:auto;margin:10px;min-height:130px} .entries.v-list .entry-body{padding:18px 8px 18px 22px} @media(max-width:620px){.entries.v-list .entry-media{flex-basis:120px;min-height:110px}.entries.v-list .entry p{display:none}} /* מזונרי (Masonry) */ .entries.v-masonry{display:block;columns:3;column-gap:26px} .entries.v-masonry .entry{display:inline-flex;width:100%;margin-bottom:26px;break-inside:avoid} .entries.v-masonry .entry:nth-child(3n+1) .entry-media{aspect-ratio:4/5} .entries.v-masonry .entry:nth-child(3n+2) .entry-media{aspect-ratio:16/10} .entries.v-masonry .entry:nth-child(3n) .entry-media{aspect-ratio:1/1} @media(max-width:980px){.entries.v-masonry{columns:2}} @media(max-width:620px){.entries.v-masonry{columns:1}} /* ---- תפריט מובייל: פעולות למעלה + גרסת צבע בהירה ---- */ .mm-top-actions{display:flex;align-items:center;gap:8px} .mm-top-actions button{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(234,201,124,.45);border-radius:50%;color:#EAC97C;cursor:pointer;transition:all .25s var(--ease)} .mm-top-actions button:hover{background:rgba(234,201,124,.14)} .mm-top-actions svg{width:17px;height:17px} .mm-top-actions .mm-theme .moon{display:none} html[data-theme=\"dark\"] .mm-top-actions .mm-theme .sun{display:none} html[data-theme=\"dark\"] .mm-top-actions .mm-theme .moon{display:block} /* בהיר: שיש וזהב במקום טורקיז לילי */ html[data-theme=\"light\"] .mmodal{background:linear-gradient(170deg,#F8F2E0 0%,#F1E8CF 55%,#EADFC2 100%);color:var(--ink)} html[data-theme=\"light\"] .mmodal::before{background:radial-gradient(700px 380px at 85% 0%,rgba(209,154,43,.16),transparent 60%),radial-gradient(600px 340px at 10% 100%,rgba(14,95,102,.1),transparent 60%)} html[data-theme=\"light\"] .mm-top{border-bottom-color:rgba(168,118,20,.3)} html[data-theme=\"light\"] .mm-top .brand{color:var(--ink)} html[data-theme=\"light\"] .mm-top .brand .mark{color:var(--gold-ink)} html[data-theme=\"light\"] .mm-top .brand small{color:var(--mut)} html[data-theme=\"light\"] .mm-close,html[data-theme=\"light\"] .mm-top-actions button{border-color:rgba(168,118,20,.5);color:var(--gold-ink)} html[data-theme=\"light\"] .mm-close:hover,html[data-theme=\"light\"] .mm-top-actions button:hover{background:rgba(209,154,43,.12)} html[data-theme=\"light\"] .mm-links a{color:var(--ink);border-bottom-color:rgba(168,118,20,.22)} html[data-theme=\"light\"] .mm-links a::before{color:var(--gold-ink)} html[data-theme=\"light\"] .mm-links a.on{color:var(--gold-ink)} html[data-theme=\"light\"] .mm-foot .meander{opacity:.9} /* ---- ממשק נגישות ---- */ .a11y-btn{position:fixed;bottom:22px;left:22px;z-index:260;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#0D525A,#083E45);color:#EAF4F0;border:1px solid rgba(234,201,124,.5);box-shadow:0 12px 30px -10px rgba(2,25,28,.6);cursor:pointer;transition:transform .25s var(--ease)} .a11y-btn:hover{transform:scale(1.08)} .a11y-btn svg{width:26px;height:26px} .a11y-panel{position:fixed;bottom:86px;left:22px;z-index:261;width:min(320px,calc(100vw - 44px));background:var(--srf);color:var(--ink);border:1px solid var(--gold);box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 8%,transparent),0 30px 60px -20px rgba(0,0,0,.4);padding:22px;opacity:0;visibility:hidden;transform:translateY(14px);transition:all .3s var(--ease)} .a11y-panel.open{opacity:1;visibility:visible;transform:none} .a11y-panel h3{font-size:1rem;font-weight:800;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px} .a11y-panel h3 button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--mut)} .a11y-panel h3 svg{width:15px;height:15px} .a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px} .a11y-opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;min-height:64px;background:var(--bg);border:1.5px solid var(--line);font-size:.78rem;font-weight:700;color:var(--ink2);cursor:pointer;transition:all .2s var(--ease);text-align:center} .a11y-opt svg{width:20px;height:20px;color:var(--gold-ink)} .a11y-opt:hover{border-color:var(--gold)} .a11y-opt[aria-pressed=\"true\"]{background:var(--grad-gold);border-color:transparent;color:#241A04} .a11y-opt[aria-pressed=\"true\"] svg{color:#241A04} .a11y-reset{margin-top:10px;width:100%;padding:11px;font-weight:800;font-size:.84rem;background:linear-gradient(160deg,#0D525A,#083E45);color:#EAF4F0;cursor:pointer} .a11y-note{margin-top:10px;font-size:.74rem;color:var(--mut);text-align:center} .a11y-note a{color:var(--teal);font-weight:700} /* מצבי נגישות */ html.acc-font1{font-size:112%} html.acc-font2{font-size:126%} html.acc-contrast{filter:contrast(1.18)} html.acc-gray{filter:grayscale(1)} html.acc-contrast.acc-gray{filter:contrast(1.18) grayscale(1)} html.acc-links a:not(.btn-gold):not(.btn-teal):not(.brand){text-decoration:underline!important;text-underline-offset:3px} html.acc-motion *,html.acc-motion *::before,html.acc-motion *::after{animation:none!important;transition:none!important} html.acc-motion .rv{opacity:1!important;transform:none!important} html.acc-readable body,html.acc-readable .en,html.acc-readable .num{font-family:Arial,\"Noto Sans Hebrew\",sans-serif!important;letter-spacing:0!important} /* ---- העשרת עמוד מתכון ---- */ .rmeta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:760px;margin:30px auto 0} @media(max-width:640px){.rmeta{grid-template-columns:repeat(2,1fr)}} .rmeta .rm{background:var(--srf);border:1px solid var(--line);padding:16px 10px;text-align:center;transition:border-color .25s} .rmeta .rm:hover{border-color:var(--gold)} .rmeta .rm svg{width:22px;height:22px;color:var(--gold-ink);margin-bottom:6px} .rmeta .rm b{display:block;font-size:1.05rem} .rmeta .rm small{color:var(--mut);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase} .equip{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:9px} .equip li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--ink2)} .equip svg{width:16px;height:16px;color:var(--teal);flex:none} .steps .stime{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-family:\"Outfit\",sans-serif;font-size:.78rem;color:var(--teal);letter-spacing:.06em} .steps .stime svg{width:14px;height:14px} .rtips{margin-top:14px;background:var(--srf);border:1px solid var(--gold);box-shadow:0 0 0 6px color-mix(in srgb,var(--gold) 7%,transparent);padding:24px 26px} .rtips h3{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;margin-bottom:12px} .rtips h3 svg{width:20px;height:20px;color:var(--gold)} .rtips ul{margin:0;padding:0 18px 0 0;color:var(--ink2);font-size:.94rem} .rtips li{margin-bottom:8px} .rtips li::marker{color:var(--gold)} /* ---- העשרת עמוד כתבה ---- */ .author-box{display:flex;align-items:center;gap:18px;margin:44px 0 0;padding:22px 26px;background:var(--srf);border:1px solid var(--line)} .author-box img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);flex:none} .author-box b{display:block;font-size:1rem} .author-box p{font-size:.86rem;color:var(--mut);margin-top:2px} .share-row{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap} .share-row span{font-size:.82rem;color:var(--mut);letter-spacing:.1em} .share-row a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold-ink);transition:all .25s var(--ease)} .share-row a:hover{border-color:var(--gold);transform:translateY(-3px)} .share-row svg{width:16px;height:16px} .related{padding:70px 0 90px;background:var(--bg2);border-top:1px solid var(--line)} .related .sec-head{margin-bottom:44px} .prevnext{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px} @media(max-width:560px){.prevnext{grid-template-columns:1fr}} .pn{display:block;padding:18px 22px;background:var(--srf);border:1px solid var(--line);transition:all .25s var(--ease)} .pn:hover{border-color:var(--gold);transform:translateY(-3px)} .pn small{font-size:.72rem;letter-spacing:.2em;color:var(--mut);text-transform:uppercase} .pn b{display:block;margin-top:4px;font-size:.98rem} .pn.next{text-align:left} .recipe>div:first-child{align-self:stretch} /* ================= V5.1: אורקל, אודות, שו\"ת, צור קשר ================= */ /* ---- עמוד האורקל המלא ---- */ .ohero{position:relative;padding:150px 0 80px;background:linear-gradient(165deg,#0D525A 0%,#083E45 55%,#062F35 100%);color:#EAF4F0;text-align:center;overflow:hidden} .ohero::before{content:\"\";position:absolute;inset:0;background:radial-gradient(800px 400px at 15% 100%,rgba(126,224,222,.15),transparent 60%),radial-gradient(700px 340px at 85% 0%,rgba(234,201,124,.15),transparent 60%)} .ohero>.wrap{position:relative} .ohero h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900;color:#F4FBF7;margin:14px 0 10px} .ohero .lede{color:#BCDCD6;max-width:56ch;margin-inline:auto} .ohero .eyebrow{color:#EAC97C} .ohero .eyebrow::before{background:linear-gradient(90deg,transparent,#EAC97C)} .ohero .eyebrow::after{background:linear-gradient(270deg,transparent,#EAC97C)} .ohero .oracle-q{color:#F2F9F3;margin:30px auto 24px} .o-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;padding:70px 0 10px} .o-card{position:relative;background:var(--srf);border:1px solid var(--line);padding:34px 26px 28px;text-align:center;transition:all .3s var(--ease)} .o-card:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 24px 44px -22px rgba(50,40,15,.3)} .o-card .oc-n{position:absolute;top:14px;left:16px;font-family:\"Outfit\",sans-serif;font-size:.72rem;letter-spacing:.3em;color:var(--stone-2)} .o-card svg{width:32px;height:32px;color:var(--gold-ink);margin-bottom:14px} .o-card h3{font-size:1.08rem;font-weight:800} .o-card p{font-size:.9rem;color:var(--mut);margin-top:8px} .o-ask{margin:80px 0 90px;position:relative;background:var(--srf);border:1px solid var(--gold);box-shadow:0 0 0 7px color-mix(in srgb,var(--gold) 7%,transparent),0 30px 60px -28px rgba(50,40,15,.3);padding:46px clamp(24px,5vw,60px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center} @media(max-width:760px){.o-ask{grid-template-columns:1fr;text-align:center}} .o-ask h2{font-size:clamp(1.4rem,2.8vw,1.9rem);font-weight:900} .o-ask p{color:var(--mut);margin-top:8px;max-width:52ch} /* ---- אודות v2 ---- */ .about-stats{margin-top:60px} .manifesto{max-width:820px;margin:0 auto;padding:70px 0 30px;text-align:center} .manifesto .big{font-size:clamp(1.3rem,2.8vw,1.8rem);font-weight:800;line-height:1.7;color:var(--ink)} .manifesto .big em{font-style:normal;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent} .manifesto p{color:var(--ink2);margin-top:20px;line-height:2} /* ציר זמן */ .timeline{position:relative;max-width:760px;margin:30px auto 0;padding:10px 0 60px} .timeline::before{content:\"\";position:absolute;top:0;bottom:0;right:19px;width:1.5px;background:linear-gradient(to bottom,var(--gold),var(--line))} .tl{position:relative;padding:0 62px 38px 0} .tl::before{content:\"\";position:absolute;right:11px;top:6px;width:17px;height:17px;border-radius:50%;background:var(--srf);border:2px solid var(--gold);box-shadow:0 0 0 5px color-mix(in srgb,var(--gold) 15%,transparent)} .tl .tl-y{font-family:\"Outfit\",sans-serif;font-weight:700;font-size:.86rem;letter-spacing:.16em;color:var(--gold-ink)} .tl h3{font-size:1.12rem;font-weight:800;margin:4px 0 6px} .tl p{color:var(--mut);font-size:.95rem;max-width:58ch} /* תהליך הקבלה */ .process{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;padding-bottom:80px} .proc{position:relative;background:var(--srf);border:1px solid var(--line);padding:60px 24px 28px;transition:border-color .3s} .proc:hover{border-color:var(--gold)} .proc .p-n{position:absolute;top:-18px;right:22px;width:44px;height:44px;display:grid;place-items:center;background:var(--grad-gold);color:#241A04;font-family:\"Outfit\",sans-serif;font-weight:700;font-size:1.1rem;box-shadow:0 10px 22px -8px rgba(184,145,47,.5)} .proc h3{font-size:1.05rem;font-weight:800} .proc p{font-size:.9rem;color:var(--mut);margin-top:8px} .proc .fail{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);font-size:.8rem;color:#A9542F;display:flex;gap:8px;align-items:center} html[data-theme=\"dark\"] .proc .fail{color:#E5936C} .proc .fail svg{width:14px;height:14px;flex:none} /* מאחורי הפנתאון */ .keeper{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:center;background:linear-gradient(165deg,#0D525A,#083E45);color:#EAF4F0;padding:clamp(28px,5vw,56px);margin-bottom:90px;position:relative;overflow:hidden} .keeper::before{content:\"\";position:absolute;inset:0;background:radial-gradient(500px 280px at 90% 0,rgba(234,201,124,.15),transparent 60%)} .keeper>*{position:relative} @media(max-width:760px){.keeper{grid-template-columns:1fr;text-align:center}} .keeper .kframe{padding:12px;background:linear-gradient(150deg,#F8F3E4,#EEE6CE);border:1px solid #D9B45C} .keeper .kframe img{width:100%;aspect-ratio:1;object-fit:cover} .keeper h2{font-size:clamp(1.4rem,2.8vw,2rem);font-weight:900;color:#F4FBF7;margin-top:10px} .keeper p{color:#BCDCD6;margin-top:12px;line-height:1.9;max-width:56ch} .keeper .eyebrow{color:#EAC97C} .keeper .eyebrow::before{background:linear-gradient(90deg,transparent,#EAC97C)} .keeper .eyebrow::after{display:none} @media(max-width:760px){.keeper .eyebrow{justify-content:center}.keeper .eyebrow::after{display:block;background:linear-gradient(270deg,transparent,#EAC97C)}.keeper p{margin-inline:auto}} /* ---- שו\"ת: טאבים + פתיחה יחידה ---- */ .faq-tabs{margin-bottom:34px} .faq[hidden]{display:none} /* ---- צור קשר מועשר ---- */ .contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:34px;align-items:start;max-width:1080px;margin:0 auto 40px} @media(max-width:880px){.contact-grid{grid-template-columns:1fr}} .contact-grid .cform{margin:0;max-width:none} .cside{display:flex;flex-direction:column;gap:16px} .chan{display:flex;gap:16px;align-items:flex-start;background:var(--srf);border:1px solid var(--line);padding:20px 22px;transition:all .3s var(--ease)} .chan:hover{border-color:var(--gold);transform:translateY(-3px)} .chan .ci{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--gold);color:var(--gold-ink);background:color-mix(in srgb,var(--gold) 8%,transparent)} .chan .ci svg{width:20px;height:20px} .chan h3{font-size:.98rem;font-weight:800} .chan p{font-size:.85rem;color:var(--mut);margin-top:3px} .chan .cv{display:inline-block;margin-top:6px;font-weight:700;font-size:.88rem;color:var(--teal)} .cstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)} .cstats div{background:var(--srf);text-align:center;padding:16px 6px} .cstats .num{display:block;font-size:1.4rem;font-weight:700;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent} .cstats small{color:var(--mut);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase} .cside .socials a{border-color:var(--line);color:var(--gold-ink)} .cside .socials a:hover{border-color:var(--gold);color:var(--gold-ink)} .cquote{background:linear-gradient(165deg,#0D525A,#083E45);color:#DCEEE9;padding:22px 24px;font-size:.94rem;font-weight:600;position:relative} .cquote::before{content:\"\\u201C\";position:absolute;top:-4px;left:14px;font-size:3.4rem;color:rgba(234,201,124,.4);font-family:Georgia,serif} .cquote b{color:#EAC97C} .mini-faq{max-width:1080px;margin:0 auto 90px} .mini-faq h2{text-align:center;font-size:1.3rem;font-weight:900;margin-bottom:22px} .mini-faq .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px} .mini-faq a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--srf);border:1px solid var(--line);padding:16px 20px;font-weight:700;font-size:.92rem;transition:all .25s var(--ease)} .mini-faq a:hover{border-color:var(--gold);transform:translateY(-3px)} .mini-faq a svg{flex:none;width:16px;height:16px;color:var(--gold)} .consent{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:var(--mut);font-weight:400;margin-bottom:20px} .consent input{width:auto;min-height:0;margin-top:4px;accent-color:var(--teal)} /* ================= V5.2 ================= */ /* ---- היירו מובייל: גובה מסך אחד ---- */ @media(max-width:760px){ .gate{height:calc(100svh - 165px);min-height:430px;max-height:560px} .slice-info{inset:auto 20px 70px} .slice-info h3{font-size:1.5rem} .slice-info p{font-size:.86rem;max-width:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .slice-info .row{margin-top:14px} .gate-pag{inset:auto 0 20px} .gate-track{touch-action:pan-y;cursor:grab} } /* ---- חדרי הפנתאון: גרירה ---- */ @media(max-width:760px){ .rooms-grid{cursor:grab;touch-action:pan-x pan-y} .rooms-grid.dragging{cursor:grabbing;scroll-snap-type:none} .rooms-grid.dragging .temple{pointer-events:none} } /* ---- 10 הגדולים: ממשק מובייל ---- */ @media(max-width:760px){ .top10{padding:70px 0 64px} .top10-head{display:block;margin-bottom:26px} .top10-head>div:first-child{text-align:center;margin-bottom:22px} .top10-tabs{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;gap:8px;padding:4px 16px 12px;margin:0 -24px;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:relative} .top10-tabs::-webkit-scrollbar{display:none} .t10tab{flex:none;scroll-snap-align:center;padding:11px 22px} .t10tab[aria-selected=\"true\"]{box-shadow:0 8px 20px -8px rgba(184,145,47,.55)} /* fade edges */ .top10 .wrap{position:relative} .t10-panel{gap:10px} .t10{padding:14px 14px;gap:10px;transform:none!important} .t10-r{gap:12px} .t10 .rank{width:40px;height:40px;display:grid;place-items:center;font-size:1rem;background:var(--grad-gold);color:#241A04;border-radius:0;flex:none} .t10:hover .rank{color:#241A04} .t10 .t10-cat{font-size:.58rem;letter-spacing:.22em} .t10 h4{font-size:.92rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .t10 .arw svg{width:16px;height:16px} } /* ---- ניוזלטר במובייל: כפתור ממורכז ---- */ @media(max-width:560px){ .news-form{align-items:stretch} .news-form .btn-teal,.news-form button{width:100%;justify-content:center} .news-form input{text-align:center} #ns{text-align:center} } /* ---- עקרונות (אודות): הובר חי ---- */ .pillar{position:relative;overflow:hidden;cursor:default} .pillar::before{content:\"\";position:absolute;inset:0 0 auto;height:3px;background:var(--grad-gold);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)} .pillar::after{content:\"\";position:absolute;inset:auto -30% -55% -30%;height:70%;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 16%,transparent),transparent);opacity:0;transition:opacity .5s var(--ease)} .pillar svg{transition:transform .5s var(--ease),color .35s} .pillar h3{transition:color .3s} .pillar:hover::before{transform:scaleX(1)} .pillar:hover::after{opacity:1} .pillar:hover svg{transform:translateY(-5px) rotate(-8deg) scale(1.12);color:var(--gold)} .pillar:hover h3{color:var(--gold-ink)} .pillar .p-mea{position:absolute;bottom:10px;left:50%;translate:-50% 0;width:84px;height:12px;opacity:0;transform:translateY(8px);transition:all .45s var(--ease) .05s} .pillar:hover .p-mea{opacity:.85;transform:translateY(0)} /* ---- מתכון: גלריה + וידאו ---- */ .rgallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0 8px} @media(max-width:760px){.rgallery{grid-template-columns:repeat(2,1fr)}} .gframe{position:relative;padding:8px;background:var(--srf);border:1px solid var(--stone-2);cursor:zoom-in;transition:all .3s var(--ease)} .gframe::before{content:\"\";position:absolute;inset:4px;border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);z-index:2;pointer-events:none} .gframe:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 18px 36px -18px rgba(50,40,15,.4)} .gframe img{width:100%;aspect-ratio:1;object-fit:cover;display:block} .gframe figcaption{padding:8px 2px 2px;font-size:.72rem;color:var(--mut);text-align:center;letter-spacing:.08em} .lightbox{position:fixed;inset:0;z-index:320;display:grid;place-items:center;padding:24px;background:rgba(6,26,29,.94);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility 0s linear .3s} .lightbox.open{opacity:1;visibility:visible;transition:opacity .3s var(--ease),visibility 0s} .lightbox img{max-width:min(920px,100%);max-height:82vh;border:1px solid #D9B45C;box-shadow:0 0 0 10px rgba(248,243,228,.06),0 50px 100px -30px rgba(0,0,0,.8)} .lightbox figcaption{position:absolute;bottom:26px;left:50%;translate:-50% 0;color:#E9DFC2;font-size:.85rem;letter-spacing:.1em} .lightbox .lb-close{position:absolute;top:22px;left:22px;width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(234,201,124,.5);border-radius:50%;color:#EAC97C;cursor:pointer;transition:all .25s var(--ease)} .lightbox .lb-close:hover{background:rgba(234,201,124,.14);transform:rotate(90deg)} .lightbox .lb-close svg{width:19px;height:19px} .vframe{position:relative;margin:26px 0 10px;padding:14px;background:linear-gradient(150deg,#20262c,#14181d);border:1px solid #3C4550;cursor:pointer;display:block} html[data-theme=\"light\"] .vframe{background:linear-gradient(150deg,#F8F3E4,#EEE6CE);border-color:#D9B45C} .vframe::before{content:\"\";position:absolute;inset:7px;border:1px solid rgba(217,180,92,.55);z-index:2;pointer-events:none} .vframe .vposter{position:relative;aspect-ratio:16/9;overflow:hidden} .vframe .vposter img{width:100%;height:100%;object-fit:cover;filter:brightness(.72);transition:all .5s var(--ease)} .vframe:hover .vposter img{filter:brightness(.85);transform:scale(1.03)} .vframe .vplay{position:absolute;inset:0;display:grid;place-items:center;z-index:3} .vframe .vplay i{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background:var(--grad-gold);color:#241A04;box-shadow:0 16px 40px -10px rgba(217,180,92,.6);transition:transform .3s var(--ease)} .vframe:hover .vplay i{transform:scale(1.1)} .vframe .vplay svg{width:30px;height:30px;margin-right:-3px} .vframe .vmeta{position:absolute;bottom:14px;right:16px;z-index:3;display:flex;align-items:center;gap:10px;color:#F5E9C8;font-size:.85rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.7)} .vframe .vmeta .num{background:rgba(10,12,9,.6);border:1px solid rgba(234,201,124,.45);padding:3px 10px;font-size:.76rem} .vframe iframe{width:100%;aspect-ratio:16/9;border:0;display:block} /* ---- תבניות כתבה ---- */ .tpl-switch{display:flex;justify-content:center;gap:8px;padding:104px 20px 0;flex-wrap:wrap} .tpl-switch span{align-self:center;font-size:.76rem;letter-spacing:.2em;color:var(--mut);margin-inline-end:6px} .tpl-switch a{padding:8px 18px;border-radius:99px;font-size:.82rem;font-weight:700;border:1.5px solid var(--line);color:var(--mut);transition:all .25s var(--ease)} .tpl-switch a:hover{border-color:var(--gold);color:var(--gold-ink)} .tpl-switch a.on{background:var(--grad-gold);border-color:transparent;color:#241A04} .tpl-switch~.art-hero,.tpl-switch~article .art-hero{padding-top:44px} /* וריאנט 2: סייד-בר */ .art-layout{display:grid;grid-template-columns:250px 1fr;gap:56px;align-items:start;max-width:1080px;margin-inline:auto} @media(max-width:880px){.art-layout{grid-template-columns:1fr;gap:20px}} .art-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:22px} @media(max-width:880px){.art-side{position:static}} .side-box{background:var(--srf);border:1px solid var(--line);padding:20px 22px} .side-box h4{margin:0 0 12px;font-size:.78rem;font-weight:800;letter-spacing:.26em;color:var(--gold-ink);text-transform:uppercase} .toc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .toc a{position:relative;display:block;padding:8px 14px 8px 0;font-size:.88rem;color:var(--mut);border-right:2px solid var(--line);transition:all .25s var(--ease)} .toc a:hover{color:var(--ink)} .toc a.on{color:var(--gold-ink);font-weight:700;border-right-color:var(--gold)} .side-author{display:flex;align-items:center;gap:12px} .side-author img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)} .side-author b{font-size:.9rem;display:block} .side-author small{color:var(--mut);font-size:.76rem} .side-share{display:flex;gap:8px} .side-share a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold-ink);transition:all .25s var(--ease)} .side-share a:hover{border-color:var(--gold);transform:translateY(-3px)} .side-share svg{width:15px;height:15px} /* וריאנט 3: מגזין - הירו ענק */ .mag-hero{position:relative;height:min(78vh,640px);min-height:420px;margin-top:72px;overflow:hidden} .mag-hero img{width:100%;height:100%;object-fit:cover;filter:brightness(.68) saturate(1.05)} .mag-hero::after{content:\"\";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,10,8,.92),rgba(8,10,8,.15) 55%,transparent)} .mag-hero-in{position:absolute;inset:auto 0 0;z-index:2;padding:0 24px 46px;text-align:center;color:#F6EFDC} .mag-hero-in .eyebrow{color:#E4C877;justify-content:center} .mag-hero-in .eyebrow::before{background:linear-gradient(90deg,transparent,#E4C877)} .mag-hero-in .eyebrow::after{background:linear-gradient(270deg,transparent,#E4C877)} .mag-hero-in h1{font-size:clamp(2rem,5.4vw,3.6rem);font-weight:900;max-width:22ch;margin:14px auto 0;text-shadow:0 4px 30px rgba(0,0,0,.6)} .mag-hero-in .art-meta{color:#CFC5A8;justify-content:center;margin-top:16px} .mag-hero-in .art-meta .num{color:#E4C877} .mag-hero .meander{position:absolute;inset:auto 0 0;z-index:3;opacity:.85} /* פס פעולות צף */ .float-bar{position:fixed;bottom:22px;right:22px;z-index:250;display:flex;gap:8px;background:color-mix(in srgb,var(--srf) 92%,transparent);backdrop-filter:blur(10px);border:1px solid var(--gold);box-shadow:0 16px 40px -14px rgba(50,40,15,.4);padding:8px;opacity:0;transform:translateY(14px);visibility:hidden;transition:all .35s var(--ease)} .float-bar.show{opacity:1;transform:none;visibility:visible} .float-bar button,.float-bar a{width:42px;height:42px;display:grid;place-items:center;color:var(--gold-ink);cursor:pointer;border:1px solid transparent;transition:all .25s var(--ease)} .float-bar button:hover,.float-bar a:hover{border-color:var(--gold);color:var(--gold)} .float-bar svg{width:18px;height:18px} @media(max-width:760px){.float-bar{right:14px;bottom:14px}} /* ================= V5.3 ================= */ /* ---- מחליף תבניות בולט ---- */ .tpl-switch{background:var(--srf2);border-bottom:1px solid var(--line);padding:100px 20px 14px;position:relative} .tpl-switch::before{content:\"\";position:absolute;inset:auto 0 0;height:2px;background:var(--grad-gold);opacity:.5} .tpl-switch span{font-weight:700} .tpl-switch a{background:var(--srf)} /* ---- טאבים: ממשק מובייל אחיד (ארכיון, שו\"ת, וכל .tabs) ---- */ @media(max-width:760px){ .tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x proximity;gap:8px;padding:6px 18px 14px;margin-inline:-24px;scrollbar-width:none;-webkit-overflow-scrolling:touch} .tabs::-webkit-scrollbar{display:none} .tabs .tab{flex:none;scroll-snap-align:center;padding:11px 22px;min-height:46px} .tabs .tab[aria-selected=\"true\"]{box-shadow:0 8px 20px -8px rgba(184,145,47,.55)} .view-switch{margin-top:-6px} }",
                "type": "text"
              }
            ],
            "tag": "style",
            "type": "element"
          },
          {
            "attrs": {
              "data-fixture-asset": "wordpress.css"
            },
            "children": [
              {
                "text": "/* * WordPress integration layer for HaPantheon. * The visual system lives in pantheon.css; this file connects native WordPress * markup, menus, pagination, forms and editor output to that system. */ /* Core document and WordPress utility classes */ .site-main{min-height:60vh} .screen-reader-text{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;white-space:nowrap!important;border:0!important} .screen-reader-text:focus,.skip-link:focus{position:fixed!important;z-index:10000;top:12px;left:12px;width:auto!important;height:auto!important;clip:auto!important;padding:12px 18px!important;margin:0!important;background:var(--srf);color:var(--ink);border:2px solid var(--teal);font-weight:700;white-space:normal!important} .alignleft{float:left;margin:0 1.5em 1em 0} .alignright{float:right;margin:0 0 1em 1.5em} .aligncenter{display:block;margin-inline:auto} .alignwide{width:min(1080px,calc(100vw - 48px));max-width:none;margin-inline:calc((100% - min(1080px,calc(100vw - 48px)))/2)} .alignfull{width:100vw;max-width:none;margin-inline:calc(50% - 50vw)} .wp-caption,.gallery-caption{max-width:100%} .wp-caption-text{color:var(--mut);font-size:.85rem;margin-top:.5em} .sticky{position:relative} .bypostauthor{outline:1px solid color-mix(in srgb,var(--gold) 35%,transparent)} /* Logged-in toolbar */ .admin-bar .nav{top:32px} .admin-bar .mmodal,.admin-bar .smodal{top:32px} @media(max-width:782px){ .admin-bar .nav{top:46px} .admin-bar .mmodal,.admin-bar .smodal{top:46px} } @media(max-width:600px){ #wpadminbar{position:fixed} } /* Header, logo and native menu output */ .primary-navigation{margin-inline-start:auto} .links{list-style:none;margin:0;padding:0;align-items:center} .links>li{position:relative;margin:0} .links a{display:block} .links .current-menu-item>a::after, .links .current_page_item>a::after, .links .current-menu-ancestor>a::after{transform:scaleX(1)} .links .sub-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:100;display:none;min-width:210px;list-style:none;margin:0;padding:9px;background:var(--srf);border:1px solid var(--line);box-shadow:0 20px 50px -24px rgba(0,0,0,.45)} .links li:hover>.sub-menu,.links li:focus-within>.sub-menu{display:block} .links .sub-menu li{margin:0} .links .sub-menu a{padding:10px 12px;white-space:nowrap} .links .sub-menu a::after{display:none} .custom-logo{width:auto;max-width:180px;max-height:48px;object-fit:contain} .brand:has(.custom-logo)>span{display:none} .nav-in>.search-btn{margin-inline-start:2px} @media(max-width:980px){ .primary-navigation{display:none} } /* Full-layout block pages should not inherit generic post spacing */ .full-design-page>.wp-block-html{margin:0} .full-design-page .wp-block-html>section:first-child{margin-top:0} .full-design-page>p:empty{display:none} /* Page and article content */ .page-content{max-width:820px;padding:54px 0 90px} .page-content>*+*{margin-top:1.25em} .page-content h2,.page-content h3,.page-content h4{color:var(--ink);margin-top:1.8em} .page-content ul,.page-content ol{padding-inline-start:1.4em} .page-content a:not(.btn-teal):not(.btn-gold):not(.btn-line){color:var(--teal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} .article-feature-wrap,.recipe-feature-wrap{max-width:880px} .article-content{max-width:720px} .magazine-content{padding-top:54px} .compact-article-hero{padding-bottom:16px} .sidebar-feature{margin-bottom:34px} .recipe-after{max-width:880px;padding-top:10px;padding-bottom:70px} .art-body .wp-block-image{margin:2em 0} .art-body .wp-block-image img{width:100%;height:auto} .art-body blockquote{margin:2.2em 0;padding:10px 28px;border-inline-start:3px solid var(--gold);font-size:1.25rem;font-weight:700;color:var(--ink)} .art-body pre,.art-body code{direction:ltr;text-align:left} .art-body iframe{max-width:100%} .art-body a{color:var(--teal);text-decoration:underline;text-underline-offset:3px} .art-body .share-row a,.art-body .prevnext a{text-decoration:none} .article-content .wp-block-group.alignwide{margin-inline:calc((100% - min(1080px,calc(100vw - 48px)))/2)} .page-links{display:flex;gap:8px;align-items:center;margin-top:30px} /* Dynamic archives */ .archive-shell{position:relative} .archive-tabs{overflow-x:auto;justify-content:center;scrollbar-width:thin} .archive-tabs .tab{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap} .archive-pagination{padding:0 0 90px} .archive-pagination .nav-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap} .archive-pagination .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 13px;border:1px solid var(--line);background:var(--srf);color:var(--mut);font-weight:700} .archive-pagination .page-numbers.current{background:var(--grad-gold);border-color:transparent;color:#241A04} .archive-pagination a.page-numbers:hover{border-color:var(--gold);color:var(--gold-ink)} .empty-archive{margin:10px auto 90px;padding:60px 30px;text-align:center;background:var(--srf);border:1px solid var(--line)} .empty-archive>svg{width:54px;height:54px;color:var(--gold);margin:0 auto 18px} .empty-archive h2{font-size:1.8rem} .empty-archive p{color:var(--mut);margin:8px auto 24px} .entry-media img{width:100%;height:100%;object-fit:cover} .entry-cat.recipes{color:#93680d} .entry-cat.oracle{color:var(--teal)} /* Search forms and modal */ .smodal .smodal-in{position:relative;width:min(760px,100%);text-align:center;color:#EAF4F0;transform:translateY(24px) scale(.98);transition:transform .4s var(--ease)} .smodal.open .smodal-in{transform:none} .search-form{display:flex;align-items:stretch;max-width:680px;margin:0 auto} .search-form label{flex:1} .search-form .search-field{width:100%;height:58px;padding:0 20px;font:inherit;font-size:1rem;color:var(--ink);background:var(--srf);border:1px solid var(--line);border-inline-end:0} .search-form .search-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:120px;padding:0 18px;background:var(--teal);color:#fff;font-weight:800} .search-form .search-submit svg{width:18px;height:18px} .smodal .search-form{margin-bottom:28px} .smodal .search-field{height:64px;color:#F4FBF7;background:rgba(255,255,255,.07);border:1px solid rgba(234,201,124,.4)} .smodal .search-field::placeholder{color:#90B1AD} .smodal .search-submit{background:var(--grad-gold);color:#241A04} .smodal .scats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap} .smodal .scats a{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid rgba(234,201,124,.35);border-radius:99px;color:#F2E6C4} .smodal .scats .num{color:#EAC97C} .smodal .meander{max-width:220px;margin:30px auto 0} .smodal-close{z-index:2} @media(max-width:560px){ .search-form{flex-direction:column} .search-form .search-field{border-inline-end:1px solid var(--line)} .search-form .search-submit{height:50px} } /* Native forms and bundled functional forms */ input,textarea,select{font:inherit} .cform input,.cform textarea,.cform select{ width:100%; color:var(--ink); background:var(--srf); border:1px solid var(--line); border-radius:0; } .cform input:focus,.cform textarea:focus,.cform select:focus{outline:2px solid var(--teal);outline-offset:1px;border-color:var(--teal)} .cform .btn-teal{width:100%;justify-content:center} .cform .btn-teal svg,.news-form button svg{width:16px;height:16px} .cform .en{text-align:start} .hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important} .form-status{min-height:1.5em;margin-top:12px;font-weight:700} .form-status.success{color:var(--teal)} .form-status.error{color:#A3352B} .news-form{display:flex;gap:10px;justify-content:center;max-width:560px;margin:24px auto 0} .news-form>input[type=\"email\"]{flex:1;min-width:0;padding:13px 18px;font:inherit;color:var(--ink);background:var(--srf);border:1px solid var(--line)} .news-form>button{white-space:nowrap} .fnews .news-form{display:block;margin:0} .fnews .news-form input{border-color:rgba(234,201,124,.35)} .fnews .form-status{color:#EAC97C;font-size:.85rem} .consent a{color:var(--teal);font-weight:700} @media(max-width:560px){ .news-form{flex-direction:column} .news-form>button{justify-content:center} } /* Author, sharing and navigation additions */ .share-row button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--mut);transition:all .2s} .share-row button:hover{color:var(--teal);border-color:var(--teal)} .side-box .share-row{padding:0;border:0;justify-content:flex-start} .side-box .share-row>span{display:none} .side-box .share-row a,.side-box .share-row button{width:38px;height:38px} .side-box .share-row svg{width:17px;height:17px} .author-box img.avatar{object-fit:cover} .prevnext:has(.pn:only-child){grid-template-columns:1fr} .float-bar button svg,.float-bar a svg{width:19px;height:19px} /* Recipe block output */ .recipe-content>.wp-block-html{margin:0} .recipe-content .recipe{margin-top:26px} .recipe-content .vframe iframe{width:100%;height:100%;border:0} .recipe-content .gframe{cursor:zoom-in} .rmeta .rm svg{width:24px;height:24px} .recipe-feature-wrap .art-frame{margin-top:20px} /* Comments */ .comments-area{max-width:820px;padding:60px 0 90px;border-top:1px solid var(--line)} .comments-title,.comment-reply-title{font-size:1.7rem;margin-bottom:28px} .comment-list{list-style:none;margin:0 0 40px;padding:0} .comment-list .children{list-style:none;padding-inline-start:34px} .comment-body{position:relative;margin:0 0 18px;padding:24px;background:var(--srf);border:1px solid var(--line)} .comment-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px} .comment-author{display:flex;align-items:center;gap:10px} .comment-author .avatar{border-radius:50%} .comment-metadata{font-size:.8rem;color:var(--mut)} .comment-content>*+*{margin-top:.8em} .reply{margin-top:12px} .reply a{color:var(--teal);font-weight:700} .comment-form{display:grid;grid-template-columns:1fr 1fr;gap:16px} .comment-form>p{margin:0} .comment-form-comment,.comment-form-cookies-consent,.form-submit,.logged-in-as,.comment-notes{grid-column:1/-1} .comment-form label{display:block;font-weight:700;margin-bottom:5px} .comment-form input:not([type=\"checkbox\"]),.comment-form textarea{width:100%;padding:12px 14px;background:var(--srf);color:var(--ink);border:1px solid var(--line)} .comment-form .submit{display:inline-flex;padding:12px 22px;background:var(--teal);color:#fff;border:0;font-weight:800;cursor:pointer} @media(max-width:680px){.comment-form{grid-template-columns:1fr}.comment-form>p{grid-column:1}} /* Footer menus and five-column WordPress footer */ .footer-grid{grid-template-columns:1.45fr .8fr .9fr 1fr 1.35fr} .footer-branding p{font-size:.9rem;max-width:34ch;color:#9FC6C1} .footer-menu{list-style:none;margin:0;padding:0} .footer-menu li{margin-bottom:10px} .footer-menu a{color:#9FC6C1} .footer .socials svg{width:18px;height:18px} .credit{display:flex;align-items:center;gap:8px} .credit>svg{width:22px;height:22px;color:#EAC97C} .legal{display:flex;align-items:center;gap:8px;flex-wrap:wrap} @media(max-width:1100px){.footer-grid{grid-template-columns:1.3fr 1fr 1fr}} @media(max-width:760px){.footer-grid{grid-template-columns:1fr 1fr}} @media(max-width:520px){.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.legal{margin-top:10px}} /* 404 and activation fallback */ .not-found-page{min-height:calc(100vh - 220px);display:flex;align-items:center;padding-top:120px;text-align:center} .not-found-page .medal-lg{margin-inline:auto} .not-found-page .lede{max-width:55ch;margin:16px auto 0} .not-found-actions{display:flex;gap:12px;justify-content:center;margin:26px 0;flex-wrap:wrap} .not-found-page .search-form{margin-top:24px} .theme-onboarding{max-width:760px;padding:70px 0 110px;text-align:center} .theme-onboarding p{margin:10px auto 24px;color:var(--mut)} /* Direction override */ .hapantheon-direction-ltr{font-family:\"Poppins\",\"Noto Sans Hebrew\",sans-serif} .hapantheon-direction-ltr .art-body>p:first-of-type::first-letter{float:left;margin:8px 16px 0 0} .hapantheon-direction-ltr .pullq{border-right:0;border-left:3px solid var(--gold)} .hapantheon-direction-ltr .toc a{padding:8px 0 8px 14px;border-right:0;border-left:2px solid var(--line)} .hapantheon-direction-ltr .toc a.on{border-left-color:var(--gold)} .hapantheon-direction-ltr .links .sub-menu{right:auto;left:0} /* Mobile fixes around WordPress wrappers */ @media(max-width:760px){ .wrap{width:min(100% - 30px,1240px)} .archive-tabs{justify-content:flex-start;flex-wrap:nowrap;margin-inline:-15px;padding-inline:15px} .archive-tabs .tab{flex:none} .article-content,.page-content{font-size:1rem} .article-feature-wrap,.recipe-feature-wrap{width:calc(100% - 30px)} .magazine-content{padding-top:36px} .art-layout{margin-top:18px!important} } /* Editable bottom-footer menu. */ .footer-legal-menu{display:flex;align-items:center;gap:0;flex-wrap:wrap;list-style:none;margin:0;padding:0} .footer-legal-menu li{display:flex;align-items:center;margin:0} .footer-legal-menu li+li::before{content:\"·\";color:#3E6A6E;margin-inline:8px} .footer-closing-line{display:flex;align-items:center} .footer-closing-line::before{content:\"·\";color:#3E6A6E;margin-inline:8px} @media(max-width:520px){.footer-legal-menu{margin-top:0}.footer-closing-line{margin-top:6px}.footer-closing-line::before{display:none}} /* ========================================================================== */ /* Gutenberg-native HaPantheon page system */ /* ========================================================================== */ .full-design-page>.wp-block-group, .hapantheon-front-page .site-main>.wp-block-group{margin-block:0} .full-design-page>.alignfull, .hapantheon-front-page .site-main>.alignfull{margin-inline:calc(50% - 50vw)} .full-design-page .hp-section>.alignwide, .full-design-page .hp-page-hero>.alignwide, .hapantheon-front-page .hp-section>.alignwide, .hapantheon-front-page .hp-home-hero>.alignwide{ width:min(1240px,calc(100vw - 48px)); max-width:none; margin-inline:auto; } .hp-section{position:relative;padding:clamp(72px,9vw,118px) 24px;background:var(--bg)} .hp-section:nth-of-type(even){background:var(--srf2)} .hp-section-heading{max-width:720px;margin:0 auto clamp(38px,6vw,66px);text-align:center} .hp-section-heading>*+*{margin-top:12px} .hp-section-heading h2{font-size:clamp(2rem,4.2vw,3.35rem);font-weight:900;letter-spacing:-.025em} .hp-section-heading p:not(.hp-kicker){color:var(--mut);font-size:1.05rem} .hp-kicker{ color:var(--gold-ink); font-family:\"Outfit\",\"Poppins\",Arial,sans-serif; font-size:.72rem; font-weight:800; letter-spacing:.25em; line-height:1.4; text-transform:uppercase; } .hp-kicker.has-text-align-center::before, .hp-kicker.has-text-align-center::after{content:\"\";display:inline-block;width:28px;height:1px;margin:0 11px 3px;background:var(--gold)} /* Selectable core block styles. */ .wp-block-button.is-style-hapantheon-gold .wp-block-button__link{ padding:.78rem 1.55rem; border:1px solid transparent; border-radius:999px; background:var(--grad-gold); box-shadow:0 12px 30px -17px rgba(129,91,13,.8); color:#241a04; font-weight:850; transition:transform .22s var(--ease),box-shadow .22s var(--ease),filter .22s var(--ease) } .wp-block-button.is-style-hapantheon-gold .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 18px 36px -18px rgba(129,91,13,.9);filter:saturate(1.08)} .wp-block-button.is-style-hapantheon-outline .wp-block-button__link{ padding:.73rem 1.45rem; border:1px solid var(--gold); border-radius:999px; background:transparent; color:var(--gold-ink); font-weight:800; transition:background .22s,color .22s,transform .22s } .wp-block-button.is-style-hapantheon-outline .wp-block-button__link:hover{transform:translateY(-2px);background:var(--gold);color:#241a04} .wp-block-button.is-style-hapantheon-dark .wp-block-button__link{padding:.78rem 1.55rem;border:1px solid #323c45;border-radius:999px;background:var(--night);color:#f7efd9;font-weight:800} .wp-block-group.is-style-hapantheon-card{padding:clamp(24px,4vw,42px);border:1px solid var(--line);border-radius:18px;background:var(--srf);box-shadow:0 24px 60px -42px rgba(43,34,15,.55)} .wp-block-group.is-style-hapantheon-night{padding:clamp(30px,5vw,60px);background:var(--night);color:#f7efd9} .wp-block-quote.is-style-hapantheon-pullquote{margin-block:2.5em;padding:22px clamp(24px,5vw,52px);border:0;border-inline-start:4px solid var(--gold);background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 10%,transparent),transparent);font-size:clamp(1.25rem,2.6vw,1.75rem);font-weight:750} .wp-block-image.is-style-hapantheon-framed{position:relative;padding:10px;border:1px solid var(--gold);background:var(--srf);box-shadow:0 25px 60px -32px rgba(32,27,15,.72)} .wp-block-image.is-style-hapantheon-framed::after{content:\"\";position:absolute;inset:4px;border:1px solid color-mix(in srgb,var(--gold) 36%,transparent);pointer-events:none} .wp-block-image.is-style-hapantheon-framed img{width:100%} /* Homepage: editable five-hall hero. */ .hp-home-hero{ position:relative; padding:clamp(118px,13vw,164px) 24px clamp(42px,6vw,74px); background: radial-gradient(circle at 50% -10%,rgba(211,164,59,.19),transparent 40%), linear-gradient(145deg,#0d1115 0%,#151b20 46%,#0c1013 100%); color:#f7efd9; overflow:hidden } .hp-home-hero::before{content:\"\";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(245,206,110,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(245,206,110,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 86%)} .hp-hero-intro{position:relative;z-index:2;max-width:920px;margin:0 auto clamp(42px,6vw,68px);text-align:center} .hp-hero-intro>*+*{margin-top:16px} .hp-hero-intro h1{font-size:clamp(2.55rem,6vw,5.7rem);font-weight:900;line-height:1.02;letter-spacing:-.045em;text-wrap:balance} .hp-hero-intro .hp-kicker{color:#e7c66e} .hp-hero-intro .hp-hero-lede{max-width:730px;margin-inline:auto;color:#cfc5aa;font-size:clamp(1rem,1.7vw,1.28rem);line-height:1.75;text-wrap:balance} .hp-gate-grid{ position:relative; z-index:2; display:flex!important; align-items:stretch!important; gap:0!important; min-height:590px; padding:0!important; overflow:hidden; border:1px solid rgba(231,198,110,.78); background:#080b0d; box-shadow:0 0 0 7px rgba(211,154,43,.08),0 38px 90px -42px rgba(0,0,0,.9) } .hp-gate-grid>.hp-gate-column{ position:relative; min-width:0; margin:0!important; flex:1 1 20%!important; border-inline-start:1px solid rgba(231,198,110,.38); transition:flex-grow .65s var(--ease),filter .5s var(--ease) } .hp-gate-grid>.hp-gate-column:first-child{border-inline-start:0} .hp-gate-grid:hover>.hp-gate-column:not(:hover){flex-grow:.72!important;filter:saturate(.72) brightness(.75)} .hp-gate-grid>.hp-gate-column:hover{flex-grow:2.6!important} .hp-gate-card{position:relative;display:flex;align-items:flex-end;min-height:590px;height:100%;padding:0;overflow:hidden;background:#101418} .hp-gate-card::after{content:\"\";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(5,7,8,.96) 0%,rgba(8,10,11,.72) 30%,rgba(8,10,11,.08) 68%),linear-gradient(110deg,rgba(209,154,43,.1),transparent 40%);transition:background .5s} .hp-gate-image{position:absolute!important;inset:0;margin:0!important;width:100%;height:100%;max-width:none!important} .hp-gate-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06);transform:scale(1.02);transition:transform 1s var(--ease),filter .55s} .hp-gate-column:hover .hp-gate-image img{transform:scale(1.09);filter:saturate(1.05) contrast(1.02)} .hp-gate-body{position:relative;z-index:2;width:100%;padding:30px 18px 34px;color:#fff;text-align:center} .hp-gate-body>*+*{margin-top:10px} .hp-gate-glyph{color:#e7c66e;font-family:\"Outfit\",Arial,sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.34em} .hp-gate-body h2{font-size:clamp(1.35rem,2.4vw,2rem);font-weight:900;text-shadow:0 3px 24px rgba(0,0,0,.7)} .hp-gate-body .hp-card-description{max-width:33ch;margin-inline:auto;color:#d9d0ba;font-size:.9rem;line-height:1.65;opacity:0;max-height:0;overflow:hidden;transform:translateY(10px);transition:opacity .42s,max-height .52s,transform .42s} .hp-gate-body .wp-block-buttons{justify-content:center;opacity:0;max-height:0;overflow:hidden;transform:translateY(10px);transition:opacity .42s .05s,max-height .52s,transform .42s .05s} .hp-gate-column:hover .hp-card-description,.hp-gate-column:hover .wp-block-buttons{opacity:1;max-height:150px;transform:none} /* Statistics and hall cards. */ .hp-stats-section{padding-block:clamp(64px,8vw,96px);border-block:1px solid var(--line);background:var(--srf)} .hp-stat-grid{gap:0!important;border:1px solid var(--line);background:var(--srf)} .hp-stat-grid>.wp-block-column{margin:0!important;border-inline-start:1px solid var(--line)} .hp-stat-grid>.wp-block-column:first-child{border-inline-start:0} .hp-stat-card{min-height:156px;padding:30px 16px;display:flex;flex-direction:column;justify-content:center;text-align:center} .hp-stat-card>*+*{margin-top:5px} .hp-stat-number{font-family:\"Outfit\",Arial,sans-serif;font-size:clamp(2rem,4vw,3.25rem);font-weight:750;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent} .hp-stat-card p{color:var(--mut);font-size:.85rem;font-weight:650;letter-spacing:.08em} .hp-halls-section{background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--gold) 9%,transparent),transparent 40%),var(--bg)} .hp-hall-grid{gap:28px!important} .hp-hall-card{height:100%;padding:0 0 30px;border:1px solid var(--line);background:var(--srf);box-shadow:0 28px 64px -48px rgba(50,40,15,.75);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s} .hp-hall-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--gold) 65%,var(--line));box-shadow:0 35px 70px -42px rgba(50,40,15,.65)} .hp-hall-card>.wp-block-image{margin:0 0 24px;aspect-ratio:16/10;overflow:hidden} .hp-hall-card>.wp-block-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)} .hp-hall-card:hover>.wp-block-image img{transform:scale(1.06)} .hp-hall-card>.hp-kicker,.hp-hall-card>h3,.hp-hall-card>p,.hp-hall-card>.wp-block-buttons{margin-inline:28px} .hp-hall-card>h3{margin-top:8px;font-size:1.45rem} .hp-hall-card>p:not(.hp-kicker){margin-top:10px;color:var(--mut);line-height:1.7} .hp-hall-card>.wp-block-buttons{margin-top:23px} /* Query Loop cards — content updates automatically when posts change. */ .hp-latest-section{background:var(--srf2)} .hp-query .wp-block-post-template, .hp-oracle-query .wp-block-post-template{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px!important; padding:0!important; margin:0!important; list-style:none } .hp-query .wp-block-post, .hp-oracle-query .wp-block-post{margin:0!important} .hp-query-card{height:100%;padding:0 0 25px;border:1px solid var(--line);background:var(--srf);overflow:hidden;box-shadow:0 25px 55px -46px rgba(30,25,15,.9);transition:transform .32s var(--ease),border-color .32s,box-shadow .32s} .hp-query-card:hover{transform:translateY(-7px);border-color:var(--gold);box-shadow:0 35px 65px -43px rgba(30,25,15,.75)} .hp-query-card>.wp-block-post-featured-image{margin:0 0 22px;overflow:hidden;background:var(--srf2)} .hp-query-card>.wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)} .hp-query-card:hover>.wp-block-post-featured-image img{transform:scale(1.055)} .hp-query-card>.wp-block-post-terms,.hp-query-card>.wp-block-post-title,.hp-query-card>.wp-block-post-excerpt,.hp-query-card>.wp-block-post-date{margin-inline:24px} .hp-query-card>.wp-block-post-terms{margin-bottom:8px;color:var(--gold-ink);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase} .hp-query-card>.wp-block-post-title{font-size:1.35rem;line-height:1.34} .hp-query-card>.wp-block-post-title a:hover{color:var(--teal)} .hp-query-card>.wp-block-post-excerpt{margin-top:10px;color:var(--mut);font-size:.94rem} .hp-query-card>.wp-block-post-excerpt .wp-block-post-excerpt__more-link{display:inline-block;margin-top:13px;color:var(--teal);font-weight:750} .hp-query-card>.wp-block-post-date{margin-top:14px;color:var(--mut);font-size:.75rem} .hp-query+.wp-block-buttons{margin-top:42px} /* Featured editorial panel, oracle band and newsletter. */ .hp-featured-section{background:var(--bg)} .hp-featured-card{gap:clamp(34px,6vw,78px)!important;padding:clamp(24px,4vw,42px);border:1px solid var(--line);background:var(--srf);box-shadow:0 32px 80px -54px rgba(42,34,17,.85)} .hp-featured-card>.wp-block-column>*+*{margin-top:17px} .hp-featured-card h2{font-size:clamp(2rem,4.6vw,3.6rem);font-weight:900;letter-spacing:-.035em} .hp-featured-card p:not(.hp-kicker){color:var(--mut);line-height:1.75} .hp-featured-card .wp-block-image{margin:0;aspect-ratio:5/4} .hp-featured-card .wp-block-image img{height:100%;object-fit:cover} .hp-oracle-band{overflow:hidden;background:radial-gradient(circle at 50% -20%,rgba(245,206,110,.2),transparent 44%),linear-gradient(145deg,#0d1115,#171d22);color:#f7efd9} .hp-oracle-band::after{content:\"Ω\";position:absolute;left:50%;top:50%;translate:-50% -50%;font-family:Georgia,serif;font-size:min(36vw,430px);line-height:1;color:rgba(245,206,110,.028);pointer-events:none} .hp-oracle-band-inner{position:relative;z-index:1;max-width:820px!important;text-align:center} .hp-oracle-band-inner>*+*{margin-top:18px} .hp-oracle-band-inner .hp-kicker{color:#e7c66e} .hp-oracle-band-inner h2{font-family:Georgia,\"Times New Roman\",serif;font-size:clamp(2rem,5vw,4rem);font-weight:500} .hp-oracle-band-inner p:not(.hp-kicker){color:#cfc6ae;font-size:1.08rem} .hp-newsletter-section{background:linear-gradient(180deg,var(--bg),var(--srf2))} .hp-newsletter-card{max-width:920px!important;padding:clamp(40px,7vw,76px);border:1px solid var(--gold);background:var(--srf);text-align:center;box-shadow:0 0 0 8px color-mix(in srgb,var(--gold) 7%,transparent),0 38px 85px -58px rgba(44,35,15,.9)} .hp-newsletter-card>*+*{margin-top:14px} .hp-newsletter-card h2{font-size:clamp(2rem,4vw,3.1rem)} .hp-newsletter-card>p:not(.hp-kicker){color:var(--mut)} .hp-newsletter-card .hapantheon-newsletter-block{margin-top:26px} .hapantheon-form-block{max-width:100%} /* Internal page hero and manifesto. */ .hp-page-hero{ position:relative; padding:clamp(125px,15vw,190px) 24px clamp(75px,10vw,125px); background:radial-gradient(circle at 50% -8%,rgba(211,154,43,.19),transparent 44%),linear-gradient(145deg,#0f1418,#171e24); color:#f7efd9; text-align:center; overflow:hidden } .hp-page-hero::after{content:\"\";position:absolute;inset:auto 0 0;height:13px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cg fill='none' stroke='%23C8992F' stroke-width='1.4'%3E%3Cpath d='M0 1.5 H26.5 V12.5 H16.5 V5.5 H21.5 V9'/%3E%3Cpath d='M0 12.5 H11 V5.5 H6 V9'/%3E%3C/g%3E%3C/svg%3E\");opacity:.7} .hp-page-hero>*{position:relative;z-index:1;max-width:900px;margin-inline:auto} .hp-page-hero>*+*{margin-top:18px} .hp-page-hero h1{font-size:clamp(3rem,7vw,6.2rem);font-weight:900;letter-spacing:-.045em} .hp-page-hero .hp-kicker{color:#e7c66e} .hp-page-hero p:not(.hp-kicker){max-width:720px;color:#cec4aa;line-height:1.7} .hp-manifesto{max-width:900px!important;padding:clamp(42px,7vw,76px);border:1px solid var(--line);background:var(--srf);text-align:center;box-shadow:0 26px 70px -54px rgba(45,36,15,.9)} .hp-manifesto>*+*{margin-top:22px} .hp-manifesto .hp-manifesto-lead{font-family:Georgia,\"Times New Roman\",serif;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.55} .hp-manifesto p:not(.hp-manifesto-lead){max-width:730px;margin-inline:auto;color:var(--mut)} /* Principles, timeline and editorial process. */ .hp-principles,.hp-process-grid,.hp-oracle-cards{gap:22px!important} .hp-principle-card,.hp-process-card,.hp-oracle-card{height:100%;padding:31px 24px;border:1px solid var(--line);background:var(--srf);text-align:center;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s} .hp-principle-card:hover,.hp-process-card:hover,.hp-oracle-card:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 26px 55px -44px rgba(46,35,13,.8)} .hp-principle-card>*+*,.hp-process-card>*+*,.hp-oracle-card>*+*{margin-top:12px} .hp-principle-symbol,.hp-process-number,.hp-oracle-number{font-family:Georgia,\"Times New Roman\",serif;font-size:2rem;color:var(--gold-ink)} .hp-principle-card h3,.hp-process-card h3,.hp-oracle-card h3{font-size:1.3rem} .hp-principle-card p:not(.hp-principle-symbol),.hp-process-card p:not(.hp-process-number),.hp-oracle-card p:not(.hp-oracle-number){color:var(--mut);font-size:.94rem} .hp-timeline-section{background:var(--srf2)} .hp-timeline{position:relative;max-width:880px!important} .hp-timeline::before{content:\"\";position:absolute;top:10px;bottom:10px;right:29px;width:1px;background:linear-gradient(var(--gold),var(--line))} .hp-timeline-item{position:relative;margin:0 0 22px;padding:25px 78px 25px 27px;border:1px solid var(--line);background:var(--srf)} .hp-timeline-item::before{content:\"\";position:absolute;right:22px;top:32px;width:15px;height:15px;border:3px solid var(--srf);border-radius:50%;background:var(--gold);box-shadow:0 0 0 1px var(--gold)} .hp-timeline-item>*+*{margin-top:7px} .hp-timeline-year{font-family:\"Outfit\",Arial,sans-serif;color:var(--gold-ink);font-size:.78rem;font-weight:800;letter-spacing:.15em} .hp-timeline-item p:not(.hp-timeline-year){color:var(--mut)} .hp-process-number{display:inline-grid;place-items:center;width:52px;height:52px;margin-inline:auto;border:1px solid var(--gold);border-radius:50%;font-family:\"Outfit\",Arial,sans-serif;font-size:1rem;font-weight:800} .hp-process-note{max-width:850px!important;margin-top:32px!important;padding:20px 24px;border-inline-start:4px solid var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--srf));color:var(--ink2)} .hp-process-note-success{border-inline-start-color:var(--teal);background:color-mix(in srgb,var(--teal) 8%,var(--srf))} .hp-keeper-section{background:var(--srf2)} .hp-keeper-card{max-width:940px!important;padding:clamp(38px,6vw,70px);border:1px solid var(--line);background:var(--srf);text-align:center} .hp-keeper-card>*+*{margin-top:16px} .hp-keeper-card h2{font-size:clamp(2rem,4vw,3.2rem)} .hp-keeper-card p:not(.hp-kicker){max-width:700px;margin-inline:auto;color:var(--mut)} .hp-keeper-card .wp-block-buttons{justify-content:center;margin-top:27px} /* Native Details FAQ. */ .hp-faq-list{max-width:900px!important} .hp-faq-list .wp-block-details{margin:0 0 14px;border:1px solid var(--line);background:var(--srf);transition:border-color .25s,box-shadow .25s} .hp-faq-list .wp-block-details[open]{border-color:var(--gold);box-shadow:0 20px 50px -42px rgba(39,30,11,.75)} .hp-faq-list .wp-block-details summary{position:relative;padding:21px 58px 21px 24px;cursor:pointer;font-size:1.05rem;font-weight:800;list-style:none} .hp-faq-list .wp-block-details summary::-webkit-details-marker{display:none} .hp-faq-list .wp-block-details summary::before{content:\"+\";position:absolute;right:22px;top:50%;translate:0 -50%;display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-ink);font-family:Arial,sans-serif;font-size:16px;line-height:1} .hp-faq-list .wp-block-details[open] summary::before{content:\"−\"} .hp-faq-list .wp-block-details>p{padding:0 58px 23px 24px;color:var(--mut)} .hp-faq-cta{max-width:900px!important;margin-top:40px!important;padding:36px;border:1px solid var(--line);background:var(--srf2);text-align:center} .hp-faq-cta>*+*{margin-top:14px} .hp-faq-cta .wp-block-buttons{justify-content:center;margin-top:22px} /* Contact page. */ .hp-contact-layout{gap:clamp(28px,5vw,64px)!important} .hp-contact-layout>.wp-block-column:first-child{flex-basis:34%} .hp-contact-channels>*+*{margin-top:15px} .hp-contact-card{padding:22px;border:1px solid var(--line);background:var(--srf)} .hp-contact-card>*+*{margin-top:7px} .hp-contact-card h3{font-size:1.1rem} .hp-contact-card p,.hp-contact-card a{color:var(--mut)} .hp-contact-card a:hover{color:var(--teal)} .hp-contact-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-ink);font-family:Georgia,serif;font-size:1.2rem} .hp-contact-stats{margin-top:22px!important;padding:20px;border:1px dashed var(--line);background:var(--srf2)} .hp-contact-stats p{color:var(--mut);font-size:.9rem} .hp-contact-form-card{padding:clamp(28px,5vw,52px);border:1px solid var(--line);background:var(--srf);box-shadow:0 30px 75px -54px rgba(45,35,15,.8)} .hp-contact-form-card>h2{font-size:clamp(1.8rem,3vw,2.6rem)} .hp-contact-form-card>p{margin-top:8px;color:var(--mut)} .hp-contact-form-card>.hapantheon-contact-form-block{margin-top:27px} .hp-contact-form-card .cform{padding:0;background:transparent;border:0;box-shadow:none} /* Oracle page. */ .hp-oracle-hero{padding-bottom:clamp(45px,7vw,80px);background:linear-gradient(180deg,#0f1418,#151c21)} .hp-oracle-quote{max-width:900px!important;padding:clamp(36px,6vw,68px);border:1px solid rgba(231,198,110,.55);background:rgba(255,255,255,.025);color:#f4ead2;text-align:center} .hp-oracle-quote>*+*{margin-top:16px} .hp-oracle-quote p:first-child{font-family:Georgia,\"Times New Roman\",serif;font-size:clamp(1.65rem,3.5vw,2.8rem);line-height:1.5} .hp-oracle-quote p:last-child{color:#c6bda6} .hp-oracle-essays{background:var(--srf2)} .hp-oracle-query .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))} .hp-oracle-ask{max-width:900px!important;padding:clamp(38px,6vw,68px);border:1px solid var(--gold);background:var(--srf);text-align:center} .hp-oracle-ask>*+*{margin-top:13px} .hp-oracle-ask p{color:var(--mut)} .hp-oracle-ask .wp-block-buttons{justify-content:center;margin-top:24px} /* Gutenberg recipe body. */ .hp-recipe-layout{margin-block:clamp(28px,5vw,60px)!important} .hp-recipe-layout>.wp-block-columns{gap:clamp(28px,5vw,58px)!important} .hp-recipe-panel{position:sticky;top:106px;padding:28px;border:1px solid var(--line);background:var(--srf2)} .hp-recipe-panel>*+*{margin-top:18px} .hp-recipe-panel h3{font-size:1.35rem} .hp-ingredient-list,.hp-equipment-list{padding:0!important;list-style:none} .hp-ingredient-list li,.hp-equipment-list li{position:relative;padding:9px 22px 9px 0;border-bottom:1px solid var(--line);color:var(--ink2)} .hp-ingredient-list li::before,.hp-equipment-list li::before{content:\"◆\";position:absolute;right:0;top:11px;color:var(--gold);font-size:.53rem} .hp-ratio-card{padding:22px;border:1px solid var(--gold);background:var(--srf);text-align:center} .hp-ratio-card>*+*{margin-top:4px} .hp-ratio-card h3{font-family:\"Outfit\",Arial,sans-serif;font-size:2rem;color:var(--gold-ink)} .hp-ratio-card p{color:var(--mut);font-size:.82rem} .hp-recipe-steps>*+*{margin-top:19px} .hp-recipe-step{position:relative;padding:28px 86px 28px 28px;border:1px solid var(--line);background:var(--srf)} .hp-recipe-step>*+*{margin-top:10px} .hp-step-number{position:absolute;right:25px;top:26px;font-family:\"Outfit\",Arial,sans-serif;font-size:1rem;font-weight:800;color:var(--gold-ink)} .hp-recipe-step h3{font-size:1.35rem} .hp-recipe-step p:not(.hp-step-number):not(.hp-step-time){color:var(--mut)} .hp-step-time{display:inline-flex;padding:4px 10px;border:1px solid var(--line);border-radius:999px;color:var(--teal);font-size:.75rem;font-weight:750} .hp-recipe-tips{margin-top:30px!important;padding:28px;border-inline-start:4px solid var(--teal);background:color-mix(in srgb,var(--teal) 7%,var(--srf))} .hp-recipe-tips>*+*{margin-top:14px} .hp-recipe-tips ul{padding-inline-start:1.3em} .hp-recipe-media{margin-block:clamp(55px,8vw,90px)!important;padding-top:clamp(45px,7vw,75px);border-top:1px solid var(--line);text-align:center} .hp-recipe-media>*+*{margin-top:16px} .hp-recipe-video{margin-top:32px!important;border:10px solid var(--srf);box-shadow:0 28px 70px -48px rgba(30,25,15,.9)} .hp-recipe-gallery{margin-top:26px!important;gap:10px!important} .hp-recipe-gallery .wp-block-image{aspect-ratio:1/1;margin:0!important;overflow:hidden} .hp-recipe-gallery .wp-block-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)} .hp-recipe-gallery .wp-block-image:hover img{transform:scale(1.06)} /* Long-form article native blocks. */ .art-body>.wp-block-group.hp-recipe-layout,.art-body>.wp-block-group.hp-recipe-media{max-width:1080px} .art-body .wp-block-quote{margin-block:2.4em;padding:18px 28px;border-inline-start:4px solid var(--gold);background:color-mix(in srgb,var(--gold) 7%,transparent);font-size:1.25rem} .art-body .wp-block-list{padding-inline-start:1.4em} .art-body .wp-block-list li+li{margin-top:.55em} /* Dynamic forms can inherit block background/text controls. */ .wp-block-hapantheon-contact-form,.wp-block-hapantheon-newsletter{box-sizing:border-box} .wp-block-hapantheon-contact-form.has-background,.wp-block-hapantheon-newsletter.has-background{padding:clamp(22px,4vw,38px)} /* Responsive behavior for all native layouts. */ @media (max-width:1000px){ .hp-gate-grid{min-height:540px} .hp-gate-card{min-height:540px} .hp-query .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))} .hp-principles,.hp-process-grid,.hp-oracle-cards{flex-wrap:wrap!important} .hp-principles>.wp-block-column,.hp-process-grid>.wp-block-column,.hp-oracle-cards>.wp-block-column{flex-basis:calc(50% - 12px)!important} } @media (max-width:782px){ .full-design-page .hp-section>.alignwide, .hapantheon-front-page .hp-section>.alignwide, .hapantheon-front-page .hp-home-hero>.alignwide{width:min(100%,calc(100vw - 28px))} .hp-section{padding-inline:14px} .hp-home-hero{padding-inline:14px} .hp-gate-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;min-height:590px;border-inline:0;box-shadow:none;scrollbar-width:thin} .hp-gate-grid>.hp-gate-column{flex:0 0 min(84vw,430px)!important;scroll-snap-align:center;border-inline-start:1px solid rgba(231,198,110,.38);filter:none!important} .hp-gate-grid:hover>.hp-gate-column:not(:hover),.hp-gate-grid>.hp-gate-column:hover{flex:0 0 min(84vw,430px)!important;filter:none} .hp-gate-body .hp-card-description,.hp-gate-body .wp-block-buttons{opacity:1;max-height:150px;transform:none} .hp-stat-grid{display:grid!important;grid-template-columns:repeat(2,1fr)} .hp-stat-grid>.wp-block-column{border-block-end:1px solid var(--line)} .hp-stat-grid>.wp-block-column:nth-child(odd){border-inline-start:0} .hp-featured-card,.hp-contact-layout,.hp-recipe-layout>.wp-block-columns{flex-direction:column!important} .hp-contact-layout>.wp-block-column:first-child{flex-basis:auto} .hp-recipe-panel{position:static} .hp-oracle-query .wp-block-post-template{grid-template-columns:1fr} } @media (max-width:620px){ .hp-page-hero{padding-inline:18px} .hp-page-hero h1{font-size:clamp(2.45rem,14vw,4.3rem)} .hp-query .wp-block-post-template{grid-template-columns:1fr} .hp-principles>.wp-block-column,.hp-process-grid>.wp-block-column,.hp-oracle-cards>.wp-block-column{flex-basis:100%!important} .hp-stat-card{min-height:130px;padding:22px 9px} .hp-manifesto,.hp-newsletter-card,.hp-keeper-card,.hp-oracle-ask{padding:30px 20px} .hp-timeline::before{right:20px} .hp-timeline-item{padding:22px 59px 22px 18px} .hp-timeline-item::before{right:13px} .hp-faq-list .wp-block-details summary{padding:18px 50px 18px 16px} .hp-faq-list .wp-block-details summary::before{right:15px} .hp-faq-list .wp-block-details>p{padding:0 16px 20px} .hp-recipe-step{padding:65px 20px 22px} .hp-step-number{right:20px;top:20px} .hp-recipe-gallery{grid-template-columns:repeat(2,1fr)!important} }",
                "type": "text"
              }
            ],
            "tag": "style",
            "type": "element"
          },
          {
            "attrs": {},
            "children": [
              {
                "text": ".fixture-note{position:fixed;inset:auto auto 4px 4px;z-index:9999;font:10px/1.2 monospace;color:#555;background:#fff8;padding:2px 4px}.footer{margin-top:0}",
                "type": "text"
              }
            ],
            "tag": "style",
            "type": "element"
          }
        ],
        "tag": "head",
        "type": "element"
      },
      {
        "attrs": {
          "class": "hapantheon-theme"
        },
        "children": [
          {
            "attrs": {
              "class": "nav solid",
              "id": "nav"
            },
            "children": [
              {
                "attrs": {
                  "class": "wrap nav-in"
                },
                "children": [
                  {
                    "attrs": {
                      "class": "brand",
                      "href": "#"
                    },
                    "children": [
                      {
                        "attrs": {},
                        "children": [
                          {
                            "text": "הַפַּנְתֵּאוֹן",
                            "type": "text"
                          },
                          {
                            "attrs": {
                              "class": "en"
                            },
                            "children": [
                              {
                                "text": "SOURCE CONTRACT",
                                "type": "text"
                              }
                            ],
                            "tag": "small",
                            "type": "element"
                          }
                        ],
                        "tag": "span",
                        "type": "element"
                      }
                    ],
                    "tag": "a",
                    "type": "element"
                  },
                  {
                    "attrs": {
                      "aria-label": "ניווט ראשי",
                      "class": "primary-navigation"
                    },
                    "children": [
                      {
                        "attrs": {
                          "class": "links"
                        },
                        "children": [
                          {
                            "attrs": {},
                            "children": [
                              {
                                "attrs": {
                                  "href": "#"
                                },
                                "children": [
                                  {
                                    "text": "ראשי",
                                    "type": "text"
                                  }
                                ],
                                "tag": "a",
                                "type": "element"
                              }
                            ],
                            "tag": "li",
                            "type": "element"
                          },
                          {
                            "attrs": {},
                            "children": [
                              {
                                "attrs": {
                                  "href": "#"
                                },
                                "children": [
                                  {
                                    "text": "ארכיון",
                                    "type": "text"
                                  }
                                ],
                                "tag": "a",
                                "type": "element"
                              }
                            ],
                            "tag": "li",
                            "type": "element"
                          },
                          {
                            "attrs": {},
                            "children": [
                              {
                                "attrs": {
                                  "href": "#"
                                },
                                "children": [
                                  {
                                    "text": "אודות",
                                    "type": "text"
                                  }
                                ],
                                "tag": "a",
                                "type": "element"
                              }
                            ],
                            "tag": "li",
                            "type": "element"
                          }
                        ],
                        "tag": "ul",
                        "type": "element"
                      }
                    ],
                    "tag": "nav",
                    "type": "element"
                  },
                  {
                    "attrs": {
                      "aria-label": "ערכת צבעים",
                      "class": "tgl",
                      "onclick": "toggleTheme()",
                      "type": "button"
                    },
                    "children": [
                      {
                        "text": "◐",
                        "type": "text"
                      }
                    ],
                    "tag": "button",
                    "type": "element"
                  }
                ],
                "tag": "div",
                "type": "element"
              }
            ],
            "tag": "header",
            "type": "element"
          },
          {
            "attrs": {
              "id": "primary"
            },
            "children": [
              {
                "attrs": {
                  "class": "wp-block-source-fixture page-hero"
                },
                "children": [
                  {
                    "attrs": {
                      "class": "wrap"
                    },
                    "children": [
                      {
                        "attrs": {
                          "class": "eyebrow"
                        },
                        "children": [
                          {
                            "text": "EPISTULA",
                            "type": "text"
                          }
                        ],
                        "tag": "span",
                        "type": "element"
                      },
                      {
                        "attrs": {},
                        "children": [
                          {
                            "text": "צור קשר",
                            "type": "text"
                          }
                        ],
                        "tag": "h1",
                        "type": "element"
                      },
                      {
                        "attrs": {},
                        "children": [
                          {
                            "text": "שאלה, הצעת מגילה, תיקון טעות או שאלה לאורקל — כל פנייה נקראת ונענית.",
                            "type": "text"
                          }
                        ],
                        "tag": "p",
                        "type": "element"
                      },
                      {
                        "attrs": {
                          "aria-hidden": "true",
                          "class": "meander"
                        },
                        "children": [],
                        "tag": "div",
                        "type": "element"
                      }
                    ],
                    "tag": "div",
                    "type": "element"
                  }
                ],
                "tag": "section",
                "type": "element"
              },
              {
                "attrs": {
                  "class": "wp-block-source-fixture wrap"
                },
                "children": [
                  {
                    "attrs": {
                      "class": "contact-grid"
                    },
                    "children": [
                      {
                        "attrs": {
                          "class": "cside"
                        },
                        "children": [
                          {
                            "attrs": {
                              "class": "chan rv in"
                            },
                            "children": [
                              {
                                "attrs": {
                                  "class": "ci"
                                },
                                "children": [
                                  {
                                    "attrs": {
                                      "aria-hidden": "true",
                                      "fill": "none",
                                      "stroke": "currentColor",
                                      "stroke-linecap": "round",
                                      "stroke-linejoin": "round",
                                      "stroke-width": "1.8",
                                      "viewBox": "0 0 24 24"
                                    },
                                    "children": [
                                      {
                                        "attrs": {
                                          "height": "14",
                                          "rx": "3",
                                          "width": "18",
                                          "x": "3",
                                          "y": "5"
                                        },
                                        "children": [],
                                        "tag": "rect",
                                        "type": "element"
                                      },
                                      {
                                        "attrs": {
                                          "d": "m3 7 9 6 9-6"
                                        },
                                        "children": [],
                                        "tag": "path",
                                        "type": "element"
                                      }
                                    ],
                                    "tag": "svg",
                                    "type": "element"
                                  }
                                ],
                                "tag": "span",
                                "type": "element"
                              },
                              {
                                "attrs": {},
                                "children": [
                                  {
                                    "attrs": {},
                                    "children": [
                                      {
                                        "text": "דוא״ל",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "h3",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {},
                                    "children": [
                                      {
                                        "text": "לשאלות, תיקונים והצעות שדורשות קבצים או קישורים.",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "p",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {
                                      "class": "cv",
                                      "href": "mailto:hello@example.com"
                                    },
                                    "children": [
                                      {
                                        "text": "hello@example.com",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "a",
                                    "type": "element"
                                  }
                                ],
                                "tag": "div",
                                "type": "element"
                              }
                            ],
                            "tag": "article",
                            "type": "element"
                          },
                          {
                            "attrs": {
                              "class": "chan rv in"
                            },
                            "children": [
                              {
                                "attrs": {
                                  "class": "ci"
                                },
                                "children": [
                                  {
                                    "attrs": {
                                      "aria-hidden": "true",
                                      "fill": "none",
                                      "stroke": "currentColor",
                                      "stroke-linecap": "round",
                                      "stroke-linejoin": "round",
                                      "stroke-width": "1.8",
                                      "viewBox": "0 0 24 24"
                                    },
                                    "children": [
                                      {
                                        "attrs": {
                                          "d": "M12 2 9.5 8.5 2.5 9l5.2 4.6L6 21l6-3.6L18 21l-1.7-7.4L21.5 9l-7-.5L12 2Z"
                                        },
                                        "children": [],
                                        "tag": "path",
                                        "type": "element"
                                      }
                                    ],
                                    "tag": "svg",
                                    "type": "element"
                                  }
                                ],
                                "tag": "span",
                                "type": "element"
                              },
                              {
                                "attrs": {},
                                "children": [
                                  {
                                    "attrs": {},
                                    "children": [
                                      {
                                        "text": "שאלה לאורקל",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "h3",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {},
                                    "children": [
                                      {
                                        "text": "בחרו בטופס את הנושא “שאלה לאורקל”. פעם בחודש נבחרת שאלה אחת למסה מלאה.",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "p",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {
                                      "class": "cv",
                                      "href": "oracle.html"
                                    },
                                    "children": [
                                      {
                                        "text": "מהו האורקל?",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "a",
                                    "type": "element"
                                  }
                                ],
                                "tag": "div",
                                "type": "element"
                              }
                            ],
                            "tag": "article",
                            "type": "element"
                          },
                          {
                            "attrs": {
                              "class": "chan rv in"
                            },
                            "children": [
                              {
                                "attrs": {
                                  "class": "ci"
                                },
                                "children": [
                                  {
                                    "attrs": {
                                      "aria-hidden": "true",
                                      "fill": "none",
                                      "stroke": "currentColor",
                                      "stroke-linecap": "round",
                                      "stroke-linejoin": "round",
                                      "stroke-width": "2",
                                      "viewBox": "0 0 24 24"
                                    },
                                    "children": [
                                      {
                                        "attrs": {
                                          "d": "m5 12 4 4L19 6"
                                        },
                                        "children": [],
                                        "tag": "path",
                                        "type": "element"
                                      }
                                    ],
                                    "tag": "svg",
                                    "type": "element"
                                  }
                                ],
                                "tag": "span",
                                "type": "element"
                              },
                              {
                                "attrs": {},
                                "children": [
                                  {
                                    "attrs": {},
                                    "children": [
                                      {
                                        "text": "תיקון טעות",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "h3",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {},
                                    "children": [
                                      {
                                        "text": "הארכיון משתפר בזכות קוראים שמבחינים בפרטים. ציינו את שם המגילה והקטע הרלוונטי.",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "p",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {
                                      "class": "cv",
                                      "href": "faq.html"
                                    },
                                    "children": [
                                      {
                                        "text": "איך אנחנו מתקנים",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "a",
                                    "type": "element"
                                  }
                                ],
                                "tag": "div",
                                "type": "element"
                              }
                            ],
                            "tag": "article",
                            "type": "element"
                          },
                          {
                            "attrs": {
                              "class": "cstats"
                            },
                            "children": [
                              {
                                "attrs": {},
                                "children": [
                                  {
                                    "attrs": {
                                      "class": "num"
                                    },
                                    "children": [
                                      {
                                        "text": "48h",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "span",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {},
                                    "children": [
                                      {
                                        "text": "מענה ממוצע",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "small",
                                    "type": "element"
                                  }
                                ],
                                "tag": "div",
                                "type": "element"
                              },
                              {
                                "attrs": {},
                                "children": [
                                  {
                                    "attrs": {
                                      "class": "num"
                                    },
                                    "children": [
                                      {
                                        "text": "100%",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "span",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {},
                                    "children": [
                                      {
                                        "text": "פניות נקראות",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "small",
                                    "type": "element"
                                  }
                                ],
                                "tag": "div",
                                "type": "element"
                              },
                              {
                                "attrs": {},
                                "children": [
                                  {
                                    "attrs": {
                                      "class": "num"
                                    },
                                    "children": [
                                      {
                                        "text": "0",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "span",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {},
                                    "children": [
                                      {
                                        "text": "תשובות אוטומטיות",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "small",
                                    "type": "element"
                                  }
                                ],
                                "tag": "div",
                                "type": "element"
                              }
                            ],
                            "tag": "div",
                            "type": "element"
                          },
                          {
                            "attrs": {
                              "class": "cquote"
                            },
                            "children": [
                              {
                                "attrs": {},
                                "children": [
                                  {
                                    "text": "כל פנייה נקראת.",
                                    "type": "text"
                                  }
                                ],
                                "tag": "b",
                                "type": "element"
                              },
                              {
                                "text": "גם כשאין תשובה מיידית, אין כאן רובוט שמעמיד פנים.",
                                "type": "text"
                              }
                            ],
                            "tag": "blockquote",
                            "type": "element"
                          }
                        ],
                        "tag": "aside",
                        "type": "element"
                      },
                      {
                        "attrs": {},
                        "children": [
                          {
                            "attrs": {
                              "class": "eyebrow"
                            },
                            "children": [
                              {
                                "text": "כתבו אלינו",
                                "type": "text"
                              }
                            ],
                            "tag": "span",
                            "type": "element"
                          },
                          {
                            "attrs": {},
                            "children": [
                              {
                                "text": "מכתב לשומר הארכיון",
                                "type": "text"
                              }
                            ],
                            "tag": "h2",
                            "type": "element"
                          },
                          {
                            "attrs": {},
                            "children": [
                              {
                                "text": "בחרו נושא, כתבו בחופשיות והשאירו כתובת לחזרה.",
                                "type": "text"
                              }
                            ],
                            "tag": "p",
                            "type": "element"
                          },
                          {
                            "attrs": {
                              "action": "#admin-admin-post.php",
                              "class": "cform rv in",
                              "id": "hapantheon-contact-1-form",
                              "method": "post"
                            },
                            "children": [
                              {
                                "attrs": {
                                  "name": "action",
                                  "type": "hidden",
                                  "value": "hapantheon_contact"
                                },
                                "children": [],
                                "tag": "input",
                                "type": "element"
                              },
                              {
                                "attrs": {
                                  "data-hapantheon-contact-type": "",
                                  "name": "contact_type",
                                  "type": "hidden",
                                  "value": "שאלה כללית"
                                },
                                "children": [],
                                "tag": "input",
                                "type": "element"
                              },
                              {
                                "attrs": {
                                  "name": "hapantheon_contact_nonce",
                                  "type": "hidden",
                                  "value": "NONCE"
                                },
                                "children": [],
                                "tag": "input",
                                "type": "element"
                              },
                              {
                                "attrs": {
                                  "aria-hidden": "true",
                                  "class": "hp-field"
                                },
                                "children": [
                                  {
                                    "attrs": {
                                      "for": "hapantheon-contact-1-website"
                                    },
                                    "children": [
                                      {
                                        "text": "אתר",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "label",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {
                                      "autocomplete": "off",
                                      "id": "hapantheon-contact-1-website",
                                      "name": "website",
                                      "tabindex": "-1",
                                      "type": "text"
                                    },
                                    "children": [],
                                    "tag": "input",
                                    "type": "element"
                                  }
                                ],
                                "tag": "div",
                                "type": "element"
                              },
                              {
                                "attrs": {
                                  "class": "f2"
                                },
                                "children": [
                                  {
                                    "attrs": {
                                      "class": "field"
                                    },
                                    "children": [
                                      {
                                        "attrs": {
                                          "for": "hapantheon-contact-1-name"
                                        },
                                        "children": [
                                          {
                                            "text": "שם מלא",
                                            "type": "text"
                                          }
                                        ],
                                        "tag": "label",
                                        "type": "element"
                                      },
                                      {
                                        "attrs": {
                                          "autocomplete": "name",
                                          "id": "hapantheon-contact-1-name",
                                          "name": "name",
                                          "placeholder": "ישראל ישראלי",
                                          "required": "",
                                          "type": "text"
                                        },
                                        "children": [],
                                        "tag": "input",
                                        "type": "element"
                                      }
                                    ],
                                    "tag": "div",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {
                                      "class": "field"
                                    },
                                    "children": [
                                      {
                                        "attrs": {
                                          "for": "hapantheon-contact-1-email"
                                        },
                                        "children": [
                                          {
                                            "text": "דוא״ל לחזרה",
                                            "type": "text"
                                          }
                                        ],
                                        "tag": "label",
                                        "type": "element"
                                      },
                                      {
                                        "attrs": {
                                          "autocomplete": "email",
                                          "class": "en",
                                          "dir": "ltr",
                                          "id": "hapantheon-contact-1-email",
                                          "name": "email",
                                          "placeholder": "you@mail.com",
                                          "required": "",
                                          "type": "email"
                                        },
                                        "children": [],
                                        "tag": "input",
                                        "type": "element"
                                      }
                                    ],
                                    "tag": "div",
                                    "type": "element"
                                  }
                                ],
                                "tag": "div",
                                "type": "element"
                              },
                              {
                                "attrs": {
                                  "class": "field"
                                },
                                "children": [
                                  {
                                    "attrs": {
                                      "id": "hapantheon-contact-1-topic"
                                    },
                                    "children": [
                                      {
                                        "text": "נושא הפנייה",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "label",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {
                                      "aria-labelledby": "hapantheon-contact-1-topic",
                                      "class": "seg",
                                      "role": "group"
                                    },
                                    "children": [
                                      {
                                        "attrs": {
                                          "aria-pressed": "true",
                                          "data-contact-type": "שאלה כללית",
                                          "type": "button"
                                        },
                                        "children": [
                                          {
                                            "text": "שאלה כללית",
                                            "type": "text"
                                          }
                                        ],
                                        "tag": "button",
                                        "type": "element"
                                      },
                                      {
                                        "attrs": {
                                          "aria-pressed": "false",
                                          "data-contact-type": "הצעת תוכן",
                                          "type": "button"
                                        },
                                        "children": [
                                          {
                                            "text": "הצעת תוכן",
                                            "type": "text"
                                          }
                                        ],
                                        "tag": "button",
                                        "type": "element"
                                      },
                                      {
                                        "attrs": {
                                          "aria-pressed": "false",
                                          "data-contact-type": "תיקון טעות",
                                          "type": "button"
                                        },
                                        "children": [
                                          {
                                            "text": "תיקון טעות",
                                            "type": "text"
                                          }
                                        ],
                                        "tag": "button",
                                        "type": "element"
                                      },
                                      {
                                        "attrs": {
                                          "aria-pressed": "false",
                                          "data-contact-type": "שאלה לאורקל",
                                          "type": "button"
                                        },
                                        "children": [
                                          {
                                            "text": "שאלה לאורקל",
                                            "type": "text"
                                          }
                                        ],
                                        "tag": "button",
                                        "type": "element"
                                      }
                                    ],
                                    "tag": "div",
                                    "type": "element"
                                  }
                                ],
                                "tag": "div",
                                "type": "element"
                              },
                              {
                                "attrs": {
                                  "class": "field"
                                },
                                "children": [
                                  {
                                    "attrs": {
                                      "for": "hapantheon-contact-1-subject"
                                    },
                                    "children": [
                                      {
                                        "text": "כותרת קצרה",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "label",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {
                                      "id": "hapantheon-contact-1-subject",
                                      "maxlength": "180",
                                      "name": "subject",
                                      "placeholder": "על מה המכתב?",
                                      "required": "",
                                      "type": "text"
                                    },
                                    "children": [],
                                    "tag": "input",
                                    "type": "element"
                                  }
                                ],
                                "tag": "div",
                                "type": "element"
                              },
                              {
                                "attrs": {
                                  "class": "field"
                                },
                                "children": [
                                  {
                                    "attrs": {
                                      "for": "hapantheon-contact-1-message"
                                    },
                                    "children": [
                                      {
                                        "text": "ההודעה",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "label",
                                    "type": "element"
                                  },
                                  {
                                    "attrs": {
                                      "id": "hapantheon-contact-1-message",
                                      "maxlength": "12000",
                                      "name": "message",
                                      "placeholder": "כתבו בחופשיות — אנחנו קוראים הכול.",
                                      "required": ""
                                    },
                                    "children": [],
                                    "tag": "textarea",
                                    "type": "element"
                                  }
                                ],
                                "tag": "div",
                                "type": "element"
                              },
                              {
                                "attrs": {
                                  "class": "consent"
                                },
                                "children": [
                                  {
                                    "attrs": {
                                      "name": "consent",
                                      "required": "",
                                      "type": "checkbox",
                                      "value": "1"
                                    },
                                    "children": [],
                                    "tag": "input",
                                    "type": "element"
                                  },
                                  {
                                    "text": "אני מאשר/ת שהפרטים ישמשו למענה על הפנייה בלבד, בהתאם ל",
                                    "type": "text"
                                  },
                                  {
                                    "attrs": {
                                      "href": "#privacy-policy"
                                    },
                                    "children": [
                                      {
                                        "text": "מדיניות הפרטיות",
                                        "type": "text"
                                      }
                                    ],
                                    "tag": "a",
                                    "type": "element"
                                  },
                                  {
                                    "text": ".",
                                    "type": "text"
                                  }
                                ],
                                "tag": "label",
                                "type": "element"
                              },
                              {
                                "attrs": {
                                  "class": "btn-teal",
                                  "type": "submit"
                                },
                                "children": [
                                  {
                                    "text": "שליחת ההודעה",
                                    "type": "text"
                                  },
                                  {
                                    "attrs": {
                                      "aria-hidden": "true",
                                      "fill": "none",
                                      "stroke": "currentColor",
                                      "stroke-linecap": "round",
                                      "stroke-linejoin": "round",
                                      "stroke-width": "1.9",
                                      "viewBox": "0 0 24 24"
                                    },
                                    "children": [
                                      {
                                        "attrs": {
                                          "d": "M21 3 3 10.5l7 3.5M21 3l-7.5 18-3.5-7M21 3 10 14"
                                        },
                                        "children": [],
                                        "tag": "path",
                                        "type": "element"
                                      }
                                    ],
                                    "tag": "svg",
                                    "type": "element"
                                  }
                                ],
                                "tag": "button",
                                "type": "element"
                              },
                              {
                                "attrs": {
                                  "class": "form-note"
                                },
                                "children": [
                                  {
                                    "attrs": {
                                      "aria-hidden": "true",
                                      "fill": "none",
                                      "stroke": "currentColor",
                                      "stroke-linecap": "round",
                                      "stroke-linejoin": "round",
                                      "stroke-width": "1.8",
                                      "viewBox": "0 0 24 24"
                                    },
                                    "children": [
                                      {
                                        "attrs": {
                                          "d": "M12 3 5 6v5c0 4.5 3 8.1 7 10 4-1.9 7-5.5 7-10V6l-7-3Z"
                                        },
                                        "children": [],
                                        "tag": "path",
                                        "type": "element"
                                      }
                                    ],
                                    "tag": "svg",
                                    "type": "element"
                                  },
                                  {
                                    "text": "מאובטח באמצעות WordPress. הפרטים משמשים למענה בלבד.",
                                    "type": "text"
                                  }
                                ],
                                "tag": "p",
                                "type": "element"
                              }
                            ],
                            "tag": "form",
                            "type": "element"
                          }
                        ],
                        "tag": "div",
                        "type": "element"
                      }
                    ],
                    "tag": "div",
                    "type": "element"
                  }
                ],
                "tag": "section",
                "type": "element"
              }
            ],
            "tag": "main",
            "type": "element"
          },
          {
            "attrs": {
              "class": "footer"
            },
            "children": [
              {
                "attrs": {
                  "class": "meander"
                },
                "children": [],
                "tag": "div",
                "type": "element"
              },
              {
                "attrs": {
                  "class": "wrap footer-in"
                },
                "children": [
                  {
                    "attrs": {},
                    "children": [
                      {
                        "text": "הַפַּנְתֵּאוֹן",
                        "type": "text"
                      }
                    ],
                    "tag": "span",
                    "type": "element"
                  },
                  {
                    "attrs": {
                      "href": "#"
                    },
                    "children": [
                      {
                        "text": "ארכיון חי",
                        "type": "text"
                      }
                    ],
                    "tag": "a",
                    "type": "element"
                  }
                ],
                "tag": "div",
                "type": "element"
              }
            ],
            "tag": "footer",
            "type": "element"
          },
          {
            "attrs": {
              "aria-hidden": "true",
              "class": "fixture-note"
            },
            "children": [
              {
                "text": "deterministic source-contract fixture",
                "type": "text"
              }
            ],
            "tag": "span",
            "type": "element"
          },
          {
            "attrs": {},
            "children": [
              {
                "text": "window.hapantheonData={\"accessibilityUrl\":\"#accessibility\",\"copySuccess\":\"הקישור הועתק\"};",
                "type": "text"
              }
            ],
            "tag": "script",
            "type": "element"
          },
          {
            "attrs": {
              "data-fixture-asset": "pantheon.js"
            },
            "children": [
              {
                "text": "function toggleTheme(){ var r=document.documentElement,n=r.getAttribute('data-theme')==='dark'?'light':'dark'; r.setAttribute('data-theme',n);try{localStorage.setItem('pantheon-theme',n)}catch(e){} } (function(){ var t=null;try{t=localStorage.getItem('pantheon-theme')}catch(e){} if(!t)t=document.documentElement.getAttribute('data-theme'); if(!t)t=(window.matchMedia&&matchMedia('(prefers-color-scheme: dark)').matches)?'dark':'light'; document.documentElement.setAttribute('data-theme',t); })(); /* nav solid on scroll */ var nav=document.getElementById('nav'); /* reveal */ if('IntersectionObserver' in window){ var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target)}})},{threshold:.12}); document.querySelectorAll('.rv').forEach(function(el){io.observe(el)}); }else{ document.querySelectorAll('.rv').forEach(function(el){el.classList.add('in')}); } /* oracle */ var Q=[\"מי ששואל - כבר החל את המסע. מי שבטוח - עצר מזמן.\",\"הידע אינו נאגר בכדים. הוא נאגר במעשים שחוזרים על עצמם.\",\"אל תבקש דרך קצרה. בקש רגליים שאינן מתעייפות.\",\"הארכיון הגדול ביותר הוא הזיכרון של מי שהקשיב באמת.\",\"עמוד יחיד אינו מקדש. אך בלעדיו - הגג נופל.\",\"שאל פעמיים. כתוב פעם אחת. קרא שוב אחרי שנה.\"],qi=0; function askOracle(){ var el=document.getElementById('oq'),n;if(!el)return; do{n=Math.floor(Math.random()*Q.length)}while(n===qi); qi=n;el.classList.add('fade'); setTimeout(function(){el.textContent='\"'+Q[n]+'\"';el.classList.remove('fade')},320); } /* reading progress */ var pb=document.querySelector('.progress'); if(pb){var onS=function(){var h=document.documentElement,m=h.scrollHeight-h.clientHeight;pb.style.width=(m>0?(h.scrollTop/m)*100:0)+'%'};addEventListener('scroll',onS,{passive:true});onS();} /* optional client-only archive tabs (the WordPress archive uses real category links) */ var tabs=document.querySelectorAll('.tab[data-client-filter]'),ents=document.querySelectorAll('.entry[data-cat]'); if(tabs.length&&ents.length){ function sel(c){tabs.forEach(function(t){t.setAttribute('aria-selected',t.dataset.cat===c?'true':'false')}); ents.forEach(function(e){e.style.display=(c==='all'||e.dataset.cat===c)?'':'none'})} tabs.forEach(function(t){t.addEventListener('click',function(e){e.preventDefault();sel(t.dataset.cat)})}); } /* contact segmented controls */ document.querySelectorAll('.seg').forEach(function(seg){ seg.querySelectorAll('button').forEach(function(b){b.addEventListener('click',function(){ seg.querySelectorAll('button').forEach(function(x){x.setAttribute('aria-pressed','false')}); b.setAttribute('aria-pressed','true'); var form=seg.closest('form'),target=form?form.querySelector('[data-hapantheon-contact-type]'):null; if(target)target.value=b.getAttribute('data-contact-type')||b.textContent.trim(); })}) }); /* copy-link controls */ document.querySelectorAll('[data-copy-url]').forEach(function(button){ button.addEventListener('click',function(){ var value=button.getAttribute('data-copy-url')||location.href; if(navigator.clipboard&&navigator.clipboard.writeText){ navigator.clipboard.writeText(value).then(function(){ button.classList.add('copied'); button.setAttribute('data-copy-label',(window.hapantheonData&&hapantheonData.copySuccess)||'Link copied'); setTimeout(function(){button.classList.remove('copied')},1400); }).catch(function(){}); } }); }); /* ===== search modal ===== */ var sm=document.getElementById('smodal'); function openSearch(){if(!sm)return;sm.classList.add('open');document.body.classList.add('modal-open'); setTimeout(function(){var i=sm.querySelector('input');if(i)i.focus()},120)} function closeSearch(){if(!sm)return;sm.classList.remove('open');document.body.classList.remove('modal-open')} document.querySelectorAll('.search-btn').forEach(function(b){b.addEventListener('click',openSearch)}); if(sm){ sm.addEventListener('click',function(e){if(e.target===sm)closeSearch()}); sm.querySelector('.smodal-close').addEventListener('click',closeSearch); addEventListener('keydown',function(e){ if(e.key==='Escape')closeSearch(); if(e.key==='/'&&!sm.classList.contains('open')&&!/INPUT|TEXTAREA/.test(document.activeElement.tagName)){e.preventDefault();openSearch()} }); /* The native WordPress search form submits directly to the site. */ } /* ===== mobile menu ===== */ var mm=document.getElementById('mmodal'); function openMenu(){if(!mm)return; var src=document.querySelector('.nav .links'); if(src)mm.querySelector('.mm-links').innerHTML=src.innerHTML; mm.querySelectorAll('.mm-links a').forEach(function(a){a.addEventListener('click',closeMenu)}); mm.classList.add('open');document.body.classList.add('modal-open');} function closeMenu(){if(!mm)return;mm.classList.remove('open');document.body.classList.remove('modal-open');} document.querySelectorAll('.burger').forEach(function(b){b.addEventListener('click',openMenu)}); if(mm){ mm.querySelector('.mm-close').addEventListener('click',closeMenu); mm.querySelector('.mm-search').addEventListener('click',function(){closeMenu();setTimeout(openSearch,80)}); mm.querySelector('.mm-theme').addEventListener('click',toggleTheme); addEventListener('keydown',function(e){if(e.key==='Escape')closeMenu()}); } /* ===== V5 ===== */ /* countup - מספרים רצים בחשיפה ראשונה */ (function(){ var els=document.querySelectorAll('[data-count]');if(!els.length)return; function fmt(v,k){if(k==='k'&&v>=1000)return (v/1000).toFixed(1).replace(/\\.0$/,'')+'K';return Math.round(v).toLocaleString('en-US')} function animate(el){ var target=parseFloat(el.dataset.count),k=el.dataset.fmt,t0=null,dur=1600; if(matchMedia('(prefers-reduced-motion: reduce)').matches||document.documentElement.classList.contains('acc-motion')){el.textContent=fmt(target,k);return} function step(t){if(!t0)t0=t;var p=Math.min((t-t0)/dur,1);p=1-Math.pow(1-p,3); el.textContent=fmt(target*p,k);if(p<1)requestAnimationFrame(step)} requestAnimationFrame(step); } if(!('IntersectionObserver' in window)){els.forEach(animate);return} var cio=new IntersectionObserver(function(es){es.forEach(function(e){ if(!e.isIntersecting)return;cio.unobserve(e.target);animate(e.target); })},{threshold:.4}); els.forEach(function(el){cio.observe(el)}); })(); /* 10 הגדולים - טאבים */ (function(){ var tabs=document.querySelectorAll('.t10tab');if(!tabs.length)return; tabs.forEach(function(t){t.addEventListener('click',function(){ tabs.forEach(function(x){x.setAttribute('aria-selected','false')}); t.setAttribute('aria-selected','true'); document.querySelectorAll('.t10-panel').forEach(function(p){p.classList.toggle('act',p.id===t.dataset.panel)}); })}); })(); /* היירו מובייל - סליידשואו עם אותיות יווניות */ (function(){ var pag=document.querySelector('.gate-pag'),slices=document.querySelectorAll('.gate .slice'); if(!pag||!slices.length)return; var letters=['\\u0391','\\u0392','\\u0393','\\u0394','\\u0395'],cur=0,timer=null,DUR=6000,mob=matchMedia('(max-width:760px)'); document.documentElement.style.setProperty('--slide-ms',DUR+'ms'); slices.forEach(function(s,i){ var b=document.createElement('button'); b.type='button';b.textContent=letters[i]||(i+1); b.setAttribute('aria-label','אולם '+(i+1)); b.addEventListener('click',function(){go(i,true)}); pag.appendChild(b); }); var btns=pag.querySelectorAll('button'); function go(i,manual){ cur=i; slices.forEach(function(s,j){s.classList.toggle('act',j===i)}); btns.forEach(function(b,j){b.setAttribute('aria-current',j===i?'true':'false')}); if(manual)restart(); } function next(){go((cur+1)%slices.length)} function restart(){clearInterval(timer); if(!matchMedia('(prefers-reduced-motion: reduce)').matches&&!document.documentElement.classList.contains('acc-motion')) timer=setInterval(next,DUR)} function apply(){ if(mob.matches){go(0);restart()} else{clearInterval(timer);slices.forEach(function(s){s.classList.remove('act')})} } mob.addEventListener?mob.addEventListener('change',apply):mob.addListener(apply); apply(); /* swipe - גרירה לצדדים (מגע + עכבר) */ var track=document.querySelector('.gate-track'); var px=null,swiped=false; track.addEventListener('dragstart',function(e){e.preventDefault()}); track.addEventListener('pointerdown',function(e){ if(!mob.matches)return; px=e.clientX;swiped=false; }); addEventListener('pointerup',function(e){ if(px===null||!mob.matches)return; var dx=e.clientX-px;px=null; if(Math.abs(dx)<40)return; swiped=true; go(dx>0?(cur+1)%slices.length:(cur-1+slices.length)%slices.length,true); /* RTL */ }); addEventListener('pointercancel',function(){px=null}); /* גרירה לא מפעילה ניווט */ track.addEventListener('click',function(e){ if(swiped){e.preventDefault();e.stopPropagation();swiped=false} },true); })(); /* ארכיון - מחליף תצוגות */ (function(){ var sw=document.querySelector('.view-switch');if(!sw)return; var grid=document.querySelector('.entries'),btns=sw.querySelectorAll('.vbtn'); var saved=null;try{saved=localStorage.getItem('pantheon-view')}catch(e){} function set(v){ grid.classList.remove('v-list','v-masonry'); if(v==='list')grid.classList.add('v-list'); if(v==='masonry')grid.classList.add('v-masonry'); btns.forEach(function(b){b.setAttribute('aria-pressed',b.dataset.view===v?'true':'false')}); try{localStorage.setItem('pantheon-view',v)}catch(e){} } btns.forEach(function(b){b.addEventListener('click',function(){set(b.dataset.view)})}); if(saved&&saved!=='cards')set(saved); })(); /* ===== ממשק נגישות מובנה ===== */ (function(){ var OPTS=[ {k:'font1',t:'הגדלת טקסט',svg:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M4 18 10 5l6 13M6.2 14h7.6M18 9v8M14.5 13H21.5\" stroke-width=\"1.9\"/></svg>'}, {k:'font2',t:'טקסט גדול מאוד',svg:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M3 19 9 4l6 15M5.2 14.5h7.6M17 8v10M12.8 13H21.2\"/></svg>'}, {k:'contrast',t:'ניגודיות גבוהה',svg:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\"><circle cx=\"12\" cy=\"12\" r=\"9\"/><path d=\"M12 3v18A9 9 0 0 0 12 3Z\" fill=\"currentColor\"/></svg>'}, {k:'gray',t:'גווני אפור',svg:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><path d=\"M12 3c-4 5-7 8.2-7 12a7 7 0 0 0 14 0c0-3.8-3-7-7-12Z\"/><path d=\"M12 21V7\"/></svg>'}, {k:'links',t:'הדגשת קישורים',svg:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 14a4 4 0 0 0 6 .5l3-3a4 4 0 0 0-5.7-5.7l-1.6 1.6\"/><path d=\"M14 10a4 4 0 0 0-6-.5l-3 3a4 4 0 0 0 5.7 5.7l1.6-1.6\"/></svg>'}, {k:'motion',t:'עצירת אנימציות',svg:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\"><rect x=\"7\" y=\"5\" width=\"3.4\" height=\"14\" rx=\"1\"/><rect x=\"13.6\" y=\"5\" width=\"3.4\" height=\"14\" rx=\"1\"/></svg>'}, {k:'readable',t:'גופן קריא',svg:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 6h16M4 12h16M4 18h10\"/></svg>'} ]; var saved={};try{saved=JSON.parse(localStorage.getItem('pantheon-a11y')||'{}')}catch(e){} Object.keys(saved).forEach(function(k){if(saved[k])document.documentElement.classList.add('acc-'+k)}); /* font1/font2 mutual exclusion on load handled by save logic */ var btn=document.createElement('button'); btn.className='a11y-btn';btn.type='button'; btn.setAttribute('aria-label','פתיחת תפריט נגישות');btn.setAttribute('aria-haspopup','dialog'); btn.innerHTML='<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/><path d=\"M5 8.5c2.3.8 4.6 1.2 7 1.2s4.7-.4 7-1.2M12 9.7v4.1M12 13.8 9 20M12 13.8 15 20\"/></svg>'; var panel=document.createElement('div'); panel.className='a11y-panel';panel.setAttribute('role','dialog');panel.setAttribute('aria-label','הגדרות נגישות'); var h='<h3>הגדרות נגישות<button type=\"button\" class=\"a11y-close\" aria-label=\"סגירה\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6 6 18M6 6l12 12\"/></svg></button></h3><div class=\"a11y-grid\">'; OPTS.forEach(function(o){ h+='<button type=\"button\" class=\"a11y-opt\" data-acc=\"'+o.k+'\" aria-pressed=\"'+(saved[o.k]?'true':'false')+'\">'+o.svg+o.t+'</button>'; }); h+='</div><button type=\"button\" class=\"a11y-reset\">איפוס הגדרות</button><p class=\"a11y-note\"><a href=\"#\">להצהרת הנגישות המלאה</a></p>'; panel.innerHTML=h; var statement=panel.querySelector('.a11y-note a'); if(statement&&window.hapantheonData&&hapantheonData.accessibilityUrl)statement.href=hapantheonData.accessibilityUrl; document.body.appendChild(btn);document.body.appendChild(panel); function save(){try{localStorage.setItem('pantheon-a11y',JSON.stringify(saved))}catch(e){}} btn.addEventListener('click',function(){panel.classList.toggle('open')}); panel.querySelector('.a11y-close').addEventListener('click',function(){panel.classList.remove('open')}); addEventListener('keydown',function(e){if(e.key==='Escape')panel.classList.remove('open')}); document.addEventListener('click',function(e){if(!panel.contains(e.target)&&!btn.contains(e.target))panel.classList.remove('open')}); panel.querySelectorAll('.a11y-opt').forEach(function(o){ o.addEventListener('click',function(){ var k=o.dataset.acc,on=!saved[k]; /* גדלי גופן - בלעדיים זה לזה */ if(on&&(k==='font1'||k==='font2')){ var other=k==='font1'?'font2':'font1'; saved[other]=false;document.documentElement.classList.remove('acc-'+other); var ob=panel.querySelector('[data-acc=\"'+other+'\"]');if(ob)ob.setAttribute('aria-pressed','false'); } saved[k]=on; document.documentElement.classList.toggle('acc-'+k,on); o.setAttribute('aria-pressed',on?'true':'false'); save(); }); }); panel.querySelector('.a11y-reset').addEventListener('click',function(){ Object.keys(saved).forEach(function(k){document.documentElement.classList.remove('acc-'+k)}); saved={};save(); panel.querySelectorAll('.a11y-opt').forEach(function(o){o.setAttribute('aria-pressed','false')}); }); })(); /* ===== שו\"ת: פתיחה יחידה + טאבים ===== */ (function(){ var faqs=document.querySelectorAll('.faq-wrap .faq');if(!faqs.length)return; faqs.forEach(function(d){ d.querySelector('summary').addEventListener('click',function(){ faqs.forEach(function(o){if(o!==d)o.removeAttribute('open')}); }); }); var ftabs=document.querySelectorAll('.faq-tabs .tab'); ftabs.forEach(function(t){t.addEventListener('click',function(){ ftabs.forEach(function(x){x.setAttribute('aria-selected','false')}); t.setAttribute('aria-selected','true'); var c=t.dataset.fcat,first=true; faqs.forEach(function(f){ var show=(c==='all'||f.dataset.fcat===c); f.hidden=!show;f.removeAttribute('open'); if(show&&first){f.setAttribute('open','');first=false} }); })}); })(); /* ===== V5.2 ===== */ /* חדרי הפנתאון - גרירה בעכבר/מגע */ (function(){ var g=document.querySelector('.rooms-grid');if(!g)return; var down=false,startX=0,startS=0,moved=false; g.addEventListener('dragstart',function(e){e.preventDefault()}); g.addEventListener('pointerdown',function(e){ if(innerWidth>760)return; down=true;moved=false;startX=e.clientX;startS=g.scrollLeft; }); addEventListener('pointermove',function(e){ if(!down)return; var dx=e.clientX-startX; if(Math.abs(dx)>6){moved=true;g.classList.add('dragging')} if(moved)g.scrollLeft=startS-dx; }); addEventListener('pointerup',function(){ if(!down)return;down=false; g.classList.remove('dragging'); }); g.addEventListener('click',function(e){if(moved){e.preventDefault();e.stopPropagation();moved=false}},true); })(); /* טאבים - גלילת הטאב הפעיל למרכז במובייל (כל האתר) */ (function(){ document.querySelectorAll('.t10tab, .tabs .tab').forEach(function(t){ t.addEventListener('click',function(){ if(innerWidth<=760&&t.scrollIntoView)t.scrollIntoView({behavior:'smooth',inline:'center',block:'nearest'}); }); }); })(); /* גלריית מתכון - לייטבוקס */ (function(){ var frames=document.querySelectorAll('.gframe');if(!frames.length)return; var lb=document.createElement('div');lb.className='lightbox';lb.setAttribute('role','dialog');lb.setAttribute('aria-label','תצוגת תמונה'); lb.innerHTML='<button class=\"lb-close\" type=\"button\" aria-label=\"סגירה\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M18 6 6 18M6 6l12 12\"/></svg></button><img alt=\"\"><figcaption></figcaption>'; document.body.appendChild(lb); var img=lb.querySelector('img'),cap=lb.querySelector('figcaption'); function close(){lb.classList.remove('open');document.body.classList.remove('modal-open')} frames.forEach(function(f){f.addEventListener('click',function(){ var i=f.querySelector('img'); img.src=i.src.replace('w=500','w=1400');img.alt=i.alt; cap.textContent=(f.querySelector('figcaption')||{}).textContent||''; lb.classList.add('open');document.body.classList.add('modal-open'); })}); lb.querySelector('.lb-close').addEventListener('click',close); lb.addEventListener('click',function(e){if(e.target===lb)close()}); addEventListener('keydown',function(e){if(e.key==='Escape')close()}); })(); /* כתבה עם סייד-בר - סקרולספיי לתוכן עניינים */ (function(){ var links=document.querySelectorAll('.toc a');if(!links.length)return; var map=[]; links.forEach(function(a){ var id=a.getAttribute('href').slice(1),el=document.getElementById(id); if(el)map.push({a:a,el:el}); }); function top(el){return el.getBoundingClientRect().top+scrollY} function spy(){ var y=scrollY+160,best=map[0]; map.forEach(function(m){if(top(m.el)<=y)best=m}); map.forEach(function(m){m.a.classList.toggle('on',m===best)}); } addEventListener('scroll',spy,{passive:true});spy(); })(); /* פס פעולות צף בכתבות */ (function(){ var fb=document.querySelector('.float-bar');if(!fb)return; addEventListener('scroll',function(){fb.classList.toggle('show',scrollY>500)},{passive:true}); var cp=fb.querySelector('[data-fb=\"copy\"]'); if(cp)cp.addEventListener('click',function(){ var value=cp.getAttribute('data-copy-url')||location.href; if(navigator.clipboard)navigator.clipboard.writeText(value); cp.style.color='var(--teal)';setTimeout(function(){cp.style.color=''},1200); }); var up=fb.querySelector('[data-fb=\"top\"]'); if(up)up.addEventListener('click',function(){scrollTo({top:0,behavior:'smooth'})}); })(); /* וידאו מתכון - טעינה בלחיצה */ function playRecipeVideo(el){ var id=el.dataset.yt; el.innerHTML='<iframe src=\"https://www.youtube-nocookie.com/embed/'+id+'?autoplay=1&rel=0\" title=\"סרטון הכנה\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>'; el.style.cursor='default'; }",
                "type": "text"
              }
            ],
            "tag": "script",
            "type": "element"
          },
          {
            "attrs": {
              "aria-haspopup": "dialog",
              "aria-label": "פתיחת תפריט נגישות",
              "class": "a11y-btn",
              "type": "button"
            },
            "children": [
              {
                "attrs": {
                  "fill": "none",
                  "stroke": "currentColor",
                  "stroke-linecap": "round",
                  "stroke-linejoin": "round",
                  "stroke-width": "1.8",
                  "viewBox": "0 0 24 24"
                },
                "children": [
                  {
                    "attrs": {
                      "cx": "12",
                      "cy": "5",
                      "fill": "currentColor",
                      "r": "1.6",
                      "stroke": "none"
                    },
                    "children": [],
                    "tag": "circle",
                    "type": "element"
                  },
                  {
                    "attrs": {
                      "d": "M5 8.5c2.3.8 4.6 1.2 7 1.2s4.7-.4 7-1.2M12 9.7v4.1M12 13.8 9 20M12 13.8 15 20"
                    },
                    "children": [],
                    "tag": "path",
                    "type": "element"
                  }
                ],
                "tag": "svg",
                "type": "element"
              }
            ],
            "tag": "button",
            "type": "element"
          },
          {
            "attrs": {
              "aria-label": "הגדרות נגישות",
              "class": "a11y-panel",
              "role": "dialog"
            },
            "children": [
              {
                "attrs": {},
                "children": [
                  {
                    "text": "הגדרות נגישות",
                    "type": "text"
                  },
                  {
                    "attrs": {
                      "aria-label": "סגירה",
                      "class": "a11y-close",
                      "type": "button"
                    },
                    "children": [
                      {
                        "attrs": {
                          "fill": "none",
                          "stroke": "currentColor",
                          "stroke-linecap": "round",
                          "stroke-width": "2",
                          "viewBox": "0 0 24 24"
                        },
                        "children": [
                          {
                            "attrs": {
                              "d": "M18 6 6 18M6 6l12 12"
                            },
                            "children": [],
                            "tag": "path",
                            "type": "element"
                          }
                        ],
                        "tag": "svg",
                        "type": "element"
                      }
                    ],
                    "tag": "button",
                    "type": "element"
                  }
                ],
                "tag": "h3",
                "type": "element"
              },
              {
                "attrs": {
                  "class": "a11y-grid"
                },
                "children": [
                  {
                    "attrs": {
                      "aria-pressed": "false",
                      "class": "a11y-opt",
                      "data-acc": "font1",
                      "type": "button"
                    },
                    "children": [
                      {
                        "attrs": {
                          "fill": "none",
                          "stroke": "currentColor",
                          "stroke-linecap": "round",
                          "stroke-width": "2",
                          "viewBox": "0 0 24 24"
                        },
                        "children": [
                          {
                            "attrs": {
                              "d": "M4 18 10 5l6 13M6.2 14h7.6M18 9v8M14.5 13H21.5",
                              "stroke-width": "1.9"
                            },
                            "children": [],
                            "tag": "path",
                            "type": "element"
                          }
                        ],
                        "tag": "svg",
                        "type": "element"
                      },
                      {
                        "text": "הגדלת טקסט",
                        "type": "text"
                      }
                    ],
                    "tag": "button",
                    "type": "element"
                  },
                  {
                    "attrs": {
                      "aria-pressed": "false",
                      "class": "a11y-opt",
                      "data-acc": "font2",
                      "type": "button"
                    },
                    "children": [
                      {
                        "attrs": {
                          "fill": "none",
                          "stroke": "currentColor",
                          "stroke-linecap": "round",
                          "stroke-width": "2",
                          "viewBox": "0 0 24 24"
                        },
                        "children": [
                          {
                            "attrs": {
                              "d": "M3 19 9 4l6 15M5.2 14.5h7.6M17 8v10M12.8 13H21.2"
                            },
                            "children": [],
                            "tag": "path",
                            "type": "element"
                          }
                        ],
                        "tag": "svg",
                        "type": "element"
                      },
                      {
                        "text": "טקסט גדול מאוד",
                        "type": "text"
                      }
                    ],
                    "tag": "button",
                    "type": "element"
                  },
                  {
                    "attrs": {
                      "aria-pressed": "false",
                      "class": "a11y-opt",
                      "data-acc": "contrast",
                      "type": "button"
                    },
                    "children": [
                      {
                        "attrs": {
                          "fill": "none",
                          "stroke": "currentColor",
                          "stroke-width": "1.9",
                          "viewBox": "0 0 24 24"
                        },
                        "children": [
                          {
                            "attrs": {
                              "cx": "12",
                              "cy": "12",
                              "r": "9"
                            },
                            "children": [],
                            "tag": "circle",
                            "type": "element"
                          },
                          {
                            "attrs": {
                              "d": "M12 3v18A9 9 0 0 0 12 3Z",
                              "fill": "currentColor"
                            },
                            "children": [],
                            "tag": "path",
                            "type": "element"
                          }
                        ],
                        "tag": "svg",
                        "type": "element"
                      },
                      {
                        "text": "ניגודיות גבוהה",
                        "type": "text"
                      }
                    ],
                    "tag": "button",
                    "type": "element"
                  },
                  {
                    "attrs": {
                      "aria-pressed": "false",
                      "class": "a11y-opt",
                      "data-acc": "gray",
                      "type": "button"
                    },
                    "children": [
                      {
                        "attrs": {
                          "fill": "none",
                          "stroke": "currentColor",
                          "stroke-linecap": "round",
                          "stroke-width": "1.9",
                          "viewBox": "0 0 24 24"
                        },
                        "children": [
                          {
                            "attrs": {
                              "d": "M12 3c-4 5-7 8.2-7 12a7 7 0 0 0 14 0c0-3.8-3-7-7-12Z"
                            },
                            "children": [],
                            "tag": "path",
                            "type": "element"
                          },
                          {
                            "attrs": {
                              "d": "M12 21V7"
                            },
                            "children": [],
                            "tag": "path",
                            "type": "element"
                          }
                        ],
                        "tag": "svg",
                        "type": "element"
                      },
                      {
                        "text": "גווני אפור",
                        "type": "text"
                      }
                    ],
                    "tag": "button",
                    "type": "element"
                  },
                  {
                    "attrs": {
                      "aria-pressed": "false",
                      "class": "a11y-opt",
                      "data-acc": "links",
                      "type": "button"
                    },
                    "children": [
                      {
                        "attrs": {
                          "fill": "none",
                          "stroke": "currentColor",
                          "stroke-linecap": "round",
                          "stroke-linejoin": "round",
                          "stroke-width": "1.9",
                          "viewBox": "0 0 24 24"
                        },
                        "children": [
                          {
                            "attrs": {
                              "d": "M10 14a4 4 0 0 0 6 .5l3-3a4 4 0 0 0-5.7-5.7l-1.6 1.6"
                            },
                            "children": [],
                            "tag": "path",
                            "type": "element"
                          },
                          {
                            "attrs": {
                              "d": "M14 10a4 4 0 0 0-6-.5l-3 3a4 4 0 0 0 5.7 5.7l1.6-1.6"
                            },
                            "children": [],
                            "tag": "path",
                            "type": "element"
                          }
                        ],
                        "tag": "svg",
                        "type": "element"
                      },
                      {
                        "text": "הדגשת קישורים",
                        "type": "text"
                      }
                    ],
                    "tag": "button",
                    "type": "element"
                  },
                  {
                    "attrs": {
                      "aria-pressed": "false",
                      "class": "a11y-opt",
                      "data-acc": "motion",
                      "type": "button"
                    },
                    "children": [
                      {
                        "attrs": {
                          "fill": "none",
                          "stroke": "currentColor",
                          "stroke-linecap": "round",
                          "stroke-width": "1.9",
                          "viewBox": "0 0 24 24"
                        },
                        "children": [
                          {
                            "attrs": {
                              "height": "14",
                              "rx": "1",
                              "width": "3.4",
                              "x": "7",
                              "y": "5"
                            },
                            "children": [],
                            "tag": "rect",
                            "type": "element"
                          },
                          {
                            "attrs": {
                              "height": "14",
                              "rx": "1",
                              "width": "3.4",
                              "x": "13.6",
                              "y": "5"
                            },
                            "children": [],
                            "tag": "rect",
                            "type": "element"
                          }
                        ],
                        "tag": "svg",
                        "type": "element"
                      },
                      {
                        "text": "עצירת אנימציות",
                        "type": "text"
                      }
                    ],
                    "tag": "button",
                    "type": "element"
                  },
                  {
                    "attrs": {
                      "aria-pressed": "false",
                      "class": "a11y-opt",
                      "data-acc": "readable",
                      "type": "button"
                    },
                    "children": [
                      {
                        "attrs": {
                          "fill": "none",
                          "stroke": "currentColor",
                          "stroke-linecap": "round",
                          "stroke-linejoin": "round",
                          "stroke-width": "1.9",
                          "viewBox": "0 0 24 24"
                        },
                        "children": [
                          {
                            "attrs": {
                              "d": "M4 6h16M4 12h16M4 18h10"
                            },
                            "children": [],
                            "tag": "path",
                            "type": "element"
                          }
                        ],
                        "tag": "svg",
                        "type": "element"
                      },
                      {
                        "text": "גופן קריא",
                        "type": "text"
                      }
                    ],
                    "tag": "button",
                    "type": "element"
                  }
                ],
                "tag": "div",
                "type": "element"
              },
              {
                "attrs": {
                  "class": "a11y-reset",
                  "type": "button"
                },
                "children": [
                  {
                    "text": "איפוס הגדרות",
                    "type": "text"
                  }
                ],
                "tag": "button",
                "type": "element"
              },
              {
                "attrs": {
                  "class": "a11y-note"
                },
                "children": [
                  {
                    "attrs": {
                      "href": "#accessibility"
                    },
                    "children": [
                      {
                        "text": "להצהרת הנגישות המלאה",
                        "type": "text"
                      }
                    ],
                    "tag": "a",
                    "type": "element"
                  }
                ],
                "tag": "p",
                "type": "element"
              }
            ],
            "tag": "div",
            "type": "element"
          }
        ],
        "tag": "body",
        "type": "element"
      }
    ],
    "tag": "html",
    "type": "element"
  },
  "page": "contact",
  "side": "source",
  "viewport": "mobile-390x844"
}