/* ============================================================
   CAUS — PROJECTS PAGE (projeler.html)
   #projects   the project work in the Ekipman Kataloğu 2026 (s. 19–21):
               page head + section index, 01 the package treatment unit
               built in the workshop (render, specification, process
               scheme, finished unit), 02 the custom fabrication grid,
               03 the equipment families
   #references the institutions of the catalogue's reference page
               (s. 22): key figures, map of Türkiye, utility / İLBANK
               lists (hover links list <-> map), the filterable
               industry / academia / engineering list and the closing CTA
============================================================ */

/* ============================================================
   PROJECTS
============================================================ */
#projects{background:var(--navy-900);color:#fff;}

/* ---------- page head ---------- */
.pj-head{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:end;}
.pj-head h1{margin-top:16px;font-size:clamp(32px,4.1vw,56px);line-height:1.05;letter-spacing:-0.025em;font-weight:600;color:#fff;max-width:16ch;text-wrap:balance;}
.pj-head-side p{font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.66);max-width:52ch;}

/* ---------- section index (01–04) ---------- */
.pj-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:56px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);}
.pj-index a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:20px 22px 22px 0;color:#fff;transition:background .3s var(--ease-out);}
.pj-index a + a{padding-left:22px;border-left:1px solid rgba(255,255,255,.1);}
.pj-ix-n{font-size:11px;color:var(--cyan);padding-top:3px;}
.pj-ix-t{display:flex;flex-direction:column;gap:7px;font-size:15px;font-weight:500;letter-spacing:-0.005em;transition:color .25s;}
.pj-ix-t em{font-style:normal;font-size:10px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.42);}
.pj-index svg{width:15px;height:15px;margin-top:3px;color:rgba(255,255,255,.4);transition:transform .3s var(--ease-out),color .3s;}
.pj-index a:hover .pj-ix-t > span{color:var(--cyan);}
.pj-index a:hover svg{transform:translateY(3px);color:var(--cyan);}
.pj-index a:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px;}

/* ---------- section kicker / heads (also used by #references) ---------- */
.pj-sec-k{display:flex;align-items:center;gap:12px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62);}
.pj-sec-k .n{display:inline-flex;align-items:center;gap:12px;color:var(--cyan);}
.pj-sec-k .n::after{content:"";width:26px;height:1px;background:rgba(57,195,242,.6);}
.pj-block{margin-top:clamp(84px,9vw,128px);scroll-margin-top:calc(var(--nav-h) + 18px);}
.pj-sec-head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;margin-bottom:36px;}
.pj-sec-head h2{margin-top:16px;font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-0.02em;font-weight:600;color:#fff;text-wrap:balance;}
.pj-sec-side p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.66);max-width:54ch;}
.pj-sec-head-row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:18px 24px;margin-bottom:30px;}

