/* דף אודות. נטען רק בדף הזה */
.ab{ --navy:#0d111e; --on-navy:#f2f4f8; --on-navy-soft:#c3c8d4; --pink:#dba9b3; --ink:#0d111e; --body:#3f4553; --line:#e3e5ea; --wine:#6b1e2e; }
main > section.ab{ padding:clamp(56px,8vw,120px) 0; background:#fff; box-shadow:none; color:var(--body); text-shadow:none; }
.ab-wrap{ width:100%; max-width:1680px; margin:0 auto; padding:0 22px; }
.ab h1, .ab h2, .ab h3, .ab p, .ab ol, .ab ul, .ab figure{ margin:0; padding:0; }
.ab ol, .ab ul{ list-style:none; }
.ab img{ display:block; width:100%; height:auto; }
.ab h2{ color:var(--ink); font-size:clamp(34px,4.2vw,64px); font-weight:300; line-height:1.12; letter-spacing:-.01em; }
.ab-split{ display:grid; gap:32px; }

/* פתיחה */
main > section.ab-hero{ padding:50px 0 0; background:var(--navy); color:var(--on-navy); }
.ab-hero-grid{ display:flex; flex-direction:column-reverse; gap:32px; }
.ab .ab-hero-photo{ margin:0 -22px; }
.ab-hero-photo img{ aspect-ratio:4/5; object-fit:cover; object-position:center 20%; }
.ab h1{ margin-bottom:14px; color:var(--pink); font-size:15px; font-weight:600; line-height:1.3; letter-spacing:.04em; }
.ab-display{ color:var(--on-navy); font-size:clamp(38px,5.4vw,84px); font-weight:300; line-height:1.1; letter-spacing:-.015em; text-wrap:balance; }
.ab .ab-lead{ margin-top:18px; max-width:30em; color:var(--on-navy-soft); font-size:clamp(17px,1.4vw,21px); line-height:1.6; }
.ab-link, .ab-link:focus{ display:inline-flex; align-items:center; gap:10px; min-height:44px; margin-top:20px; border-bottom:1px solid rgba(255,255,255,.5); color:var(--on-navy); font-size:17px; text-decoration:none; }
.ab-link:hover{ border-bottom-color:var(--pink); color:var(--pink); text-decoration:none; }
.ab .ab-facts{ margin-top:36px; border-top:1px solid rgba(255,255,255,.14); }
.ab-facts li{ display:flex; flex-direction:row-reverse; align-items:baseline; justify-content:space-between; gap:16px; padding:16px 0; border-bottom:1px solid rgba(255,255,255,.14); }
.ab-facts li:last-child{ border-bottom:0; }
.ab-facts strong{ color:var(--on-navy); font-size:24px; font-weight:300; white-space:nowrap; }
.ab-facts span{ color:var(--on-navy-soft); font-size:16px; text-align:right; }

/* ציר זמן */
.ab-timeline li{ display:grid; grid-template-columns:88px minmax(0,1fr); gap:12px; padding:24px 0; border-top:1px solid var(--line); }
.ab-timeline li:last-child{ border-bottom:1px solid var(--line); }
.ab-year{ color:var(--wine); font-size:clamp(22px,2.4vw,34px); font-weight:300; line-height:1.25; white-space:nowrap; }
.ab-timeline p, .ab-promises p{ font-size:17px; line-height:1.75; }

/* ציטוט ותמונות */
main > section.ab-quote{ background:var(--navy); }
.ab-quote-grid{ display:grid; grid-template-columns:minmax(0,1fr); gap:40px; }
.ab-quote-text p{ color:var(--on-navy); font-size:clamp(28px,3.4vw,52px); font-weight:300; line-height:1.25; letter-spacing:-.01em; text-wrap:pretty; max-width:24em; }
.ab .ab-quote-accent{ margin-top:.6em; color:var(--pink); }
.ab-quote-photos{ display:flex; gap:10px; margin:0 -22px; padding:0 22px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding:0 22px; scrollbar-width:none; }
.ab-quote-photos::-webkit-scrollbar{ display:none; }
.ab-quote-photos a{ flex:0 0 72%; scroll-snap-align:start; }
.ab-quote-photos a, .ab-quote-photos a:focus{ color:var(--on-navy-soft); font-size:14px; text-decoration:none; }
.ab-quote-photos a:hover{ color:var(--on-navy); text-decoration:none; }
.ab-quote-photos img{ aspect-ratio:2/3; object-fit:cover; border-radius:6px; }
.ab-quote-photos span{ display:block; padding-top:10px; }
.ab-quote-photos a.ab-quote-all, .ab-quote-photos a.ab-quote-all:focus{ display:flex; align-items:center; justify-content:center; align-self:flex-start; aspect-ratio:2/3; border:1px solid rgba(255,255,255,.22); border-radius:6px; color:var(--on-navy); font-size:20px; font-weight:300; }

/* איך זה מרגיש */
.ab-promises{ counter-reset:p; }
.ab-promises li{ counter-increment:p; padding:24px 0; border-top:1px solid var(--line); }
.ab-promises li::before{ content:counter(p,decimal-leading-zero); display:block; margin-bottom:10px; color:var(--wine); font-size:13px; font-variant-numeric:tabular-nums; }
.ab .ab-promises h3{ margin-bottom:8px; color:var(--ink); font-size:23px; font-weight:400; line-height:1.3; }

/* וידאו */
main > section.ab-video{ background:#f1f2f5; }
.ab .ab-video h2, .ab-video h2{ margin-bottom:32px; }
.ab-video-grid{ display:grid; gap:24px; align-items:start; }
.ab-youtube{ position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:10px; background:var(--navy); }
.ab-youtube iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
.ab-tiktok{ width:100%; }
.ab-tiktok .embed-responsive-tiktok{ position:relative; width:100%; height:auto; margin:0; aspect-ratio:325/578; padding:0; overflow:hidden; border-radius:10px; }
.ab-tiktok iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; }

/* להמשיך */
.ab-rows a, .ab-rows a:focus{ display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:68px; border-top:1px solid var(--line); color:var(--ink); font-size:clamp(20px,1.8vw,26px); font-weight:300; text-decoration:none; transition:color .2s, padding .25s; }
.ab-rows a:last-child{ border-bottom:1px solid var(--line); }
.ab-rows a span{ color:var(--wine); }
.ab-rows a:hover{ padding-left:10px; color:var(--wine); text-decoration:none; }

.ab a:focus-visible{ outline:2px solid currentColor; outline-offset:3px; }

@media (min-width:768px){
    .ab-wrap{ padding:0 clamp(32px,5vw,96px); }
    .ab .ab-hero-photo{ margin:0; }
    .ab .ab-facts{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
    .ab-facts li{ display:block; border-bottom:0; }
    .ab-facts strong{ display:block; font-size:clamp(26px,2.6vw,40px); }
    .ab-facts span{ display:block; margin-top:4px; }
    .ab-timeline li{ grid-template-columns:150px minmax(0,1fr); gap:24px; padding:32px 0; }
    .ab-promises{ display:grid; grid-template-columns:1fr 1fr; gap:0 48px; }
    .ab-quote-photos{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin:0; padding:0; overflow:visible; }
    .ab-quote-photos a.ab-quote-all{ display:none; }
    .ab-video-grid{ grid-template-columns:minmax(0,1fr) 325px; gap:40px; }
}
@media (min-width:992px){
    main > section.ab-hero{ padding-top:120px; }
    .ab-hero-grid{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:clamp(40px,6vw,110px); align-items:center; }
    .ab-hero-photo img{ max-height:calc(100vh - 170px); min-height:420px; border-radius:6px; }
    .ab .ab-facts{ margin-top:clamp(40px,5vw,72px); padding-bottom:12px; }
    .ab-split{ grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:clamp(40px,6vw,110px); align-items:start; }
    .ab-split > h2{ position:sticky; top:110px; }
}
/* כניסה עדינה בגלילה. דפדפן בלי התמיכה פשוט מציג הכול */
@keyframes ab-in{ from{ opacity:0; transform:translateY(22px); } }
@media (prefers-reduced-motion:no-preference){
    @supports (animation-timeline:view()){
        .ab-reveal{ animation:ab-in linear both; animation-timeline:view(); animation-range:entry 0% entry 30%; }
    }
}