/* Optical Design — poarta: Colaboratorii noștri + hartă. Generat de _build/build.mjs — nu edita aici. */
.co-h1{font-size:clamp(46px,10.6vw,176px)}
.co-stats{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.co-stats li{display:flex;align-items:baseline;gap:10px;padding:14px 20px;border-radius:18px}
.co-stats b{font:400 clamp(34px,3.4vw,52px)/1 var(--display)}
.co-stats span{font:800 13px/1.2 var(--text);letter-spacing:.08em;text-transform:uppercase}
.co-stats .bg-or{background:var(--or);color:var(--or-ink)}.co-stats .bg-bl{background:var(--bl);color:var(--bl-ink)}.co-stats .bg-ye{background:var(--ye);color:var(--ye-ink)}
.co-stats__k{background:#1d1d22;box-shadow:inset 0 0 0 1px var(--line)}

/* harta */
.mp{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:14px;align-items:stretch}
.mp__map{position:relative;border-radius:28px;background:radial-gradient(120% 90% at 70% 30%,#16162a 0%,#0f0f14 60%,#0b0b0f 100%);box-shadow:inset 0 0 0 1px var(--line);padding:clamp(18px,3vw,44px) clamp(18px,3vw,44px) clamp(110px,12vw,170px);overflow:hidden}
.mp__ro{position:relative}
.mp__svg{display:block;width:100%;height:auto;overflow:visible}
.mp__land{fill:#17171d;stroke:rgba(244,244,246,.55);stroke-width:2;stroke-linejoin:round}
.mp__land--pa{stroke-width:1.4}
.mp__dots{stroke:none;pointer-events:none}
.pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;z-index:2;padding:7px;border-radius:999px;--c:var(--or);--k:var(--or-ink)}
.pin--bl{--c:var(--bl);--k:#fff}.pin--ye{--c:var(--ye);--k:var(--ye-ink)}.pin--wh{--c:var(--wh);--k:#111}
.pin__dot{position:relative;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--c);color:var(--k);box-shadow:0 0 0 4px rgba(9,9,12,.85);transition:transform .25s var(--ease)}
.pin__dot b{font:800 13px/1 var(--text)}
.pin__dot::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--c);opacity:0}
.pin__lbl{position:absolute;left:calc(100% - 2px);top:50%;transform:translateY(-50%);white-space:nowrap;font:800 12.5px/1 var(--text);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:999px;background:rgba(9,9,12,.82);color:var(--wh);pointer-events:none}
.pin[data-pin="ploiesti"] .pin__lbl{left:auto;right:calc(100% - 2px)}
.pin[data-pin="constanta"] .pin__lbl{top:calc(100% + 6px);transform:translateX(-62%)}
.pin:hover .pin__dot,.pin[aria-pressed="true"] .pin__dot{transform:scale(1.22)}
.pin[aria-pressed="true"] .pin__lbl{background:var(--c);color:var(--k)}
.mp__pa{position:absolute;left:clamp(14px,2.4vw,32px);bottom:clamp(14px,2.4vw,32px);width:min(40%,330px);padding:14px 16px 18px;border-radius:20px;background:rgba(20,20,26,.92);box-shadow:inset 0 0 0 1px var(--line)}
.mp__pa-k{display:block;font:800 11px/1.2 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ye);margin-bottom:10px}
.mp__pa-in{position:relative}
.mp__pa .pin__lbl{left:auto;right:calc(100% - 2px)}
.mp__card{border-radius:28px;background:#141418;box-shadow:inset 0 0 0 1px var(--line);padding:clamp(22px,2.6vw,36px);min-height:260px}
.mp__places{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.mp__place{min-height:44px;padding:0 14px;border-radius:999px;font:800 12.5px/1 var(--text);letter-spacing:.04em;background:#1d1d22;box-shadow:inset 0 0 0 1.5px var(--line)}
.mp__place[aria-pressed="true"]{background:var(--ye);color:var(--ye-ink);box-shadow:none}
.mp__k{font:800 12px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.mp__city{font:400 clamp(36px,3.4vw,54px)/1.3 var(--display);text-transform:uppercase;margin:12px 0 18px}
.mp__imgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
.mp__imgs img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;box-shadow:0 0 0 1px var(--line)}
.mp__list{list-style:none;display:grid;gap:8px}
.mp__list li{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:12px 14px;border-radius:14px;background:#1d1d22}
.mp__list a,.mp__list span{font:800 17px/1.25 var(--text);text-decoration:none}
.mp__list a:hover{color:var(--ye)}
.mp__list small{grid-column:2;font:600 12.5px/1.3 var(--text);color:var(--muted)}
.co-dot{grid-row:span 2;width:12px;height:12px;border-radius:50%;background:var(--or)}
.co-dot--bl{background:var(--bl)}.co-dot--ye{background:var(--ye)}.co-dot--wh{background:var(--wh)}
@media (prefers-reduced-motion:no-preference){
  .pin{animation:pinIn .55s var(--ease) var(--d) both}
  .pin__dot::after{animation:pulse 1.1s ease-out calc(var(--d) + .5s) 2}
  .mp__c:not([hidden]){animation:rise .4s var(--ease) both}
  .cw li{animation:rise .45s var(--ease) calc(var(--i) * 18ms) both}
}
@keyframes pinIn{from{opacity:0;transform:translate(-50%,-160%)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes pulse{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}

/* filtre + peretele de logo-uri */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:11px 16px;border-radius:999px;font:800 14px/1 var(--text);background:#1d1d22;box-shadow:inset 0 0 0 1.5px var(--line);transition:transform .2s var(--ease)}
.chip small{font-size:11px;opacity:.7}
.chip:hover{transform:translateY(-2px)}
.chip[aria-pressed="true"]{background:var(--wh);color:#111;box-shadow:none}
.chip--or[aria-pressed="true"]{background:var(--or);color:var(--or-ink)}
.chip--bl[aria-pressed="true"]{background:var(--bl);color:#fff}
.chip--ye[aria-pressed="true"]{background:var(--ye);color:var(--ye-ink)}
.cw{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.cw li[hidden]{display:none}
.cw__t{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:1/.86;padding:16px 12px 40px;border-radius:20px;background:#141418;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--wh);overflow:hidden;transition:background .3s,transform .3s var(--ease);--c:var(--or);--k:var(--or-ink)}
.cw__t--bl{--c:var(--bl);--k:#fff}.cw__t--ye{--c:var(--ye);--k:var(--ye-ink)}.cw__t--wh{--c:var(--wh);--k:#111}
.cw__t::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--c)}
.cw__t img{height:var(--h);width:auto;max-width:78%;max-height:62%;object-fit:contain}
.cw__name{font:400 clamp(22px,1.9vw,30px)/1.2 var(--display);text-transform:uppercase;text-align:center}
.cw__cap{position:absolute;left:12px;right:12px;bottom:12px;font:700 11px/1.25 var(--text);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-align:center}
.cw__cap b{display:block;font-weight:800;color:var(--wh);letter-spacing:.02em;text-transform:none;font-size:12.5px;margin-bottom:2px}
.cw__go{position:absolute;right:12px;top:12px;font:800 15px/1 var(--text);color:var(--c)}
.cw__t:hover{background:var(--c);color:var(--k);transform:translateY(-4px) rotate(-1deg)}
.cw li:nth-child(even) .cw__t:hover{transform:translateY(-4px) rotate(1deg)}
.cw__t:hover .cw__cap,.cw__t:hover .cw__cap b,.cw__t:hover .cw__go{color:var(--k)}
.cw__t--ye:hover img,.cw__t--wh:hover img{filter:brightness(0)}
.co-more{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
@media (max-width:1100px){.mp{grid-template-columns:minmax(0,1fr)}.cw{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){
  .co-stats li{padding:12px 16px}
  .mp__map{padding:14px 12px 150px;border-radius:22px}
  .mp__pa{width:62%;left:12px;bottom:12px}
  .pin{padding:13px}.pin__dot{width:19px;height:19px;box-shadow:0 0 0 3px rgba(9,9,12,.85)}.pin__dot b{font-size:10px}
  .pin__lbl,.pin[aria-pressed="true"] .pin__lbl{display:none}
  .cw{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cw__t{border-radius:16px}
  .cw__t img{max-height:52%}
}
@media (prefers-reduced-motion:reduce){.cw__t,.chip,.pin__dot{transition:none}}
