:root{--bg:#0a0a0a;--fg:#fff;--dim:rgba(255,255,255,.55);--accent:#c8a27a;--line:rgba(255,255,255,.14)}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:Heebo,"Segoe UI",Arial,sans-serif;
     font-weight:300;line-height:1.7;overflow-x:hidden;
     -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
h1,h2,h3{font-family:Heebo,"Segoe UI",Arial,sans-serif;font-weight:700;
         letter-spacing:-.005em;line-height:1.14;text-wrap:balance}
a{color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 6vw}

/* ---- סרגל עליון ---- */
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
     gap:1rem;padding:1rem 6vw;background:rgba(10,10,10,.78);backdrop-filter:blur(14px);
     border-bottom:1px solid var(--line)}
.top a{text-decoration:none;font-size:.92rem;color:var(--dim);transition:color .25s}
.top a:hover{color:#fff}
.top img{width:44px;opacity:.9}

/* ---- כותרת ---- */
.head{position:relative;min-height:78svh;display:grid;align-items:end;overflow:hidden}
.head>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.head .inner{position:relative;z-index:1;padding:0 6vw 8vh;max-width:1180px;margin:0 auto;width:100%}
.head::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,10,10,.96) 0%,rgba(10,10,10,.5) 40%,rgba(10,10,10,.25) 100%)}
.head .inner{position:relative;z-index:2}
h1{font-size:clamp(2.6rem,8vw,6rem)}
.sub{margin-top:1.2rem;font-family:Heebo,"Segoe UI",Arial,sans-serif;font-weight:400;color:var(--accent);
     font-size:clamp(1.05rem,2.4vw,1.5rem)}

/* ---- נתוני פרויקט ---- */
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.6rem 2rem;
      border-top:1px solid var(--line);border-bottom:1px solid var(--line);
      margin:5rem 0;padding:2.2rem 0}
.meta div span{display:block;color:var(--dim);font-size:.8rem;letter-spacing:.14em;margin-bottom:.35rem}
.meta div b{font-weight:500;font-size:1.05rem}

/* ---- מקטעים ---- */
section{padding:6vh 0}
.kicker{color:var(--accent);font-size:.8rem;letter-spacing:.3em;padding-right:.3em;margin-bottom:1.1rem}
h2{font-size:clamp(1.8rem,4.6vw,3.1rem);margin-bottom:1.6rem}
p.lead{max-width:62ch;color:rgba(255,255,255,.82);font-size:clamp(1rem,1.9vw,1.18rem)}
p.lead + p.lead{margin-top:1.2rem}
.grid + p.lead,figure + p.lead{margin-top:2.6rem}
.note{max-width:62ch;color:var(--dim);font-size:.95rem;margin-top:1.2rem;
      border-right:2px solid var(--accent);padding-right:1.1rem}