/* ---------- 01 featured project ---------- */
.pj-feature > .pj-sec-k{margin-bottom:26px;}
.pj-f-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,4.5vw,64px);align-items:center;}
.pj-f-visual{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#05080c;}
.pj-f-visual img{width:100%;height:100%;object-fit:cover;}
.pj-f-visual::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(to top, rgba(4,7,11,.92), rgba(4,7,11,0));pointer-events:none;}
.pj-f-stamp{position:absolute;z-index:2;left:clamp(18px,2.4vw,32px);right:clamp(18px,2.4vw,32px);bottom:clamp(16px,2.2vw,28px);display:flex;flex-direction:column;gap:12px;}
.pj-f-stamp b{display:flex;align-items:flex-end;gap:.06em;font-size:clamp(30px,4.4vw,62px);line-height:.9;font-weight:800;letter-spacing:-0.02em;word-spacing:.14em;text-transform:uppercase;color:#fff;}
.pj-f-stamp b i{display:block;flex:none;width:.19em;height:.19em;margin-bottom:.02em;background:var(--green);}
.pj-f-stamp > span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.64);}
.pj-id{font-size:10.5px;letter-spacing:.12em;color:var(--cyan);}
.pj-f-meta h2{margin-top:14px;font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-0.02em;font-weight:600;color:#fff;}
.pj-f-sub{margin-top:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.pj-f-body{margin-top:20px;font-size:15px;line-height:1.7;color:rgba(255,255,255,.68);max-width:56ch;}
.pj-spec{margin:26px 0 0;border-top:1px solid rgba(255,255,255,.14);}
.pj-spec div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);}
.pj-spec dt{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);padding-top:3px;}
.pj-spec dd{margin:0;font-size:14px;line-height:1.45;color:#fff;}
.pj-f-actions{display:flex;align-items:center;gap:18px 26px;flex-wrap:wrap;margin-top:30px;}

/* process scheme (catalogue s. 19) + finished unit */
.pj-f-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(24px,3vw,40px);margin-top:clamp(32px,4vw,48px);}
.pj-scheme{margin:0;padding:24px 26px 30px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg, rgba(15,28,43,.6), rgba(6,10,16,.2));}
.pj-scheme-cap{display:flex;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:28px;border-bottom:1px solid rgba(255,255,255,.12);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.pj-scheme-cap span:first-child{color:var(--cyan);}

.pj-flow{
  --gx:40px;--gy:36px;--ac:#737b83;--air:#39c3f2;
  --hr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 10'%3E%3Cpath d='M0 0l7 5-7 5z' fill='%23737b83'/%3E%3C/svg%3E");
  --hl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 10'%3E%3Cpath d='M7 0L0 5l7 5z' fill='%23737b83'/%3E%3C/svg%3E");
  --hd:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7'%3E%3Cpath d='M0 0h10L5 7z' fill='%23737b83'/%3E%3C/svg%3E");
  --hu-air:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7'%3E%3Cpath d='M5 0l5 7H0z' fill='%2339c3f2'/%3E%3C/svg%3E");
  --hl-air:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 10'%3E%3Cpath d='M7 0L0 5l7 5z' fill='%2339c3f2'/%3E%3C/svg%3E");
  list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gx);row-gap:var(--gy);
  grid-template-areas:"a b c d" "h g f e" "j i . k";
}
.pf{position:relative;display:flex;align-items:center;min-height:54px;padding:10px 12px;border:1px solid rgba(255,255,255,.2);background:rgba(6,10,16,.5);font-size:13px;line-height:1.3;font-weight:500;color:#fff;}
.pf-a{grid-area:a;}.pf-b{grid-area:b;}.pf-c{grid-area:c;}.pf-d{grid-area:d;}.pf-e{grid-area:e;}.pf-f{grid-area:f;}
.pf-g{grid-area:g;}.pf-h{grid-area:h;}.pf-i{grid-area:i;}.pf-j{grid-area:j;}.pf-k{grid-area:k;border-style:dashed;}
.pf-hl{background:var(--blue);border-color:var(--blue-bright);box-shadow:0 0 0 1px rgba(57,195,242,.3),0 0 28px rgba(31,155,216,.45);}
.pf::before,.pf::after{position:absolute;pointer-events:none;}
/* arrows: line + head drawn as two background layers of one pseudo-element */
.pf-a::after,.pf-b::after,.pf-c::after{content:"";inset:50% auto auto 100%;width:var(--gx);height:10px;transform:translateY(-50%);
  background:var(--hr) right center/7px 10px no-repeat,linear-gradient(var(--ac),var(--ac)) left center/calc(100% - 5px) 1px no-repeat;}
.pf-e::after,.pf-f::after,.pf-g::after,.pf-i::after{content:"";inset:50% 100% auto auto;width:var(--gx);height:10px;transform:translateY(-50%);
  background:var(--hl) left center/7px 10px no-repeat,linear-gradient(var(--ac),var(--ac)) right center/calc(100% - 5px) 1px no-repeat;}
.pf-d::after,.pf-g::before{content:"";inset:100% auto auto 50%;width:10px;height:var(--gy);transform:translateX(-50%);
  background:var(--hd) center bottom/10px 7px no-repeat,linear-gradient(var(--ac),var(--ac)) center top/1px calc(100% - 5px) no-repeat;}
.pf-k::after{content:"";inset:auto auto 100% 50%;width:10px;height:var(--gy);transform:translateX(-50%);
  background:var(--hu-air) center top/10px 7px no-repeat,repeating-linear-gradient(to bottom,var(--air) 0 4px,transparent 4px 8px) center bottom/1px calc(100% - 6px) no-repeat;}
.pf-air{position:absolute;left:calc(50% + 10px);bottom:calc(100% + var(--gy)/2 - 6px);font-size:9.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--air);}

.pj-f-unit{margin:0;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);background:#05080c;}
.pj-f-unit-img{position:relative;display:block;flex:1 1 auto;min-height:240px;overflow:hidden;}
.pj-f-unit-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.pj-f-unit figcaption{display:flex;justify-content:space-between;gap:10px;padding:13px 16px;border-top:1px solid rgba(255,255,255,.1);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.58);}
.pj-f-unit figcaption > span:last-child{color:rgba(255,255,255,.3);}

