@font-face{font-family:'Inter Tight';font-style:italic;font-weight:100 900;font-display:swap;src:url('/fonts/inter-tight/inter-tight-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter Tight';font-style:italic;font-weight:100 900;font-display:swap;src:url('/fonts/inter-tight/inter-tight-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/inter-tight/inter-tight-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/inter-tight/inter-tight-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --ink:#0a0a0a; --mute:#8a8a8a; --line:#e6e6e6; --bg:#fff;
  --pad:clamp(16px,4vw,56px);
  --ease:cubic-bezier(.2,.7,.1,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:'Inter Tight',system-ui,sans-serif;font-weight:400;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
::selection{background:var(--ink);color:#fff}

/* ---------- header ---------- */
.top{position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:28px var(--pad);background:rgba(255,255,255,0);border-bottom:1px solid transparent;transition:padding .5s var(--ease),background .4s,border-color .4s}
.top.scrolled{padding:14px var(--pad);background:rgba(255,255,255,.88);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom-color:var(--line)}
.logo{position:relative;display:block;height:44px;color:var(--ink)}
/* sus: logo-ul complet din chenar; la scroll, chenarul și „Design Studio” se retrag, iar R-ul devine simbolul nou */
.logo{--dx:8.43px;--k:.917;--spring:cubic-bezier(.34,1.56,.64,1)}
/* sus: logo-ul complet. La scroll (~0,6 s):
   1) literele din „DESIGN STUDIO” zboară una după alta spre R, de la dreapta la stânga, iar chenarul se strânge în jurul lui;
   2) R-ul pulsează scurt și devine simbolul nou, pe loc;
   3) simbolul sare la stânga cu un mic resort. La revenire, ordinea e inversă. */
.logo .badge{height:44px;width:auto;display:block;overflow:visible;transition:transform .32s var(--ease)}
.logo .badge .frame{transform-origin:24px 30px;transition:opacity .22s var(--ease) .22s,transform .3s var(--ease) .18s}
.logo .badge .mark{transform-origin:28px 30px;transition:opacity .16s linear .3s,transform .3s var(--ease) .26s}
.logo .badge .word path{transition:opacity .2s var(--ease) calc(.18s + (11 - var(--i)) * 18ms),transform .26s var(--ease) calc(.14s + (11 - var(--i)) * 18ms)}
.logo .sym{position:absolute;left:var(--dx);top:50%;height:30px;width:auto;opacity:0;transform:translateY(-50%) scale(var(--k));transform-origin:left center;
  transition:opacity .16s linear .14s,transform .32s var(--ease)}
.top.scrolled .logo .badge{transform:translateX(calc(var(--dx) * -1));transition:transform .36s var(--spring) .26s}
.top.scrolled .logo .badge .frame{opacity:0;transform:scale(.42);transition:opacity .2s var(--ease) .05s,transform .28s var(--ease)}
.top.scrolled .logo .badge .mark{opacity:0;transform:scale(1.12);transition:opacity .12s linear .2s,transform .18s var(--ease) .1s}
.top.scrolled .logo .badge .word path{opacity:0;transform:translateX(-26px) scale(.6);transition:opacity .18s var(--ease) calc(var(--i) * 16ms),transform .24s cubic-bezier(.55,0,.75,.3) calc(var(--i) * 16ms)}
.top.scrolled .logo .sym{opacity:1;transform:translate(calc(var(--dx) * -1),-50%) scale(1);
  animation:symPop .3s var(--ease) .14s both;transition:opacity .12s linear .18s,transform .36s var(--spring) .26s}
@keyframes symPop{0%{scale:.96}55%{scale:1.1}100%{scale:1}}
.logo .badge .word path{transform-box:fill-box;transform-origin:left center}
.sheet .logo .sym{opacity:1;transform:translate(calc(var(--dx) * -1),-50%) scale(1);animation:none}
.sheet .logo .badge{opacity:0}
.nav{display:flex;align-items:center;gap:28px;font-size:15px}
.nav a{position:relative;color:var(--mute);transition:color .3s}
.nav a:hover,.nav a.on{color:var(--ink)}
.nav .lang{color:var(--ink);font-weight:600}


/* ---------- hero ---------- */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:120px var(--pad) 48px;position:relative}
.eyebrow{font-size:14px;color:var(--mute);letter-spacing:.02em;margin-bottom:clamp(20px,3.5vh,40px)}
.hero > .eyebrow{margin-top:auto}
.big{display:flex;flex-direction:column;font-size:clamp(46px,9.6vw,168px);line-height:1;letter-spacing:-.045em}
.big .row{display:block;overflow:hidden;padding:.26em 0 .22em;margin:-.26em 0 -.22em}
.big .row > span{display:inline-block;vertical-align:top;font-variation-settings:"wght" 100;transform:translateY(105%);animation:rise .7s var(--ease) forwards, weight 1.1s var(--ease) forwards}
.big .row:nth-child(2) > span{animation-delay:.09s,.09s}
@keyframes rise{to{transform:none}}
@keyframes weight{to{font-variation-settings:"wght" 600}}

/* rotator: o expresie pe rând, intră subțire, se îngroașă, iese în sus */
.rot{margin-top:clamp(32px,6vh,72px);font-size:clamp(22px,3.2vw,46px);line-height:1.18;letter-spacing:-.03em;min-height:2.3em;position:relative}
.rot .ph{position:absolute;left:0;top:0;right:0;opacity:0}
.rot .ph .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.16em 0 .22em;margin:-.16em 0 -.22em}
.rot .ph .w > i{display:inline-block;font-style:normal;font-variation-settings:"wght" 100;transform:translateY(110%)}
.rot .ph.in{opacity:1}
.rot .ph.in .w > i{animation:wIn .6s var(--ease) forwards, wW 1s var(--ease) forwards}
.rot .ph.out{opacity:1}
.rot .ph.out .w > i{font-variation-settings:"wght" 560;transform:none;animation:wOut .45s var(--ease) forwards}
@keyframes wIn{to{transform:none}}
@keyframes wW{to{font-variation-settings:"wght" 560}}
@keyframes wOut{to{transform:translateY(-110%);font-variation-settings:"wght" 700}}
.rot-bar{display:flex;gap:6px;margin-top:22px}
.rot-bar b{width:28px;height:2px;background:var(--line);overflow:hidden;position:relative}
.rot-bar b.on::after{content:"";position:absolute;inset:0;background:var(--ink);transform-origin:left;animation:fill var(--d,4200ms) linear forwards}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(56px,11vh,128px);padding-top:0;font-size:15px;color:var(--mute)}
.hero-foot p{max-width:520px;color:var(--ink);font-size:clamp(17px,1.5vw,21px);line-height:1.4}
.scroll{white-space:nowrap}

/* ---------- secțiuni ---------- */
section{padding:clamp(80px,14vh,160px) var(--pad);border-top:1px solid var(--line)}
.sh{display:grid;grid-template-columns:minmax(120px,1fr) 3fr;gap:24px;margin-bottom:clamp(40px,7vh,80px);align-items:baseline}
.sh .n{font-size:14px;color:var(--mute)}
.h2{font-size:clamp(36px,6vw,96px);line-height:1.04;letter-spacing:-.04em}
.lead{font-size:clamp(20px,2vw,28px);line-height:1.32;letter-spacing:-.015em;max-width:880px}
.lead + .lead{margin-top:.9em}
.indent{margin-left:calc(25% + 6px)}
@media (max-width:760px){.sh{grid-template-columns:1fr;gap:10px}.indent{margin-left:0}}

/* text care se îngroașă la intrarea în ecran */
.k{font-variation-settings:"wght" 120;transition:font-variation-settings 1.4s var(--ease), opacity 1s var(--ease), transform 1s var(--ease);opacity:.15;transform:translateY(18px)}
.k.vis{font-variation-settings:"wght" var(--to,600);opacity:1;transform:none}

/* cifre */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fact{padding:clamp(28px,4vw,48px) 0;padding-right:20px}
.fact + .fact{padding-left:clamp(20px,2.6vw,40px);border-left:1px solid var(--line)}
.fact + .fact b{margin-left:0}
.fact b{display:block;white-space:nowrap;font-size:clamp(44px,6.4vw,104px);line-height:1;letter-spacing:-.05em;font-variation-settings:"wght" 200}
.fact span{display:block;margin-top:12px;color:var(--mute);font-size:15px;line-height:1.35;max-width:220px}
@media (max-width:760px){.facts{grid-template-columns:1fr 1fr}.fact:nth-child(3){border-left:0;padding-left:0}.fact:nth-child(3) b{margin-left:-.065em}.fact:nth-child(n+3){border-top:1px solid var(--line)}}

/* lucrări: listă tipografică, fără carduri */
.works{list-style:none;border-top:1px solid var(--line)}
.work{display:grid;grid-template-columns:minmax(120px,1fr) 3fr;gap:24px;border-bottom:1px solid var(--line);padding:clamp(22px,3vw,36px) 0;position:relative}
.work .yr{font-size:14px;color:var(--mute);padding-top:.7em}
.work h3{font-size:clamp(32px,5vw,80px);line-height:1.06;letter-spacing:-.04em;font-variation-settings:"wght" 600}
.work .t{font-size:clamp(18px,1.7vw,24px);letter-spacing:-.015em;margin-top:14px;font-variation-settings:"wght" 560}
.work .d{color:var(--mute);margin-top:8px;max-width:640px;font-size:17px;line-height:1.45}
.work .go{position:absolute;right:0;top:clamp(26px,3.2vw,40px);font-size:15px;color:var(--mute);transition:color .3s, transform .4s var(--ease)}
.work:hover .go{color:var(--ink);transform:translateX(4px)}
@media (max-width:760px){.work{grid-template-columns:1fr;gap:6px}.work .yr{padding-top:0}.work .go{position:static;display:inline-block;margin-top:12px}}
.also{margin-top:40px;font-size:17px;line-height:1.7;color:var(--mute)}
.also a{color:var(--ink);border-bottom:1px solid var(--line);transition:border-color .3s}
.also a:hover{border-color:var(--ink)}

/* servicii */
.svc{list-style:none;counter-reset:s}
.svc li{counter-increment:s;display:grid;grid-template-columns:minmax(120px,1fr) 1.4fr 1.6fr;gap:24px;padding:26px 0;border-top:1px solid var(--line);align-items:baseline}
.svc li::before{content:counter(s,decimal-leading-zero);font-size:14px;color:var(--mute)}
.svc b{font-size:clamp(22px,2.2vw,32px);letter-spacing:-.025em;font-weight:600;line-height:1.1}
.svc span{color:var(--mute);font-size:17px}
@media (max-width:760px){.svc li{grid-template-columns:1fr;gap:6px}}

/* produse */
.prod{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border-top:1px solid var(--line)}
.prod a{display:block;padding:28px 24px 34px 0;border-bottom:1px solid var(--line)}
.prod a:not(:first-child){padding-left:0}
.prod b{display:block;font-size:clamp(26px,2.6vw,40px);letter-spacing:-.035em;font-variation-settings:"wght" 600}
.prod span{display:block;margin-top:10px;color:var(--mute);font-size:16px;max-width:280px}

/* nume */
.names-old{font-size:clamp(26px,3.6vw,56px);line-height:1.16;letter-spacing:-.035em;font-variation-settings:"wght" 300}
.names em{font-style:normal;color:var(--line);padding:0 .12em}

/* principii */
.prin{list-style:none}
.prin li{display:grid;grid-template-columns:minmax(120px,1fr) 3fr;gap:24px;padding:clamp(26px,3.6vw,44px) 0;border-top:1px solid var(--line)}
.prin h4{font-size:clamp(26px,3.2vw,48px);letter-spacing:-.035em;line-height:1.04;font-weight:600}
.prin p{color:var(--mute);margin-top:10px;max-width:720px;font-size:18px}
.prin .i{font-size:14px;color:var(--mute);padding-top:.6em}
@media (max-width:760px){.prin li{grid-template-columns:1fr;gap:4px}}

/* contact */
.contact{min-height:90svh;display:flex;flex-direction:column;justify-content:center}
.contact .h2{font-size:clamp(48px,10vw,176px);line-height:1;letter-spacing:-.05em}
.passion{margin-top:clamp(28px,5vh,48px);max-width:780px}
.passion .lead{font-variation-settings:"wght" 300}
.passion .lead:first-child{font-variation-settings:"wght" 450}
.mail{display:inline-block;margin-top:clamp(28px,5vh,56px);font-size:clamp(26px,4vw,64px);letter-spacing:-.035em;font-variation-settings:"wght" 300;border-bottom:2px solid var(--ink);transition:opacity .3s}
.cmeta{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:40px;color:var(--mute);font-size:16px}
footer{padding:32px var(--pad) 40px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;font-size:13px;color:var(--mute)}

/* aliniere optică: literele mari au spațiu lateral proporțional cu mărimea, așa că le tragem puțin spre stânga
   ca să cadă pe aceeași verticală cu textul mic de dedesubt */
.big .row,.h2,.work h3,.fact b,.names,.mail,.prod b,.rot .ph{margin-left:-.065em}
.prin h4,.svc b,.lead:not(.indent),.work .t{margin-left:-.03em}


/* rândul de credite: curge lent spre stânga, se oprește la hover */
#clienti{padding-left:0;padding-right:0}
#clienti .sh{padding:0 var(--pad)}
.marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.track{display:flex;width:max-content;animation:marq 70s linear infinite;will-change:transform;backface-visibility:hidden}
.marq:hover .track{animation-play-state:paused}
.set{display:flex;align-items:baseline;flex-shrink:0;font-size:clamp(34px,5vw,80px);line-height:1.25;padding:.06em 0;letter-spacing:-.04em;white-space:nowrap}
.set span{font-variation-settings:"wght" 300;transition:color .3s}
.marq:hover .set span{color:#c4c4c4}
.marq .set span:hover{color:var(--ink)}
.set em{font-style:normal;color:var(--line);padding:0 .35em}
@keyframes marq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* al doilea rând: logo-urile clienților, negre, în sens opus */
.marq-logos{margin-top:clamp(28px,5vh,56px)}
.track.rev{animation-name:marqRev;animation-duration:110s}
@keyframes marqRev{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
.set.logos{align-items:center;gap:clamp(40px,5vw,80px);padding-right:clamp(40px,5vw,80px)}
.set.logos img{flex:none;height:36px;object-fit:contain;filter:brightness(0);opacity:.85;transition:opacity .3s}
.marq-logos:hover .set.logos img{opacity:.35}
.marq-logos .set.logos img:hover{opacity:1}

/* note, „Între timp”, rechizite */
.lead sup{font-size:.5em;vertical-align:super;line-height:0;color:var(--mute);margin-left:.06em}
.notes{margin-top:36px;padding-left:1.2em;color:var(--mute);font-size:15px;line-height:1.5;max-width:640px}
.notes li{margin:0 0 6px}
.new{list-style:none;border-top:1px solid var(--line)}
.new a{display:grid;grid-template-columns:minmax(120px,1fr) 3fr;gap:24px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line)}
.new b{font-size:clamp(26px,3vw,44px);letter-spacing:-.035em;font-variation-settings:"wght" 600;grid-column:2}
.new span{grid-column:2;color:var(--mute);font-size:16px;margin-top:-14px}
@media (max-width:760px){.new a{grid-template-columns:1fr}.new b,.new span{grid-column:1}}
.req{margin-top:36px;font-size:16px;max-width:520px}
.req summary{cursor:pointer;color:var(--mute);list-style:none}
.req summary::-webkit-details-marker{display:none}
.req summary::after{content:" +";}
.req[open] summary::after{content:" −"}
.req-body{margin-top:14px;line-height:1.55}
.req-body p{margin:0 0 10px}
.copy{margin-top:6px;border:1px solid var(--ink);background:none;color:var(--ink);font:inherit;font-size:15px;padding:8px 14px;border-radius:2px;cursor:pointer}
.copy:hover{background:var(--ink);color:#fff}
footer .made{width:100%}

.mail:hover{opacity:.6}

/* „Din proprie inițiativă”: patru blocuri mari, 2 × 2 */
.own{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.own a{display:flex;flex-direction:column;padding:clamp(28px,4vw,52px) clamp(20px,3vw,48px) clamp(32px,4.4vw,56px) 0;border-bottom:1px solid var(--line)}
.own a:nth-child(even){padding-left:clamp(20px,3vw,48px);border-left:1px solid var(--line)}
.own .tag{font-size:14px;color:var(--mute)}
.own b{margin-top:clamp(16px,2.4vw,28px);font-size:clamp(34px,4.6vw,72px);line-height:1.04;letter-spacing:-.04em;font-variation-settings:"wght" 600;margin-left:-.065em}
.own .d{margin-top:16px;color:var(--mute);font-size:17px;line-height:1.45;max-width:440px}
.own .go{margin-top:auto;padding-top:28px;font-size:15px;color:var(--mute);transition:color .3s}
.own a:hover .go{color:var(--ink)}
@media (max-width:760px){.own{grid-template-columns:1fr}.own a:nth-child(even){padding-left:0;border-left:0}}

/* „Am lucrat cu” pe fundal negru: logo-urile clienților sunt variantele lor pentru fundal închis */
#clienti{background:#0a0a0a;color:#fff;border-top:0}
#clienti .sh .n{color:#8a8a8a}
#clienti .set em{color:#3a3a3a}
#clienti .marq:hover .set span{color:#5a5a5a}
#clienti .marq .set span:hover{color:#fff}
#clienti .set.logos img{filter:none;opacity:.9}
#clienti .marq-logos:hover .set.logos img{opacity:.35}
#clienti .marq-logos .set.logos img:hover{opacity:1}
#clienti + section{border-top:0}

/* „Cine suntem”: paragrafele trec de la Light la Medium pe măsură ce le citești */
#despre .indent .lead{font-variation-settings:"wght" var(--w,300)}

/* ---------- Academia: index de studii ---------- */
.filter{display:flex;flex-wrap:wrap;gap:6px 22px;margin:-8px 0 28px}
.filter button{background:none;border:0;padding:6px 0;font:inherit;font-size:16px;color:var(--mute);cursor:pointer}
.filter button[aria-pressed="true"]{color:var(--ink);font-weight:600}
.studies{list-style:none;border-top:1px solid var(--line)}
.study a{display:grid;grid-template-columns:minmax(120px,1fr) 2.2fr minmax(160px,.8fr);gap:24px;align-items:start;padding:clamp(22px,3vw,34px) 0;border-bottom:1px solid var(--line)}
.study .yr{font-size:14px;color:var(--mute);padding-top:.5em;line-height:1.5}
.study .yr em{font-style:normal;color:var(--ink)}
.study h3{font-size:clamp(28px,3.6vw,56px);line-height:1.06;letter-spacing:-.04em;font-variation-settings:"wght" 600;margin-left:-.065em}
.study .t{font-size:clamp(18px,1.6vw,22px);letter-spacing:-.015em;margin-top:8px;font-variation-settings:"wght" 560}
.study .d{color:var(--mute);margin-top:8px;max-width:620px;font-size:17px;line-height:1.45}
.study .th{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;filter:grayscale(1) contrast(1.05);opacity:.9;transition:opacity .3s}
.study a:hover .th{opacity:1}
.study[hidden]{display:none}
.concepts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.concepts a{display:block;padding:22px 24px 24px 0;border-bottom:1px solid var(--line)}
.concepts b{display:block;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.025em;font-weight:600;line-height:1.15}
.concepts span{display:block;margin-top:6px;color:var(--mute);font-size:15px}
@media (max-width:900px){.concepts{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .study a{grid-template-columns:1fr 104px;gap:8px 16px;padding:24px 0}
  .study .yr{grid-column:1/-1;padding-top:0}.study .yr br{display:none}.study .yr em::before{content:" · "}
  .study a > div{grid-column:1}
  .study .th{grid-column:2;grid-row:2;margin-top:6px}
  .study h3{font-size:28px}
  .concepts{grid-template-columns:1fr}
}

/* ---------- Academia: articol ---------- */
.art-hero{min-height:auto;padding-bottom:clamp(40px,6vh,64px)}
.art-hero .eyebrow{margin-bottom:20px}
.art-meta{font-size:15px;color:var(--mute);margin-bottom:22px}
.big.art-title{font-size:clamp(42px,7.4vw,124px)}
.art-lede{margin-top:clamp(28px,4vh,44px);font-size:clamp(20px,2.1vw,30px);line-height:1.32;letter-spacing:-.018em;max-width:900px}
.art-en{margin-top:18px;font-size:15px}.art-en a{color:var(--mute);border-bottom:1px solid var(--line)}
.art-cover{margin:0 var(--pad)}
.art-cover img{display:block;width:100%;height:auto;max-height:82vh;object-fit:cover}
.art-wrap{display:grid;grid-template-columns:minmax(160px,1fr) 3fr;gap:24px;padding:clamp(56px,9vh,104px) var(--pad) 0}
.art-toc{position:sticky;top:96px;align-self:start;font-size:14px;line-height:1.45}
.art-toc .n{color:var(--mute);margin-bottom:12px}
.art-toc ol{list-style:none}
.art-toc li{margin:0 0 8px}
.art-toc a{color:var(--mute);transition:color .3s}
.art-toc a:hover,.art-toc a.on{color:var(--ink)}
.art{max-width:760px;counter-reset:ch}
.art > p,.art li{font-size:clamp(18px,1.45vw,20px);line-height:1.6;letter-spacing:-.005em}
.art > p{margin:0 0 1.1em}
.art strong{font-weight:600}
.art mark{background:none;color:inherit;font-weight:600;box-shadow:inset 0 -.38em 0 #ececec}
.art a{border-bottom:1px solid var(--line)}
.art a:hover{border-color:var(--ink)}
.art > h2{counter-increment:ch;font-size:clamp(28px,3vw,44px);line-height:1.08;letter-spacing:-.035em;font-weight:600;margin:clamp(64px,10vh,112px) 0 22px;scroll-margin-top:110px}
.art > h2::before{content:counter(ch,decimal-leading-zero);display:block;font-size:14px;font-weight:400;letter-spacing:0;color:var(--mute);margin-bottom:14px}
.art > h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.025em;font-weight:600;margin:48px 0 14px}
.art ul,.art ol{padding-left:1.1em;margin:0 0 1.2em}
.art li{margin:0 0 .5em}
.art .fig{margin:clamp(32px,5vh,56px) 0}
.art .fig img{display:block;width:100%;height:auto;background:#f4f4f4}
.art figure{margin:clamp(32px,5vh,56px) 0}
.art figure img{display:block;width:100%;height:auto}
.art figcaption{margin-top:12px;font-size:15px;line-height:1.45;color:var(--mute);max-width:640px}
.art blockquote{margin:28px 0;padding-left:20px;border-left:2px solid var(--ink);font-size:20px}
.art-ps{margin:clamp(56px,9vh,96px) 0 0;padding-top:24px;border-top:1px solid var(--line);color:var(--mute);font-size:17px;line-height:1.55}
.art-ps .n{color:var(--ink);font-weight:600;margin-bottom:10px}
.art-ps p{margin:0 0 .8em}
.art-next{border-top:0;padding-top:clamp(80px,12vh,140px)}
/* comparatorul înainte/după */
.cmp{position:relative;overflow:hidden;user-select:none;background:#000}
.cmp > img{display:block;width:100%;height:auto}
.cmp-before{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}
.cmp-before img{display:block;width:100%;height:100%;object-fit:cover}
.cmp-line{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#fff;pointer-events:none}
.cmp-knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;pointer-events:none}
.cmp-knob svg{width:20px;height:20px}
.cmp-lbl{position:absolute;top:12px;font-size:13px;color:#fff;background:rgba(0,0,0,.5);padding:4px 8px;border-radius:2px;pointer-events:none}
.cmp-lbl--a{left:12px}.cmp-lbl--b{right:12px}
.cmp input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
@media (max-width:900px){.art-wrap{grid-template-columns:1fr}.art-toc{display:none}}
@media (max-width:760px){.art-cover{margin:0}.art > h2{margin-top:56px}}

/* sigla produsului, sub eticheta din coloana stângă a listei */
.work-logo{display:block;width:48px;height:48px;margin-top:16px}
@media (max-width:760px){.work-logo{display:inline-block;vertical-align:middle;width:32px;height:32px;margin:0 0 0 12px}}

/* insigna Academiei, alb-negru */
.ac-hero{position:relative}
.ac-badge{flex:none;width:clamp(110px,11vw,168px);height:auto}
.ac-crumb a{display:inline-flex;align-items:center;gap:14px}
.ac-crumb img{width:40px;height:40px}
.own a{position:relative}
.own-badge{position:absolute;top:clamp(24px,3.6vw,46px);right:clamp(20px,3vw,48px);width:56px;height:56px}
@media (max-width:760px){
  .ac-badge{width:96px;margin-top:8px}
  .own-badge{right:0;width:44px;height:44px}
}

/* textul care se îngroașă la animație are rândurile fixate dinainte (măsurate la grosimea finală),
   ca să nu se rupă altfel la final și să nu împingă conținutul de dedesubt */
.measure,.measure *{font-variation-settings:"wght" var(--to,600)!important;animation:none!important;transition:none!important}
.ln{display:block;white-space:nowrap}
.big .row > span{display:inline-block}

/* titluri: rânduri echilibrate; paragrafe: fără cuvinte orfane */
h1,h2,h3,h4,.t,.big .row > span,.rot .ph,.own b,.study h3,.concepts b,.prin h4,.svc b{text-wrap:balance}
p,.d,.lead,figcaption{text-wrap:pretty}

/* ---------- telefon ---------- */
.menu-btn{display:none;background:none;border:0;font:inherit;font-size:15px;color:var(--ink);padding:10px 0 10px 14px;cursor:pointer}
.sheet{position:fixed;inset:0;z-index:20;background:var(--bg);display:flex;flex-direction:column;padding:22px var(--pad) 32px;opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility 0s .3s}
.sheet.open{opacity:1;visibility:visible;transition:opacity .3s var(--ease)}
.sheet-top{display:flex;justify-content:space-between;align-items:center}
.sheet nav{display:flex;flex-direction:column;margin-top:auto}
.sheet nav a{font-size:clamp(34px,10vw,48px);line-height:1.15;letter-spacing:-.035em;font-weight:600;padding:6px 0;border-bottom:1px solid var(--line)}
.sheet .sheet-meta{margin-top:28px;color:var(--mute);font-size:15px;display:flex;flex-direction:column;gap:6px}
body.locked{overflow:hidden}
@media (max-width:760px){
  body{font-size:17px}
  .top{padding:18px var(--pad)}
  .top.scrolled{padding:10px var(--pad)}
  .logo,.logo .badge{height:38px}
  .logo{--dx:7.28px}
  .logo .sym{height:26px}
  .nav a{display:none}
  .nav .lang{display:inline}
  .menu-btn{display:inline-block}
  .hero{min-height:auto;padding:104px var(--pad) 56px}
  .eyebrow{margin-bottom:28px}
  .big{line-height:1.04;font-size:clamp(52px,15vw,66px)}
  .big.art-title{font-size:clamp(44px,12.5vw,56px)}
  .rot{min-height:3.6em;margin-top:28px}
  .hero-foot{margin-top:40px;padding-top:0;flex-direction:column;align-items:flex-start;gap:16px}
  section{padding:64px var(--pad)}
  .sh{margin-bottom:32px}
  .h2{line-height:1.06}
  .lead{font-size:20px}
  .facts{margin-top:48px!important}
  .fact b{font-size:48px}
  .work{padding:24px 0}
  .work h3{font-size:34px}
  .work .go{padding:8px 0}
  .svc li,.prin li{padding:20px 0}
  .own a{padding:28px 0 30px}
  .marq-logos{margin-top:28px}
  .set.logos img{height:28px;width:auto}
  .contact{min-height:auto;padding-top:72px;padding-bottom:80px}
  .contact .h2{font-size:48px}
  .mail{font-size:28px;margin-top:28px}
  .cmeta{flex-direction:column;gap:8px;margin-top:28px}
  .cmeta a,.cmeta span{padding:4px 0}
  footer{flex-direction:column;gap:14px;padding-bottom:32px}
  footer a{display:inline-block;padding:4px 0}
}

@media (prefers-reduced-motion:reduce){
  .track{animation:none;width:auto;flex-wrap:wrap;padding:0 var(--pad)}.set{white-space:normal;flex-wrap:wrap}.set[aria-hidden]{display:none}.marq-logos .set.logos + .set.logos{display:none}.marq{-webkit-mask-image:none;mask-image:none}
  #despre .indent .lead{font-variation-settings:"wght" 400}
  *{animation:none!important;transition:none!important}
  .big .row > span{transform:none;font-variation-settings:"wght" 600}
  .k{opacity:1;transform:none;font-variation-settings:"wght" var(--to,600)}
  .rot .ph{position:static;opacity:1}.rot .ph:not(:first-child){display:none}
  .rot .ph .w > i{transform:none;font-variation-settings:"wght" 560}
}

/* pagini interioare (Marele salt, Punem umărul) */
.back{color:var(--mute);font-size:15px;transition:color .3s}
.back:hover{color:var(--ink)}
.price{list-style:none;border-top:1px solid var(--line)}
.price li{display:grid;grid-template-columns:minmax(120px,1fr) 1.6fr 1fr 1fr;gap:24px;align-items:baseline;padding:clamp(22px,3vw,34px) 0;border-bottom:1px solid var(--line)}
.price b{font-size:clamp(22px,2.4vw,34px);letter-spacing:-.03em;font-weight:600;line-height:1.1}
.price .sum{font-size:clamp(22px,2.4vw,34px);letter-spacing:-.03em;font-variation-settings:"wght" 300}
.price .time{color:var(--mute);font-size:17px}
.note{color:var(--mute);font-size:15px;margin-top:20px}
.work .meta{display:flex;flex-wrap:wrap;gap:6px 24px;margin-top:14px;font-size:15px;color:var(--mute)}
.work .meta b{color:var(--ink);font-weight:600}
.case{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;max-width:900px}
.case h5{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--mute);margin-bottom:6px}
.case p{font-size:17px;line-height:1.45}
@media (max-width:760px){.price li{grid-template-columns:1fr;gap:4px}.case{grid-template-columns:1fr}}

/* Lucrări: studii cu cifre + lista mare */
.hl .nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px;margin-top:28px}
.hl .nums div{border-top:1px solid var(--line);padding-top:12px}
.hl .nums b{display:block;font-size:clamp(28px,3.2vw,48px);line-height:1;letter-spacing:-.035em;font-weight:400;font-variation-settings:"wght" 600;white-space:nowrap}
.hl .nums span{display:block;margin-top:8px;font-size:14px;line-height:1.35;color:var(--mute)}
.hl .did{margin-top:20px;font-size:14px;letter-spacing:.01em;color:var(--mute)}
.more{margin-top:clamp(64px,9vw,120px)}
.more-h{display:grid;grid-template-columns:minmax(120px,1fr) 3fr;gap:24px;align-items:baseline}
.more-h .n{font-size:14px;color:var(--mute)}
.more-c{font-size:clamp(18px,1.7vw,24px);letter-spacing:-.015em;font-variation-settings:"wght" 560}
.more-c b{font-weight:400;font-variation-settings:"wght" 600}
.more-l{margin-top:28px;font-size:clamp(24px,3.1vw,46px);line-height:1.22;letter-spacing:-.03em;font-variation-settings:"wght" 420;color:#9a9a9a;text-wrap:pretty}
.more-l a,.more-l span{transition:color .3s}
.more-l a{color:var(--ink)}
.more-l a:hover{color:#9a9a9a}
.more-l i{font-style:normal;color:#d4d4d4}
.more-l .etc{color:#c4c4c4;font-style:italic}
@media (max-width:760px){
  .hl .nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-top:20px}
  .more-h{grid-template-columns:1fr;gap:8px}
  .more-l{font-size:24px;line-height:1.28}
}

/* Academia: componentele articolelor vechi */
.art-lede-label{margin-top:clamp(28px,4vh,44px);font-size:14px;color:var(--mute)}
.art-lede-label + .art-lede{margin-top:10px}
.art .intro{font-size:clamp(20px,1.8vw,24px);line-height:1.5;letter-spacing:-.012em;margin:0 0 1.2em}
.art .muted{color:var(--mute)}
.art .fig.small img{width:auto;max-width:100%}
.art .grid{display:grid;gap:10px;margin:clamp(32px,5vh,56px) 0}
.art .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.art .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.art .grid img,.art .bento img{display:block;width:100%;height:auto}
.art .grid figure{margin:0}
.art .bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:clamp(120px,14vw,220px);gap:10px;margin:clamp(32px,5vh,56px) 0}
.art .bento img{height:100%;object-fit:cover}
.art .bento .b-lg{grid-column:span 2;grid-row:span 2}
.art .video{position:relative;aspect-ratio:16/9;margin:clamp(32px,5vh,56px) 0;background:#000}
.art .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:560px){.art .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.art .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:clamp(110px,28vw,180px)}.art .bento img:last-child:nth-child(even){grid-column:1/-1}}

/* Lupa pe imaginile din articole: click / tap, săgeți, swipe, Esc */
.lb-zoomable{cursor:zoom-in}
html.lb-open{overflow:hidden}
.lb{position:fixed;inset:0;z-index:300;background:rgba(255,255,255,.97);display:flex;align-items:center;justify-content:center}
.lb[hidden]{display:none}
.lb-img{max-width:min(92vw,1680px);max-height:84vh;width:auto;height:auto;user-select:none}
.lb-cap{position:fixed;left:0;right:0;bottom:18px;text-align:center;font-size:14px;line-height:1.45;color:var(--mute);padding:0 72px;pointer-events:none}
.lb-count{position:fixed;top:22px;left:var(--pad);font-size:14px;color:var(--mute);font-variant-numeric:tabular-nums}
.lb-btn{position:fixed;z-index:301;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--line);border-radius:50%;color:var(--ink);width:46px;height:46px;cursor:pointer;transition:border-color .2s}
.lb-btn:hover{border-color:var(--ink)}
.lb-btn svg{width:20px;height:20px}
.lb-close{top:14px;right:var(--pad)}
.lb-nav{top:50%;transform:translateY(-50%)}
.lb-prev{left:var(--pad)}.lb-next{right:var(--pad)}
@media (max-width:640px){.lb-nav{display:none}.lb-cap{padding:0 20px;bottom:14px}.lb-img{max-width:96vw;max-height:80vh}}

/* Video YouTube: se încarcă de la YouTube abia la click (până atunci nicio cerere spre Google) */
.art .video .yt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;background:#0a0a0a;color:#fff;text-align:center;text-decoration:none;border:0}
.art .video .yt-play{width:72px;height:72px;border:1px solid rgba(255,255,255,.5);border-radius:50%;position:relative;transition:border-color .2s,transform .3s var(--ease)}
.art .video .yt-play::after{content:"";position:absolute;left:29px;top:23px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff}
.art .video .yt:hover .yt-play{border-color:#fff;transform:scale(1.05)}
.art .video .yt-t{font-size:clamp(17px,1.6vw,22px);letter-spacing:-.01em;max-width:560px}
.art .video .yt-n{font-size:13px;color:rgba(255,255,255,.55)}