/* Optical Design — poarta: Identități de brand (identitati.html + brand-*.html). Generat de _build/build.mjs — nu edita aici. */
/* scurtături către firme */
.bix ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.bix a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:12px 18px;border-radius:999px;background:var(--bbg);color:var(--bink);text-decoration:none;font:800 15px/1 var(--text);letter-spacing:.3px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transition:transform .25s var(--ease)}
.bix a span{font-size:11px;letter-spacing:.14em;opacity:.65}
.bix a:hover{transform:translateY(-3px) rotate(-1deg)}

/* cardurile mari */
.bi-list{display:flex;flex-direction:column;gap:clamp(14px,1.6vw,22px)}
.bi{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-areas:"txt fan";align-items:center;gap:clamp(20px,3vw,48px);min-height:clamp(520px,44vw,640px);padding:clamp(28px,3.4vw,52px);border-radius:28px;background:var(--bbg);color:var(--bink);text-decoration:none;overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);scroll-margin-top:24px}
.bi--r{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-areas:"fan txt"}
.bi__txt{grid-area:txt;display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:relative;z-index:2}
.bi__n{font:800 13px/1 var(--text);letter-spacing:.16em;opacity:.7}
.bi__logo{height:clamp(44px,4.4vw,64px);width:auto;max-width:min(300px,80%);object-fit:contain;object-position:left center;margin:6px 0 4px}
.bi__name{font:400 clamp(46px,5.6vw,92px)/1.1 var(--display);text-transform:uppercase;letter-spacing:-.5px;max-width:11ch}
.bi__meta{font:800 12.5px/1.4 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--bacc)}
.bi__tag{font:600 clamp(18px,1.6vw,22px)/1.35 var(--text);max-width:30ch;opacity:.92}
.bi__got{list-style:none;display:flex;flex-wrap:wrap;gap:6px;max-width:46ch}
.bi__got li{font:700 12.5px/1 var(--text);padding:8px 11px;border-radius:999px;border:1.5px solid currentColor;opacity:.78}
.bi__go{display:inline-flex;gap:10px;margin-top:8px;font:800 14px/1 var(--text);letter-spacing:1px;text-transform:uppercase;border-bottom:2px solid currentColor;padding-bottom:6px}
.bi__fan{grid-area:fan;position:relative;align-self:stretch;min-height:clamp(340px,34vw,520px)}
.bi__fan img{position:absolute;height:auto;border-radius:12px;box-shadow:0 22px 48px rgba(0,0,0,.42);transition:transform .6s var(--ease)}
.bi__fan .f1{left:0;top:9%;width:37%;transform:rotate(-7deg);z-index:2}
.bi__fan .f2{right:0;top:2%;width:72%;transform:rotate(4deg);z-index:1}
.bi__fan .f3{left:16%;bottom:5%;width:60%;transform:rotate(-3deg);z-index:3}
.bi:hover .f1,.bi:focus-visible .f1{transform:translate(-5%,-4%) rotate(-12deg)}
.bi:hover .f2,.bi:focus-visible .f2{transform:translate(4%,-5%) rotate(8deg)}
.bi:hover .f3,.bi:focus-visible .f3{transform:translate(2%,5%) rotate(1deg) scale(1.05)}
.bi:hover .bi__go{color:var(--bacc)}
.bi--wide .f1{left:2%;top:6%;width:34%}
.bi--wide .f2{right:0;top:12%;width:70%}
.bi--wide .f3{left:4%;top:auto;bottom:6%;width:92%}
.bi__note{margin-top:14px;color:var(--muted);font-size:15px;max-width:70ch}