/* ---------- 02 custom fabrication (same grid as catalogue s. 21) ---------- */
.pj-cf-grid{
  --gap:14px;--cols:4;
  --cw:calc((min(100vw, var(--container)) - 2*var(--gutter) - (var(--cols) - 1)*var(--gap)) / var(--cols));
  list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));
  grid-auto-rows:calc(var(--cw) * 0.7417);gap:var(--gap);
  grid-template-areas:"c01 c02 c05 c09" "c03 c04 c05 c09" "c07 c06 c08 c09" "c07 c10 c11 c09";
}
.cf{position:relative;overflow:hidden;background:#05080c;border:1px solid rgba(255,255,255,.08);transition:border-color .3s var(--ease-out);}
.cf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out);}
.cf:hover{border-color:rgba(57,195,242,.45);}
.cf:hover img{transform:scale(1.04);}
.cf-01{grid-area:c01;}.cf-02{grid-area:c02;}.cf-03{grid-area:c03;}.cf-04{grid-area:c04;}.cf-05{grid-area:c05;}.cf-06{grid-area:c06;}
.cf-07{grid-area:c07;}.cf-08{grid-area:c08;}.cf-09{grid-area:c09;}.cf-10{grid-area:c10;}.cf-11{grid-area:c11;}
.cf-tag{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:9px;max-width:calc(100% - 24px);padding:5px 11px 5px 5px;background:rgba(6,10,16,.74);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:12.5px;line-height:1.25;font-weight:500;color:#fff;}
.cf-tag .n{display:grid;place-items:center;flex:none;min-width:24px;height:22px;padding:0 4px;border:1px solid rgba(57,195,242,.5);font-size:10px;color:var(--cyan);}

/* ---------- 03 equipment families (catalogue s. 05–19) ---------- */
.ref-equip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.ref-eq{display:flex;flex-direction:column;background:var(--navy-950);border:1px solid rgba(255,255,255,.1);transition:border-color .3s var(--ease-out);}
.ref-eq-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#05080c;}
.ref-eq-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out);}
.ref-eq:hover{border-color:rgba(57,195,242,.5);}
.ref-eq:hover img{transform:scale(1.04);}
.ref-eq:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;}
.ref-eq-meta{display:grid;grid-template-columns:1fr auto;grid-template-areas:"k p" "t t";gap:7px 12px;padding:16px 18px 18px;}
.ref-eq-k{grid-area:k;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);}
.ref-eq-t{grid-area:t;font-size:16.5px;font-weight:500;letter-spacing:-0.01em;color:#fff;}
.ref-eq-p{grid-area:p;display:inline-flex;align-items:center;gap:6px;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);white-space:nowrap;}
.ref-eq-p svg{width:12px;height:12px;transition:transform .3s var(--ease-out);}
.ref-eq:hover .ref-eq-p svg{transform:translateX(3px);}

/* ============================================================
   REFERENCES
============================================================ */
#references{background:var(--navy-950);color:#fff;position:relative;z-index:5;border-top:1px solid rgba(255,255,255,.08);}

/* ---------- head ---------- */
.ref-head{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:end;margin-bottom:52px;}
.ref-head h2{margin-top:16px;font-size:clamp(28px,3.4vw,44px);line-height:1.1;letter-spacing:-0.02em;color:#fff;max-width:17ch;text-wrap:balance;}
.ref-head-side p{font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.66);max-width:52ch;}
.ref-source{display:inline-block;margin-top:18px;font-size:10.5px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);}
.ref-source svg{display:inline-block;width:14px;height:14px;margin-left:8px;vertical-align:-3px;transition:transform .3s var(--ease-out);}
.ref-source:hover svg{transform:translateX(3px);}

/* ---------- key figures ---------- */
.ref-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);}
.ref-stat{display:flex;flex-direction:column;gap:9px;padding:26px 24px 24px 0;}
.ref-stat + .ref-stat{padding-left:24px;border-left:1px solid rgba(255,255,255,.1);}
.ref-stat b{font-family:'JetBrains Mono',monospace;font-weight:500;font-size:clamp(30px,3.2vw,44px);line-height:1;color:#fff;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;}
.ref-stat span{font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.55);max-width:22ch;}

