/* ═══════════════════════════════════════════════════════════
   AIRA — cooperation-v4-2.css · формати та ціни
   Візуальна q-система AIRA: колонка + індекс на полі.
   Три формати — editorial-колонки: золота лінія-рівень,
   великі gold-цифри складу, інвестиція внизу.
   Без карток, без іконок.
   ═══════════════════════════════════════════════════════════ */

html,body{overflow-x:hidden;}

/* ── Каркас ── */
.q-dark{background:#111;color:#fff;}
.q-soft{background:#FAF8F4;border-top:1px solid #F0EAE0;border-bottom:1px solid #F0EAE0;}
.q-in{display:grid;grid-template-columns:120px minmax(0,740px);gap:0 56px;max-width:1220px;margin:0 auto;padding:clamp(88px,10.5vh,126px) 56px;}
.q-in.q-full{grid-template-columns:120px minmax(0,1fr);}
.q-rail{padding-top:6px;}
.q-num{display:block;font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,2.1vw,34px);font-weight:500;line-height:1;letter-spacing:-.025em;color:#B87932;}
.q-lab{display:block;margin-top:11px;font-size:13.5px;font-weight:400;letter-spacing:.17em;text-transform:uppercase;color:#626262;}
.q-rail::after{content:'';display:block;width:44px;height:1px;background:#E5DFD3;margin-top:18px;}
.q-dark .q-lab{color:#8a8a8a;}
.q-dark .q-rail::after{background:#2a2a2a;}

/* ── Типографіка ── */
.q-h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,3.2vw,42px);font-weight:500;line-height:1.2;letter-spacing:-0.02em;margin-bottom:22px;}
.q-strong{font-family:'Space Grotesk',sans-serif;font-size:clamp(18px,1.9vw,21px);font-weight:500;line-height:1.45;letter-spacing:-.2px;margin:0 0 22px;}
.q-body p{font-size:16px;line-height:1.75;color:#444;font-weight:300;margin:0 0 16px;}
.q-body p:last-child{margin-bottom:0;}
.q-dark .q-body p{color:#9a9a9a;}

/* ── 02: три формати ── */
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;align-items:stretch;}
.tier{position:relative;display:flex;flex-direction:column;height:100%;border-top:1px solid #E8E2D6;padding-top:26px;}
.tier::before{content:'';position:absolute;top:-1px;left:0;height:1px;background:#B87932;transform:scaleX(0);transform-origin:left;transition:transform 1.1s var(--e);}
.tier:nth-child(1)::before{width:34%;}
.tier:nth-child(2)::before{width:67%;}
.tier:nth-child(3)::before{width:100%;}
.q-body.reveal.in-view .tier:nth-child(1)::before{transform:scaleX(1);transition-delay:.2s;}
.q-body.reveal.in-view .tier:nth-child(2)::before{transform:scaleX(1);transition-delay:.4s;}
.q-body.reveal.in-view .tier:nth-child(3)::before{transform:scaleX(1);transition-delay:.6s;}
#formats{scroll-margin-top:84px;}
.tier-mark{position:absolute;top:-28px;left:0;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#B87932;}
.tier-name{font-family:'Space Grotesk',sans-serif;font-size:clamp(21px,2vw,25px);font-weight:500;letter-spacing:-.3px;margin-bottom:12px;}
.tier-sense{font-size:14.5px;line-height:1.6;color:#333;font-weight:400;margin:0 0 24px;min-height:70px;}
.tier-list{flex:1;border-top:1px solid #EEE8DC;padding-top:24px;display:flex;flex-direction:column;gap:20px;}
.tr{display:flex;gap:16px;align-items:baseline;}
.tn{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:500;letter-spacing:-.5px;color:#B87932;min-width:36px;flex-shrink:0;}
.tt{font-size:14px;line-height:1.6;color:#444;font-weight:300;}
.tier-inv{border-top:1px solid #EEE8DC;margin-top:32px;padding-top:20px;}
.ti-lab{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#767676;margin-bottom:8px;}
.ti-sum{display:block;font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,2.4vw,30px);font-weight:500;letter-spacing:-.3px;color:#171717;}

.tier-cta{align-self:flex-start;margin-top:20px;padding:0 0 4px;border:0;border-bottom:1px solid #D8D2C6;background:transparent;font-family:'Inter',sans-serif;font-size:13px;font-weight:400;letter-spacing:.4px;color:#616161;cursor:pointer;transition:color .4s ease,border-color .4s ease;}
.tier-cta:hover{color:#171717;border-color:#B87932;}

/* ── 03: що потрібно від вас ── */
.q-list{list-style:none;padding:0;margin:30px 0 0;}
.q-list li{display:flex;gap:18px;align-items:baseline;padding:15px 0;border-bottom:1px solid #E8E2D6;font-size:15.5px;line-height:1.65;color:#444;font-weight:300;}
.q-list li:first-child{border-top:1px solid #E8E2D6;}
.q-list li span{font-family:'Space Grotesk',sans-serif;font-size:12px;color:#B87932;letter-spacing:1px;flex-shrink:0;min-width:24px;}

/* ── 04: послідовність матеріал → образ → серія ── */
.seq{display:grid;grid-template-columns:.94fr 1fr 1.06fr;gap:44px;align-items:end;margin-top:44px;max-width:1040px;}
.seq-item{margin:0;}
.seq-media{border-radius:10px;overflow:hidden;background:#EFEAE2;aspect-ratio:4/5;}
.seq-media img,.seq-media video{width:100%;height:100%;object-fit:cover;display:block;}
.seq-item figcaption{margin-top:14px;font-size:13px;letter-spacing:.02em;color:#767676;font-weight:300;}
.seq-item .sn{font-family:'Space Grotesk',sans-serif;font-size:11px;color:#B87932;letter-spacing:1px;margin-right:10px;}
.seq-more{display:inline-block;margin-top:38px;}

.start-note{display:flex;gap:22px;max-width:590px;margin-top:38px;}
.start-note-line{width:1px;flex-shrink:0;align-self:stretch;background:#B87932;}
.start-note p{margin:0;font-size:16.5px;line-height:1.72;color:#444;font-weight:300;}

/* ── 05: фінал ── */
.q-h2-cta{font-size:clamp(28px,3.2vw,38px);line-height:1.15;}
.cta-row{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:28px;}
.q-dark .q-btn{background:#fff;border-color:#fff;color:#171717;}
.q-dark .q-btn:hover{background:#B87932;border-color:#B87932;color:#fff;}
.q-dark .q-link{color:#A0A0A0;border-color:#3A3A3A;}
.q-dark .q-link:hover{color:#FFFFFF;border-color:#B87932;}
.q-dark .q-link:focus-visible{color:#FFFFFF;border-color:#B87932;}

/* ── Планшет ── */
@media(max-width:1100px){
  .q-in,.q-in.q-full{grid-template-columns:1fr;gap:0;}
  .q-rail{display:flex;align-items:baseline;gap:12px;padding:0;margin-bottom:20px;}
  .q-lab{margin-top:0;}
  .q-rail::after{display:none;}
  .tiers{grid-template-columns:1fr;gap:48px;max-width:600px;}
  .tier-sense{min-height:0;}
  .tier-mark{position:static;display:block;margin:0 0 10px;}
  .seq{grid-template-columns:1fr;max-width:480px;gap:36px;}
}

/* ── Мобільна версія ── */
@media(max-width:768px){
  .q-in{padding:56px 20px;}
  .q-h2{font-size:28px;line-height:1.15;margin-bottom:18px;}
  .tiers{gap:40px;}
  .tier{padding-top:22px;}
  .tier-list{padding-top:20px;gap:16px;}
  .tn{font-size:20px;min-width:32px;}
  .tt{font-size:13.5px;}
  .q-num{font-size:23px;}
  .q-lab{font-size:12px;}
  .q-list li{font-size:15px;padding:13px 0;}
  .start-note{gap:18px;margin-top:30px;}
  .start-note p{font-size:15.5px;}
  .seq{grid-template-columns:1fr;gap:30px;max-width:480px;}
  .seq-more{margin-top:30px;}
  .cta-row{flex-direction:column;align-items:stretch;gap:16px;}
  .cta-row .q-link{align-self:center;}
  .ti-sum{font-size:26px;}
  .q-h2-cta{font-size:29px;line-height:1.13;}
  .cta-row .q-btn{width:100%;text-align:center;}
}

/* ── Reduced motion ── */
@media(prefers-reduced-motion:reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .tier::before {
    transform: scaleX(1);
    transition: none;
  }

  .q-btn,
  .q-link,
  .tier-cta {
    transition: none;
  }

  .seq-video {
    visibility: hidden;
  }

  .seq-item:last-child .seq-media {
    background:
      url('../images/cooperation-final-series-poster.webp')
      center center / cover no-repeat;
  }
}