/* ==================================================================
   بهگر — برگ جزئیات کار (work.html)
   ================================================================== */
.w-hero { padding-block: clamp(56px, 9vw, 120px) clamp(150px, 20vw, 260px); overflow: hidden; }
.w-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) clamp(180px, 20vw, 280px); gap: clamp(24px, 5vw, 80px); align-items: center; }
.w-back { display: inline-flex; align-items: center; gap: .6em; color: var(--fog); font-size: .95rem; margin-bottom: 2.2em; }
.w-back::before { content: ''; width: 8px; height: 8px; background: var(--gold-hi); transform: rotate(45deg); }
.w-title { font-family: var(--f-d); font-weight: 700; font-size: clamp(3.2rem, 1.4rem + 6vw, 8.4rem); line-height: 1.02; margin: 0; max-width: 12em; }
.w-latin { direction: ltr; text-align: right; margin: .7em 0 0; color: var(--fog); letter-spacing: .06em; font-size: .95rem; line-height: 1.4; }
.w-tagline { font-family: var(--f-d); font-weight: 500; font-size: clamp(1.6rem, 1.1rem + 1.3vw, 2.5rem); line-height: 1.3; margin: .7em 0 0; color: var(--gold-hi); }
.w-summary { margin: 1em 0 0; max-width: 36em; color: var(--fog); font-size: 1.12rem; }
.w-margin { grid-area: auto; align-self: center; }
.w-margin li { color: var(--fog); }
.w-margin b { color: var(--gold-hi); }

.w-cover { position: relative; z-index: 3; margin-top: calc(-1 * clamp(110px, 16vw, 220px)); }
.w-cover .wrap { z-index: 3; }
button.mount { display: block; border: 0; cursor: zoom-in; width: 100%; font: inherit; }
button.mount:hover { background: var(--gold-deep); }
.w-cover__mount img { max-height: 78vh; width: auto; max-width: 100%; margin-inline: auto; }
.w-cap { margin: .9em 0 0; font-size: .9rem; color: var(--slate); padding-inline-start: 4px; }

.w-body { padding-block: clamp(64px, 8vw, 120px); }
.w-body__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); gap: clamp(32px, 6vw, 110px); align-items: start; }
.w-lead { font-family: var(--f-d); font-weight: 500; font-size: clamp(1.55rem, 1.1rem + 1.1vw, 2.3rem); line-height: 1.75; margin: 0 0 1.6em; max-width: 30em; }
.w-section { padding-block: 28px; border-top: 1px solid var(--line); display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr); gap: 12px 40px; }
.w-section__title { font-family: var(--f-d); font-weight: 700; font-size: clamp(1.7rem, 1.2rem + 1vw, 2.3rem); line-height: 1.25; margin: 0; }
.w-list { list-style: none; margin: 0; padding: 0; }
.w-list li { position: relative; padding-inline-start: 1.4em; margin-bottom: .55em; line-height: 1.85; }
.w-list li::before { content: ''; position: absolute; right: 0; top: .72em; width: 7px; height: 7px; background: var(--gold); transform: rotate(45deg); }
.w-products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1.5px solid var(--ink); margin-bottom: 40px; }
.w-product { padding: 26px 0 26px 26px; }
.w-product + .w-product { border-inline-start: 1px solid var(--line); padding-inline-start: 26px; }
.w-product__name { font-family: var(--f-d); font-weight: 700; font-size: 2.1rem; line-height: 1.15; margin: 0; }
.w-product__latin { direction: ltr; text-align: right; margin: .2em 0 0; font-size: .82rem; color: var(--slate); letter-spacing: .05em; }
.w-product__role { margin: .5em 0 1em; color: var(--gold-deep); font-weight: 500; font-size: .95rem; }
.w-product .w-list li { font-size: .95rem; }

