/* Aymed home design — Turkish master, shared by all four languages. */
/* ---------------- HERO ---------------- */
  .hero{position:relative;min-height:600px;height:84vh;max-height:780px;display:flex;align-items:center;overflow:hidden}
  .hero .bgwrap{position:absolute;inset:0;overflow:hidden;will-change:transform}
  /* --- hero parallax: derleyici katmanı (08.09.2026) ---
     Kullanıcı masaüstünde kaydırmanın "titreşim gibi" hissettirdiğini bildirdi.
     Sebep: hareket JS'te scroll olayına bağlı yazılıyordu. Tarayıcı sayfayı
     derleyici katmanında kaydırır, JS'in yazdığı transform ise EN İYİ İHTİMALLE
     bir sonraki karede uygulanır; yani görsel ve başlık, sayfaya göre sürekli
     bir kare geriden gelir. 120 Hz ekranda bu, gözle "seğirme" olarak görünür.
     Ayrıca metin bloğunun her karede kesirli piksel kaydırılması yeniden
     rasterleştirme doğurur; asıl rahatsız eden parıldama buydu.
     Kaydırma zaman çizelgesi destekleniyorsa aynı hareket CSS tarafında,
     ana iş parçacığına hiç uğramadan üretilir; JS yolu kendini kapatır.
     Değerler eski JS ile birebir aynı: arka plan 900 px'te 0,16 katsayıyla
     144 px, iç blok 520 px'te 0,05 katsayıyla 26 px ve opaklık 0. */
  @keyframes heroBgKay{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,144px,0)}}
  @keyframes heroIcKay{from{transform:translate3d(0,0,0);opacity:1}to{transform:translate3d(0,-26px,0);opacity:0}}
  @media (prefers-reduced-motion: no-preference){
    @supports (animation-timeline: scroll()){
      .hero .bgwrap{animation:heroBgKay linear both;animation-timeline:scroll(root);animation-range:0 900px}
      .hero .inner{animation:heroIcKay linear both;animation-timeline:scroll(root);animation-range:0 520px;
        will-change:transform,opacity}
    }
  }
  .hero img.bg{width:100%;height:100%;object-fit:cover;object-position:70% 50%;
    animation:kenburns 26s var(--e-soft) both}
  @keyframes kenburns{from{transform:scale(1.005)}to{transform:scale(1.09)}}
  .hero .scrim{position:absolute;inset:0;
    background:linear-gradient(96deg,rgba(0,38,63,.95) 0%,rgba(0,38,63,.86) 34%,rgba(0,38,63,.5) 62%,rgba(0,38,63,.26) 100%)}
  .hero .wrap{position:relative;z-index:2}
  .hero .inner{max-width:680px;color:#fff}
  .hero .kicker{color:var(--on-dark-3)}
  .hero h1{color:#fff;font-size:var(--fs-10);margin:.4em 0 .36em}
  .hero h1 .w{display:inline-block;animation:wordup .9s var(--e-soft) backwards;animation-delay:calc(var(--w) * 55ms + .1s)}
  @keyframes wordup{from{opacity:0;transform:translateY(28px)}}
  .hero p{color:#CBDCEA;font-size:var(--fs-6);max-width:520px;animation:wordup .9s var(--e-soft) .55s backwards}
  .hero .ctas{display:flex;gap:var(--s4);margin-top:var(--s8);flex-wrap:wrap;
    animation:wordup .9s var(--e-soft) .7s backwards}
  .hero .hint{position:absolute;left:50%;bottom:80px;transform:translateX(-50%);z-index:3;color:#fff;opacity:.72;
    display:flex;flex-direction:column;align-items:center;gap:6px;font-size:var(--fs-1);letter-spacing:.18em;
    text-transform:uppercase;transition:opacity var(--t-2)}
  .hero .hint svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;animation:bob 2.2s ease-in-out infinite}
  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
  body.scrolled .hero .hint{opacity:0}

  /* ---------------- HİZMET MODÜLLERİ ---------------- */
  .modules{position:relative;z-index:5;margin-top:-58px}
  .modbar{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);
    border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-3)}
  .mod{background:#fff;padding:var(--s6) 28px;display:flex;gap:var(--s4);align-items:center;
    transition:background var(--t-2)}
  .mod:hover{background:var(--paper-2)}
  .mod .mico{width:46px;height:46px;border-radius:var(--r-md);background:var(--paper-2);display:flex;
    align-items:center;justify-content:center;flex:none;transition:background var(--t-2)}
  .mod:hover .mico{background:#E4EEF6}
  .mod svg{width:24px;height:24px;stroke:var(--brand);fill:none;stroke-width:1.7}
  .mod b{font-size:var(--fs-5);display:block;color:var(--deep);font-weight:700}
  .mod .sub{font-size:var(--fs-3);color:var(--ink-3);display:block}
  .mod .arr{margin-inline-start:auto;color:var(--brand);font-weight:800;transition:transform var(--t-2) var(--e-out)}
  .mod:hover .arr{transform:translateX(5px)}

  /* ---------------- İSTATİSTİK ---------------- */
  .stats .grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:var(--s8)}
  .stat{padding:var(--s7) var(--s6);border-inline-end:1px solid var(--line)}
  .stat:first-child{padding-inline-start:0}
  .stat:last-child{padding-inline-end:0;border-inline-end:none}
  .stat .n{font-family:var(--serif);font-size:var(--fs-num);color:var(--brand);line-height:1;font-variant-numeric:tabular-nums}
  .stat .l{font-size:var(--fs-4);color:var(--ink-2);margin-top:var(--s2)}

  /* ---------------- TERAPÖTİK ALAN GEZGİNİ ---------------- */
  .areas{background:var(--paper-2)}
  .tabs{position:relative;display:flex;gap:var(--s2);margin-top:var(--s8);border-bottom:1px solid var(--line);
    overflow-x:auto;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{background:none;border:none;cursor:pointer;padding:var(--s4) var(--s5);font-size:var(--fs-4);font-weight:700;
    color:var(--ink-3);white-space:nowrap;transition:color var(--t-1);display:flex;align-items:center;gap:var(--s2)}
  .tab .dot{width:9px;height:9px;border-radius:50%;background:var(--tc);flex:none}
  .tab:hover{color:var(--ink)}
  .tab[aria-selected="true"]{color:var(--tc)}
  .ink{position:absolute;bottom:-1px;height:3px;background:var(--brand);border-radius:2px;
    transition:transform .38s var(--e-out),width .38s var(--e-out),background .3s;transform-origin:left}
  .panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:var(--s10);align-items:center;margin-top:var(--s9)}
  .panel .shot{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/11;
    border:1px solid var(--line);background:#fff}
  .panel .art{position:absolute;inset:0;margin:0;display:flex;flex-direction:column;align-items:center;
    justify-content:center;gap:var(--s5);opacity:0;visibility:hidden;transition:opacity .45s var(--e-out),visibility 0s .45s;
    background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 9%,#fff),color-mix(in srgb,var(--ac) 3%,#fff));
    color:var(--ac);padding:var(--s7)}
  .panel .art.on{opacity:1;visibility:visible;transition:opacity .45s var(--e-out)}
  .panel .art svg{width:min(62%,300px);height:auto;transform:translateY(8px) scale(.96);
    transition:transform .6s var(--e-soft)}
  .panel .art.on svg{transform:none}
  .panel .art figcaption{font-size:var(--fs-2);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    color:var(--ink-3);text-align:center;line-height:1.6}
  .a-uro-art{--ac:var(--uro)} .a-nef-art{--ac:var(--nef)}
  .panel h3{font-size:var(--fs-8);color:var(--deep)}
  .panel .lead{color:var(--ink-2);margin-top:var(--s3);font-size:var(--fs-5)}
  .lists{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);margin-top:var(--s7)}
  .lists h4{font-size:var(--fs-2);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);
    font-family:var(--sans);font-weight:800;margin-bottom:var(--s3)}
  .lists ul{list-style:none}
  .lists li{padding:9px 0;border-bottom:1px dashed var(--line);font-size:var(--fs-4);display:flex;
    justify-content:space-between;gap:var(--s3);align-items:baseline}
  .lists li span{color:var(--ink-3);font-size:var(--fs-2);white-space:nowrap}
  .lists .none{color:var(--ink-3);font-size:var(--fs-3);padding:9px 0}
  .panel .go{margin-top:var(--s6);display:flex;gap:var(--s6);flex-wrap:wrap}

  /* ---------------- EDİTORYAL HİKAYE ---------------- */
  .story .wrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--s10);align-items:center}
  .story.flip .fig{order:2}
  .story .fig{border-radius:var(--r-lg);overflow:hidden;position:relative;box-shadow:var(--sh-2);margin:0}
  .story .fig img{width:100%;height:auto;object-fit:cover;transition:transform .9s var(--e-soft)}
  .story .fig:hover img{transform:scale(1.04)}
  .story .fig figcaption{position:absolute;left:0;right:0;bottom:0;padding:var(--s6);
    background:linear-gradient(transparent,rgba(0,38,63,.88));color:#fff;font-size:var(--fs-3)}
  .story h2{font-size:var(--fs-8)}
  .story p{color:var(--ink-2);margin-top:var(--s5);font-size:var(--fs-5)}
  .story .facts{display:flex;gap:var(--s8);margin-top:var(--s7);flex-wrap:wrap}
  .story .facts b{display:block;font-family:var(--serif);font-size:var(--fs-7);color:var(--brand);line-height:1}
  .story .facts span{font-size:var(--fs-3);color:var(--ink-3)}
  .story .more-link{margin-top:var(--s6)}

  /* ---------------- PIPELINE TEASER ---------------- */
  .pteaser .head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s6);flex-wrap:wrap}
  .pteaser .counts{display:flex;gap:var(--s8)}
  .pteaser .c b{display:block;font-family:var(--serif);font-size:var(--fs-8);color:#fff;line-height:1;font-variant-numeric:tabular-nums}
  .pteaser .c span{font-size:var(--fs-2);color:var(--on-dark-2)}
  .prows{margin-top:var(--s8);display:flex;flex-direction:column;gap:var(--s3)}
  .prow{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-lg);
    padding:var(--s6) 28px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr) 176px;
    gap:28px;align-items:center;transition:background var(--t-2),transform var(--t-2) var(--e-out)}
  .prow:hover{background:rgba(255,255,255,.11);transform:translateY(-2px)}
  .prow h4{font-family:var(--sans);font-weight:600;font-size:var(--fs-6);color:#fff;letter-spacing:-.01em}
  .prow .form{font-size:var(--fs-3);color:#A8C0D4;margin-top:3px}
  .prow .side{width:176px;display:flex;justify-content:flex-end}
  .pteaser .cta-row{margin-top:var(--s8)}

  /* ---------------- CDMO ---------------- */
  .cdmo{padding:0}
  .cdmo .inner{position:relative;overflow:hidden}
  .cdmo img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .cdmo .scrim{position:absolute;inset:0;
    background:linear-gradient(100deg,rgba(0,38,63,.96) 30%,rgba(0,60,99,.86) 62%,rgba(0,60,99,.62) 100%)}
  .cdmo .content{position:relative;z-index:2;padding:var(--s12) 0}
  .cdmo .content .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:var(--s9);align-items:center}
  .cdmo h2{color:#fff;font-size:var(--fs-8)}
  .cdmo h2 em{font-style:normal;color:var(--gold-2)}
  .cdmo p{color:#C3D6E6;margin-top:var(--s4);max-width:54ch}
  .cdmo .solar{text-align:center}
  .cdmo .solar b{font-family:var(--serif);font-size:clamp(3.4rem,6vw,4.8rem);color:var(--gold-2);line-height:1;display:block}
  .cdmo .solar span{font-size:var(--fs-3);color:#C3D6E6}

  /* ---------------- YETKİNLİK MATRİSİ ---------------- */
  .matrix{background:#fff}
  .mwrap{margin-top:var(--s8);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-1)}
  .mscroll{overflow-x:auto}
  table.cap{border-collapse:collapse;width:100%;min-width:760px;font-size:var(--fs-3)}
  table.cap th,table.cap td{padding:var(--s3) var(--s4);text-align:center;border-bottom:1px solid var(--line);
    transition:background var(--t-1)}
  table.cap thead th{background:var(--paper-2);font-family:var(--sans);font-weight:700;color:var(--ink-2);
    font-size:var(--fs-2);letter-spacing:.04em;position:sticky;top:0;vertical-align:bottom;line-height:1.35}
  table.cap tbody th{text-align:left;font-family:var(--sans);font-weight:700;color:var(--deep);font-size:var(--fs-4);
    position:sticky;left:0;background:#fff;min-width:200px;box-shadow:1px 0 0 var(--line)}
  table.cap td{cursor:pointer;font-size:var(--fs-6);color:var(--brand);line-height:1.1}
  table.cap td.v0{color:var(--ink-4);cursor:default}
  table.cap td.v1{color:var(--brand-2)}
  table.cap .hl{background:#F1F7FC}
  table.cap td.sel{background:var(--brand)!important;color:#fff!important;border-radius:0}
  .mdetail{padding:var(--s6) var(--s7);background:var(--paper-2);border-top:1px solid var(--line);
    display:flex;gap:var(--s6);align-items:flex-start;flex-wrap:wrap}
  .mdetail b{display:block;color:var(--deep);font-family:var(--serif);font-size:var(--fs-7)}
  .mdetail p{color:var(--ink-2);font-size:var(--fs-4);margin-top:4px;max-width:60ch}
  .mdetail .btn{margin-inline-start:auto}
  .mlegend{display:flex;gap:var(--s6);flex-wrap:wrap;margin-top:var(--s5);font-size:var(--fs-3);color:var(--ink-3)}
  .mlegend b{color:var(--brand);font-size:var(--fs-5)}

  /* ---------------- HABER + KARİYER ---------------- */
  .news{background:var(--paper-2)}
  .news .ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s6);margin:var(--s9) 0 var(--s7)}
  .nitem{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
    display:flex;flex-direction:column;box-shadow:var(--sh-1)}
  .nitem .ph{height:150px;text-align:center;padding:0 var(--s5);line-height:1.5;background:linear-gradient(135deg,var(--paper-3),#D5E3EE);display:flex;align-items:center;
    justify-content:center;color:var(--ink-3);font-size:var(--fs-2);letter-spacing:.14em;text-transform:uppercase}
  .nitem .ph.phimg{padding:0;overflow:hidden}
  .nitem .ph.phimg img{width:100%;height:100%;object-fit:cover}
  .nitem .tx{padding:var(--s6);display:flex;flex-direction:column;flex:1}
  .nitem time{font-size:var(--fs-2);color:var(--brand);font-weight:800;letter-spacing:.1em}
  .nitem h4{font-family:var(--sans);font-weight:600;font-size:var(--fs-6);margin-top:var(--s2);letter-spacing:-.01em}
  .nitem p{font-size:var(--fs-4);color:var(--ink-2);margin-top:var(--s2)}
  .nitem .more-link{margin-top:auto;padding-top:var(--s4)}
  .career .wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--s7);flex-wrap:wrap}
  .career h2{font-size:var(--fs-8);max-width:22ch}

  @media(max-width:1040px){
    .modbar,.stats .grid,.news .ngrid{grid-template-columns:1fr 1fr}
    .story .wrap,.cdmo .content .wrap,.panel{grid-template-columns:1fr;gap:var(--s8)}
    .story.flip .fig{order:0}
    .prow{grid-template-columns:1fr;gap:var(--s4)}
    .prow .side{width:auto;justify-content:flex-start}
    .stat{border-inline-end:none;border-bottom:1px solid var(--line)}
    .stat:nth-child(odd){padding-inline-start:0}
    .stat:nth-child(even){padding-inline-end:0}
    .stat:nth-last-child(-n+2){border-bottom:none}
  }
  @media(max-width:640px){
    .modbar,.stats .grid,.news .ngrid,.lists{grid-template-columns:1fr}
    .modules{margin-top:-30px}
    /* 08.09.2026: kaydırma ipucu mobilde hero metninin son satırıyla
       çakışıyordu (ölçüldü: EN 375 px'te ipucu 842-891, paragraf
       624-873). Telefonda ipucunun bilgi değeri yok, gizlendi. */
    body .hero .hint{display:none}
    .stat{padding-left:0!important;padding-right:0!important}
  }

  /* Ürünüm Güvende — tüketiciye dönük izlenebilirlik bandı */
  .guvende{background:linear-gradient(160deg,var(--deep),var(--dark));color:#fff}
  .guvende .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:var(--s10);align-items:center}
  .guvende h2{color:#fff;font-size:var(--fs-8);margin-top:var(--s3)}
  .guvende p{color:var(--on-dark-2);font-size:var(--fs-5);margin-top:var(--s5)}
  .guvende .not{font-size:var(--fs-3);margin-top:var(--s5);max-width:52ch}
  .guvende .more-link{margin-top:var(--s6);color:var(--gold-2)}
  .kkod{display:grid;grid-template-columns:auto 1fr;gap:var(--s5) var(--s6);align-items:start}
  .kkod .kare{width:104px;height:104px;border-radius:var(--r-md);background:#fff;padding:12px;
    display:flex;align-items:center;justify-content:center;grid-row:span 3}
  .kkod .kare svg{width:100%;height:100%;fill:var(--deep)}
  .kkod .sat b{display:block;font-size:var(--fs-5);color:#fff}
  .kkod .sat span{display:block;font-size:var(--fs-3);color:#A8C0D4;margin-top:3px;line-height:1.6}
  @media(max-width:1040px){.guvende .wrap{grid-template-columns:1fr;gap:var(--s8)}}
  @media(max-width:640px){.kkod{grid-template-columns:1fr}.kkod .kare{grid-row:auto}}

  /* Ürünüm Güvende — üst şeritteki sorgulama alanı */
  .kodserit{background:var(--deep);color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}
  .kodserit .wrap{display:flex;gap:var(--s4);align-items:center;padding-top:10px;padding-bottom:10px;
    flex-wrap:wrap}
  .kodserit .ad{display:flex;align-items:center;gap:var(--s3);font-size:var(--fs-3);color:var(--gold-2);
    font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
  @media(max-width:400px){.kodserit .ad{white-space:normal;line-height:1.4}}
  .kodserit .ad svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
  .kodserit .tanim{font-size:var(--fs-2);color:#BFD3E4;flex:0 1 auto;min-width:0}
  .kodserit form{display:flex;gap:8px;margin-inline-start:auto;flex-wrap:wrap}
  .kodserit input{font-family:inherit;font-size:var(--fs-3);letter-spacing:.05em;color:var(--ink);
    background:#fff;border:1px solid transparent;border-radius:var(--r-sm);padding:8px 12px;width:190px;
    font-variant-numeric:tabular-nums}
  .kodserit input:focus-visible{outline:2.5px solid var(--gold-2);outline-offset:2px}
  .kodserit button{font-family:inherit;font-weight:700;font-size:var(--fs-3);border:none;cursor:pointer;
    background:var(--gold-2);color:#3B2A00;border-radius:var(--r-sm);padding:8px 18px;
    transition:background var(--t-1)}
  .kodserit button:hover{background:#fff}
  .kodserit .durum{font-size:var(--fs-2);color:var(--gold-2);width:100%;margin-top:2px}
  .kodserit .durum:empty{display:none}
  @media(min-width:901px){
    /* Uzun çeviriler formu alt satıra itmesin; yalnız açıklama kendi
       sütununda sarılır. Durum mesajı formun altında ayrı satırdadır. */
    .kodserit .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto}
    .kodserit form{width:20rem;max-width:100%;margin-inline-start:0;flex-wrap:wrap}
    .kodserit input{flex:1 1 140px;min-width:0;width:auto}
    .kodserit button[type="submit"]{flex:none}
    .kodserit .durum{min-width:0;overflow-wrap:anywhere}
  }
  @media(min-width:901px) and (max-width:1360px){
    /* Bu aralıkta açıklama ile form aynı satıra sığmıyor. Açıklama gizlenir;
       şeridin adı ve giriş kutusunun yer tutucusu zaten ne yapılacağını söylüyor.
       08.09.2026: açıklamaya kapsam cümlesi eklenince metin uzadı ve üst sınır
       1150'den 1360'a çıkarıldı — ölçüldü, 1200 px'te form alt satıra kayıyordu. */
    .kodserit .tanim{display:none}
    .kodserit .wrap{grid-template-columns:minmax(0,1fr) auto}
  }
  @media(max-width:900px){
    .kodserit .wrap{padding-top:12px;padding-bottom:12px}
    .kodserit .tanim{width:100%;order:3;font-size:var(--fs-2);line-height:1.55}
    .kodserit form{margin-inline-start:0;width:100%;order:2}
    .kodserit input{flex:1 1 140px;width:auto}
    .kodserit .kod-tara{flex:1 1 auto}
  }

  @media(max-width:640px){
    /* uzun ürün adları dar ekranda ızgarayı zorluyordu */
    .panel{grid-template-columns:minmax(0,1fr)}
    .panel > div{min-width:0}
    .lists li{flex-wrap:wrap}
    .lists li span{white-space:normal}
  }
  

  /* parti sorgu sonucu */

/* One layout for TR/EN/RU/AR. Reading direction and script typography remain native. */
.hero{height:auto;min-height:clamp(600px,84vh,780px);max-height:none}
.hero>.wrap{padding-block:var(--s10) var(--s12)}
.hero .inner,.cdmo .content .wrap>div,.stats .grid>div{min-width:0}
.hero h1,.hero p,.cdmo h2,.cdmo p{word-break:normal;overflow-wrap:normal;hyphens:auto}
.cdmo .scrim{pointer-events:none}
html[dir="rtl"] .hero .scrim{background:linear-gradient(264deg,rgba(0,38,63,.95) 0%,rgba(0,38,63,.86) 34%,rgba(0,38,63,.5) 62%,rgba(0,38,63,.26) 100%)}
html[dir="rtl"] .hero img.bg{object-position:30% 50%}
html[dir="rtl"] .cdmo .scrim{background:linear-gradient(260deg,rgba(0,38,63,.96) 30%,rgba(0,60,99,.86) 62%,rgba(0,60,99,.62) 100%)}
html[dir="rtl"] .panel .art{background:linear-gradient(200deg,color-mix(in srgb,var(--ac) 9%,#fff),color-mix(in srgb,var(--ac) 3%,#fff))}
html[dir="rtl"] .mod .arr{transform:scaleX(-1)}
html[dir="rtl"] .mod:hover .arr{transform:scaleX(-1) translateX(5px)}
html[dir="rtl"] .lists li span.ltr{display:inline-block}
html[dir="rtl"] table.cap tbody th{left:auto;inset-inline-start:0;text-align:start;box-shadow:-1px 0 0 var(--line)}
html[dir="rtl"] .panel .art figcaption{line-height:1.85}
@media(max-width:640px){
  .hero>.wrap{padding-block:var(--s8) var(--s11)}
  .stats .stat{padding-inline:0}
}