/* ce e în pack */
.bpk{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bpk__i{--c:var(--or);--k:var(--or-ink);padding:24px;border-radius:22px;background:var(--c);color:var(--k);min-height:230px;display:flex;flex-direction:column;gap:10px}
.bpk__i:nth-child(4n+2){--c:var(--bl);--k:var(--bl-ink)}
.bpk__i:nth-child(4n+3){--c:var(--ye);--k:var(--ye-ink)}
.bpk__i:nth-child(4n+4){--c:#1d1d22;--k:var(--wh);box-shadow:inset 0 0 0 1px var(--line)}
.bpk__i:last-child{grid-column:span 2}
.bpk__n{font:400 clamp(48px,4.4vw,68px)/1 var(--display)}
.bpk__i h3{font:800 20px/1.2 var(--text);margin-top:auto}
.bpk__i p{font:500 15.5px/1.45 var(--text);opacity:.86}

/* pagina unei firme: antet în culoarea brandului */
.bh{position:relative;background:var(--bbg);color:var(--bink);padding:118px 0 0;overflow:hidden}
.bh__crumbs{font:700 13px/1.3 var(--text);letter-spacing:.06em;opacity:.75;margin-bottom:clamp(22px,3vw,40px)}
.bh__crumbs a{text-decoration:none;border-bottom:1.5px solid currentColor}
.bh__in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:end}
.bh__k{font:800 12.5px/1.45 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--bacc);margin-bottom:18px}
.bh__name{font:400 clamp(52px,7.4vw,128px)/1.1 var(--display);text-transform:uppercase;letter-spacing:-1px}
.bh__tag{margin-top:20px;font:600 clamp(19px,1.9vw,26px)/1.35 var(--text);max-width:30ch;opacity:.92}
.bh__logo{display:grid;place-items:center end}
.bh__logo img{width:auto;max-width:100%;max-height:clamp(110px,13vw,200px);object-fit:contain}
.bh__img{margin-top:clamp(36px,5vw,64px)}
.bh__img img{width:100%;height:auto;border-radius:22px 22px 0 0;box-shadow:0 -10px 60px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.2)}
@media (prefers-reduced-motion:no-preference){.bh__img img{animation:rise .7s var(--ease) .1s both}}