/* ---------- map + public lists ---------- */
.ref-public{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:start;margin-top:56px;}
.ref-public > *{min-width:0;}
.ref-map{margin:0;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg, rgba(15,28,43,.6), rgba(6,10,16,.15));padding:18px 18px 12px;}
.ref-map-cap{display:flex;justify-content:space-between;align-items:center;gap:10px 18px;flex-wrap:wrap;margin-bottom:6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.ref-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;letter-spacing:.06em;}
.ref-legend .lg{display:inline-block;width:9px;height:9px;border-radius:50%;}
.ref-legend .lg-u{background:var(--cyan);box-shadow:0 0 8px rgba(57,195,242,.7);}
.ref-legend .lg-b{margin-left:10px;border:1.5px solid var(--green);}
.ref-map-frame svg{display:block;width:100%;height:auto;overflow:hidden;}
.ref-grat{fill:none;stroke:rgba(255,255,255,.05);stroke-width:1;}
.ref-land{fill:#0d1a28;stroke:rgba(57,195,242,.42);stroke-width:1.2;stroke-linejoin:round;}
.ref-land-dots{fill:url(#ref-dots);stroke:none;}
#ref-dots circle{fill:rgba(143,163,174,.2);}
.ref-pin .halo{fill:rgba(57,195,242,.16);opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .35s var(--ease-out),transform .35s var(--ease-out);}
.ref-pin .dot{fill:var(--cyan);}
.ref-pin .dot-b{fill:var(--green);}
.ref-pin .ring{fill:none;stroke:var(--green);stroke-width:1.6;}
.ref-pin text{font-family:'JetBrains Mono',monospace;font-size:14px;letter-spacing:.02em;fill:rgba(255,255,255,.7);transition:fill .3s;}
.ref-pin.hl .halo{opacity:1;transform:scale(1);}
.ref-pin.hl text{fill:#fff;}
.ref-map-note{margin-top:6px;text-align:right;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.26);}

.ref-map-col{display:flex;flex-direction:column;gap:34px;}
.ref-regions ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;}
.ref-regions li{display:grid;grid-template-columns:minmax(0,1fr) 34% 22px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07);cursor:default;}
.ref-regions .rg-name{font-size:13.5px;color:rgba(255,255,255,.84);}
.ref-regions .rg-bar{height:3px;background:rgba(255,255,255,.08);position:relative;}
.ref-regions .rg-bar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--blue-bright),var(--cyan));}
.ref-regions b{font-size:12.5px;font-weight:500;color:#fff;text-align:right;}
.ref-regions li.hl .rg-name{color:#fff;}
.ref-regions li.hl .rg-bar i{box-shadow:0 0 10px rgba(57,195,242,.7);}
.ref-lists{display:flex;flex-direction:column;gap:34px;}
.ref-group-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.14);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.ref-group-title em{font-style:normal;color:var(--cyan);}
.ref-orgs{list-style:none;margin:0;padding:0;}
.ref-orgs li{display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07);transition:background .25s,padding .25s;}
.ref-orgs li b{font-family:'JetBrains Mono',monospace;font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--cyan);}
.ref-orgs-b li b{color:var(--green);}
.ref-orgs li span{font-size:13.5px;line-height:1.35;color:rgba(255,255,255,.84);}
.ref-orgs li i{font-style:normal;font-size:9.5px;letter-spacing:.1em;color:rgba(255,255,255,.38);}
.ref-orgs li.hl{background:rgba(57,195,242,.07);padding-left:10px;padding-right:10px;}

