/* ============================================================================
   صفحهٔ «درباره ما» — بازطراحی کامل (AboutPageStructure + pages/about.blade.php)
   این فایل آخر از همهٔ شیوه‌نامه‌ها بارگذاری می‌شود (stack styles) پس بدون
   !important جنگ specificity نمی‌کند. همهٔ رنگ‌ها از توکن‌های برند سایت
   (--aria-*) خوانده می‌شوند تا با تنظیمات پنل مدیریت هم‌راستا بماند.
   ========================================================================== */

/* ---------- هیرو (page-head) ---------- */
.about-hero{position:relative;padding-top:30px!important;padding-bottom:0!important;overflow:hidden}
.about-hero .container{position:relative;z-index:2}
.about-hero-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none}
.about-hero-molecule{position:absolute;top:-120px;inset-inline-end:-140px;width:min(640px,72vw);height:auto;color:#fff;opacity:.2;animation:aboutMoleculeFloat 14s ease-in-out infinite}
.about-hero-glow{position:absolute;top:-30%;inset-inline-start:-10%;width:60%;height:130%;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.14),rgba(255,255,255,0) 62%)}
@keyframes aboutMoleculeFloat{50%{transform:translateY(-22px) rotate(2deg)}}

.about-hero-intro{max-width:720px;margin:18px 0 0}
.about-hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border:1px solid rgba(255,255,255,.38);border-radius:999px;background:rgba(255,255,255,.13);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.2px}
.about-hero-kicker svg{width:15px;height:15px;fill:none;stroke:currentColor}
.about-hero-tagline{margin:16px 0 0;color:#fff;font-size:clamp(15px,1.6vw,19px);font-weight:700;line-height:2;opacity:.96;text-wrap:balance}

.about-hero-chips{display:flex;flex-wrap:wrap;gap:9px}
.about-hero-chips-row{margin-inline-start:auto;justify-content:flex-end}
.about-hero .page-head-row{flex-wrap:wrap;row-gap:12px}
.about-hero h1::before,.page-head-about h1::before{display:none}
.about-hero-chip{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 16px;border:1px solid rgba(255,255,255,.34);border-radius:14px;background:rgba(39,20,24,.28);color:#fff;backdrop-filter:blur(3px)}
.about-hero-chip svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:#ffc9cf}
.about-hero-chip b{font-size:14px}
.about-hero-chip span{font-size:10.5px;opacity:.85}
.about-hero .breadcrumb{margin-top:24px}

/* ---------- بدنهٔ صفحه ---------- */
.about-page{background:#fff}
.about-section{padding:64px 0}
.about-section-head{margin-bottom:34px;max-width:640px}
.about-section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--aria-red);font-size:12px;font-weight:700;letter-spacing:.3px}
.about-kicker-bar{width:26px;height:3px;border-radius:99px;background:var(--aria-red-gradient,var(--aria-red))}
.about-section-head h2{margin:10px 0 0;color:var(--aria-ink);font-size:clamp(23px,2.6vw,32px);line-height:1.55;text-wrap:balance}

/* ---------- نوار آمار ---------- */
.about-stats{padding-top:58px;padding-bottom:58px}
.about-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.about-stat-card{position:relative;overflow:hidden;padding:24px 18px 20px;border:1px solid var(--aria-line);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(30,30,34,.05);text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.about-stat-card::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:var(--aria-red-gradient,var(--aria-red));opacity:0;transition:opacity .3s ease}
.about-stat-card:hover{transform:translateY(-6px);box-shadow:var(--aria-shadow);border-color:#f3c6cc}
.about-stat-card:hover::before{opacity:1}
.about-stat-icon{display:inline-grid;place-items:center;width:52px;height:52px;margin-bottom:14px;border-radius:16px;background:var(--aria-red-soft);color:var(--aria-red)}
.about-stat-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.about-stat-card strong{display:block;margin-bottom:6px;color:var(--aria-ink);font-size:clamp(22px,2.1vw,27px);line-height:1.3;letter-spacing:.2px}
.about-stat-label{display:block;color:var(--aria-muted);font-size:11.5px;line-height:1.8}

/* ---------- داستان ---------- */
.about-story-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:46px;align-items:center}
.about-story-grid-text{grid-template-columns:1fr}
.about-story-copy .about-story-lead{position:relative;margin:0 0 20px;padding-inline-start:20px;border-inline-start:3px solid var(--aria-red);color:var(--aria-ink);font-size:clamp(16px,1.5vw,19px);font-weight:700;line-height:2.15;text-wrap:pretty}
.about-story-copy .about-story-text{margin:0;color:var(--aria-muted);font-size:14.5px;line-height:2.3;text-wrap:pretty}
.about-story-media{position:relative;margin:0}
.about-story-media img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:4/3.1;object-fit:cover;border-radius:18px;box-shadow:0 26px 54px rgba(31,22,24,.16)}
.about-story-media-frame{position:absolute;z-index:0;inset:26px -14px -14px 26px;border:2px solid #f4ccd1;border-radius:22px;background:var(--aria-red-soft)}
[dir=ltr] .about-story-media-frame{inset:26px 26px -14px -14px}
.about-story-media figcaption{position:relative;z-index:2;display:flex;justify-content:flex-start;margin-top:-18px}
.about-story-media-badge{display:inline-flex;align-items:center;gap:8px;margin-inline-start:16px;padding:9px 16px;border:1px solid #f3d4d8;border-radius:999px;background:#fff;box-shadow:0 12px 26px rgba(31,22,24,.13);color:var(--aria-ink);font-size:11.5px;font-weight:700}
.about-story-media-badge svg{width:15px;height:15px;fill:none;stroke:var(--aria-red);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- کارت‌های توانمندی ---------- */
.about-cards{background:linear-gradient(180deg,#faf9fa,#fff)}
.about-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.about-card{position:relative;overflow:hidden;padding:28px 26px 24px;border:1px solid var(--aria-line);border-radius:var(--aria-radius,18px);background:#fff;box-shadow:0 7px 24px rgba(24,24,27,.04);transition:transform .3s ease,box-shadow .3s ease}
.about-card::before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:var(--aria-red-gradient,var(--aria-red));transform:scaleX(0);transform-origin:100% 0;transition:transform .38s ease}
.about-card:hover{transform:translateY(-7px);box-shadow:var(--aria-shadow)}
.about-card:hover::before{transform:scaleX(1)}
.about-card-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:18px;border-radius:17px;background:var(--aria-red-soft);color:var(--aria-red)}
.about-card-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.about-card h3{margin:0 0 10px;color:var(--aria-ink);font-size:17.5px}
.about-card p{margin:0;color:var(--aria-muted);font-size:13.5px;line-height:2.15;text-wrap:pretty}
.about-chip-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.about-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid #f0d6da;border-radius:999px;background:#fdf7f8;color:#8e545c;font-size:10.5px;line-height:1.7}
.about-chip svg{width:13px;height:13px;fill:none;stroke:var(--aria-red);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.about-chip-mono{font-size:11px;font-weight:700;letter-spacing:.6px;color:var(--aria-red-dark,#b7192a);background:#fff;border-color:#f3c6cc}
.about-chip-std{font-weight:700;letter-spacing:.4px;color:var(--aria-red-dark,#b7192a);background:var(--aria-red-soft);border-color:#f3c6cc}
.about-chip-strong{color:var(--aria-ink);font-weight:700;background:#fff;border-color:var(--aria-line)}
.about-card--red{border-color:transparent;background:linear-gradient(150deg,#a50d24 0%,#d71f33 52%,#ef4353 100%);box-shadow:0 16px 38px rgba(183,15,40,.24)}
.about-card--red::before{background:rgba(255,255,255,.9)}
.about-card--red::after{content:"";position:absolute;top:-46px;inset-inline-end:-46px;width:132px;height:132px;border-radius:50%;background:rgba(255,255,255,.09);pointer-events:none}
.about-card--red h3{color:#fff}
.about-card--red p{color:rgba(255,255,255,.9)}
.about-card--red .about-card-icon{background:rgba(255,255,255,.18);color:#fff}
.about-card--red .about-card-icon svg{stroke:#fff}
.about-card--red .about-chip,.about-card--red .about-chip-mono,.about-card--red .about-chip-std,.about-card--red .about-chip-strong{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.34);color:#fff}
.about-card--red .about-chip svg{stroke:#fff}
.about-card--red:hover{box-shadow:0 24px 46px rgba(183,15,40,.34)}

/* ---------- نوارهای خدمات/صادرات/بذر ---------- */
.about-bands .about-band{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;padding:26px 28px;border:1px solid var(--aria-line);border-radius:var(--aria-radius,18px);background:#fff;box-shadow:0 7px 24px rgba(24,24,27,.04)}
.about-bands .about-band+.about-band{margin-top:16px}
.about-band-icon{position:relative;display:grid;place-items:center;width:86px;height:86px;border-radius:24px;background:var(--aria-red-soft);color:var(--aria-red)}
.about-band-icon::after{content:"";position:absolute;inset:-7px;border:1px dashed #f0c6cc;border-radius:28px}
.about-band-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.about-band-flip .about-band-icon{order:2}
.about-band-copy h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:var(--aria-ink);font-size:17px}
.about-band-copy h3::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--aria-red)}
.about-band-copy p{margin:0;color:var(--aria-muted);font-size:13.5px;line-height:2.2;text-wrap:pretty}

/* ---------- خط زمانی ---------- */
.about-timeline{background:#f8f7f8}
.about-timeline-rail{position:relative;padding:6px 0}
.about-timeline-line{position:absolute;top:0;bottom:0;right:50%;left:50%;width:0}
.about-timeline-line::before{content:"";position:absolute;top:0;bottom:0;right:-1px;left:-1px;width:auto;background:#e9e7e9}
.about-timeline-line-fill{position:absolute;top:0;inset-inline-start:-1px;width:2px;height:0;background:var(--aria-red-gradient,var(--aria-red));transition:height 1.8s cubic-bezier(.25,.6,.3,1)}
.about-timeline-line.is-filled .about-timeline-line-fill{height:100%}
.about-timeline-list{position:relative;z-index:1;margin:0;padding:0;list-style:none}
.about-timeline-item{position:relative;display:grid;grid-template-columns:1fr 108px 1fr;align-items:center;margin:0 0 18px}
.about-timeline-dot{grid-column:2;justify-self:center;position:relative;z-index:2;display:grid;place-items:center;min-width:74px;height:74px;border-radius:50%;background:#fff;border:2px solid #f0c6cc;box-shadow:0 10px 26px rgba(31,22,24,.1);color:var(--aria-red-dark,#b7192a);font-size:15px}
.about-timeline-dot b{font-weight:800;letter-spacing:.3px}
.about-timeline-dot::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--aria-red-soft);z-index:-1}
.about-timeline-dot-award svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.about-timeline-card{grid-row:1;padding:16px 20px;border:1px solid var(--aria-line);border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(30,30,34,.05)}
.about-timeline-item:nth-child(odd) .about-timeline-card{grid-column:1;text-align:end}
.about-timeline-item:nth-child(even) .about-timeline-card{grid-column:3;text-align:start}
.about-timeline-card p{margin:0;color:var(--aria-muted);font-size:12.5px;line-height:2}
.about-timeline-milestone{border-inline-start:3px solid var(--aria-red)}
.about-timeline-item:nth-child(odd) .about-timeline-milestone{border-inline-start:0;border-inline-end:3px solid var(--aria-red)}
.about-timeline-milestone h3{margin:0 0 5px;color:var(--aria-ink);font-size:14.5px}
.about-timeline-milestone p{color:var(--aria-muted);font-size:11.5px}

/* ---------- کروسل گواهی‌نامه‌ها ---------- */
.about-gallery-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 18px;max-width:none}
.about-gallery-head>div{max-width:640px}
.about-carousel-count{display:none}
.about-js .about-carousel-count{display:inline-flex;align-items:center;gap:5px;padding:8px 15px;border:1px solid #f3c6cc;border-radius:999px;background:#fff;color:var(--aria-muted);font-size:11.5px;box-shadow:0 6px 16px rgba(30,30,34,.06)}
.about-carousel-count b{color:var(--aria-red-dark,#b7192a);font-weight:800}
.about-carousel-count i{font-style:normal;opacity:.5;font-size:10px}
.about-gallery-carousel{position:relative}
.about-gallery-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px 3px 6px}
.about-gallery-grid::-webkit-scrollbar{display:none}
.about-gallery-item,.about-photos-item{position:relative;flex:0 0 min(300px,72vw);margin:0;overflow:hidden;scroll-snap-align:center;border:1px solid var(--aria-line);border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(30,30,34,.05);transition:border-color .3s ease,box-shadow .3s ease}
.about-gallery-item img,.about-photos-item img{display:block;width:100%;height:190px;object-fit:cover;transition:transform .45s ease}
.about-gallery-item:hover img,.about-photos-item:hover img{transform:scale(1.05)}
.about-gallery-item::after,.about-photos-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(39,20,24,.34));opacity:0;transition:opacity .3s ease;pointer-events:none}
.about-gallery-item:hover::after,.about-photos-item:hover::after{opacity:1}
.about-gallery-item.is-carousel-active{border-color:#ee9aa4;box-shadow:0 12px 30px rgba(215,31,51,.18)}
.about-carousel-arrow{display:none}
.about-js .about-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:#a01125;box-shadow:0 12px 28px rgba(31,22,24,.22);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.about-js .about-carousel-arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.about-js .about-carousel-arrow:hover{transform:translateY(-50%) scale(1.09);background:#fff;box-shadow:0 16px 36px rgba(31,22,24,.3)}
.about-js .about-carousel-arrow:focus-visible{outline:3px solid #fff;outline-offset:3px}
.about-carousel-prev{inset-inline-start:-9px}
.about-carousel-next{inset-inline-end:-9px}
[dir=rtl] .about-carousel-arrow svg{transform:scaleX(-1)}

/* ---------- اسلایدشو تصاویر شرکت ---------- */
.about-slideshow{max-width:860px;margin:0 auto}
.about-slideshow-stage{position:relative;margin:0}
.about-slideshow-viewport{position:relative;overflow:hidden;border-radius:20px;aspect-ratio:16/9.4;background:#f7f5f5;box-shadow:0 24px 54px rgba(31,22,24,.16);cursor:zoom-in}
.about-slideshow-viewport:focus-visible{outline:3px solid var(--aria-red);outline-offset:3px}
.about-slideshow-slide{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.045);transition:opacity .65s ease,transform 1.1s cubic-bezier(.22,.7,.3,1);pointer-events:none}
.about-slideshow-slide.is-active{position:relative;z-index:2;opacity:1;transform:scale(1);pointer-events:auto}
.about-slideshow-arrow{display:none}
.about-js .about-slideshow-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:rgba(20,8,10,.46);color:#fff;backdrop-filter:blur(3px);cursor:pointer;transition:transform .25s ease,background .25s ease,opacity .25s ease}
.about-js .about-slideshow-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.about-js .about-slideshow-arrow:hover{transform:translateY(-50%) scale(1.09);background:rgba(20,8,10,.62)}
.about-js .about-slideshow-arrow:focus-visible{outline:3px solid #fff;outline-offset:2px}
.about-slideshow-prev{inset-inline-start:14px}
.about-slideshow-next{inset-inline-end:14px}
[dir=rtl] .about-slideshow-arrow svg{transform:scaleX(-1)}
.about-slideshow-zoom-hint{position:absolute;top:14px;inset-inline-end:14px;z-index:4;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(20,8,10,.46);color:#fff;backdrop-filter:blur(3px);opacity:0;transform:translateY(-5px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.about-slideshow-zoom-hint svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.about-slideshow-stage:hover .about-slideshow-zoom-hint,.about-slideshow-viewport:focus-visible~.about-slideshow-zoom-hint{opacity:1;transform:none}
.about-slideshow-caption{position:absolute;z-index:3;bottom:0;inset-inline:0;display:flex;align-items:center;gap:8px;padding:36px 18px 13px;background:linear-gradient(180deg,rgba(31,22,24,0),rgba(31,22,24,.66));color:#fff}
.about-slideshow-caption [data-slideshow-caption]{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700}
.about-slideshow-caption b{font-size:11.5px;font-weight:800}
.about-slideshow-caption i{font-style:normal;opacity:.55;font-size:10.5px}
.about-slideshow-caption span:not([data-slideshow-caption]){font-size:11px;opacity:.9}
.about-slideshow-thumbs{display:none}
.about-js .about-slideshow-thumbs{display:flex;gap:10px;margin-top:14px;padding:4px 2px 6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.about-js .about-slideshow-thumbs::-webkit-scrollbar{display:none}
.about-slideshow-thumb{flex:none;width:96px;height:64px;padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 16px rgba(30,30,34,.09);cursor:pointer;opacity:.76;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease,opacity .25s ease}
.about-slideshow-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.about-slideshow-thumb:hover{opacity:1;transform:translateY(-3px)}
.about-slideshow-thumb:focus-visible{outline:2px solid var(--aria-red);outline-offset:2px}
.about-slideshow-thumb.is-active{border-color:var(--aria-red);opacity:1;box-shadow:0 10px 24px rgba(215,31,51,.24)}

/* ---------- نقل قول پایانی (نوار قرمز) ---------- */
.about-quote{position:relative;overflow:hidden;background:var(--aria-red-gradient,#d71f33);color:#fff}
.about-quote::before{content:"";position:absolute;top:-22%;inset-inline-start:10%;width:58%;height:144%;background:radial-gradient(circle at 35% 40%,rgba(255,255,255,.13),rgba(255,255,255,0) 62%);pointer-events:none}
.about-quote-orbit{position:absolute;top:26px;inset-inline-end:-56px;width:196px;height:196px;color:#fff;opacity:.42;pointer-events:none;animation:aboutSpin 26s linear infinite}
.about-quote-orbit svg{display:block;width:100%;height:100%}
.about-quote-molecule{position:absolute;bottom:-44px;inset-inline-start:-40px;width:200px;height:200px;color:#fff;opacity:.3;pointer-events:none;animation:aboutSpinRev 38s linear infinite}
.about-quote-molecule svg{display:block;width:100%;height:100%}
@keyframes aboutSpin{to{transform:rotate(1turn)}}
@keyframes aboutSpinRev{to{transform:rotate(-1turn)}}
@keyframes aboutQuoteGlow{50%{opacity:.55;transform:translate(-50%,-50%) scale(1.06)}}
.about-quote-box{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:44px 56px 34px;text-align:center}
.about-quote-box::before{content:"";position:absolute;top:50%;left:50%;width:min(560px,92%);aspect-ratio:1/1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.17),rgba(255,255,255,0) 65%);animation:aboutQuoteGlow 7s ease-in-out infinite;pointer-events:none}
.about-quote-mark{position:absolute;top:-8px;inset-inline-start:14px;color:rgba(255,255,255,.5);font-size:110px;line-height:1;font-weight:800;pointer-events:none;user-select:none}
.about-quote-box blockquote{margin:0;color:#fff;font-size:clamp(16px,1.8vw,20px);font-weight:700;line-height:2.2;text-wrap:balance}
.about-quote-box figcaption{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;color:rgba(255,255,255,.95);font-size:12px;font-weight:700}
.about-quote-rule{width:38px;height:2px;border-radius:99px;background:rgba(255,255,255,.85)}

/* ---------- انیمیشن‌های نمایان‌شدن ---------- */
.about-js .about-reveal{opacity:0;transform:translateY(26px)}
.about-js .about-reveal.is-visible{opacity:1;transform:none;transition:opacity .7s ease,transform .75s cubic-bezier(.22,.7,.3,1)}
.about-js .about-stats-grid .about-reveal:nth-child(2),.about-js .about-cards-grid .about-reveal:nth-child(2){transition-delay:.08s}
.about-js .about-stats-grid .about-reveal:nth-child(3),.about-js .about-cards-grid .about-reveal:nth-child(3){transition-delay:.16s}
.about-js .about-stats-grid .about-reveal:nth-child(4),.about-js .about-cards-grid .about-reveal:nth-child(4){transition-delay:.24s}
.about-js .about-stats-grid .about-reveal:nth-child(5){transition-delay:.32s}
.about-js .about-stats-grid .about-reveal:nth-child(6){transition-delay:.4s}
.about-js .about-timeline-item:nth-child(odd) .about-timeline-card{transform:translateX(18px)}
.about-js .about-timeline-item:nth-child(even) .about-timeline-card{transform:translateX(-18px)}
.about-js .about-timeline-item.is-visible .about-timeline-card{transform:none;transition:transform .75s cubic-bezier(.22,.7,.3,1)}
.about-js .about-timeline-item.is-visible .about-timeline-dot{animation:aboutDotPop .55s cubic-bezier(.3,1.4,.5,1)}
@keyframes aboutDotPop{0%{transform:scale(.5);opacity:0}100%{transform:scale(1);opacity:1}}

/* ---------- ریسپانسیو ---------- */
@media(max-width:1023px){
  .about-stats-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:899px){
  .about-story-grid{grid-template-columns:1fr;gap:30px}
  .about-story-media{max-width:560px}
  .about-cards-grid{grid-template-columns:1fr}
  .about-hero-chips-row{margin-inline-start:0;justify-content:flex-start}
  .about-timeline-line{right:auto;left:auto;inset-inline-start:31px}
  .about-timeline-item{display:flex;gap:16px;margin-bottom:14px}
  .about-timeline-dot{flex:none;width:64px;height:64px;min-width:64px;font-size:13px}
  .about-timeline-card{flex:1;text-align:start!important;border-inline-start:3px solid var(--aria-red);border-inline-end:0!important}
  .about-timeline-item:nth-child(odd) .about-timeline-milestone{border-inline-start:3px solid var(--aria-red);border-inline-end:0}
}
@media(max-width:619px){
  .about-section{padding:46px 0}
  .about-stats{padding:40px 0}
  .about-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .about-stat-card{padding:19px 12px 16px}
  .about-stat-icon{width:44px;height:44px;margin-bottom:10px;border-radius:13px}
  .about-stat-icon svg{width:22px;height:22px}
  .about-stat-card strong{font-size:20px}
  .about-hero{padding-top:24px!important}
  .about-hero-chip{padding:7px 12px;min-height:40px}
  .about-hero-chip b{font-size:12.5px}
  .about-hero-chip span{font-size:9.5px}
  .about-hero .breadcrumb{margin-top:18px}
  .about-band{grid-template-columns:1fr;gap:18px;padding:22px 18px}
  .about-band-flip .about-band-icon{order:0}
  .about-band-icon{width:64px;height:64px;border-radius:18px}
  .about-band-icon svg{width:30px;height:30px}
  .about-timeline-line{inset-inline-start:27px}
  .about-timeline-dot{width:56px;height:56px;min-width:56px;font-size:12px}
  .about-gallery-item{flex-basis:min(238px,76vw)}
  .about-gallery-item img{height:148px}
  .about-js .about-carousel-arrow{width:40px;height:40px}
  .about-carousel-prev{inset-inline-start:1px}
  .about-carousel-next{inset-inline-end:1px}
  .about-slideshow-viewport{aspect-ratio:4/3.2;border-radius:15px}
  .about-js .about-slideshow-arrow{width:40px;height:40px}
  .about-slideshow-prev{inset-inline-start:8px}
  .about-slideshow-next{inset-inline-end:8px}
  .about-slideshow-caption{padding:30px 12px 11px}
  .about-slideshow-thumb{width:74px;height:50px;border-radius:9px}
  .about-quote-box{padding:36px 18px 28px}
  .about-quote-mark{font-size:76px;top:-4px}
  .about-quote-orbit{width:128px;height:128px;top:12px;inset-inline-end:-38px}
  .about-quote-molecule{width:132px;height:132px;bottom:-30px;inset-inline-start:-30px}
}
@media(max-width:400px){
  .about-stats-grid{grid-template-columns:1fr 1fr}
  .about-hero-chips{gap:7px}
}

/* ---------- کاهش حرکت ---------- */
@media(prefers-reduced-motion:reduce){
  .about-hero-molecule{animation:none}
  .about-quote-orbit,.about-quote-molecule{animation:none}
  .about-quote-box::before{animation:none}
  .about-slideshow-slide{transition:none}
  .about-gallery-item,.about-slideshow-thumb,.about-carousel-arrow,.about-slideshow-arrow{transition:none!important}
  .about-js .about-reveal,.about-js .about-timeline-item .about-timeline-card{opacity:1!important;transform:none!important;transition:none!important}
  .about-stat-card,.about-card,.about-gallery-item img,.about-photos-item img,.about-timeline-line-fill{transition:none!important}
  .about-js .about-timeline-item.is-visible .about-timeline-dot{animation:none}
}