/* După '90 — redesign varianta 3 (Culoare) */
/* comun: culori, tipografie, header, footer, fotografii, butoane */
:root{--dx:'Archivo Black';--dxw:400}
:root{--w:#FFFFFF;--k:#111111;--r:#FA2B2B;--rt:#C81E1E;--y:#F2B630;--m:#555555;--l:#E2E2E2;--ph:#F0F0F0;--pho:#D4D4D4}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--w);color:var(--k);font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.w{max-width:1360px;margin:0 auto;padding:0 32px}
.sr{position:absolute;left:-9999px}
.dx{font-family:var(--dx),'Arial Black',sans-serif;font-weight:var(--dxw,400);text-transform:uppercase;line-height:.9;letter-spacing:-.01em;overflow-wrap:break-word;margin:0}
.cap{font-stretch:78%;font-weight:700;text-transform:uppercase;letter-spacing:-.015em;line-height:1.06}
.dots{display:inline-flex;gap:var(--dg,18px);flex-shrink:0}
.dots i{display:block;width:var(--ds,64px);height:var(--ds,64px);border-radius:50%}
.dots.v{flex-direction:column}
.top{position:sticky;top:0;z-index:20;background:var(--w);border-bottom:1.5px solid var(--k)}
.top .w{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.top .logo img{height:56px;width:auto;display:block}
.top nav{display:flex;gap:4px 22px;flex-wrap:wrap;margin-left:auto;font-stretch:78%;font-weight:700;text-transform:uppercase;font-size:16px}
.top nav a{text-decoration:none;padding:10px 0}
.top nav a[aria-current]{box-shadow:inset 0 -3px 0 var(--r)}
.top nav a:hover{color:var(--rt)}
.srch{display:flex;align-items:center;border:1.5px solid var(--k);border-radius:999px;padding-left:14px}
.srch input{border:0;background:transparent;height:42px;width:160px;font:inherit;font-size:15px;color:var(--k)}
.srch button{border:0;background:var(--k);color:var(--w);width:44px;height:44px;margin:-1.5px -1.5px -1.5px 0;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.srch button:hover{background:var(--rt)}
.ph{margin:0}
.ph .fr{position:relative;background:var(--ph);overflow:hidden;display:flex;align-items:center;justify-content:center}
.ph .fr::before{content:attr(data-y);font-family:var(--dx),'Arial Black',sans-serif;font-weight:var(--dxw,400);font-size:clamp(26px,3.6vw,60px);color:transparent;-webkit-text-stroke:1.5px var(--pho)}
.ph .fr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:filter .35s}
.ph.ht .fr img{filter:grayscale(1) contrast(1.5) brightness(1.06)}
.ph.ht .fr::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,rgba(0,0,0,.32) .8px,transparent 1.3px) 0 0/3px 3px;mix-blend-mode:multiply;transition:opacity .35s}
.ph figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:8px;font-stretch:78%;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--m)}
.ph figcaption span:first-child{color:var(--rt)}
.panel{padding:var(--pp,28px)}
.panel .ph figcaption,.panel .ph figcaption span:first-child{color:var(--k)}
.btn{display:inline-flex;align-items:center;min-height:50px;padding:0 26px;font-stretch:78%;font-weight:800;text-transform:uppercase;font-size:16px;text-decoration:none;border:2px solid var(--k);background:var(--w);color:var(--k);border-radius:999px}
.btn.f{background:var(--k);color:var(--w)}
.btn:hover,.btn.f:hover{background:var(--rt);border-color:var(--rt);color:var(--w)}
.cta{display:flex;gap:10px;flex-wrap:wrap}
.more{font-stretch:78%;font-weight:800;text-transform:uppercase;font-size:16px;text-decoration:none;border-bottom:2px solid var(--r);padding-bottom:2px}
.more:hover{color:var(--rt)}
.yn{position:sticky;top:var(--hh,78px);z-index:10;background:var(--w);border-top:1.5px solid var(--k);border-bottom:1.5px solid var(--k)}
.yn .w{display:flex;overflow-x:auto;scrollbar-width:none}
.yn a{flex:1 0 auto;text-align:center;padding:12px 10px;font-stretch:78%;font-weight:800;font-size:15px;text-decoration:none}
.yn a:hover,.yn a.on{background:var(--k);color:var(--w)}
details summary{cursor:pointer;list-style:none;display:flex;align-items:center;min-height:40px;font-stretch:78%;font-weight:800;text-transform:uppercase;font-size:15px}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";margin-left:auto;font-size:22px;color:var(--rt)}
details[open] summary::after{content:"–"}
.ft{border-top:1.5px solid var(--k);margin-top:56px}
.ft .w{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;justify-content:space-between;padding-top:36px;padding-bottom:44px}
.ft .logo img{height:76px;display:block}
.ft .partners{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.ft .partners img{height:58px;width:auto;display:block}
.ft .lnk{display:flex;gap:18px;flex-wrap:wrap;font-stretch:78%;font-weight:700;text-transform:uppercase;font-size:15px}
.ft .lnk a{text-decoration:none}.ft .lnk a:hover{color:var(--rt)}
@media (max-width:640px){
 .w{padding:0 18px}
 .top nav{order:3;width:100%;margin-left:0;gap:2px 16px;font-size:15px}
 .srch{margin-left:auto}.srch input{width:100px}
 .top .logo img{height:46px}
 .dots{--ds:34px;--dg:10px}
}