/* ---------- industry / academia / engineering ---------- */
.ref-private{margin-top:72px;}
.ref-private-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px 24px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.14);}
.ref-private-head .ref-group-title{border-bottom:none;padding-bottom:14px;}
.ref-filter{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px;}
.ref-filter button{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:none;border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.62);font-size:12px;transition:color .25s,border-color .25s,background .25s;}
.ref-filter button em{font-style:normal;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:rgba(255,255,255,.4);}
.ref-filter button:hover{color:#fff;border-color:rgba(255,255,255,.36);}
.ref-filter button.active{color:#fff;background:rgba(57,195,242,.12);border-color:rgba(57,195,242,.6);}
.ref-filter button.active em{color:var(--cyan);}
.ref-filter button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;}
.ref-firms{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;}
.ref-firms li{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:baseline;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.ref-firms li.off{display:none;}
.ref-firms .n{font-size:11px;color:rgba(255,255,255,.34);}
.ref-firms b{font-size:15px;font-weight:500;letter-spacing:-0.005em;color:#fff;}
.ref-firms i{font-style:normal;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:rgba(255,255,255,.42);}
.ref-firms li[data-kind="aca"] i{color:var(--green);}
.ref-firms li[data-kind="ind"] i{color:#e0aa6c;}

/* ---------- closing CTA (end of the page) ---------- */
.ref-cta{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;margin-top:96px;padding:44px 48px;border:1px solid rgba(57,195,242,.28);background:linear-gradient(120deg, rgba(31,155,216,.14), rgba(6,10,16,0) 62%);}
.ref-cta h3{margin-top:12px;max-width:24ch;font-size:clamp(22px,2.4vw,32px);font-weight:500;letter-spacing:-0.015em;color:#fff;text-wrap:balance;}
.ref-cta-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;}

/* ============================================================
   RESPONSIVE
============================================================ */
@media (max-width:1080px){
  .pj-f-grid{grid-template-columns:1fr;}
  .pj-f-row{grid-template-columns:1fr;}
  .pj-f-unit-img{flex:none;min-height:0;aspect-ratio:16/10;}
  .ref-equip-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ref-public{grid-template-columns:1fr;gap:40px;}
}
@media (max-width:900px){
  .pj-head,.pj-sec-head{grid-template-columns:1fr;gap:20px;}
  .pj-index{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px;}
  .pj-index a{padding:16px 14px 18px 0;}
  .pj-index a + a{padding-left:0;border-left:none;}
  .pj-index a:nth-child(2n){padding-left:14px;border-left:1px solid rgba(255,255,255,.1);}
  .pj-index a:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1);}
  .pj-ix-t em{white-space:nowrap;font-size:9.5px;letter-spacing:.06em;}
  .ref-head{grid-template-columns:1fr;gap:20px;}
  .ref-stats{grid-template-columns:repeat(2,1fr);}
  .ref-stat:nth-child(3){padding-left:0;border-left:none;}
  .ref-stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1);}
  .ref-firms{grid-template-columns:1fr;}
}
@media (max-width:760px){
  /* process scheme as two columns, read top to bottom */
  .pj-scheme{padding:18px 16px 22px;}
  .pj-flow{--gx:34px;--gy:28px;grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-areas:"a ." "b ." "c ." "d ." "e k" "f ." "g i" "h j";}
  .pf{min-height:48px;padding:9px 10px;font-size:12.5px;}
  .pf-a::after,.pf-b::after,.pf-c::after,.pf-d::after,.pf-e::after,.pf-f::after,.pf-g::after,.pf-i::after{content:"";inset:100% auto auto 50%;width:10px;height:var(--gy);transform:translateX(-50%);
    background:var(--hd) center bottom/10px 7px no-repeat,linear-gradient(var(--ac),var(--ac)) center top/1px calc(100% - 5px) no-repeat;}
  .pf-g::before{content:"";inset:50% auto auto 100%;width:var(--gx);height:10px;transform:translateY(-50%);
    background:var(--hr) right center/7px 10px no-repeat,linear-gradient(var(--ac),var(--ac)) left center/calc(100% - 5px) 1px no-repeat;}
  .pf-k::after{content:"";inset:50% 100% auto auto;width:var(--gx);height:10px;transform:translateY(-50%);
    background:var(--hl-air) left center/7px 10px no-repeat,repeating-linear-gradient(to right,var(--air) 0 4px,transparent 4px 8px) right center/calc(100% - 6px) 1px no-repeat;}
  .pf-air{left:auto;right:calc(100% + 4px);bottom:auto;top:calc(50% + 8px);font-size:8.5px;letter-spacing:.08em;}
  /* custom fabrication grid in two columns */
  .pj-cf-grid{--gap:10px;--cols:2;grid-template-areas:"c01 c02" "c03 c04" "c05 c09" "c05 c09" "c07 c09" "c07 c09" "c06 c08" "c10 c11";}
  .cf-tag{left:8px;bottom:8px;max-width:calc(100% - 16px);gap:7px;padding:4px 8px 4px 4px;font-size:11px;}
  .cf-tag .n{min-width:20px;height:18px;font-size:9px;}
}
@media (max-width:600px){
  .pj-spec div{grid-template-columns:92px minmax(0,1fr);gap:12px;}
  .pj-f-stamp{gap:9px;}
  .pj-f-stamp > span{font-size:9px;}
  .ref-map{padding:12px 10px 8px;}
  .ref-pin text{font-size:25px;}
  .ref-orgs li{grid-template-columns:62px 1fr;row-gap:3px;}
  .ref-orgs li i{grid-column:2;}
  .ref-firms li{grid-template-columns:28px 1fr;row-gap:4px;}
  .ref-firms li i{grid-column:2;}
  .ref-equip-grid{gap:10px;}
  .ref-eq-meta{grid-template-columns:1fr;grid-template-areas:"k" "t" "p";gap:5px;padding:12px 12px 14px;}
  .ref-eq-k{font-size:8.5px;}
  .ref-eq-t{font-size:14px;}
  .ref-regions ul{grid-template-columns:1fr;}
  .ref-cta{padding:30px 22px;}
}