/* ce am făcut + culori + fonturi */
.bfx{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:start}
.bfx__p{margin-top:22px;font:500 clamp(19px,1.7vw,24px)/1.5 var(--text);max-width:42ch}
.bfx__got{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.bfx__got li{font:700 13.5px/1 var(--text);padding:10px 14px;border-radius:999px;background:#1d1d22;box-shadow:inset 0 0 0 1px var(--line)}
.bfx__side{display:grid;gap:12px}
.bfx__box{border:1px solid var(--line);border-radius:22px;padding:clamp(20px,2.2vw,28px)}
.bfx__box>span{display:block;font:800 12px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.bpal{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bpal i{display:block;aspect-ratio:1.5;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.bpal b{display:block;margin-top:8px;font:700 13.5px/1.25 var(--text)}
.bpal small{display:block;font:600 12px/1.3 var(--text);letter-spacing:.06em;color:var(--muted)}
.bfx__fonts{font:500 17px/1.5 var(--text);color:var(--muted)}
.bfx__fonts b{color:var(--wh);font-weight:800}

/* galeria */
.bgal{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.4vw,20px) clamp(10px,1.1vw,16px);align-items:center}
.bgal__h{grid-column:1/-1;display:flex;align-items:baseline;gap:16px;margin-top:clamp(28px,3.4vw,48px);font:400 clamp(30px,3.2vw,48px)/1.28 var(--display);text-transform:uppercase}
.bgal__h:first-child{margin-top:0}
.bgal__h span{font:800 14px/1 var(--text);letter-spacing:.14em;color:var(--or)}
.bgal__t{position:relative;margin:0}
.bgal__t img{width:100%;height:auto;border-radius:16px;box-shadow:0 0 0 1px var(--line),0 18px 40px rgba(0,0,0,.35)}
.bgal__t figcaption{margin-top:10px;font:800 11.5px/1.2 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.bgal__t--pad{align-self:start;background:var(--tb);aspect-ratio:4/3;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.bgal__t--pad img{position:absolute;left:14%;top:14%;width:72%;height:62%;object-fit:contain;border-radius:0;box-shadow:none}
.bgal__t--pad figcaption{position:absolute;left:12px;bottom:12px;margin:0;padding:7px 11px;border-radius:999px;background:rgba(9,9,12,.72);color:#fff;font-size:11px;line-height:1}
.s3{grid-column:span 3}.s4{grid-column:span 4}.s6{grid-column:span 6}.s8{grid-column:span 8}.s12{grid-column:span 12}

/* următoarea firmă */
.bnx{position:relative;display:grid;gap:6px;padding:clamp(28px,3.4vw,52px);padding-right:clamp(28px,30%,380px);border-radius:28px;background:var(--bbg);color:var(--bink);text-decoration:none;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:transform .35s var(--ease)}
.bnx:hover{transform:translateY(-4px)}
.bnx__k{font:800 13px/1 var(--text);letter-spacing:3px;text-transform:uppercase;color:var(--bacc)}
.bnx__t{font:400 clamp(40px,6vw,104px)/1.1 var(--display);text-transform:uppercase}
.bnx__logo{position:absolute;right:clamp(24px,3.4vw,52px);top:50%;transform:translateY(-50%);width:auto;max-width:26%;max-height:58%;object-fit:contain;opacity:.95}
.bnx__more{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

/* Greentech: cardul și antetul cel mai mare (Optical: „un colos pe piață”) */
.bi--xl{min-height:clamp(600px,52vw,780px);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);background:radial-gradient(120% 90% at 100% 0%,rgba(152,202,63,.22),transparent 55%),var(--bbg);box-shadow:inset 0 0 0 1px rgba(152,202,63,.35)}
.bi--xl .bi__name{font-size:clamp(56px,7.6vw,128px);max-width:none}
.bi--xl .bi__logo{height:clamp(40px,3.6vw,56px);max-width:min(420px,92%)}
.bi--xl .bi__fan .f1{width:28%;top:4%}
.bi__stats ul,.bst__in ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 26px}
.bi__stats li,.bst__in li{display:flex;flex-direction:column;gap:4px;max-width:20ch}
.bi__stats b{font:400 clamp(30px,3vw,46px)/1 var(--display);color:var(--bacc)}
.bi__stats span{font:600 12.5px/1.3 var(--text);opacity:.8}
.bi__stats p,.bst__in p{margin-top:10px;font:600 12px/1.3 var(--text);opacity:.6}
.bh--xl .bh__name{font-size:clamp(60px,10vw,176px)}
.bh--xl .bh__logo img{max-height:clamp(70px,7vw,120px)}
.bst{background:var(--bbg);color:var(--bink);padding:clamp(30px,4vw,56px) 0;border-top:1px solid rgba(255,255,255,.08)}
.bst__in ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.bst__in li{max-width:none;border-top:3px solid var(--bacc);padding-top:14px}
.bst__in b{font:400 clamp(40px,5vw,84px)/1 var(--display);color:var(--bacc)}
.bst__in span{font:600 clamp(14px,1.1vw,16px)/1.35 var(--text);opacity:.85}
.bi__stats b,.bst__in b{white-space:nowrap}
.bi__stats b small,.bst__in b small{font-size:.5em}
@media (max-width:1100px){
  .bi--xl{grid-template-columns:minmax(0,1fr);min-height:0}
  .bst__in ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bi,.bi--r{grid-template-columns:minmax(0,1fr);grid-template-areas:"fan" "txt";min-height:0}
  .bi__fan{min-height:0;aspect-ratio:1.45}
  .bpk{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bfx{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .bh{padding-top:96px}
  .bh__in{grid-template-columns:minmax(0,1fr)}
  .bh__logo{place-items:start;order:-1}
  .bh__logo img{max-height:80px}
  .bh__img img{border-radius:14px 14px 0 0}
  .bgal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s6,.s8,.s12{grid-column:1/-1}.s3,.s4{grid-column:span 1}
  .bgal__t--pad figcaption{left:8px;bottom:8px;font-size:10px;padding:6px 9px}
  .bgal__t figcaption{font-size:10.5px}
  .bpk{grid-template-columns:minmax(0,1fr)}
  .bpk__i{min-height:0}
  .bpk__i:last-child{grid-column:auto}
  .bpal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bst__in ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bi{padding:22px;border-radius:22px}
  .bi__fan{aspect-ratio:1.2}
  .bnx{padding-right:clamp(24px,6vw,52px);padding-bottom:110px}
  .bnx__logo{top:auto;bottom:24px;transform:none;left:clamp(24px,6vw,52px);right:auto;max-width:60%;max-height:56px}
}
@media (prefers-reduced-motion:reduce){.bi__fan img,.bix a,.bcc,.bnx{transition:none}}