/* V87 — صفحهٔ جزئیات پروژه */
#projectRoot .pv87{--pv87-r:22px;--pv87-card:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.015));--pv87-edge:rgba(221,234,255,.14);color:var(--text)}
html[data-theme=light] #projectRoot .pv87{--pv87-card:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.66));--pv87-edge:rgba(23,32,42,.1)}
#projectRoot .pv87 .wrap{width:min(1400px,100%);max-width:none;margin-inline:auto;padding-inline:clamp(16px,3.2vw,48px)}
#projectRoot .pv87 .project-section,#projectRoot .pv87 .pv87-section{padding:44px 0;scroll-margin-top:calc(var(--header-height53,96px) + 70px)}
#projectRoot .pv87 h2{font-size:clamp(22px,2.4vw,32px);line-height:1.5;margin:0}
#projectRoot .pv87 .eyebrow{display:block;font-size:12px;letter-spacing:.12em;color:var(--accent);margin-bottom:6px}
#projectRoot .pv87 svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* بالای صفحه */
#projectRoot .pv87-hero.project-section{padding:18px 0 34px;background:radial-gradient(ellipse at 85% 0%,#fc812318,transparent 55%),radial-gradient(ellipse at 0% 80%,#8ac3e812,transparent 55%)}
.pv87-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font-size:13px;color:var(--muted)}
.pv87-crumbs a{color:inherit;text-decoration:none}
.pv87-crumbs a:hover,.pv87-crumbs a:focus-visible{color:var(--text)}
.pv87-crumbs a:last-child{color:var(--text)}
.pv87-top{display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,1.45fr);gap:clamp(20px,3vw,48px);align-items:center}
.pv87-media{min-width:0;display:grid;gap:10px}
.pv87-info{order:-1}
.pv87-frame{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;width:100%;aspect-ratio:4/3;max-height:min(74svh,760px);border-radius:var(--pv87-r);background:#0c1218;border:1px solid var(--pv87-edge);box-shadow:0 30px 80px -30px rgba(0,0,0,.55)}
html[data-theme=light] .pv87-frame{background:#dfe5e9;box-shadow:0 26px 70px -34px rgba(46,62,72,.45)}
.pv87-frame>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.pv87-cover{cursor:zoom-in;text-decoration:none;color:#fff}
.pv87-cover>img{transition:transform .5s var(--ease,ease)}
.pv87-cover:hover>img{transform:scale(1.015)}
.pv87-zoom{position:absolute;inset-inline-start:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:600;color:#fff;background:rgba(10,14,18,.62);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);opacity:.92;transition:opacity .2s}
.pv87-zoom svg{width:17px;height:17px}
.pv87-cover:hover .pv87-zoom,.pv87-cover:focus-visible .pv87-zoom{opacity:1}
.pv87-cover:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.pv87-placeholder svg{width:72px;height:72px;color:var(--accent);opacity:.7}
/* ویدئو */
.pv87-player{margin:0;display:grid;gap:0;border-radius:var(--pv87-r);overflow:hidden;background:var(--pv87-card);border:1px solid var(--pv87-edge)}
.pv87-player .pv87-frame{aspect-ratio:16/9;border:0;border-radius:0;box-shadow:none}
.pv87-video video{position:relative;display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain!important;background:transparent!important;border-radius:0!important}
.pv87-cover-btn{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:transparent;color:#fff}
.pv87-cover-btn[hidden]{display:none}
.pv87-cover-btn img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.pv87-play{position:relative;display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 14px 40px rgba(243,107,33,.45),0 0 0 10px rgba(255,255,255,.12);transition:transform .2s}
.pv87-play svg{width:28px;height:28px;fill:#fff;stroke:none;transform:translateX(2px)}
.pv87-cover-btn:hover .pv87-play{transform:scale(1.07)}
.pv87-cover-btn:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.pv87-media-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
.pv87-media-bar>div{display:grid;gap:2px;min-width:0}
.pv87-media-bar b{font-size:14px;font-weight:700;overflow-wrap:anywhere}
.pv87-media-bar span{font-size:13px;color:var(--muted)}
.pv87-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 13px;border-radius:11px;border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:13px;cursor:pointer}
.pv87-chip svg{width:16px;height:16px}
.pv87-chip:hover{border-color:var(--accent)}
/* تور */
.pv87-tour{aspect-ratio:16/10}
.pv87-tour>img{filter:brightness(.72)}
.pv87-tour-btn{position:absolute;display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 24px;border:0;border-radius:999px;cursor:pointer;color:#fff;font:inherit;font-size:16px;font-weight:700;text-decoration:none;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 16px 44px rgba(243,107,33,.45),0 0 0 8px rgba(255,255,255,.12)}
.pv87-tour-btn svg{width:22px;height:22px}
.pv87-tour-btn:hover{transform:translateY(-1px)}
.pv87-tour.is-open{background:#000}
.pv87-tour iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pv87-media-note{margin:0;font-size:13px;color:var(--muted)}
.pv87-media-note a{color:var(--accent);text-decoration:none;white-space:nowrap}
/* متن کنار رسانه */
.pv87-info{min-width:0;display:grid;align-content:center;gap:18px}
.pv87-kicker{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;background:rgba(243,107,33,.1);border:1px solid rgba(243,107,33,.28)}
.pv87-kicker svg{width:17px;height:17px}
.pv87-kicker:hover{background:rgba(243,107,33,.16)}
#projectRoot .pv87-info h1{margin:0;font-size:clamp(26px,2.8vw,42px);line-height:1.45;font-weight:800;overflow-wrap:anywhere}
#projectRoot .pv87-summary{margin:0;font-size:15.5px;line-height:2.05;color:var(--muted)}
.pv87-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--pv87-edge);background:var(--pv87-edge)}
.pv87-facts>div{display:grid;align-content:start;gap:3px;padding:12px 14px;background:var(--bg2,var(--bg))}
html:not([data-theme=light]) .pv87-facts>div{background:#10171d}
.pv87-facts>div:only-child,.pv87-facts>div:last-child:nth-child(odd){grid-column:1/-1}
.pv87-facts dt{font-size:12.5px;color:var(--muted)}
.pv87-facts dd{margin:0;font-size:14.5px;font-weight:700;line-height:1.7;overflow-wrap:anywhere}
.pv87-facts .pv87-client{grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.pv87-facts .pv87-client img{grid-row:1/3;width:40px;height:40px;object-fit:contain;border-radius:10px;background:#fff;padding:3px}
.pv87-facts .pv87-client dt,.pv87-facts .pv87-client dd{grid-column:2}
.pv87-facts:not(:has(div)){display:none}
.pv87-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
#projectRoot .pv87-actions .btn{margin:0;min-height:48px;padding:0 20px;font-size:14px;border-radius:13px;text-decoration:none}
#projectRoot .pv87-actions .btn.primary{flex:1 1 200px}
.pv87-share{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:0 16px;border-radius:13px;border:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:14px;cursor:pointer}
.pv87-share svg{width:18px;height:18px}
.pv87-share:hover,.pv87-share:focus-visible{border-color:var(--accent);color:var(--accent)}
.pv87-toast{position:fixed;z-index:60;inset-inline:0;bottom:24px;width:max-content;max-width:calc(100vw - 32px);margin:auto;padding:11px 18px;border-radius:12px;font-size:14px;color:#fff;background:#141c23;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.4);opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;overflow-wrap:anywhere}
.pv87-toast.is-on{opacity:1;transform:none}
.pv87-toast:empty{display:none}

/* منوی بخش‌ها */
#projectRoot .pv87-nav{position:sticky;top:var(--pv87-sticky,0);z-index:20;padding:0;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);border-block:1px solid var(--line)}
#projectRoot .pv87-nav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
#projectRoot .pv87-nav .wrap::-webkit-scrollbar{display:none}
#projectRoot .pv87-nav a{flex:none;padding:14px 14px;font-size:14px;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent}
#projectRoot .pv87-nav a:hover{color:var(--text)}
#projectRoot .pv87-nav a.active{color:var(--text);border-bottom-color:var(--accent)}

/* عنوان بخش‌ها */
.pv87-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.pv87-head>span,.pv87-head>a{flex:none;font-size:14px;color:var(--muted);text-decoration:none}
.pv87-head>a:hover{color:var(--accent)}

/* معرفی پروژه و خدمات */
.pv87-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:clamp(24px,4vw,64px);align-items:start}
.pv87-story.is-services-only{grid-template-columns:1fr}
.pv87-text{display:grid;gap:14px;max-width:820px}
#projectRoot .pv87-text p{margin:0;font-size:15.5px;line-height:2.15;color:var(--muted)}
#projectRoot .pv87-text .pv87-lead{font-size:16.5px;color:var(--text)}
.pv87-text article{display:grid;gap:8px;padding-top:6px}
#projectRoot .pv87-text h3{margin:0;font-size:18px;line-height:1.6}
.pv87-services{position:sticky;top:calc(var(--header-height53,96px) + 70px);display:grid;gap:14px;padding:20px;border-radius:var(--pv87-r);background:var(--pv87-card);border:1px solid var(--pv87-edge)}
#projectRoot .pv87-services h2{font-size:17px}
.pv87-services ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.pv87-services li{padding:7px 12px;border-radius:10px;font-size:13.5px;line-height:1.7;background:color-mix(in srgb,var(--text) 6%,transparent);border:1px solid var(--line)}
.pv87-services a{font-size:13.5px;color:var(--accent);text-decoration:none}
.is-services-only .pv87-services{position:static}

/* ویدئوهای دیگر */
.pv87-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px}
.pv87-videos>:only-child{max-width:860px}

/* گالری */
.pv87-gallery{columns:3 280px;column-gap:14px}
.pv87-gallery.is-single{columns:1}
.pv87-gallery figure{break-inside:avoid;margin:0 0 14px}
.pv87-gallery figure[hidden]{display:none}
.pv87-gallery a{display:block;position:relative;overflow:hidden;border-radius:16px;background:var(--surface2);cursor:zoom-in}
.pv87-gallery img{display:block;width:100%;height:auto;transition:transform .5s var(--ease,ease),filter .3s}
.pv87-gallery a:hover img{transform:scale(1.03)}
.pv87-gallery a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.pv87-gallery figcaption{padding:8px 4px 0;font-size:13.5px;line-height:1.8;color:var(--muted)}
.pv87-gallery.is-single img{max-height:80svh;object-fit:contain;margin:auto;width:auto;max-width:100%}
#projectRoot .pv87-more{display:flex;margin:10px auto 0;min-height:46px;padding:0 22px;font-size:14px}
#projectRoot .pv87-more[hidden]{display:none}

/* پروژهٔ قبلی و بعدی */
#projectRoot .pv87-pager-wrap{padding-bottom:0}
.pv87-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pv87-pager a{display:flex;align-items:center;gap:14px;min-width:0;padding:12px;border-radius:18px;text-decoration:none;color:var(--text);background:var(--pv87-card);border:1px solid var(--pv87-edge);transition:border-color .2s,transform .2s}
.pv87-pager a:hover{border-color:rgba(243,107,33,.5);transform:translateY(-2px)}
.pv87-pager-next{grid-column:2;flex-direction:row-reverse;text-align:end}
.pv87-pager img{flex:none;width:92px;height:70px;object-fit:cover;border-radius:12px}
.pv87-pager span{display:grid;gap:2px;min-width:0}
.pv87-pager small{font-size:13px;color:var(--accent);font-weight:600}
.pv87-pager b{font-size:15px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pv87-pager em{font-style:normal;font-size:12.5px;color:var(--muted)}

/* پروژه‌های دیگر */
#projectRoot .pv87-related.work-grid53{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#projectRoot .pv87 .work-copy53 small{font-size:12.5px}
#projectRoot .pv87 .work-copy53 span{font-size:13px}
#projectRoot .pv87 .project-cta53{margin:0}

@media(max-width:1100px){
 .pv87-top{grid-template-columns:minmax(300px,1fr) minmax(0,1.2fr)}
 #projectRoot .pv87-related.work-grid53{grid-template-columns:repeat(2,minmax(0,1fr))}
 #projectRoot .pv87-related.work-grid53>:nth-child(3){display:none}
}
@media(max-width:860px){
 .pv87-top{grid-template-columns:1fr;gap:20px}
 .pv87-info{order:0}
 .pv87-frame{aspect-ratio:auto;max-height:none;min-height:0}
 .pv87-cover>img{position:static;height:auto;max-height:70svh}
 .pv87-player .pv87-frame{aspect-ratio:16/9}
 .pv87-tour{aspect-ratio:4/5;max-height:72svh}
 .pv87-story{grid-template-columns:1fr}
 .pv87-services{position:static}
}
@media(max-width:600px){
 #projectRoot .pv87 .project-section,#projectRoot .pv87 .pv87-section{padding:30px 0}
 #projectRoot .pv87-hero.project-section{padding:12px 0 24px}
 .pv87-crumbs{font-size:12.5px;margin-bottom:12px}
 .pv87-frame{border-radius:18px}
 .pv87-player{border-radius:18px}
 .pv87-play{width:62px;height:62px}
 .pv87-play svg{width:22px;height:22px}
 .pv87-media-bar{padding:10px 12px}
 .pv87-zoom{font-size:12.5px;padding:7px 11px}
 .pv87-tour-btn{font-size:14.5px;min-height:48px;padding:0 18px}
 #projectRoot .pv87-summary{font-size:15px}
 .pv87-facts{grid-template-columns:1fr 1fr}
 #projectRoot .pv87-actions .btn.primary{flex:1 1 100%}
 #projectRoot .pv87-actions .btn:not(.primary),#projectRoot .pv87-share{flex:1 1 0;white-space:nowrap}
 .pv87-head{align-items:flex-start;flex-direction:column;gap:6px}
 .pv87-gallery{columns:2;column-gap:10px}
 .pv87-gallery figure{margin-bottom:10px}
 .pv87-gallery a{border-radius:12px}
 .pv87-pager{grid-template-columns:1fr 1fr;gap:10px}
 .pv87-pager a{flex-direction:column;align-items:stretch;gap:8px;padding:8px}
 .pv87-pager-next{flex-direction:column;text-align:start}
 .pv87-pager img{width:100%;height:auto;aspect-ratio:16/10}
 .pv87-pager b{font-size:14px}
 #projectRoot .pv87-related.work-grid53{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
 #projectRoot .pv87-related.work-grid53>*{scroll-snap-align:start}
 #projectRoot .pv87-related.work-grid53>:nth-child(3){display:block}
}
@media(prefers-reduced-motion:reduce){.pv87 *{transition:none!important}}

/* ===== V88 — بالای صفحهٔ تمام‌صفحه، ویدئوی بزرگ‌تر، لوگوی بزرگ کارفرما، دکمهٔ پخش با افکت و ظاهر شدن بخش‌ها هنگام اسکرول ===== */
#projectRoot .pv87-hero.project-section{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:var(--pv87-hero-h,calc(100svh - 120px));padding:clamp(12px,2vh,22px) 0 clamp(58px,7.5vh,84px);overflow:hidden;background:none}
#projectRoot .pv87-hero::before{content:'';position:absolute;inset:-20%;z-index:-1;background:radial-gradient(40% 45% at 82% 18%,rgba(252,129,35,.2),transparent 70%),radial-gradient(38% 42% at 12% 78%,rgba(138,195,232,.13),transparent 70%),radial-gradient(30% 30% at 50% 50%,rgba(217,54,36,.08),transparent 70%);animation:pv88drift 18s ease-in-out infinite alternate}
html[data-theme=light] #projectRoot .pv87-hero::before{opacity:.75}
@keyframes pv88drift{to{transform:translate3d(3%,-2%,0) scale(1.06)}}
#projectRoot .pv87-hero .wrap{width:min(1760px,100%)}
.pv87-hero .pv87-top{grid-template-columns:minmax(340px,1fr) minmax(0,1.55fr);gap:clamp(24px,3.4vw,64px)}
.pv87-hero .pv87-top.has-video{grid-template-columns:minmax(340px,.9fr) minmax(0,1.9fr)}
/* رسانه فقط یک لایه دارد: بدون نسخهٔ محوشدهٔ کاور پشت آن */
.pv87-frame{background:#05080b}
html[data-theme=light] .pv87-frame{background:#11181f}
.pv87-frame>img,.pv87-cover-btn img{object-fit:contain}
.pv87-frame>img.is-wide,.pv87-cover-btn img.is-wide{object-fit:cover}
.pv87-hero .pv87-media{justify-items:center}
.pv87-hero .pv87-player{width:min(100%,calc((var(--pv87-hero-h,100svh) - 262px) * 16 / 9));min-width:min(100%,560px)}
.pv87-hero .pv87-cover{aspect-ratio:auto;width:auto;max-width:100%;max-height:none;background:none;border:0}
.pv87-hero .pv87-cover>img{position:static;display:block;width:auto;height:auto;max-width:100%;max-height:calc(var(--pv87-hero-h,100svh) - 150px);border-radius:var(--pv87-r);border:1px solid var(--pv87-edge)}
.pv87-hero .pv87-tour{width:min(100%,calc((var(--pv87-hero-h,100svh) - 200px) * 16 / 10))}
.pv87-hero .pv87-placeholder{aspect-ratio:16/10}
/* کارفرما با لوگوی بزرگ */
.pv87-client{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:20px;background:var(--pv87-card);border:1px solid var(--pv87-edge)}
.pv87-logo{flex:none;display:grid;place-items:center;width:88px;height:88px;padding:9px;border-radius:18px;background:#fff;box-shadow:0 10px 30px -12px rgba(0,0,0,.5)}
.pv87-logo img{display:block;width:100%;height:100%;object-fit:contain}
.pv87-client>div{display:grid;gap:3px;min-width:0}
.pv87-client small{font-size:13px;color:var(--muted)}
.pv87-client b{font-size:clamp(16px,1.3vw,19px);line-height:1.6;overflow-wrap:anywhere}
.pv87-facts>div:last-child:nth-child(odd){grid-column:auto}
.pv87-facts>div:only-child{grid-column:1/-1}
/* زیرنویس بلند ویدئو */
.pv87-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.85}
.pv87-clamp.is-open{display:block}
.pv87-more-text{justify-self:start;margin-top:2px;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:13px;cursor:pointer}
/* دکمهٔ پخش: مثلث دقیقاً وسط و موج‌های چشمک‌زن */
.pv87-play{width:96px;height:96px;box-shadow:0 18px 50px rgba(243,107,33,.5);animation:pv88breath 2.6s ease-in-out infinite}
.pv87-play svg{position:relative;z-index:1;width:36px;height:36px;transform:none}
.pv87-play i{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,140,70,.85);animation:pv88ring 2.6s cubic-bezier(.2,.7,.3,1) infinite;pointer-events:none}
.pv87-play i+i{animation-delay:1.3s}
.pv87-cover-btn:hover .pv87-play{transform:scale(1.08);animation-play-state:paused}
@keyframes pv88ring{0%{transform:scale(1);opacity:.85}100%{transform:scale(1.9);opacity:0}}
@keyframes pv88breath{0%,100%{box-shadow:0 18px 50px rgba(243,107,33,.45),0 0 0 0 rgba(243,107,33,.35)}50%{box-shadow:0 18px 60px rgba(243,107,33,.7),0 0 0 14px rgba(243,107,33,0)}}
.pv87-videos .pv87-play{width:74px;height:74px}
.pv87-videos .pv87-play svg{width:28px;height:28px}
/* نشانهٔ اسکرول */
.pv87-scroll{position:absolute;inset-inline:0;bottom:clamp(14px,2.6vh,28px);margin:auto;display:grid;place-items:start center;width:30px;height:48px;padding:8px 0 0;border-radius:999px;border:2px solid color-mix(in srgb,var(--text) 45%,transparent);background:transparent;cursor:pointer;opacity:.8;transition:opacity .2s,border-color .2s}
.pv87-scroll span{width:4px;height:9px;border-radius:4px;background:var(--accent);animation:pv88wheel 1.8s ease-in-out infinite}
.pv87-scroll:hover{opacity:1;border-color:var(--accent)}
@keyframes pv88wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}100%{transform:translateY(0);opacity:0}}
/* ورود بالای صفحه */
.pv87-hero .pv87-info>*,.pv87-hero .pv87-crumbs{opacity:0;transform:translateY(22px);animation:pv88in .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i,0) * 90ms + 120ms)}
.pv87-hero .pv87-media{opacity:0;transform:scale(.96);animation:pv88in 1.1s cubic-bezier(.2,.8,.2,1) .05s forwards}
@keyframes pv88in{to{opacity:1;transform:none}}
.pv87-hero .pv87-info>:nth-child(2){--i:1}.pv87-hero .pv87-info>:nth-child(3){--i:2}.pv87-hero .pv87-info>:nth-child(4){--i:3}.pv87-hero .pv87-info>:nth-child(5){--i:4}.pv87-hero .pv87-info>:nth-child(n+6){--i:5}
/* ظاهر شدن بخش‌ها هنگام اسکرول */
html.pv88-js .pv88-reveal{opacity:0;transform:translateY(46px);filter:blur(8px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1),filter .9s ease;transition-delay:var(--d,0ms);will-change:opacity,transform}
html.pv88-js .pv88-reveal.pv88-zoom{transform:translateY(30px) scale(.93)}
html.pv88-js .pv88-reveal.pv88-side{transform:translateX(-46px)}
html.pv88-js .pv88-reveal.is-in{opacity:1;transform:none;filter:none}
html.pv88-js .pv87-head .eyebrow{position:relative}
.pv87-head h2{position:relative}
.pv87-head h2::after{content:'';display:block;width:0;height:3px;margin-top:10px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width 1.1s cubic-bezier(.2,.8,.2,1) .35s}
.pv87-text>h2::after{content:'';display:block;width:0;height:3px;margin-top:10px;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width 1.1s cubic-bezier(.2,.8,.2,1) .35s}
.is-in h2::after,.pv87-text>h2.is-in::after,html:not(.pv88-js) .pv87-head h2::after,html:not(.pv88-js) .pv87-text>h2::after{width:64px}
.pv87-gallery a::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s ease;pointer-events:none}
.pv87-gallery a:hover::after{transform:translateX(120%)}
@media(max-width:860px){
 #projectRoot .pv87-hero.project-section{min-height:0;padding-bottom:34px}
 .pv87-hero .pv87-top,.pv87-hero .pv87-top.has-video{grid-template-columns:1fr}
 .pv87-hero .pv87-player,.pv87-hero .pv87-tour{width:100%;min-width:0}
 .pv87-hero .pv87-cover>img{max-height:72svh}
 .pv87-scroll{display:none}
 .pv87-logo{width:72px;height:72px;border-radius:16px}
}
@media(max-width:600px){
 .pv87-play,.pv87-videos .pv87-play{width:60px;height:60px}
 .pv87-play svg,.pv87-videos .pv87-play svg{width:24px;height:24px}
 .pv87-client{padding:12px;gap:14px}
}
@media(prefers-reduced-motion:reduce){
 #projectRoot .pv87-hero::before,.pv87-play,.pv87-play i,.pv87-scroll span{animation:none!important}
 .pv87-play i{display:none}
 html.pv88-js .pv88-reveal,.pv87-hero .pv87-info>*,.pv87-hero .pv87-crumbs,.pv87-hero .pv87-media{opacity:1!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}
}
.pv87-hero .pv87-clamp{-webkit-line-clamp:1}
.pv87-hero .pv87-media-bar{padding-block:10px}
html #projectRoot .pv87-hero .pv87-cover{background:none;border:0}

/* ===== V89 — مثلث پر دکمهٔ پخش، ویدئوی خیلی بزرگ‌تر، لوگوی کارفرما بدون کشیدگی ===== */
#projectRoot .pv87 .pv87-play svg{fill:#fff;stroke:none;width:38%;height:38%}
#projectRoot .pv87 .pv87-play svg path{fill:#fff;stroke:none}
/* ویدئو تمام پهنای ستون خودش را می‌گیرد و ستون متن باریک‌تر شده است */
.pv87-hero .pv87-top.has-video{grid-template-columns:minmax(300px,.68fr) minmax(0,2fr);gap:clamp(22px,2.6vw,48px)}
.pv87-hero .pv87-top.has-video .pv87-player{width:min(100%,calc((var(--pv87-hero-h,100svh) - 150px) * 16 / 9));min-width:min(100%,860px)}
.pv87-hero .pv87-top.has-video .pv87-info{gap:14px}
.pv87-hero .pv87-top.has-video .pv87-info h1{font-size:clamp(24px,2.2vw,38px)}
.pv87-hero .pv87-top.has-video .pv87-summary{font-size:14.5px;line-height:1.95;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.pv87-hero .pv87-top.has-video .pv87-actions .btn.primary{flex-basis:100%}
#projectRoot .pv87-hero .wrap{width:min(1880px,100%);padding-inline:clamp(14px,2.4vw,40px)}
/* لوگوی کارفرما همیشه در کادر مربعی خودش و بدون کشیدگی */
#projectRoot .pv87 .pv87-logo{flex:none;width:auto;min-width:88px;max-width:min(190px,50%);height:88px}
#projectRoot .pv87 .pv87-logo img{width:auto!important;height:100%!important;max-width:100%;object-fit:contain!important}
@media(max-width:1100px){.pv87-hero .pv87-top.has-video{grid-template-columns:minmax(280px,.8fr) minmax(0,1.7fr)}}
@media(max-width:860px){.pv87-hero .pv87-top.has-video{grid-template-columns:1fr}.pv87-hero .pv87-top.has-video .pv87-player{width:100%;min-width:0}#projectRoot .pv87 .pv87-logo{min-width:72px;height:72px}}
#projectRoot .pv87-hero.project-section{padding-bottom:clamp(50px,6.5vh,76px)}
.pv87-hero:has(.has-video) .pv87-scroll{display:none}

/* ===== V90 — ستون متن به سبک V86 و لوگوی کارفرما با هر نسبتی ===== */
/* کادر شیشه‌ای مشترک رسانه و متن، مثل V86 */
.pv87-hero .pv87-top{position:relative;gap:0;padding:0;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.014));border:1px solid rgba(221,234,255,.15);box-shadow:inset 0 1px rgba(255,255,255,.12),0 30px 80px -40px rgba(0,0,0,.7);overflow:hidden;align-items:stretch}
html[data-theme=light] .pv87-hero .pv87-top{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.7));border-color:rgba(23,32,42,.1);box-shadow:0 26px 70px -40px rgba(46,62,72,.4)}
.pv87-hero .pv87-top,.pv87-hero .pv87-top.has-video{grid-template-columns:minmax(330px,.78fr) minmax(0,2fr);gap:0}
.pv87-hero .pv87-media{align-content:center;padding:clamp(10px,1.1vw,16px)}
.pv87-hero .pv87-top.has-video .pv87-player{width:min(100%,calc((var(--pv87-hero-h,100svh) - 150px) * 16 / 9));min-width:min(100%,860px)}
.pv87-hero .pv87-player{border-radius:20px}
.pv87-hero .pv87-info,.pv87-hero .pv87-top.has-video .pv87-info{align-content:center;gap:0;padding:clamp(22px,2.4vw,40px);border-inline-end:1px solid rgba(221,234,255,.13);text-align:start}
html[data-theme=light] .pv87-hero .pv87-info{border-inline-end-color:rgba(23,32,42,.1)}
.pv90-sign{justify-self:start;display:inline-block;margin:0 0 18px;padding:7px 12px;border-radius:9px;font-size:12px;font-weight:700;letter-spacing:.09em;color:var(--accent);background:rgba(243,107,33,.09);border:1px solid rgba(243,107,33,.28)}
#projectRoot .pv87-hero .pv87-info h1,#projectRoot .pv87-hero .pv87-top.has-video .pv87-info h1{margin:0 0 14px;font-size:clamp(23px,1.85vw,34px);line-height:1.6;font-weight:800;text-wrap:balance}
#projectRoot .pv87-hero .pv87-summary,.pv87-hero .pv87-top.has-video .pv87-summary{margin:0 0 18px;font-size:14px;line-height:2;color:var(--muted);text-align:start;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.pv90-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.pv90-chip{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px;border-radius:10px;font-size:13px;color:var(--text);background:color-mix(in srgb,var(--text) 5%,transparent);border:1px solid var(--line);text-decoration:none;white-space:nowrap}
.pv90-chip svg{width:16px;height:16px;color:var(--accent)}
.pv90-chip.is-cat{color:var(--accent);border-color:rgba(243,107,33,.3);background:rgba(243,107,33,.08)}
.pv90-chip.is-cat:hover{background:rgba(243,107,33,.15)}
/* کارفرما: لوگو در کادر سفید ثابت، تصویر با هر نسبتی داخلش جا می‌شود */
#projectRoot .pv87 .pv87-client{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:0;border:0;background:none;border-radius:0}
#projectRoot .pv87 .pv87-logo{flex:none;display:flex;align-items:center;justify-content:center;width:auto;min-width:76px;max-width:150px;height:76px;padding:8px 10px;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 26px -14px rgba(0,0,0,.55)}
#projectRoot .pv87 .pv87-logo img{display:block;width:auto!important;height:auto!important;max-width:130px!important;max-height:60px!important;object-fit:contain!important}
#projectRoot .pv87 .pv87-client>div{display:grid;gap:2px;min-width:0}
#projectRoot .pv87 .pv87-client small{font-size:12.5px;color:var(--muted)}
#projectRoot .pv87 .pv87-client b{font-size:16px;line-height:1.7;font-weight:700}
.pv87-hero .pv87-actions{gap:10px}
#projectRoot .pv87-hero .pv87-actions .btn.primary{flex:1 1 100%}
#projectRoot .pv87-hero .pv87-actions .btn:not(.primary),#projectRoot .pv87-hero .pv87-share{flex:1 1 0}
/* کاور پروژه‌های بدون ویدئو داخل کادر */
.pv87-hero .pv87-cover>img{max-height:calc(var(--pv87-hero-h,100svh) - 170px)}
@media(max-width:1100px){.pv87-hero .pv87-top,.pv87-hero .pv87-top.has-video{grid-template-columns:minmax(300px,.9fr) minmax(0,1.6fr)}}
@media(max-width:860px){
 .pv87-hero .pv87-top,.pv87-hero .pv87-top.has-video{grid-template-columns:1fr;border-radius:22px}
 .pv87-hero .pv87-info,.pv87-hero .pv87-top.has-video .pv87-info{border-inline-end:0;border-top:1px solid var(--line);padding:20px 16px}
 .pv87-hero .pv87-media{padding:8px}
 .pv87-hero .pv87-top.has-video .pv87-player{width:100%;min-width:0}
 #projectRoot .pv87 .pv87-logo{min-width:64px;height:64px}
 #projectRoot .pv87 .pv87-logo img{max-width:110px!important;max-height:48px!important}
}

/* ===== V91 — فقط یک تصویر روی ویدئو، فاصله‌گذاری ستون متن، و جا شدن بالای صفحه در صفحه‌نمایش ===== */
/* تا وقتی دکمهٔ پخش دیده می‌شود، خود ویدئو (و پوستر مرورگر) پنهان است؛ کاور روی زمینهٔ تیرهٔ یکدست می‌نشیند */
#projectRoot .pv87 .pv87-cover-btn{background:#05080b}
#projectRoot .pv87 .pv87-video:has(.pv87-cover-btn:not([hidden])) video{visibility:hidden}
#projectRoot .pv87 .pv87-video video{background:#05080b!important}
/* کادر ویدئوی بالای صفحه هم‌نسبت کاور است تا نوار خالی دو طرف نماند؛ با شروع پخش هم‌نسبت خود ویدئو می‌شود */
.pv87-hero .pv87-player .pv87-frame{aspect-ratio:var(--pv91-ar,16/9);max-height:none}
.pv87-hero .pv87-top.has-video .pv87-player{min-width:0;width:min(100%,calc((var(--pv87-hero-h,100svh) - 186px) * var(--pv91-ar,1.7778)));transition:width .35s ease}
@media(prefers-reduced-motion:reduce){.pv87-hero .pv87-top.has-video .pv87-player{transition:none}}
/* پروژه‌های ویدئویی نشانهٔ اسکرول ندارند؛ فضای خالی بالا و پایین بخش کم می‌شود تا کادر کامل در صفحه جا شود */
#projectRoot .pv87-hero.project-section:has(.has-video){padding-top:12px;padding-bottom:16px}
#projectRoot .pv87-hero:has(.has-video) .pv87-crumbs{margin-bottom:10px}
/* ستون متن: فاصله‌های یکدست از بالا تا پایین */
.pv87-hero .pv87-info,.pv87-hero .pv87-top.has-video .pv87-info{padding:clamp(24px,2.4vw,40px) clamp(22px,2.4vw,40px);min-height:0}
.pv90-sign{margin:0 0 20px}
#projectRoot .pv87-hero .pv87-info h1,#projectRoot .pv87-hero .pv87-top.has-video .pv87-info h1{margin:0 0 14px;line-height:1.65}
#projectRoot .pv87-hero .pv87-summary,.pv87-hero .pv87-top.has-video .pv87-summary{margin:0 0 20px;line-height:2.05;-webkit-line-clamp:4}
.pv90-meta{gap:10px;margin:0 0 20px;padding-bottom:20px}
#projectRoot .pv87 .pv87-client{gap:16px;margin:0 0 22px}
#projectRoot .pv87 .pv87-client>div{gap:5px}
#projectRoot .pv87 .pv87-client small{line-height:1.6}
#projectRoot .pv87 .pv87-client b{line-height:1.75}
.pv87-hero .pv87-actions,.pv87-hero .pv87-top.has-video .pv87-actions{gap:12px}
#projectRoot .pv87-hero .pv87-actions .btn{min-height:50px}
/* صفحه‌های کوتاه یا باریک‌تر: فاصله‌ها فشرده‌تر تا ستون از صفحه بیرون نزند */
@media(max-height:860px) and (min-width:861px),(max-width:1500px) and (min-width:861px){
 .pv87-hero .pv87-info,.pv87-hero .pv87-top.has-video .pv87-info{padding:22px clamp(20px,2vw,32px)}
 .pv90-sign{margin-bottom:12px;padding:6px 10px}
 #projectRoot .pv87-hero .pv87-info h1,#projectRoot .pv87-hero .pv87-top.has-video .pv87-info h1{margin-bottom:10px;font-size:clamp(21px,1.5vw,28px);line-height:1.6}
 #projectRoot .pv87-hero .pv87-summary,.pv87-hero .pv87-top.has-video .pv87-summary{-webkit-line-clamp:3;margin-bottom:16px;line-height:1.9}
 .pv90-meta{gap:8px;margin-bottom:16px;padding-bottom:16px}
 .pv90-chip{min-height:30px;padding:0 10px;font-size:12.5px}
 #projectRoot .pv87 .pv87-client{margin-bottom:16px}
 #projectRoot .pv87 .pv87-logo{min-width:64px;height:64px}
 #projectRoot .pv87 .pv87-logo img{max-width:110px!important;max-height:48px!important}
 #projectRoot .pv87-hero .pv87-actions .btn{min-height:46px}
 .pv87-hero .pv87-actions,.pv87-hero .pv87-top.has-video .pv87-actions{gap:10px}
}
@media(max-width:860px){
 .pv87-hero .pv87-top.has-video .pv87-player{width:100%}
 .pv87-hero .pv87-info,.pv87-hero .pv87-top.has-video .pv87-info{padding:24px 18px 26px}
 .pv90-sign{margin-bottom:18px}
 #projectRoot .pv87 .pv87-client{margin-bottom:24px}
}
@media(max-height:760px) and (min-width:861px){
 #projectRoot .pv87-hero .pv87-summary,.pv87-hero .pv87-top.has-video .pv87-summary{-webkit-line-clamp:2}
 #projectRoot .pv87-hero .pv87-actions .btn{min-height:44px}
}