/* =====================================================================
   V2 - שכבת עיצוב "editorial cinematic" מעל הגרסה הראשונה.
   עקרונות: רגע מוטיבי אחד לכל סקשן, טיפוגרפיה ענקית של המותג (URBAN ...),
   הירו קולנועי מלא, גלריה אופקית, אפקטים מכובדים ב-prefers-reduced-motion.
   ===================================================================== */
:root{--v2-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* --- משטחי דפדפן: בחירה, גלילה, פוקוס --- */
::selection{background:var(--gold);color:#fff}
html{scrollbar-color:var(--gold) var(--petrol-3)}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--petrol-3)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:0;border:2px solid var(--petrol-3)}

/* --- הירו קולנועי: תמונה מלאה, טקסט מעל, מילת מותג ענקית ברקע --- */
.hero{grid-template-columns:1fr;min-height:100svh;isolation:isolate}
.hero-media{position:absolute;inset:0;min-height:0;z-index:0}
.hero-media::after{background:linear-gradient(to left,rgba(19,38,41,.15) 0%,rgba(19,38,41,.78) 58%,rgba(19,38,41,.92) 100%),linear-gradient(to top,rgba(19,38,41,.95),transparent 40%)}
.hero-media::before{content:"";position:absolute;inset:0;z-index:2;background-image:var(--v2-grain);opacity:.55;mix-blend-mode:overlay;pointer-events:none}
.hero-copy{z-index:3;max-width:720px;padding-top:150px;padding-bottom:120px;min-height:100svh}
.hero-word{position:absolute;z-index:2;inset-inline-end:-.02em;bottom:-.08em;font-family:var(--font-latin);font-weight:300;font-size:clamp(90px,19vw,300px);letter-spacing:.02em;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.34);direction:ltr;white-space:nowrap;pointer-events:none;user-select:none;text-transform:uppercase}
.hero-word b{display:block;font-weight:300;color:rgba(255,255,255,.04);-webkit-text-stroke:0;margin-top:-.1em}
.hero-copy h1{font-size:clamp(64px,9vw,128px)}
.hero-copy h1 .ch{display:inline-block;opacity:0;transform:translateY(.4em) rotate(2deg);filter:blur(6px);animation:chIn .9s var(--ease) forwards;animation-delay:calc(.25s + var(--n)*.045s)}
@keyframes chIn{to{opacity:1;transform:none;filter:blur(0)}}
.hero-copy h1 strong{color:var(--gold-2)}
.hero-facts{border-top-color:rgba(192,154,79,.6)}
.hero-badge{inset-inline-start:auto;inset-inline-end:clamp(28px,6vw,96px);color:rgba(255,255,255,.7)}
@media(max-width:900px){
  .hero-media{position:absolute;order:0;min-height:0}
  .hero-media::after{background:linear-gradient(to top,rgba(19,38,41,.97) 0%,rgba(19,38,41,.72) 45%,rgba(19,38,41,.25) 100%)}
  .hero-copy{margin-top:0;padding:120px 24px 110px;justify-content:flex-end}
  .hero-word{font-size:34vw;bottom:auto;top:90px;inset-inline-end:-.05em;-webkit-text-stroke-color:rgba(255,255,255,.18)}
  .hero-badge{display:none}
}

/* --- מילות מותג ענקיות שחוצות בין סקשנים --- */
.word-band{position:relative;overflow:hidden;padding:0;line-height:.85;direction:ltr;pointer-events:none;user-select:none}
.word-band span{display:inline-block;font-family:var(--font-latin);font-weight:300;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(70px,13vw,210px);white-space:nowrap;color:transparent;-webkit-text-stroke:1px var(--line);will-change:transform}
.word-band.on-dark span{-webkit-text-stroke-color:rgba(255,255,255,.16)}
.word-band span i{font-style:normal;color:var(--gold);-webkit-text-stroke:0;opacity:.9}
.word-band.on-dark span i{color:var(--gold-2)}
.word-band{margin-bottom:-.25em}
.dark .word-band,.word-band.on-dark{margin-top:-.1em}

/* --- כותרות: שורה מודגשת בזהב מתגלה עם mask --- */
.h-display strong{position:relative;background:linear-gradient(90deg,currentColor,currentColor) no-repeat;-webkit-background-clip:text;background-clip:text}
.in .h-display strong::after,.in.h-display strong::after{content:"";position:absolute;inset-inline:0;bottom:.04em;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:100% 50%;animation:ruleIn 1.1s .35s var(--ease) forwards}
@keyframes ruleIn{to{transform:scaleX(1)}}