.w-card { position: sticky; top: 32px; background: var(--paper); border: 1px solid var(--line); padding: 26px 26px 30px; }
.w-card__title { font-family: var(--f-d); font-weight: 700; font-size: 1.9rem; line-height: 1; margin: 0 0 16px; }
.w-card dl { margin: 0 0 22px; }
.w-card dl div { padding-block: 10px; border-top: 1px dashed var(--line); }
.w-card dt { font-size: .8rem; color: var(--slate); line-height: 1.5; }
.w-card dd { margin: 0; font-weight: 500; line-height: 1.7; }
.w-card__link { margin-bottom: 16px; }
.w-card__ask { display: inline-block; font-size: .92rem; color: var(--slate); }

.w-gallery { padding-block: clamp(72px, 9vw, 130px); }
.w-gallery__title { margin-bottom: clamp(32px, 4vw, 56px); }
.w-shots { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(20px, 3vw, 44px); align-items: start; }
.w-shot { margin: 0; grid-column: span 7; }
.w-shot:nth-child(4n + 2) { grid-column: span 5; margin-top: clamp(40px, 8vw, 120px); }
.w-shot:nth-child(4n + 3) { grid-column: span 5; }
.w-shot:nth-child(4n + 4) { grid-column: span 7; margin-top: calc(-1 * clamp(30px, 5vw, 80px)); }
.w-shot:only-child { grid-column: 2 / span 10; }
.w-shot--tall .mount img { max-height: 72vh; width: auto; margin-inline: auto; }
.w-shot figcaption { font-size: .88rem; color: var(--slate); margin-top: .8em; line-height: 1.7; }

.w-next__link { display: grid; gap: 6px; padding-block: clamp(64px, 9vw, 130px); text-decoration: none; }
.w-next__label { color: var(--fog); font-size: .95rem; }
.w-next__title { font-family: var(--f-d); font-weight: 700; font-size: clamp(2.6rem, 1.4rem + 4.4vw, 6.4rem); line-height: 1.08; transition: color .25s; }
.w-next__sum { color: var(--fog); max-width: 40em; }
.w-next__link:hover .w-next__title { color: var(--gold-hi); }
.w-missing { padding-block: 160px; min-height: 70vh; }
.w-missing p { color: var(--fog); margin: 1em 0 2em; }

.lightbox { width: min(1400px, 100vw - 32px); max-width: none; max-height: calc(100vh - 32px); padding: 0; border: 0; background: var(--ink-deep); color: var(--mist); }
.lightbox::backdrop { background: rgba(2, 20, 34, .88); }
.lightbox__stage { display: grid; place-items: center; padding: 18px; }
.lightbox__stage img { max-height: calc(100vh - 170px); width: auto; max-width: 100%; }
.lightbox__stage svg { width: 100%; height: auto; max-height: calc(100vh - 170px); }
.lightbox__cap { margin: 0; padding: 0 22px; color: var(--fog); font-size: .92rem; }
.lightbox__bar { display: flex; align-items: center; gap: 10px; padding: 12px 18px 16px; }
.lightbox__btn { background: none; border: 1px solid var(--line-ink); color: var(--mist); padding: .4em 1em; cursor: pointer; font-size: .92rem; }
.lightbox__btn:hover { border-color: var(--gold-hi); color: var(--gold-hi); }
.lightbox__count { font-size: .85rem; color: var(--fog); }
.lightbox__close { margin-inline-start: auto; }

@media (max-width: 1100px) {
  .w-products { grid-template-columns: minmax(0, 1fr); }
  .w-product, .w-product + .w-product { padding: 22px 0; border-inline-start: 0; border-top: 1px solid var(--line); }
  .w-section { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 899px) {
  .w-hero__grid, .w-body__grid { grid-template-columns: minmax(0, 1fr); }
  .w-margin ul { padding: 0; }
  .w-card { position: static; }
  .w-shots { grid-template-columns: minmax(0, 1fr); }
  .w-shot, .w-shot:nth-child(n) { grid-column: 1; margin-top: 0; }
}