/* ---- תמונות ---- */
figure{margin-top:2.6rem}
figcaption{margin-top:.8rem;color:var(--dim);font-size:.88rem}
.grid{display:grid;gap:1.2rem;margin-top:2.6rem}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:760px){.g2,.g3{grid-template-columns:1fr}}
.grid figure{margin:0}
.grid img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#141414}
.wide img{width:100%;background:#141414}
.plan img{background:#000;object-fit:contain;aspect-ratio:16/9}

/* ---- שכבה: המבט המורכב מימין, התוכנית שלה משמאל ---- */
.layer{margin-top:4.5rem;padding-top:2.4rem;border-top:1px solid var(--line)}
.layer h3{font-size:clamp(1.25rem,2.6vw,1.7rem);margin-bottom:.7rem}
.layer h3 i{display:block;font-style:normal;color:var(--accent);font-weight:400;
            font-size:.78rem;letter-spacing:.26em;padding-right:.26em;margin-bottom:.5rem}
.layer .grid{margin-top:1.8rem}

/* גיליון שרטוט: נייר לבן על הדף הכהה, לחיצה פותחת את ה-PDF המקורי */
.sheetcard{position:relative;display:block;background:#fff;border-radius:2px;
           text-decoration:none;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.sheetcard img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#fff;padding:.6rem}
.sheetcard:hover{transform:translateY(-3px);box-shadow:0 16px 44px rgba(0,0,0,.6)}
.sheetcard .tag{position:absolute;top:0;inset-inline-start:0;background:rgba(10,10,10,.86);color:#fff;
                font-size:.7rem;letter-spacing:.16em;padding:.4rem .7rem}
.sheetcard .open{position:absolute;inset:0;display:grid;place-items:center;
                 background:rgba(10,10,10,.55);color:#fff;font-size:.85rem;letter-spacing:.16em;
                 opacity:0;transition:opacity .3s ease}
.sheetcard:hover .open{opacity:1}
@media(hover:none){.sheetcard .open{opacity:1;inset:auto 0 0 auto;background:rgba(10,10,10,.86);
                   padding:.4rem .7rem;font-size:.7rem}}
.layer figcaption{text-align:center;font-size:.8rem;letter-spacing:.14em}

/* ---- מפרט המערכות ---- */
.sys{list-style:none;margin-top:2.6rem;border-top:1px solid var(--line)}
.sys li{display:grid;grid-template-columns:78px minmax(120px,.5fr) minmax(0,1.4fr);gap:.6rem 1.8rem;
        padding:1.3rem 0;border-bottom:1px solid var(--line);align-items:center}
.sys li>img{width:78px;height:78px;object-fit:cover;background:#141414;border-radius:2px}
.sys li>.hidden{width:78px;height:78px;display:grid;place-items:center;text-align:center;
                border:1px dashed var(--line);border-radius:2px;color:var(--dim);
                font-size:.62rem;line-height:1.35;padding:.3rem}
@media(max-width:640px){.sys li{grid-template-columns:56px 1fr;gap:.25rem .9rem}
  .sys li>img,.sys li>.hidden{width:56px;height:56px}
  .sys li>span{grid-column:2}}
.sys b{font-weight:500;color:var(--accent);font-size:.95rem}
.sys span{color:rgba(255,255,255,.86)}
.sys em{display:block;font-style:normal;color:var(--dim);font-size:.85rem;margin-top:.2rem}
.credits{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.6rem 2rem}
.credits div span{display:block;color:var(--dim);font-size:.78rem;letter-spacing:.14em;margin-bottom:.3rem}
.credits div b{font-weight:500}

/* ---- רצף הבנייה ---- */
.steps{counter-reset:s;margin-top:2.6rem;display:grid;gap:2.6rem}
.step{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2rem;align-items:center}
.step:nth-child(even){direction:ltr}
.step:nth-child(even)>*{direction:rtl}
@media(max-width:820px){.step{grid-template-columns:1fr}}
.step img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#141414}
.step h3{font-size:1.35rem;margin-bottom:.6rem}
.step h3::before{counter-increment:s;content:counter(s,decimal-leading-zero);
                 display:block;color:var(--accent);font-family:Heebo,"Segoe UI",Arial,sans-serif;
                 font-size:.8rem;letter-spacing:.2em;font-weight:400;margin-bottom:.5rem}
.step p{color:var(--dim);font-size:.98rem}

/* ---- סיום ---- */
.end{text-align:center;padding:12vh 6vw;border-top:1px solid var(--line);margin-top:8vh}
.end h2{margin-bottom:1rem}
.btn{display:inline-block;margin-top:2rem;padding:1.05rem 2.6rem;border:1px solid #fff;color:#fff;
     text-decoration:none;font-weight:500;transition:background .3s,color .3s}
.btn:hover{background:#fff;color:#000}
footer{padding:3rem 6vw;border-top:1px solid var(--line);color:var(--dim);font-size:.85rem;
       display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between}
footer a{text-decoration:none}
footer a:hover{color:#fff}

/* ---- הופעה בגלילה ---- */
.rev{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}
.rev.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rev{opacity:1;transform:none}}

/* ---- וידאו רגיל בתוך עמוד פרויקט ---- */
.film{margin-top:2.6rem}
.film video{width:100%;display:block;background:#111;border-radius:2px}
.film figcaption{margin-top:.8rem}

/* ---- שני צעדים זה מול זה ---- */
.beats2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;margin-top:2.6rem}
@media(max-width:820px){.beats2{grid-template-columns:1fr}}
.beats2 article{border:1px solid var(--line);padding:1.8rem 1.6rem;background:rgba(255,255,255,.02)}
.beats2 h3{font-size:1.2rem;margin-bottom:.7rem}
.beats2 .who{color:var(--accent);font-size:.76rem;letter-spacing:.22em;
             padding-right:.22em;margin-bottom:.7rem}
.beats2 p{color:var(--dim);font-size:.98rem}
.beats2 .hit{display:block;margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--line);
             color:#fff;font-weight:500}

/* ---- רשת טבעות על רקע כהה ---- */
.rings{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:2.6rem}
.rings figure{margin:0;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:.5rem}
.rings img{width:100%;aspect-ratio:1/1;object-fit:contain}
.rings figcaption{margin-top:.3rem;text-align:center;font-size:.72rem;letter-spacing:.04em}

/* ---- רצועות רחבות: לוחות חלופות בפרופורציה הטבעית שלהן ---- */
.strips{display:grid;gap:1.8rem;margin-top:2.6rem}
.strips figure{margin:0}
.strips img{width:100%;height:auto;background:#141414}
.strips figcaption{margin-top:.6rem}

/* גיליון רחב על נייר לבן, לחיצה פותחת בגודל מלא */
.sheetwide{position:relative;display:block;background:#fff;padding:.8rem;border-radius:2px;
           text-decoration:none;transition:transform .35s ease,box-shadow .35s ease}
.sheetwide img{width:100%;height:auto}
.sheetwide:hover{transform:translateY(-3px);box-shadow:0 16px 44px rgba(0,0,0,.6)}
.sheetwide .open{position:absolute;inset:0;display:grid;place-items:center;
                 background:rgba(10,10,10,.5);color:#fff;font-size:.85rem;letter-spacing:.16em;
                 opacity:0;transition:opacity .3s ease}
.sheetwide:hover .open{opacity:1}
@media(hover:none){.sheetwide .open{opacity:1;inset:auto 0 0 auto;background:rgba(10,10,10,.86);
                   padding:.4rem .7rem;font-size:.7rem}}

/* ---- כרטיסי כתיבה ---- */
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.6rem;margin-top:3rem}
.posts a{display:block;text-decoration:none;border:1px solid var(--line);background:rgba(255,255,255,.02);
         transition:transform .3s ease,border-color .3s ease}
.posts a:hover{transform:translateY(-3px);border-color:var(--accent)}
.posts img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#141414}
.posts .txt{padding:1.5rem 1.4rem}
.posts .k{color:var(--accent);font-size:.72rem;letter-spacing:.2em;padding-right:.2em;margin-bottom:.6rem}
.posts h3{font-size:1.18rem;margin-bottom:.6rem}
.posts p{color:var(--dim);font-size:.94rem}
.posts .go{display:block;margin-top:1rem;color:#fff;font-size:.85rem}

/* ---- זרימה: קלט → פעולה → פלט ---- */
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.6rem}
@media(max-width:820px){.flow{grid-template-columns:1fr}}
.flow div{border:1px solid var(--line);padding:1.5rem 1.3rem}
.flow b{display:block;color:var(--accent);font-size:.76rem;letter-spacing:.22em;
        padding-right:.22em;margin-bottom:.6rem;font-weight:400}
.flow span{font-size:1.02rem}
.flow em{display:block;font-style:normal;color:var(--dim);font-size:.88rem;margin-top:.5rem}