/* --- דירות: כרטיסים כערימה דביקה (desktop) --- */
@media(min-width:1001px){
  .cards{grid-template-columns:repeat(4,1fr)}
  .card{box-shadow:0 30px 60px -40px rgba(0,0,0,.6)}
  .card .img{aspect-ratio:3/4}
  .card .img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(19,38,41,.75),transparent 55%);opacity:0;transition:opacity .5s}
  .card .img{position:relative}
  .card:hover .img::after{opacity:1}
}

/* --- גלריה אופקית עם snap וסמן "גררו" --- */
.gallery{display:flex;grid-template-columns:none;grid-auto-rows:auto;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-bottom:18px;margin-inline:calc(50% - 50vw);padding-inline:max(24px,calc(50vw - var(--max)/2));scrollbar-width:none;cursor:grab}
.gallery::-webkit-scrollbar{display:none}
.gallery.grabbing{cursor:grabbing;scroll-snap-type:none}
.gallery a{flex:0 0 clamp(260px,34vw,520px);aspect-ratio:4/3;scroll-snap-align:start;grid-column:auto!important;grid-row:auto!important}
.gallery a.g-tall{flex-basis:clamp(220px,24vw,360px);aspect-ratio:4/5}
.gallery a span{opacity:1;font-family:var(--font-latin);letter-spacing:.2em;text-transform:uppercase;font-size:11px}
.gallery a img{transition:transform 1.2s var(--ease),filter .6s;filter:saturate(.9)}
.gallery a:hover img{filter:saturate(1.05)}
.gal-progress{height:1px;background:var(--line);margin-top:4px;position:relative;overflow:hidden}
.gal-progress i{position:absolute;inset-block:0;inset-inline-start:0;width:20%;background:var(--gold);transition:transform .15s linear}
.gal-nav{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}
.gal-nav button{width:44px;height:44px;border:1px solid var(--line);background:transparent;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:border-color .2s,background .2s}
.gal-nav button:hover{border-color:var(--gold);background:var(--gold-soft)}
.gal-nav button svg{width:18px;height:18px}

/* --- ספציפיקציה: שורות עריכה במקום כרטיסים --- */
.spec{display:block;background:none;border:0;border-top:1px solid var(--line)}
.spec>div{display:grid;grid-template-columns:44px 1fr 2fr;gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);background:transparent;transition:padding-inline-start .4s var(--ease)}
.spec>div:hover{padding-inline-start:12px}
.spec>div .ic{margin:0}
.spec>div h3{margin:0;font-size:22px}
.spec>div p{max-width:56ch}
@media(max-width:900px){.spec>div{grid-template-columns:40px 1fr;gap:14px}.spec>div p{grid-column:1/-1}}

/* --- סרגל התקדמות גלילה + ניווט סעיפים צד (desktop) --- */
.scroll-progress{position:fixed;top:0;inset-inline:0;height:2px;z-index:99;background:var(--gold);transform-origin:100% 0;transform:scaleX(0);pointer-events:none}
.side-nav{position:fixed;inset-inline-end:22px;top:50%;transform:translateY(-50%);z-index:70;display:grid;gap:14px;mix-blend-mode:difference}
.side-nav a{display:flex;align-items:center;gap:10px;color:#fff;font-family:var(--font-latin);font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:.5;transition:opacity .3s}
.side-nav a::before{content:"";width:18px;height:1px;background:currentColor;transition:width .3s var(--ease)}
.side-nav a.on{opacity:1}.side-nav a.on::before{width:34px}
.side-nav a span{display:none}
@media(max-width:1100px){.side-nav{display:none}}

/* --- סמן מותאם (עכבר בלבד) --- */
@media(hover:hover) and (pointer:fine){
  .cursor{position:fixed;top:0;left:0;z-index:999;width:10px;height:10px;border-radius:50%;background:var(--gold);pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s,opacity .3s;mix-blend-mode:difference}
  .cursor.link{width:44px;height:44px;background:rgba(192,154,79,.35);border:1px solid var(--gold-2)}
  .cursor.drag{width:72px;height:72px;background:var(--gold)}
  .cursor.drag::after{content:"DRAG";position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-latin);font-size:10px;letter-spacing:.2em;color:#fff}
  .cursor.hide{opacity:0}
}

/* --- CTA סופי: פס זהב נע --- */
.final .container{padding-top:20px}
.final h2 strong{color:var(--gold-2)}

/* --- מכבד העדפה / כפתור עצירת אנימציות --- */
@media(prefers-reduced-motion:reduce){.hero-copy h1 .ch{animation:none;opacity:1;transform:none;filter:none}.in .h-display strong::after{animation:none;transform:none}.word-band span{transform:none!important}.cursor{display:none}}
html.a11y-motion .hero-copy h1 .ch{animation:none;opacity:1;transform:none;filter:none}
html.a11y-motion .word-band span{transform:none!important}
html.a11y-motion .cursor{display:none}