@import url('fonts.css');

/* ==========================================================
   Imperius Software – „Luxury Technology”
   hârtie crem · text espresso · bronz satinat · linii subțiri
   ========================================================== */
@property --lx{syntax:'<percentage>';inherits:true;initial-value:46%}
@property --ly{syntax:'<percentage>';inherits:true;initial-value:34%}
:root{
  --bg:#f6f1ea;--paper:#efe8dd;--card:#fbf8f3;
  --ink:#2a1c13;--ink-2:#46362a;--soft:#574a40;
  --night:#211610;--night-2:#1a110c;--cream-t:#efe6da;--cream-soft:#c4b4a1;--bronze-l:#d2ac82;--dline:rgba(239,230,218,.16);
  --bronze:#9a6a43;--bronze-ink:#7a5133;--bronze-soft:#c9a883;
  --line:#d2c3b0;--hair:#e5dbcd;--field:#b3a18c;
  --display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --caps:Marcellus,Georgia,serif;
  --sans:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  --pad:clamp(20px,4.4vw,64px);--head-h:84px;
  --sec:clamp(88px,10vw,152px);
  --ease:cubic-bezier(.22,.61,.24,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--head-h) + 24px);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background:var(--bg);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{max-width:100%}
:focus-visible{outline:2px solid var(--bronze-ink);outline-offset:4px}
/* #app vine prerandat în HTML, deci nu mai e ascuns până la app.js (primul ecran apare imediat) */
.wrap{max-width:1360px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.06;letter-spacing:-.01em;color:var(--ink)}
h1 em,h2 em,h3 em{font-style:italic;font-weight:500;color:var(--bronze-ink)}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 26px;font:600 12px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--bronze-ink)}
.eyebrow:before{content:"";width:32px;height:1px;background:currentColor;opacity:.6;flex:none}
.kicker{margin:0 0 14px;font:600 11.5px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-ink)}
.skip{position:absolute;left:16px;top:-80px;z-index:400;background:var(--ink);color:var(--bg);padding:12px 18px;font-weight:600}
.skip:focus{top:12px}

/* ---------- butoane și linkuri ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:0 30px;background:var(--ink);border:1px solid var(--ink);color:var(--bg);font:500 14px/1 var(--sans);letter-spacing:.05em;cursor:pointer;transition:background-color .35s var(--ease),border-color .35s var(--ease),color .35s var(--ease)}
.btn:hover{background:var(--bronze-ink);border-color:var(--bronze-ink)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--bg)}
.arw{display:inline-block;transition:transform .4s var(--ease)}
a:hover .arw,button:hover .arw{transform:translateX(4px)}
.text-link{display:inline-flex;align-items:center;gap:12px;padding-bottom:7px;border-bottom:1px solid var(--line);font:500 14px/1.4 var(--sans);letter-spacing:.03em;color:var(--ink);transition:border-color .35s var(--ease),color .35s var(--ease)}
.text-link:hover{border-color:var(--bronze);color:var(--bronze-ink)}
.linklike{all:unset;cursor:pointer;color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.linklike:focus-visible{outline:2px solid var(--bronze-ink);outline-offset:3px}

/* ---------- semnătura: IMPERIU · S · OFTWARE ---------- */
.lockup{display:inline-flex;align-items:baseline;white-space:nowrap;font-family:var(--caps);color:var(--ink);line-height:1}
.lk-l,.lk-r{letter-spacing:.42em}
.lk-r{margin-right:-.42em}
.lk-s{display:inline-block;position:relative;font:italic 600 var(--s,3em)/.8 var(--display);padding:.06em .12em .1em;margin:0 -.04em 0 -.1em}
.lk-s>span{display:inline-block;color:transparent;-webkit-background-clip:text;background-clip:text;
  background-image:radial-gradient(circle at var(--lx) var(--ly),rgba(255,244,228,.42) 0,rgba(236,212,180,.16) 16%,transparent 36%),linear-gradient(168deg,#c8a47e 0%,#a97a4f 34%,#85593a 64%,#5f3f28 100%)}
.lk-small{font-size:11.5px;--s:3.05em}
.brand{display:inline-flex;align-items:center;min-height:44px}
.brand .lk-s{margin-left:-.18em}

/* ---------- antet ---------- */
.header{position:sticky;top:0;z-index:100;background:rgba(246,241,234,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.head-inner{height:var(--head-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;position:relative}
.head-inner:after{content:"";position:absolute;left:var(--pad);right:var(--pad);bottom:0;height:1px;background:var(--line)}
.nav ul{display:flex;gap:clamp(22px,2.4vw,40px);margin:0;padding:0;list-style:none}
.nav a,.head-contact{position:relative;display:inline-block;padding:10px 0;font:500 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);transition:color .3s}
.nav a:after,.head-contact:after{content:"";position:absolute;left:0;right:.18em;bottom:4px;height:1px;background:var(--bronze);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s var(--ease)}
.nav a:hover,.head-contact:hover{color:var(--ink)}
.nav a:hover:after,.head-contact:hover:after,.nav a[aria-current="page"]:after{transform:none}
.nav a[aria-current="page"]{color:var(--ink)}
.nav .nav-contact,.nav .lang-menu{display:none}
.head-r{justify-self:end;display:flex;align-items:center;gap:clamp(20px,2.4vw,36px)}
.lang{display:flex;align-items:center;gap:2px}
.lang a{display:inline-grid;place-items:center;min-width:34px;min-height:34px;font:500 12px/1 var(--sans);letter-spacing:.14em;color:var(--soft);position:relative}
.lang a[aria-current="true"]{color:var(--ink)}
.lang a[aria-current="true"]:after{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:1px;background:var(--ink)}
.lang-head{padding-left:clamp(18px,2vw,30px);border-left:1px solid var(--line)}
.mobile-toggle{display:none;width:46px;height:46px;border:0;background:transparent;cursor:pointer;padding:0;place-items:center}
.mobile-toggle svg{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.3}
.mobile-toggle .i-close{display:none}
.menu-open .mobile-toggle .i-open{display:none}.menu-open .mobile-toggle .i-close{display:block}

/* ---------- hero ---------- */
.hero{--p:0;position:relative;min-height:calc(100svh - var(--head-h));display:flex;flex-direction:column;padding-top:clamp(40px,7vh,88px)}
.hero-inner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:clamp(40px,6vh,72px)}
.hero-mark{--lk:clamp(13px,1.7vw,25px);width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:clamp(18px,3vw,48px);margin-bottom:clamp(30px,5vh,56px)}
.lk-hero{font-size:var(--lk);--s:clamp(118px,13.6vw,210px)}
.lk-hero .lk-s{z-index:2;scale:calc(1 + var(--p) * .1)}
.lk-hero .lk-s>span{transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));filter:drop-shadow(0 14px 16px rgba(74,46,22,.14))}
.lk-hero .lk-l{translate:calc(var(--p) * -5vw) 0;opacity:calc(1 - var(--p) * 1.3)}
.lk-hero .lk-r{translate:calc(var(--p) * 5vw) 0;opacity:calc(1 - var(--p) * 1.3)}
.hero-rule{height:1px;margin-bottom:calc(var(--lk) * .36);background:linear-gradient(90deg,transparent,var(--line) 40%,var(--bronze-soft));opacity:calc(1 - var(--p) * 1.5)}
.hero-rule:last-child{background:linear-gradient(270deg,transparent,var(--line) 40%,var(--bronze-soft))}
.hero-title{font-size:clamp(42px,5.5vw,84px);line-height:1.02;max-width:24ch;margin:0 auto 26px;letter-spacing:-.015em}
.hero-title em{display:block}
.hero-sub{max-width:52ch;margin:0 auto 40px;font-size:clamp(17px,1.35vw,19.5px);color:var(--soft)}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.hero-foot{width:100%;display:flex;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:28px;font:500 11.5px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--soft);position:relative}
.hero-foot:before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:1px;background:var(--line)}

/* intrarea S-ului: singurul moment spectaculos al paginii */
.js .lk-hero .lk-s{animation:sIn 1.7s .15s var(--ease) backwards}
.js .lk-hero .lk-s>span{animation:sheen 2.6s .6s var(--ease) backwards}
.js .lk-hero .lk-l{animation:fromS-l 1.5s .75s var(--ease) backwards}
.js .lk-hero .lk-r{animation:fromS-r 1.5s .75s var(--ease) backwards}
.js .hero-rule{animation:ruleIn 1.8s 1.05s var(--ease) backwards;transform-origin:100% 50%}
.js .hero-rule:last-child{transform-origin:0 50%}
.js .hero-title{animation:up 1.1s .6s var(--ease) backwards}
.js .hero-sub{animation:up 1.1s .72s var(--ease) backwards}
.js .hero-actions{animation:up 1.1s .84s var(--ease) backwards}
.js .hero-foot{animation:fade 1.2s 1s ease-out backwards}
@keyframes sIn{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(20px)}60%{opacity:1}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes sheen{from{--lx:-40%;--ly:-10%}to{--lx:46%;--ly:34%}}
@keyframes fromS-l{from{opacity:0;transform:translateX(34%);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes fromS-r{from{opacity:0;transform:translateX(-34%);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes ruleIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}}

/* ---------- apariție discretă ---------- */
.fx [data-reveal]{opacity:0;transform:translateY(16px);transition:opacity 1s var(--ease) var(--rd,0s),transform 1s var(--ease) var(--rd,0s)}
.fx [data-reveal].in{opacity:1;transform:none}

/* ---------- secțiuni ---------- */
.section{padding:var(--sec) 0}
.sec-head{max-width:820px;margin-bottom:clamp(56px,7vw,104px)}
.sec-head h2{font-size:clamp(38px,4.3vw,64px);margin-bottom:0;max-width:18ch}
.sec-head .intro{margin:30px 0 0;max-width:56ch;color:var(--soft)}
.sec-head.split{max-width:none;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:8%;align-items:end}
.sec-head.split .eyebrow{grid-column:1/-1}
.sec-head.split .intro{margin:0;padding-bottom:6px}

/* ---------- servicii (Acasă) ---------- */
.svc-num{display:flex;align-items:center;gap:18px;margin:0 0 26px;font:500 13px/1 var(--sans);letter-spacing:.12em;color:var(--ink-2)}
.svc-num i{display:block;width:88px;height:1px;background:var(--ink-2);opacity:.55}
.svc-lead{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:6%;align-items:center;padding:clamp(48px,5vw,72px) 0 clamp(64px,7vw,104px);border-top:1px solid var(--line)}
.svc-lead h3{font-size:clamp(38px,4vw,60px);margin:0 0 22px}
.svc-text{font-size:18px;color:var(--soft);max-width:46ch;margin-bottom:32px}
.svc-tags{list-style:none;margin:0 0 36px;padding:0;border-top:1px solid var(--hair)}
.svc-tags li{padding:11px 0;border-bottom:1px solid var(--hair);font-size:15px;color:var(--ink-2)}
.sap-lines{width:100%;height:auto;overflow:visible}
.sap-lines path{fill:none;vector-effect:non-scaling-stroke}
.sl-guide{stroke:var(--line);stroke-width:1;stroke-dasharray:2 5}
.sl-c{stroke:var(--bronze);stroke-width:1.1;opacity:.75}
.sl-soft{stroke:var(--bronze-soft);opacity:.55}
.sl-n{fill:var(--bg);stroke:var(--bronze);stroke-width:1.2}
.sl-hub{fill:var(--bronze);opacity:.85}
.sl-ring{fill:none;stroke:var(--bronze-soft);stroke-width:1}
.sl-lab{font:500 11.5px var(--sans);letter-spacing:.18em;fill:var(--ink-2)}
.fx .sl-c{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s var(--ease) calc(.25s + var(--i) * .16s)}
.fx .in .sl-c{stroke-dashoffset:0}
.fx .sl-n,.fx .sl-lab,.fx .sl-hub,.fx .sl-ring{opacity:0;transition:opacity 1.2s ease 1.3s}
.fx .in .sl-n,.fx .in .sl-lab,.fx .in .sl-ring{opacity:1}.fx .in .sl-hub{opacity:.85}
@media(min-width:1001px){.svc-lead .svc-tags{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}}
.svc-list{list-style:none;margin:0;padding:0}
.svc-item{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,5fr) minmax(0,5fr);gap:4%;align-items:start;padding:clamp(40px,4.4vw,60px) 0;border-top:1px solid var(--line)}
.svc-item:last-child{border-bottom:1px solid var(--line)}
.svc-item .svc-num{margin:10px 0 0}
.svc-item h3{font-size:clamp(30px,2.8vw,42px);margin:0;max-width:14ch}
.svc-item-body p{color:var(--soft);margin-bottom:26px;max-width:48ch}

/* ---------- experiență ---------- */
.exp{background:var(--paper)}
.exp-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8%;align-items:start}
.exp-grid .sec-head{position:sticky;top:calc(var(--head-h) + 48px);margin-bottom:0}
.exp-grid .sec-head h2{font-size:clamp(36px,3.8vw,56px)}
.sectors{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.sector{border-bottom:1px solid var(--line)}
.sector h3{margin:0;font-size:inherit}
.sector-btn{display:grid;grid-template-columns:64px minmax(0,1fr) 28px;align-items:center;gap:10px;width:100%;padding:28px 0;background:none;border:0;text-align:left;cursor:pointer}
.sector-num{font:500 13px/1 var(--sans);letter-spacing:.12em;color:var(--bronze-ink)}
.sector-name{font:500 clamp(24px,2.3vw,33px)/1.15 var(--display);color:var(--ink);transition:color .35s,transform .5s var(--ease)}
.sector-btn:hover .sector-name{color:var(--bronze-ink)}
.sector-sign{position:relative;width:16px;height:16px;justify-self:end}
.sector-sign:before,.sector-sign:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--ink-2);transition:transform .45s var(--ease)}
.sector-sign:after{transform:rotate(90deg)}
.sector.open .sector-sign:after{transform:rotate(0)}
.sector-panel{display:grid;grid-template-rows:1fr;transition:grid-template-rows .6s var(--ease)}
.sector-panel>div{overflow:hidden}
.sector-panel p{margin:0;padding:0 0 30px 74px;max-width:56ch;color:var(--soft)}
.js .sector:not(.open) .sector-panel{grid-template-rows:0fr}
.js .sector:not(.open) .sector-panel>div{visibility:hidden;transition:visibility 0s .6s}
.exp-note{margin:40px 0 30px;max-width:58ch;font-size:15.5px;color:var(--soft)}

/* ---------- studii de caz: publicație ---------- */
.journal{border-top:1px solid var(--ink-2)}
.case{padding:clamp(44px,4.6vw,64px) 0;border-bottom:1px solid var(--line)}
.case-feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8%}
.case .kicker{display:flex;gap:14px;align-items:baseline}
.case-num{font-family:var(--sans);color:var(--ink-2);letter-spacing:.12em}
.case h3{font-size:clamp(28px,2.6vw,40px);margin:0 0 18px;max-width:20ch}
.case-size{font:italic 500 20px/1.4 var(--display);color:var(--soft);margin:0}
.case-col .case-head,.case-feature .case-head{margin-bottom:22px}
.case-ctx{font-size:17.5px;color:var(--ink-2);max-width:60ch}
.case-did{margin:28px 0 10px;font:600 11.5px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-ink)}
.case ul{list-style:none;margin:0 0 26px;padding:0}
.case li{position:relative;padding:7px 0 7px 26px;font-size:15.5px;line-height:1.6;color:var(--soft)}
.case li:before{content:"";position:absolute;left:0;top:19px;width:12px;height:1px;background:var(--bronze)}
.case-tags{margin:0;font:500 12px/1.8 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.case-tags span+span:before{content:"·";margin:0 .7em;color:var(--bronze)}
.journal-home{display:grid;grid-template-columns:1fr 1fr}
.journal-home .case-feature{grid-column:1/-1}
.journal-home .case-col:nth-child(2){padding-right:5%}
.journal-home .case-col:nth-child(3){padding-left:5%;border-left:1px solid var(--line)}
.journal-home .case-col h3{font-size:clamp(26px,2.2vw,33px)}
.cases .more{margin-top:48px}

/* ---------- proiecte proprii ---------- */
.own-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.own-item{padding:clamp(40px,4.4vw,60px) 8% 0 0}
.own-item+.own-item{padding-left:8%;padding-right:0;border-left:1px solid var(--line)}
.own-item h3{font-size:clamp(40px,4.4vw,64px);margin:0 0 18px}
.own-item p:not(.kicker){color:var(--soft);max-width:44ch;margin-bottom:28px}

/* ---------- despre noi ---------- */
.about{padding-top:0}
.about-grid{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:8%;align-items:center;padding-top:var(--sec)}
.about-grid:before{content:"";position:absolute;top:0;left:var(--pad);right:var(--pad);height:1px;background:var(--line)}
.about-copy .sec-head{margin-bottom:0}
.about-copy .sec-head h2{font-size:clamp(36px,3.8vw,56px);max-width:20ch}
.approach{margin-top:56px;padding-top:30px;border-top:1px solid var(--line)}
.approach>p:not(.eyebrow){color:var(--soft);max-width:56ch}
.steps{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.steps li{display:flex;flex-direction:column;gap:8px;font:500 clamp(22px,1.9vw,27px)/1.1 var(--display);color:var(--ink)}
.steps span{font:500 12.5px/1 var(--sans);letter-spacing:.12em;color:var(--bronze-ink)}
.media{position:relative;margin:0;overflow:hidden}
.media canvas,.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.media.photo{aspect-ratio:4/5;background:var(--paper)}
.about-photo img{object-position:58% center}
.fx .media.photo[data-reveal] img{scale:1.06;transition:scale 1.8s var(--ease)}
.fx .media.photo[data-reveal].in img{scale:1}

/* ---------- contact ---------- */
.contact{background:var(--paper);padding:var(--sec) 0}
.contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:9%;align-items:start}
.contact-copy h2{font-size:clamp(40px,4.6vw,68px);margin-bottom:24px}
.contact-text{color:var(--soft);max-width:46ch;margin-bottom:34px}
.contact-mail{display:inline-block;font:500 clamp(22px,2.1vw,30px)/1.3 var(--display);color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:4px;transition:border-color .35s,color .35s;overflow-wrap:anywhere}
.contact-mail:hover{color:var(--bronze-ink);border-color:var(--bronze)}
.offer{margin-top:56px;padding-top:30px;border-top:1px solid var(--line)}
.offer .eyebrow{margin-bottom:18px}
.offer h3{font-size:clamp(25px,2.2vw,31px);line-height:1.18;margin-bottom:16px;max-width:24ch}
.offer p:not(.eyebrow){font-size:15.5px;color:var(--soft);max-width:50ch;margin-bottom:24px}
.c-form{display:grid;gap:30px;padding-top:6px}
.c-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.c-field{display:flex;flex-direction:column;gap:6px}
.c-field label{font:600 11.5px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}
.c-field input,.c-field textarea{width:100%;border:0;border-bottom:1px solid var(--field);border-radius:0;background:transparent;padding:12px 0 12px;font:400 17px/1.5 var(--sans);color:var(--ink);transition:border-color .3s,box-shadow .3s;-webkit-appearance:none;appearance:none}
.c-field textarea{resize:vertical;min-height:140px}
.c-field input:focus,.c-field textarea:focus{outline:none;border-bottom-color:var(--bronze-ink);box-shadow:0 1px 0 var(--bronze-ink)}
.c-field input:focus-visible,.c-field textarea:focus-visible{outline:2px solid var(--bronze-ink);outline-offset:6px}
.c-field [aria-invalid="true"]{border-bottom-color:#9b3a22;box-shadow:0 1px 0 #9b3a22}
.c-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.c-note{margin:0;font-size:14px;color:var(--soft)}
.c-note a{color:var(--bronze-ink);text-decoration:underline;text-underline-offset:3px}
.c-actions{display:flex}
.c-submit[disabled]{opacity:.6;cursor:progress}
.c-status{margin:0;min-height:1.5em;font-size:15px}
.c-status.ok{color:#3f5a2e}.c-status.err{color:#9b3a22}

/* ---------- subsol ---------- */
.foot{background:var(--bg);border-top:1px solid var(--line);font-size:15px}
.foot-top{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:56px 0 44px;border-bottom:1px solid var(--line)}
.lk-foot{font-size:12.5px;--s:3.1em}
.foot-tag{margin:0;font:italic 500 21px/1.3 var(--display);color:var(--soft)}
.foot-up{font:500 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);padding:12px 0}
.foot-up:hover{color:var(--bronze-ink)}
.foot-cols{display:grid;grid-template-columns:1.3fr 1fr 1.3fr 1fr;gap:40px;padding:52px 0}
.foot-cols p{margin:0 0 8px;color:var(--soft)}
.foot-cols a{display:block;padding:5px 0;color:var(--soft);transition:color .3s}
.foot-cols a:hover{color:var(--ink)}
.foot-h{font:600 11.5px/1.5 var(--sans)!important;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)!important;margin:0 0 14px!important}
.lang-foot{margin-top:14px;margin-left:-10px}
.lang-foot a{display:inline-grid;padding:0}
.foot-id{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 0;border-top:1px solid var(--line);font-size:13.5px;color:var(--soft)}
.foot-id p{margin:0;max-width:78ch}
.foot-id a{text-decoration:underline;text-underline-offset:3px}
.foot-sal{flex:none}
.foot-sal img{display:block;width:200px;height:auto}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 0 36px;border-top:1px solid var(--line);font-size:13.5px;color:var(--soft)}
.foot-bottom p{margin:0}
.foot-legal{display:flex;flex-wrap:wrap;gap:8px 26px}
.foot-legal a,.foot-legal .linklike{text-decoration:none;padding:6px 0}
.foot-legal a:hover,.foot-legal .linklike:hover{color:var(--ink)}

/* ---------- pagini interioare ---------- */
.page-hero{padding:clamp(72px,10vw,140px) 0 clamp(56px,7vw,96px);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(44px,6vw,90px);line-height:1.02;max-width:16ch;margin-bottom:30px}
.page-lead{font-size:clamp(18px,1.5vw,21px);color:var(--soft);max-width:60ch;margin:0}
.legal-date{margin:22px 0 0;font:500 12px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-ink)}
.doc-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(40px,7vw,120px);align-items:start}
.toc{position:sticky;top:calc(var(--head-h) + 40px);padding:56px 0 40px}
.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.toc a{display:flex;gap:12px;padding:9px 0 9px 18px;margin-left:-1px;border-left:1px solid transparent;font-size:14.5px;line-height:1.45;color:var(--soft);transition:color .3s,border-color .3s}
.toc a span{font-size:12px;letter-spacing:.1em;color:var(--bronze-ink);padding-top:2px}
.toc a:hover{color:var(--ink)}
.toc a.active{color:var(--ink);border-left-color:var(--ink)}
.legal-switch{margin-top:36px;display:flex;flex-direction:column;gap:12px}
.legal-switch a{font-size:14px;color:var(--ink-2);display:inline-flex;gap:10px}
.legal-switch a:hover{color:var(--bronze-ink)}
.details{min-width:0}
.detail{padding:clamp(56px,6vw,96px) 0;border-bottom:1px solid var(--line)}
.detail:last-child{border-bottom:0}
.detail-head{display:flex;align-items:flex-start;gap:clamp(20px,3vw,40px);margin-bottom:30px}
.detail-num{margin:0;font:italic 500 clamp(56px,6vw,88px)/.8 var(--display);color:var(--bronze)}
.detail-head .kicker{margin-bottom:10px}
.detail-head h2{font-size:clamp(34px,3.6vw,54px);margin:0}
.detail-intro{font-size:clamp(18px,1.4vw,20px);color:var(--ink-2);max-width:62ch;margin-bottom:44px}
.sap-groups{display:grid;grid-template-columns:1fr 1fr;column-gap:7%}
.sap-group{padding:26px 0 18px;border-top:1px solid var(--line)}
.sap-group h3{display:flex;gap:14px;align-items:baseline;font-size:26px;margin:0 0 12px}
.sap-group h3 span{font:500 12px/1 var(--sans);letter-spacing:.12em;color:var(--bronze-ink)}
.sap-group ul,.legend ul,.legend ol{list-style:none;margin:0;padding:0}
.sap-group li{position:relative;padding:5px 0 5px 22px;font-size:15.5px;color:var(--soft)}
.sap-group li:before{content:"";position:absolute;left:0;top:17px;width:10px;height:1px;background:var(--bronze)}
.detail-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center}
.list-lines{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.list-lines li{padding:15px 0;border-bottom:1px solid var(--line);font-size:17px;color:var(--ink-2)}
.media[data-media]{background:var(--card);box-shadow:inset 0 0 0 1px var(--hair)}
.media-detail{aspect-ratio:1/1}
.diagram{margin:72px 0 0}
.diagram+.diagram{margin-top:88px}
.diagram-cap{display:block;margin-bottom:22px}
.diagram-cap .kicker{display:block}
.diagram-title{display:block;font:500 clamp(24px,2.2vw,32px)/1.2 var(--display);color:var(--ink);max-width:34ch}
.media-o2c{aspect-ratio:16/10}
.media-eco{aspect-ratio:16/12}
.legend{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.legend-h{margin:0 0 20px;font:600 11.5px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-ink)}
.legend-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}
.legend h4{margin:0 0 12px;font:600 13.5px/1.45 var(--sans);color:var(--ink)}
.legend li,.legend p{font-size:14.5px;line-height:1.6;color:var(--soft);margin:0 0 10px}
.legend strong{font-weight:600;color:var(--ink-2)}
.cap-note{margin:18px 0 0!important;font-size:13.5px!important;color:var(--soft)}
.sphere-tip{position:absolute;left:0;top:0;z-index:3;pointer-events:none;padding:9px 14px;background:var(--ink);color:var(--bg);font:500 13px/1.4 var(--sans);white-space:nowrap;opacity:0;scale:.96;transition:opacity .25s,scale .25s}
.sphere-tip.show{opacity:1;scale:1}
.sphere-tip.wide{white-space:normal;width:max-content;max-width:min(320px,70vw);line-height:1.45}
.exp-full{background:var(--paper)}
.sector-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.sector-rows li{display:grid;grid-template-columns:64px minmax(0,5fr) minmax(0,6fr);gap:4%;padding:30px 0;border-bottom:1px solid var(--line);align-items:baseline}
.sector-rows h3{font-size:clamp(24px,2.2vw,31px);margin:0}
.sector-rows p{margin:0;color:var(--soft)}

/* texte legale */
.legal-body{padding:56px 0 var(--sec);min-width:0}
.legal-sec{padding:0 0 44px;margin-bottom:44px;border-bottom:1px solid var(--hair)}
.legal-sec:last-child{border-bottom:0}
.legal-sec h2{display:flex;gap:16px;align-items:baseline;font-size:clamp(28px,2.6vw,36px);margin:0 0 20px}
.legal-sec h2 span{font:500 12.5px/1 var(--sans);letter-spacing:.12em;color:var(--bronze-ink)}
.legal-sec p,.legal-sec li{color:var(--ink-2);max-width:72ch}
.legal-sec ul{padding-left:20px}
.legal-sec li{margin-bottom:8px}
.legal-sec a,.legal-sec .linklike{color:var(--bronze-ink);text-decoration:underline;text-underline-offset:3px}
.table-wrap{overflow-x:auto;margin:10px 0 24px;border:1px solid var(--line)}
.legal-sec table{border-collapse:collapse;width:100%;min-width:560px;font-size:14.5px}
.legal-sec th{text-align:left;font:600 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-ink);background:var(--paper);padding:12px 16px}
.legal-sec td{padding:12px 16px;border-top:1px solid var(--hair);vertical-align:top;color:var(--ink-2)}
.legal-sec code{white-space:nowrap;font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink);background:var(--paper);padding:2px 6px}

/* ---------- 404 ---------- */
.nf{min-height:100svh;display:grid;place-items:center;text-align:center;padding:48px 20px}
.nf-mark{font-size:13px;margin-bottom:36px}
.nf h1{font-size:clamp(72px,12vw,150px);margin:0 0 18px}
.nf p{color:var(--soft);max-width:44ch;margin:0 auto 10px}
.nf-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}

/* ---------- cookie-uri: banner espresso cu coroana, ca în v42 ---------- */
.ck-notice{position:fixed;left:24px;bottom:24px;z-index:220;width:min(430px,calc(100vw - 48px));background:linear-gradient(160deg,#3a2818,#2a1d12 62%);color:#e9dccb;border:1px solid #5b412b;padding:26px 26px 22px;overflow:hidden;box-shadow:0 34px 70px -24px rgba(20,12,6,.7);
  opacity:0;translate:0 30px;scale:.97;visibility:hidden;transition:opacity .6s var(--ease),translate .8s var(--ease),scale .8s var(--ease),visibility 0s .8s}
.ck-notice:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#8a5a2b,#e2c393,#8a5a2b)}
.ck-notice.show{opacity:1;translate:0 0;scale:1;visibility:visible;transition:opacity .6s var(--ease),translate .8s var(--ease),scale .8s var(--ease),visibility 0s}
.ck-line{position:absolute;left:-40%;top:0;width:40%;height:2px;background:linear-gradient(90deg,transparent,#fff5e2,transparent);opacity:.9}
.ck-notice.show .ck-line{animation:ckShine 3.2s 1s ease-in-out infinite}
@keyframes ckShine{0%{left:-40%}60%,100%{left:110%}}
@keyframes crownIn{from{opacity:0;scale:.86;filter:drop-shadow(0 0 0 #d8ae7800) brightness(.6)}to{opacity:1;scale:1}}
.ck-head{display:flex;align-items:center;gap:14px;margin:0 36px 12px 0}
.ck-head img{width:56px;height:auto;filter:drop-shadow(0 0 12px #d8ae7840)}
.ck-notice.show .ck-head img{animation:crownIn 1.2s var(--ease) both}
.ck-notice h2{margin:0;font:italic 500 25px/1.15 var(--display);color:#f6e8d3}
.ck-notice p{margin:0 0 18px;font-size:14.5px;line-height:1.6;color:#d9cbbb}
.ck-notice p a{color:#d8ae78;text-decoration:underline;text-underline-offset:3px}
.ck-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ck-actions.single{grid-template-columns:1fr}
.ck-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;border:1px solid #f3e6d2;border-radius:2px;background:#f3e6d2;color:#2a1d12;font:600 13.5px/1 var(--sans);letter-spacing:.02em;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.ck-btn:hover{background:#d8ae78;border-color:#d8ae78;color:#2a1d12}
.ck-btn.ghost{background:transparent;color:#f3e6d2;border-color:#8a6a48}
.ck-btn.ghost:hover{background:#f3e6d2;color:#2a1d12;border-color:#f3e6d2}
.ck-actions:not(.single) .ck-btn[data-ck="reject"]{background:transparent;color:#f3e6d2;border-color:#8a6a48}
.ck-actions:not(.single) .ck-btn[data-ck="reject"]:hover{background:#f3e6d2;color:#2a1d12;border-color:#f3e6d2}
.ck-link{grid-column:1/-1;justify-self:center;background:none;border:0;color:#e9dccb;font:500 13.5px var(--sans);text-decoration:underline;text-underline-offset:4px;padding:10px;cursor:pointer}
.ck-link:hover{color:#fff}
.ck-x{position:absolute;right:10px;top:10px;width:40px;height:40px;border:0;background:transparent;color:#d9cbbb;cursor:pointer;display:grid;place-items:center}
.ck-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.ck-x:hover{color:#fff}
.ck-btn:focus-visible,.ck-x:focus-visible,.ck-fab:focus-visible,.ck-link:focus-visible{outline:2px solid #d8ae78;outline-offset:3px}
.ck-fab{position:fixed;right:20px;bottom:20px;z-index:210;display:flex;align-items:center;gap:0;height:50px;min-width:50px;padding:0 14px;border-radius:999px;border:1px solid #5b412b;background:#2a1d12;color:#d8ae78;cursor:pointer;box-shadow:0 14px 30px -12px rgba(20,12,6,.55);
  opacity:0;scale:.6;pointer-events:none;transition:opacity .4s var(--ease),scale .5s var(--ease),gap .4s var(--ease)}
.ck-fab.show{opacity:1;scale:1;pointer-events:auto}
.ck-fab svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;transition:rotate .6s var(--ease)}
.ck-fab svg circle{fill:currentColor;stroke:none}
.ck-fab span{max-width:0;overflow:hidden;white-space:nowrap;font:600 13px var(--sans);color:#f3e6d2;transition:max-width .45s var(--ease)}
.ck-fab:hover,.ck-fab:focus-visible{gap:10px}
.ck-fab:hover span,.ck-fab:focus-visible span{max-width:160px}
.ck-fab:hover svg{rotate:-25deg}
.ck-modal{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:20px}
.ck-modal[hidden]{display:none}
.ck-backdrop{position:absolute;inset:0;background:rgba(26,17,10,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .38s}
.ck-dialog{position:relative;width:min(640px,100%);max-height:calc(100svh - 40px);overflow-y:auto;background:var(--bg);color:var(--ink);padding:clamp(28px,4vw,44px);border-top:3px solid var(--bronze);box-shadow:0 40px 80px -30px rgba(20,12,6,.7);opacity:0;translate:0 26px;scale:.98;transition:opacity .38s var(--ease),translate .5s var(--ease),scale .5s var(--ease)}
.ck-modal.open .ck-backdrop{opacity:1}.ck-modal.open .ck-dialog{opacity:1;translate:0 0;scale:1}
.ck-dialog .ck-x{color:var(--ink);border:1px solid var(--line);width:44px;height:44px;right:14px;top:14px}
.ck-dialog .ck-x:hover{background:var(--ink);color:#fff}
.ck-dialog .ck-x:focus-visible,.ck-dialog .ck-btn:focus-visible{outline-color:var(--bronze-ink)}
.ck-mhead{display:flex;align-items:center;gap:18px;margin-right:50px}
.ck-mhead img{width:74px;height:auto;padding:10px;background:#2a1d12;box-shadow:0 10px 24px -12px rgba(20,12,6,.6)}
.ck-mhead .eyebrow{margin-bottom:6px}
.ck-dialog h2{font-size:clamp(30px,3.2vw,42px);margin:4px 0 0}
.ck-intro{color:var(--soft);margin:22px 0 20px;font-size:15.5px}
.ck-cats{border-top:1px solid var(--line)}
.ck-cat{padding:18px 0;border-bottom:1px solid var(--line)}
.ck-cat-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.ck-cat h3{margin:0;font-size:22px}
.ck-cat p{margin:8px 0 0;font-size:14.5px;line-height:1.55;color:var(--soft);max-width:52ch}
.ck-always{font:600 11px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-ink)}
.ck-switch{position:relative;display:inline-flex;flex:none;width:52px;height:30px;cursor:pointer}
.ck-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.ck-switch span{position:absolute;inset:0;border-radius:999px;background:#d3c6b5;transition:background-color .3s}
.ck-switch span:after{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:translate .35s var(--ease)}
.ck-switch input:checked+span{background:var(--bronze-ink)}
.ck-switch input:checked+span:after{translate:22px 0}
.ck-switch input:focus-visible+span{outline:2px solid var(--bronze-ink);outline-offset:3px}
.ck-actions-modal{margin-top:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.ck-actions-modal.single{grid-template-columns:1fr;max-width:280px}
.ck-btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}
.ck-btn.dark:hover{background:var(--bronze-ink);border-color:var(--bronze-ink);color:#fff}
.ck-dialog .ck-btn.ghost{color:var(--ink);border-color:#bdb2a6}
.ck-dialog .ck-btn.ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.ck-legal{margin:18px 0 0;font-size:13.5px;color:var(--soft)}
.ck-legal a{color:var(--bronze-ink);text-decoration:underline;text-underline-offset:3px}
.ck-status{margin:8px 0 0;font-size:14px;color:var(--bronze-ink);min-height:1.2em}
body.ck-lock{overflow:hidden}

/* ---------- emblema: panglica cu coroana, ca în v42 ---------- */
.crest-link{align-self:start;position:relative;z-index:2;min-height:0}
/* emblema în stânga, ca în v42; meniul trece spre dreapta */
@media(min-width:1181px){.head-inner{grid-template-columns:auto 1fr auto}.crest-link{grid-column:1;grid-row:1}.nav{grid-column:2;grid-row:1;justify-self:end}.head-r{grid-column:3;grid-row:1}}
.crest{--cw:86px;--ch:110px;position:relative;flex:none;width:var(--cw);height:var(--ch);display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#3b2817 0%,#2a1d12 55%,#1f150c 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%);transition:height .35s var(--ease)}
.crest:before{content:"";position:absolute;inset:0 5px 7px;border:1px solid #c99a6259;border-top:0;clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%)}
.crest:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#8a5a2b,#e2c393,#8a5a2b)}
.crest img{width:82%;height:auto;margin-top:-8%;filter:brightness(1.12) contrast(1.05) drop-shadow(0 0 8px #d8ae7830);transition:transform .6s var(--ease)}
.crest-link:hover .crest img{transform:scale(1.05)}
.scrolled .crest{--ch:94px}

/* ==========================================================
   Responsive
   ========================================================== */
@media(max-width:1180px){
  .head-inner{grid-template-columns:auto 1fr}
  .brand{grid-column:1;grid-row:1}
  .head-r{grid-column:2;grid-row:1}
  .head-contact{display:none}
  .mobile-toggle{display:grid}
  .nav{display:none;position:fixed;top:var(--head-h);left:0;right:0;bottom:0;z-index:99;overflow-y:auto;background:var(--bg);padding:24px var(--pad) 40px;flex-direction:column;justify-content:space-between}
  .nav.open{display:flex}
  .nav ul{flex-direction:column;gap:0}
  .nav li{border-bottom:1px solid var(--line)}
  .nav a{display:block;padding:20px 0;font:500 clamp(28px,5vw,38px)/1.1 var(--display);letter-spacing:0;text-transform:none;color:var(--ink)}
  .nav a:after{display:none}
  .nav .nav-contact{display:block}
  .nav .lang-menu{display:flex;margin-top:32px;margin-left:-8px}
  .nav .lang-menu a{display:inline-grid;min-width:48px;min-height:48px;padding:0;font:500 14px/1 var(--sans);letter-spacing:.14em;color:var(--soft)}
  .nav .lang-menu a[aria-current="true"]{color:var(--ink)}
  body.menu-open .ck-fab,body.menu-open .ck-notice{display:none}
  body.menu-open{overflow:hidden}
  /* backdrop-filter ar face din antet blocul de referință al meniului fix */
  body.menu-open .header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}
}
@media(max-width:1000px){
  .sec-head.split{display:block}
  .sec-head.split .intro{margin-top:26px}
  .svc-lead{grid-template-columns:1fr;gap:48px}
  .sl-lab{display:none}
  .sap-lines{max-width:560px;justify-self:center}
  .svc-item{grid-template-columns:minmax(0,1fr) minmax(0,5fr);row-gap:18px}
  .svc-item-body{grid-column:2}
  .exp-grid{grid-template-columns:1fr;gap:56px}
  .exp-grid .sec-head{position:static}
  .case-feature{grid-template-columns:1fr;gap:10px}
  .journal-home{grid-template-columns:1fr}
  .journal-home .case-col:nth-child(n){padding-left:0;padding-right:0;border-left:0}
  .about-grid{grid-template-columns:1fr;gap:56px}
  .about-photo{aspect-ratio:16/11}
  .contact-grid{grid-template-columns:1fr;gap:64px}
  .foot-cols{grid-template-columns:1fr 1fr}
  .doc-layout{grid-template-columns:1fr;gap:0}
  .toc{position:static;padding:40px 0 0}
  .detail-pair{grid-template-columns:1fr;gap:40px}
  .media-detail{max-width:560px}
  .legend-cols{grid-template-columns:1fr;gap:10px}
  .legend-cols>div{padding-bottom:12px}
  .sector-rows li{grid-template-columns:56px 1fr}
  .sector-rows p{grid-column:2}
}
@media(max-width:780px){
  :root{--head-h:68px}
  .crest,.scrolled .crest{--cw:66px;--ch:88px}
  body{font-size:16.5px}
  .lk-small{font-size:10.5px}
  .hero{min-height:auto;padding-top:44px}
  .hero-inner{padding-bottom:56px}
  .hero-mark{--lk:clamp(11px,3.3vw,15px);gap:10px;margin-bottom:34px}
  .lk-hero{--s:clamp(96px,30vw,140px)}
  .lk-l,.lk-r{letter-spacing:.3em}.lk-r{margin-right:-.3em}
  .hero-title{font-size:clamp(38px,10.4vw,54px)}
  .hero-sub{margin-bottom:32px}
  .hero-actions{flex-direction:column;align-items:stretch;width:100%;max-width:420px}
  .hero-foot{flex-direction:column;gap:4px;font-size:11px}
  .svc-item{grid-template-columns:1fr}
  .svc-item-body{grid-column:1}
  .svc-item .svc-num{margin:0}
  .sector-btn{grid-template-columns:44px minmax(0,1fr) 24px;padding:22px 0}
  .sector-panel p{padding-left:54px}
  .own-grid{grid-template-columns:1fr}
  .own-item,.own-item+.own-item{padding:40px 0;border-left:0}
  .own-item+.own-item{border-top:1px solid var(--line)}
  .steps{grid-template-columns:1fr 1fr;row-gap:26px}
  .c-row{grid-template-columns:1fr}
  .foot-top{flex-wrap:wrap}
  .foot-tag{order:3;width:100%}
  .foot-cols{grid-template-columns:1fr;gap:34px}
  .foot-id{flex-direction:column;align-items:flex-start}
  .sap-groups{grid-template-columns:1fr}
  .detail-head{flex-direction:column;gap:14px}
  .media-o2c{aspect-ratio:4/5}
  .media-eco{aspect-ratio:3/5}
  .sector-rows li{grid-template-columns:1fr;gap:10px}
  .sector-rows p{grid-column:1}
  .ck-notice{left:12px;right:12px;bottom:12px;width:auto;padding:22px 20px 18px}
  .ck-fab{right:12px;bottom:12px}
  .ck-actions-modal{grid-template-columns:1fr}
}
@media(max-width:520px){
  .lang-head{display:none}
  .lk-l,.lk-r{letter-spacing:.24em}.lk-r{margin-right:-.24em}
}
@media(max-width:360px){
  .lk-small{font-size:9.5px}
  .crest,.scrolled .crest{--cw:58px;--ch:80px}
  .hero-mark{gap:6px}
}

/* ---------- mișcare redusă ---------- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .hero{--p:0!important}
  .fx [data-reveal]{opacity:1;transform:none}
}

/* ==========================================================
   Contrast și imagini mari (v2)
   ========================================================== */
/* hero: mai compact, cu fotografia pe toată lățimea care se topește în crem */
.hero{min-height:0;padding-top:clamp(32px,5.5vh,72px)}
.hero-inner{padding-bottom:clamp(30px,4.5vh,52px)}
.hero-mark{margin-bottom:clamp(22px,3.6vh,40px)}
.lk-hero{--s:clamp(110px,12vw,186px)}
.hero-title{font-size:clamp(42px,5.1vw,78px);margin-bottom:22px}
.hero-sub{margin-bottom:34px}
.hero-foot{padding-bottom:0}
.hero-foot:before{display:none}
.big-photo{margin:0;position:relative;overflow:hidden;background:var(--paper)}
.big-photo img{display:block;width:100%;height:100%;object-fit:cover}
.hero-photo{height:clamp(340px,64vh,760px);margin-top:clamp(-8px,-1vh,0px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30%);mask-image:linear-gradient(to bottom,transparent 0,#000 30%);background:none}
.hero-photo img{object-position:62% 64%;scale:calc(1.08 - var(--p) * .08);transform-origin:50% 100%}
.js .hero-photo{animation:fade 1.8s 1.2s ease-out backwards}

/* numere mari, bronz, la servicii */
.svc-big{margin:0;font:italic 500 clamp(64px,7vw,112px)/.78 var(--display);color:var(--bronze);letter-spacing:-.02em}
.svc-item{align-items:start}
.svc-lead .svc-big{margin-bottom:22px}
.svc-item h3{padding-top:8px}

/* secțiuni închise: contrastul paginii */
.exp,.contact{background:var(--night);color:var(--cream-t)}
.exp h2,.exp h3,.exp .sector-name,.contact h2,.contact h3{color:var(--cream-t)}
.exp h2 em,.exp h3 em,.contact h2 em,.contact h3 em{color:var(--bronze-l)}
.exp .eyebrow,.exp .kicker,.exp .sector-num,.contact .eyebrow{color:var(--bronze-l)}
.exp .intro,.exp .sector-panel p,.exp .exp-note,.exp .sector-rows p,.contact .contact-text,.contact .offer p:not(.eyebrow),.contact .c-note{color:var(--cream-soft)}
.exp .sectors,.exp .sector,.exp .sector-rows,.exp .sector-rows li{border-color:var(--dline)}
.exp .sector-sign:before,.exp .sector-sign:after{background:var(--cream-t)}
.exp .sector-btn:hover .sector-name{color:var(--bronze-l)}
.exp .text-link,.contact .text-link{color:var(--cream-t);border-color:rgba(239,230,218,.3)}
.exp .text-link:hover,.contact .text-link:hover{color:var(--bronze-l);border-color:var(--bronze-l)}
.exp :focus-visible,.contact :focus-visible,.foot :focus-visible{outline-color:var(--bronze-l)}
/* câmpurile din Contact: regula .c-field e mai specifică; pe fondul închis conturul trebuie să fie bronzul deschis (contrast peste 3:1) */
.contact .c-field input:focus-visible,.contact .c-field textarea:focus-visible,.contact .c-field select:focus-visible{outline-color:var(--bronze-l)}
.exp-full{background:var(--night)}
.contact-mail{color:inherit}
.contact .contact-mail{color:var(--cream-t);border-color:rgba(239,230,218,.3)}
.contact .contact-mail:hover{color:var(--bronze-l);border-color:var(--bronze-l)}
.contact .offer{border-color:var(--dline)}
.contact .c-field label{color:var(--cream-soft)}
.contact .c-field input,.contact .c-field textarea{color:var(--cream-t);border-bottom-color:rgba(239,230,218,.38)}
.contact .c-field input:focus,.contact .c-field textarea:focus{border-bottom-color:var(--bronze-l);box-shadow:0 1px 0 var(--bronze-l)}
.contact .c-field [aria-invalid="true"]{border-bottom-color:#f0a58c;box-shadow:0 1px 0 #f0a58c}
.contact .c-note a{color:var(--bronze-l)}
.contact .btn{background:var(--cream-t);border-color:var(--cream-t);color:var(--night)}
.contact .btn:hover{background:var(--bronze-l);border-color:var(--bronze-l)}
.contact .c-status.ok{color:#b9d39a}.contact .c-status.err{color:#f0a58c}
.contact .c-field input:-webkit-autofill,.contact .c-field textarea:-webkit-autofill{-webkit-text-fill-color:var(--cream-t);-webkit-box-shadow:0 0 0 40px var(--night) inset}

/* subsol închis, continuarea contactului */
.foot{background:var(--night-2);color:var(--cream-soft);border-top:1px solid var(--dline)}
.foot .lockup{color:var(--cream-t)}
.foot .lk-s>span{background-image:linear-gradient(168deg,#e2c29b 0%,#c69a6c 45%,#9c6f47 100%)}
.foot-top,.foot-id,.foot-bottom{border-color:var(--dline)}
.foot-tag,.foot-cols p,.foot-cols a,.foot-id,.foot-bottom{color:var(--cream-soft)}
.foot-h{color:var(--cream-t)!important}
.foot-up{color:var(--cream-t)}
.foot-up:hover,.foot-cols a:hover,.foot-legal a:hover,.foot-legal .linklike:hover{color:var(--bronze-l)}
.foot .lang a{color:var(--cream-soft)}
.foot .lang a[aria-current="true"]{color:var(--cream-t)}
.foot .lang a[aria-current="true"]:after{background:var(--cream-t)}
.foot-sal img{background:#fff;padding:3px;border-radius:3px}

/* bandă foto pe toată lățimea */
.photo-band{padding:0}
.band-photo{height:clamp(380px,80vh,860px)}
.band-photo img{object-position:center 55%}
.fx .band-photo img{scale:1.08;transition:scale 2.4s var(--ease)}
.fx .band-photo.in img,.band-photo.in img{scale:1}

/* despre: fotografia echipei, mai mare */
.about-photo{aspect-ratio:5/6}
.about-photo img{object-position:38% center}

/* servicii: hero cu fotografie */
.ph-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:6%;align-items:end}
.page-hero-photo{padding-bottom:clamp(48px,6vw,88px)}
.ph-photo{aspect-ratio:4/5}
.ph-photo img{object-position:62% center}

@media(max-width:1000px){
  .ph-grid{grid-template-columns:1fr;gap:44px}
  .ph-photo{aspect-ratio:16/10}
}
@media(max-width:780px){
  .hero-photo{height:clamp(260px,46vh,420px)}
  .band-photo{height:clamp(300px,62vh,520px)}
  .svc-big{font-size:64px}
  .about-photo{aspect-ratio:4/5}
}
@media(prefers-reduced-motion:reduce){
  .hero-photo img,.band-photo img{scale:1!important}
}

/* ==========================================================
   Respirație (v3): mai puține tipare, mai multă curgere
   ========================================================== */
/* etichetele devin discrete: fără liniuța din față */
.eyebrow:before{display:none}
.eyebrow{gap:0;letter-spacing:.26em;font-weight:500}
/* titlurile nu se mai termină în italic bronz – accentul rămâne doar în hero */
.sec-head h2 em,.contact h2 em,.offer h3 em,.page-hero h1 em,.about h2 em,.exp h2 em{font-style:normal;color:inherit}
.hero-title em{font-style:italic;color:var(--bronze-ink)}

/* titluri: cuvintele urcă ușor din spatele unei măști */
.wsplit .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.16em .03em .16em;margin:-.16em -.03em -.16em}
.wsplit .w>span{display:inline-block}
.fx h2.wsplit[data-reveal]{opacity:1;transform:none;transition:none}
.fx h2.wsplit .w>span{transform:translateY(108%);transition:transform 1.25s var(--ease) calc(var(--wi) * 55ms + .05s)}
.fx h2.wsplit.in .w>span{transform:none}

/* firul de bronz */
main{position:relative}
.thread{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:5;overflow:visible}
.thread path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.thread-p{stroke:#b48a5f;stroke-width:1.1;stroke-dasharray:1;stroke-dashoffset:1}
.thread-glow{stroke:rgba(201,168,131,.18);stroke-width:5;opacity:0}

/* rândurile de servicii: tot rândul e clicabil, o singură săgeată fină */
.svc-item{position:relative;transition:background-color .6s var(--ease)}
.svc-item h3{transition:transform .7s var(--ease),color .4s}
.svc-item .svc-big{transition:transform .9s var(--ease),color .5s}
.row-link{position:absolute;inset:0;z-index:2}
.row-link:focus-visible{outline-offset:-2px}
.row-arw{position:absolute;right:0;top:50%;width:54px;height:54px;margin-top:-27px;border:1px solid var(--line);border-radius:50%;transition:background-color .5s var(--ease),border-color .5s,transform .7s var(--ease)}
.row-arw:before{content:"";position:absolute;left:17px;right:17px;top:50%;height:1px;background:var(--ink)}
.row-arw:after{content:"";position:absolute;right:17px;top:50%;width:7px;height:7px;margin-top:-4px;border-top:1px solid var(--ink);border-right:1px solid var(--ink);transform:rotate(45deg)}
.svc-item-body{padding-right:90px}
@media(hover:hover){
  .svc-item:hover h3{transform:translateX(10px)}
  .svc-item:hover .svc-big{transform:translateX(-6px);color:var(--bronze-ink)}
  .svc-item:hover .row-arw{background:var(--ink);border-color:var(--ink);transform:translateX(4px)}
  .svc-item:hover .row-arw:before{background:var(--bg)}
  .svc-item:hover .row-arw:after{border-color:var(--bg)}
}

/* imaginile se deschid lent, ca o respirație */
.fx .media.photo[data-reveal],.fx .band-photo[data-reveal]{opacity:1;transform:none;clip-path:inset(7% 5% 7% 5%);transition:clip-path 1.9s var(--ease)}
.fx .media.photo[data-reveal].in,.fx .band-photo[data-reveal].in{clip-path:inset(0 0 0 0)}
.fx .media.photo[data-reveal] img{scale:1.12;transition:scale 2.4s var(--ease)}
.fx .media.photo[data-reveal].in img{scale:1}
.band-photo{background:var(--night)}
.band-photo img{position:absolute;left:0;top:-12%;height:124%}

/* S-ul respiră, abia perceptibil */
@keyframes breathe{0%,100%{scale:1}50%{scale:1.018}}
.js .lk-hero .lk-s{animation:sIn 1.7s .15s var(--ease) backwards,breathe 7s 3.2s ease-in-out infinite}

/* mai mult aer între secțiuni, mai puține linii */
.svc-item{border-top-color:var(--hair)}
.svc-item:last-child{border-bottom-color:var(--hair)}

@media(max-width:780px){
  .svc-item-body{padding-right:0}
  .row-arw{top:auto;bottom:36px;width:46px;height:46px;margin-top:0}
  .row-arw:before{left:14px;right:14px}.row-arw:after{right:14px}
  .svc-item{padding-bottom:96px}
}
@media(prefers-reduced-motion:reduce){
  .fx h2.wsplit .w>span{transform:none}
  .thread-p{stroke-dashoffset:0}
  .band-photo img{translate:none!important}
}

/* ==========================================================
   Pagina Servicii – capitole (v5)
   ========================================================== */
.svc-hero{padding-bottom:0;border-bottom:0}
.svc-hero .ph-grid{padding-bottom:clamp(56px,6vw,96px)}
.svc-hero .ph-photo{aspect-ratio:5/6}
/* indexul celor patru servicii */
.svc-index ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink-2)}
.svc-index li{border-bottom:1px solid var(--line)}
.svc-index a{position:relative;display:grid;grid-template-columns:90px minmax(0,1fr) auto 70px;align-items:center;gap:20px;padding:26px 0;color:var(--ink)}
.si-n{font:italic 500 34px/1 var(--display);color:var(--bronze)}
.si-t{font:500 clamp(26px,2.8vw,40px)/1.1 var(--display);transition:transform .7s var(--ease),color .4s}
.si-k{font:600 11px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-ink)}
.svc-index .row-arw{transform:rotate(90deg)}
@media(hover:hover){
  .svc-index a:hover .si-t{transform:translateX(12px);color:var(--bronze-ink)}
  .svc-index a:hover .row-arw{background:var(--ink);border-color:var(--ink);transform:rotate(90deg) translateX(4px)}
  .svc-index a:hover .row-arw:before{background:var(--bg)}
  .svc-index a:hover .row-arw:after{border-color:var(--bg)}
}

/* capitolele */
.chapter{padding:clamp(96px,11vw,170px) 0}
.ch-head{display:flex;align-items:flex-end;gap:clamp(18px,3vw,44px);margin-bottom:36px}
.ch-num{margin:0;font:italic 500 clamp(110px,14vw,220px)/.72 var(--display);color:var(--bronze);letter-spacing:-.03em}
.ch-title{padding-bottom:8px}
.ch-title .kicker{margin-bottom:12px}
.ch-head h2{font-size:clamp(38px,4.4vw,66px);margin:0;max-width:14ch}
.ch-intro{font-size:clamp(18px,1.5vw,21px);line-height:1.6;color:var(--ink-2);max-width:58ch;margin-bottom:44px}
.ch-split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:8%;align-items:center}
.chapter.rev .ch-copy{order:2}
.chapter.rev .ch-visual{order:1}
.ch-visual{width:100%}
.ch-photo{aspect-ratio:4/5}
.ch-photo img{object-position:60% center}
.chapter .media-detail{aspect-ratio:1/1;max-width:none}
.chapter+.chapter:not(.chapter-core){border-top:1px solid var(--hair)}
.chapter-core+.chapter{border-top:0}

/* SAP: capitolul principal, pe espresso */
.chapter-core{background:var(--night);color:var(--cream-t);padding-top:0}
.chapter-photo{height:clamp(360px,72vh,760px);margin-bottom:clamp(64px,8vw,120px);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);background:none}
.chapter-photo img{object-position:center 40%}
.chapter-core .ch-num{color:#c39a6e}
.chapter-core .kicker{color:var(--bronze-l)}
.chapter-core h2,.chapter-core h3{color:var(--cream-t)}
.chapter-core .ch-intro{color:var(--cream-soft);max-width:64ch}
.chapter-core .sap-groups{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:5%;margin-top:20px}
.chapter-core .sap-group{border-top-color:var(--dline)}
.chapter-core .sap-group h3 span{color:var(--bronze-l)}
.chapter-core .sap-group li{color:var(--cream-soft)}
.chapter-core .sap-group li:before{background:var(--bronze-l)}
.chapter-core .diagram{margin-top:clamp(80px,9vw,130px)}
.chapter-core .diagram-cap .kicker{color:var(--bronze-l)}
.chapter-core .diagram-title{color:var(--cream-t);font-size:clamp(28px,2.8vw,40px)}
.chapter-core .media[data-media]{box-shadow:0 40px 80px -40px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.06)}
.chapter-core .media-o2c{aspect-ratio:16/9}
.chapter-core .media-eco{aspect-ratio:16/10}
.chapter-core .legend{border-top-color:var(--dline)}
.chapter-core .legend-h{color:var(--bronze-l)}
.chapter-core .legend h4{color:var(--cream-t)}
.chapter-core .legend li,.chapter-core .legend p,.chapter-core .cap-note{color:var(--cream-soft)}
.chapter-core .legend strong{color:var(--cream-t)}
.chapter-core :focus-visible{outline-color:var(--bronze-l)}

@media(max-width:1000px){
  .svc-index a{grid-template-columns:56px minmax(0,1fr) 56px}
  .si-k{display:none}
  .ch-split{grid-template-columns:1fr;gap:48px}
  .chapter.rev .ch-copy{order:1}.chapter.rev .ch-visual{order:2}
  .ch-photo{aspect-ratio:4/3}
  .chapter-core .sap-groups{grid-template-columns:1fr 1fr}
  .chapter .media-detail{max-width:560px}
}
@media(max-width:780px){
  .svc-hero .ph-photo{aspect-ratio:4/3}
  .svc-index a{grid-template-columns:44px minmax(0,1fr) 48px;gap:12px;padding:20px 0}
  .si-n{font-size:26px}
  .svc-index .row-arw{width:44px;height:44px;margin-top:-22px;top:50%;bottom:auto}
  .ch-head{flex-direction:column;align-items:flex-start;gap:10px}
  .ch-num{font-size:110px}
  .chapter-core .sap-groups{grid-template-columns:1fr}
  .chapter-core .media-o2c{aspect-ratio:4/5}
  .chapter-core .media-eco{aspect-ratio:3/5}
  .chapter-photo{height:clamp(260px,48vh,420px)}
}
/* capitolele pe două coloane: numărul deasupra titlului, ca titlul să respire */
.ch-split .ch-head{flex-direction:column;align-items:flex-start;gap:14px}
.ch-split .ch-num{font-size:clamp(96px,10vw,150px)}
.ch-split .ch-head h2{max-width:16ch}

/* ==========================================================
   Pagini legale (v6): hero espresso, documentele alături, secțiuni editoriale
   ========================================================== */
.legal-hero{background:var(--night);color:var(--cream-t);border-bottom:0;padding:clamp(80px,10vw,150px) 0 clamp(64px,8vw,120px);position:relative;overflow:hidden}
.legal-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#8a5a2b 20%,#e2c393 50%,#8a5a2b 80%,transparent)}
.lh-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:8%;align-items:end}
.legal-hero .eyebrow{color:var(--bronze-l)}
.legal-hero h1{color:var(--cream-t);font-size:clamp(46px,6.2vw,96px);max-width:12ch}
.legal-hero .page-lead{color:var(--cream-soft)}
.legal-hero .legal-date{color:var(--bronze-l)}
.legal-docs ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(239,230,218,.32)}
.legal-docs li{border-bottom:1px solid var(--dline)}
.legal-docs a{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 60px;align-items:center;gap:12px;padding:20px 0;color:var(--cream-soft);transition:color .4s}
.ld-n{font:italic 500 24px/1 var(--display);color:#c39a6e}
.ld-t{font:500 clamp(21px,1.9vw,27px)/1.15 var(--display);transition:transform .7s var(--ease)}
.legal-docs .row-arw{width:46px;height:46px;margin-top:-23px;border-color:rgba(239,230,218,.28)}
.legal-docs .row-arw:before{left:14px;right:14px;background:var(--cream-t)}
.legal-docs .row-arw:after{right:14px;border-color:var(--cream-t)}
.legal-docs a[aria-current="page"]{color:var(--cream-t)}
.legal-docs a[aria-current="page"] .row-arw{background:var(--bronze-l);border-color:var(--bronze-l)}
.legal-docs a[aria-current="page"] .row-arw:before{background:var(--night)}
.legal-docs a[aria-current="page"] .row-arw:after{border-color:var(--night)}
.legal-docs :focus-visible{outline-color:var(--bronze-l)}
@media(hover:hover){
  .legal-docs a:hover{color:var(--cream-t)}
  .legal-docs a:hover .ld-t{transform:translateX(10px)}
  .legal-docs a:not([aria-current]):hover .row-arw{background:var(--cream-t);border-color:var(--cream-t)}
  .legal-docs a:not([aria-current]):hover .row-arw:before{background:var(--night)}
  .legal-docs a:not([aria-current]):hover .row-arw:after{border-color:var(--night)}
}
/* corpul: număr mare pe margine, text pe o coloană de citit */
.legal-body{padding-top:clamp(56px,6vw,96px)}
.legal-sec{display:grid;grid-template-columns:clamp(70px,8vw,120px) minmax(0,1fr);gap:clamp(16px,2.4vw,36px);padding:0 0 clamp(40px,4.4vw,64px);margin-bottom:clamp(40px,4.4vw,64px);border-bottom:1px solid var(--hair)}
.ls-n{margin:0;font:italic 500 clamp(52px,5.6vw,84px)/.8 var(--display);color:var(--bronze);letter-spacing:-.02em}
.legal-sec h2{display:block;font-size:clamp(30px,2.9vw,42px);margin:0 0 22px}
.legal-sec p,.legal-sec li{font-size:16.5px;line-height:1.75;max-width:68ch}
.legal-sec .ls-body>p:first-of-type{font-size:18px;color:var(--ink)}
.legal-sec ul{list-style:none;padding:0}
.legal-sec ul li{position:relative;padding-left:24px}
.legal-sec ul li:before{content:"";position:absolute;left:0;top:.85em;width:12px;height:1px;background:var(--bronze)}
.legal-layout .toc{padding-top:clamp(56px,6vw,96px)}
.table-wrap{border:0;border-top:1px solid var(--ink-2);border-bottom:1px solid var(--line);margin:18px 0 28px}
.legal-sec th{background:transparent;border-bottom:1px solid var(--line);padding:14px 16px 12px 0}
.legal-sec td{padding:14px 16px 14px 0}
@media(max-width:1000px){
  .lh-grid{grid-template-columns:1fr;gap:48px}
  .legal-hero h1{max-width:none}
}
@media(max-width:780px){
  .legal-sec{grid-template-columns:1fr;gap:6px}
  .ls-n{font-size:52px}
}

/* Servicii: banda foto dintre capitole */
.chapter+.photo-band{margin-top:0}
.legal-sec .ls-n{margin:0;max-width:none;font:italic 500 clamp(52px,5.6vw,84px)/.8 var(--display);color:var(--bronze);letter-spacing:-.02em}
.chapter .media-detail{aspect-ratio:5/4}
@media(max-width:780px){.legal-sec .ls-n{font-size:52px}}
@media(max-width:780px){.legal-docs .row-arw{top:50%;bottom:auto;margin-top:-22px;width:44px;height:44px}.legal-docs a{grid-template-columns:40px minmax(0,1fr) 52px}}

/* ==========================================================
   Temă întunecată (v7) – paleta din Atlas: grafit albăstrui, carduri ușor mai deschise,
   auriu în gradient și o strălucire caldă sus. Implicit după sistem; butonul din antet o fixează.
   ========================================================== */
/* gradientul cald din Atlas, și pe tema deschisă */
body{background:radial-gradient(ellipse 60% 520px at 82% 0,rgba(214,184,146,.30),transparent 72%),var(--bg)}
.exp,.contact,.chapter-core,.legal-hero{background-image:radial-gradient(ellipse 70% 480px at 78% 0,rgba(160,112,62,.20),transparent 72%)}
.btn{background:linear-gradient(135deg,#3a2818 0%,#2a1c13 60%,#22170f 100%)}
.btn:hover{background:linear-gradient(135deg,#8a5d35,#6e4826)}
.btn.ghost{background:transparent}

/* butonul de temă (cerc pe jumătate plin, ca în Atlas) */
.theme-toggle{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;transition:border-color .3s,background-color .3s,transform .5s var(--ease)}
.theme-toggle svg{width:20px;height:20px;transition:transform .6s var(--ease)}
.theme-toggle circle{fill:none;stroke:var(--ink);stroke-width:1.4}
.theme-toggle path{fill:var(--ink)}
.theme-toggle:hover{border-color:var(--bronze)}
.theme-toggle[aria-pressed="true"] svg{transform:rotate(180deg)}

@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]){--bg:#12171e;--paper:#161c24;--card:#1b222b;--ink:#ece5da;--ink-2:#cfc5b6;--soft:#a99e90;--bronze:#d2a46f;--bronze-ink:#e0b583;--bronze-soft:#7f6244;--line:#2e3742;--hair:#242b35;--field:#4d5663;--night:#0c1015;--night-2:#090c10;--cream-t:#ece5da;--cream-soft:#bbb0a1;--bronze-l:#e0b583;--dline:rgba(236,229,218,.12);color-scheme:dark}

:root:not([data-theme="light"]) body{background:radial-gradient(ellipse 60% 520px at 78% 0,rgba(140,98,58,.26),transparent 72%),var(--bg)}
:root:not([data-theme="light"]) .header{background:rgba(18,23,30,.86)}
:root:not([data-theme="light"]) .btn{background:linear-gradient(135deg,#e7c391 0%,#d2a46f 55%,#b98a57 100%);border-color:transparent;color:#17120d}
:root:not([data-theme="light"]) .btn:hover{background:linear-gradient(135deg,#f0d3a8,#ddb07a);border-color:transparent;color:#17120d}
:root:not([data-theme="light"]) .btn.ghost{background:transparent;color:var(--ink);border-color:rgba(236,229,218,.45)}
:root:not([data-theme="light"]) .btn.ghost:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
:root:not([data-theme="light"]) .contact .btn{background:linear-gradient(135deg,#e7c391 0%,#d2a46f 55%,#b98a57 100%);color:#17120d;border-color:transparent}
:root:not([data-theme="light"]) .c-status.ok{color:#b9d39a}:root:not([data-theme="light"]) .c-status.err,:root:not([data-theme="light"]) .c-field [aria-invalid="true"]{color:#f0a58c}
:root:not([data-theme="light"]) .c-field [aria-invalid="true"]{border-bottom-color:#f0a58c;box-shadow:0 1px 0 #f0a58c}
:root:not([data-theme="light"]) .ck-btn.dark{background:linear-gradient(135deg,#e7c391,#c9975f);border-color:transparent;color:#17120d}
:root:not([data-theme="light"]) .ck-dialog .ck-btn.ghost{border-color:#4d5663}
:root:not([data-theme="light"]) .ck-dialog .ck-x:hover{background:var(--ink);color:var(--bg)}
:root:not([data-theme="light"]) .ck-status{color:var(--bronze-ink)}
:root:not([data-theme="light"]) .media[data-media]{box-shadow:0 30px 60px -36px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05)}
:root:not([data-theme="light"]) .media.photo,:root:not([data-theme="light"]) .big-photo{background:var(--paper)}
:root:not([data-theme="light"]) .crest-link:focus-visible{outline-color:var(--bronze-ink)}
:root:not([data-theme="light"]) .theme-toggle path{fill:var(--bronze-ink)}

}
:root[data-theme="dark"]{--bg:#12171e;--paper:#161c24;--card:#1b222b;--ink:#ece5da;--ink-2:#cfc5b6;--soft:#a99e90;--bronze:#d2a46f;--bronze-ink:#e0b583;--bronze-soft:#7f6244;--line:#2e3742;--hair:#242b35;--field:#4d5663;--night:#0c1015;--night-2:#090c10;--cream-t:#ece5da;--cream-soft:#bbb0a1;--bronze-l:#e0b583;--dline:rgba(236,229,218,.12);color-scheme:dark}

:root[data-theme="dark"] body{background:radial-gradient(ellipse 60% 520px at 78% 0,rgba(140,98,58,.26),transparent 72%),var(--bg)}
:root[data-theme="dark"] .header{background:rgba(18,23,30,.86)}
:root[data-theme="dark"] .btn{background:linear-gradient(135deg,#e7c391 0%,#d2a46f 55%,#b98a57 100%);border-color:transparent;color:#17120d}
:root[data-theme="dark"] .btn:hover{background:linear-gradient(135deg,#f0d3a8,#ddb07a);border-color:transparent;color:#17120d}
:root[data-theme="dark"] .btn.ghost{background:transparent;color:var(--ink);border-color:rgba(236,229,218,.45)}
:root[data-theme="dark"] .btn.ghost:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
:root[data-theme="dark"] .contact .btn{background:linear-gradient(135deg,#e7c391 0%,#d2a46f 55%,#b98a57 100%);color:#17120d;border-color:transparent}
:root[data-theme="dark"] .c-status.ok{color:#b9d39a}:root[data-theme="dark"] .c-status.err,:root[data-theme="dark"] .c-field [aria-invalid="true"]{color:#f0a58c}
:root[data-theme="dark"] .c-field [aria-invalid="true"]{border-bottom-color:#f0a58c;box-shadow:0 1px 0 #f0a58c}
:root[data-theme="dark"] .ck-btn.dark{background:linear-gradient(135deg,#e7c391,#c9975f);border-color:transparent;color:#17120d}
:root[data-theme="dark"] .ck-dialog .ck-btn.ghost{border-color:#4d5663}
:root[data-theme="dark"] .ck-dialog .ck-x:hover{background:var(--ink);color:var(--bg)}
:root[data-theme="dark"] .ck-status{color:var(--bronze-ink)}
:root[data-theme="dark"] .media[data-media]{box-shadow:0 30px 60px -36px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.05)}
:root[data-theme="dark"] .media.photo,:root[data-theme="dark"] .big-photo{background:var(--paper)}
:root[data-theme="dark"] .crest-link:focus-visible{outline-color:var(--bronze-ink)}
:root[data-theme="dark"] .theme-toggle path{fill:var(--bronze-ink)}

@media(max-width:780px){.theme-toggle{width:40px;height:40px}}

/* ==========================================================
   Proiecte proprii (v8): vitrină cu capturi reale, în rame de dispozitiv
   ========================================================== */
.showcase{display:grid;gap:clamp(28px,3vw,44px)}
.pj{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:6%;min-height:clamp(480px,46vw,640px);padding:clamp(40px,5vw,80px);overflow:hidden;isolation:isolate}
.pj-copy{position:relative;z-index:2}
.pj h3{font-size:clamp(46px,5.4vw,84px);margin:0 0 20px;letter-spacing:-.015em}
.pj-copy>p:not(.kicker){max-width:38ch;margin-bottom:30px}
.pj-stage{position:relative;height:100%;min-height:clamp(380px,38vw,560px)}
/* MamaSpeak: culorile aplicației – crem rozaliu, roz pudrat */
.pj-ms{background:radial-gradient(ellipse 60% 80% at 78% 40%,rgba(216,167,160,.55),transparent 70%),linear-gradient(135deg,#f6ece6 0%,#efdcd4 100%);color:#3a2a26}
.pj-ms h3{color:#3a2a26}
.pj-ms .kicker{color:#8f4f45}
.pj-ms .pj-copy>p:not(.kicker){color:#5e4a44}
.pj-ms .text-link{color:#3a2a26;border-color:rgba(58,42,38,.3)}
.pj-ms .text-link:hover{color:#8f4f45;border-color:#b5776c}
.phone{position:absolute;margin:0;width:clamp(170px,17vw,250px);aspect-ratio:9/16;border-radius:30px;padding:9px;background:linear-gradient(160deg,#2b2220,#14100f);box-shadow:0 50px 80px -40px rgba(60,30,25,.55),0 18px 30px -18px rgba(60,30,25,.35),inset 0 0 0 1px rgba(255,255,255,.08)}
.phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:22px}
.phone-front{left:50%;top:50%;transform:translate(-14%,-50%) rotate(4deg);z-index:2}
.phone-back{left:50%;top:50%;transform:translate(-92%,-46%) rotate(-7deg);opacity:.96}
/* 82design: fundalul închis al site-ului, cu strălucirea lui caldă */
.pj-82{grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:radial-gradient(ellipse 60% 70% at 25% 30%,rgba(224,122,95,.16),transparent 70%),linear-gradient(135deg,#121518 0%,#0b0d0f 100%);color:#e9e4dd}
.pj-82 .pj-copy{order:2}
.pj-82 .pj-stage{order:1;display:flex;align-items:center}
.pj-82 h3{color:#f1ece5}
.pj-82 .kicker{color:#f0a184}
.pj-82 .pj-copy>p:not(.kicker){color:#b8b1a8}
.pj-82 .text-link{color:#f1ece5;border-color:rgba(241,236,229,.3)}
.pj-82 .text-link:hover{color:#f0a184;border-color:#f0a184}
.pj-82 :focus-visible{outline-color:#f0a184}
.browser{margin:0;width:100%;border-radius:10px;overflow:hidden;background:#0a0c0e;box-shadow:0 50px 90px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.07)}
.browser-bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:#1a1d21;border-bottom:1px solid rgba(255,255,255,.06)}
.browser-bar i{width:10px;height:10px;border-radius:50%;background:#3a3f45}
.browser-bar span{margin:0 auto;transform:translateX(-20px);padding:3px 18px;border-radius:6px;background:#0f1114;font:500 12px/1.4 var(--sans);letter-spacing:.04em;color:#9a948c}
.browser img{display:block;width:100%;height:auto}
/* intrare blândă: dispozitivele urcă puțin când apare scena */
.fx .pj-stage[data-reveal]{transform:translateY(34px)}
.fx .pj-stage[data-reveal].in{transform:none}
@media(hover:hover){
  .pj-ms:hover .phone-front{transform:translate(-14%,-52%) rotate(3deg)}
  .pj-ms:hover .phone-back{transform:translate(-96%,-47%) rotate(-8deg)}
  .phone{transition:transform 1.2s var(--ease)}
  .browser{transition:transform 1.2s var(--ease)}
  .pj-82:hover .browser{transform:translateY(-6px)}
}
@media(max-width:1000px){
  .pj,.pj-82{grid-template-columns:1fr;gap:36px}
  .pj-82 .pj-copy{order:1}.pj-82 .pj-stage{order:2}
  .pj-stage{min-height:clamp(380px,80vw,520px)}
  .pj-82 .pj-stage{min-height:0}
  .phone{width:clamp(150px,34vw,230px)}
}
@media(max-width:520px){
  .pj{padding:32px 22px}
  .phone{width:44vw;border-radius:24px;padding:7px}
  .phone img{border-radius:18px}
  .pj-stage{min-height:92vw}
}
/* tema întunecată: scena MamaSpeak devine roz-prună, 82design rămâne pe negru */
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .pj-ms{background:radial-gradient(ellipse 60% 80% at 78% 40%,rgba(216,167,160,.22),transparent 70%),linear-gradient(135deg,#2a2023 0%,#1d1719 100%);color:#efe2dd}
:root:not([data-theme="light"]) .pj-ms h3{color:#f6e9e4}:root:not([data-theme="light"]) .pj-ms .kicker{color:#e4a99f}:root:not([data-theme="light"]) .pj-ms .pj-copy>p:not(.kicker){color:#cdb9b3}:root:not([data-theme="light"]) .pj-ms .text-link{color:#f6e9e4;border-color:rgba(246,233,228,.3)}
:root:not([data-theme="light"]) .pj-82{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}}
:root[data-theme="dark"] .pj-ms{background:radial-gradient(ellipse 60% 80% at 78% 40%,rgba(216,167,160,.22),transparent 70%),linear-gradient(135deg,#2a2023 0%,#1d1719 100%);color:#efe2dd}
:root[data-theme="dark"] .pj-ms h3{color:#f6e9e4}:root[data-theme="dark"] .pj-ms .kicker{color:#e4a99f}:root[data-theme="dark"] .pj-ms .pj-copy>p:not(.kicker){color:#cdb9b3}:root[data-theme="dark"] .pj-ms .text-link{color:#f6e9e4;border-color:rgba(246,233,228,.3)}
:root[data-theme="dark"] .pj-82{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}

/* 404: aceeași atmosferă caldă, în ambele teme */
.nf{background:radial-gradient(ellipse 60% 50% at 50% 30%,rgba(201,168,131,.22),transparent 70%)}
.nf h1{background:linear-gradient(168deg,#c8a47e 0%,#a97a4f 40%,#6e4a2e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
.nowrap{white-space:nowrap}
@media(min-width:1001px){.pj-82{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:5%}.pj-82 .browser{width:112%;margin-left:-12%}}

/* ==========================================================
   Cookie-uri (v10): bandă lată jos + fereastră cu tab-uri (model brebunou.ro), în stilul espresso cu coroana
   ========================================================== */
.ck-notice{left:24px;right:24px;bottom:24px;width:auto;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:26px;padding:24px 30px 24px 26px}
.ck-crown{width:74px;height:auto;filter:drop-shadow(0 0 14px #d8ae7840)}
.ck-notice.show .ck-crown{animation:crownIn 1.2s var(--ease) both}
.ck-body h2{margin:0 0 6px;font:italic 500 25px/1.15 var(--display);color:#f6e8d3}
.ck-body p{margin:0;font-size:14.5px;line-height:1.6;color:#d9cbbb;max-width:78ch}
.ck-body .ck-more{margin-top:6px;font-size:13.5px;color:#bfae9b}
.ck-body a{color:#d8ae78;text-decoration:underline;text-underline-offset:3px}
.ck-notice .ck-actions{display:flex;flex-direction:column;gap:10px;min-width:200px}
.ck-notice .ck-link{padding:6px}
/* fereastra */
.ck-dialog{width:min(720px,100%);padding:0;display:flex;flex-direction:column;max-height:min(760px,calc(100svh - 40px));overflow:hidden}
.ck-dhead{display:flex;align-items:center;gap:16px;padding:22px 28px;border-bottom:1px solid var(--line)}
.ck-dhead img{width:52px;height:auto;padding:7px;background:#2a1d12}
.ck-dhead h2{margin:0;flex:1;font:600 13px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ink)}
.ck-dhead .ck-x{position:static;border:1px solid var(--line);width:42px;height:42px;color:var(--ink)}
.ck-tabs{display:flex;gap:28px;padding:0 28px;border-bottom:1px solid var(--line)}
.ck-tabs button{position:relative;background:none;border:0;padding:18px 0 16px;font:600 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--soft);cursor:pointer}
.ck-tabs button[aria-selected="true"]{color:var(--ink)}
.ck-tabs button[aria-selected="true"]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--bronze)}
.ck-tabs button:focus-visible{outline:2px solid var(--bronze-ink);outline-offset:2px}
.ck-pane{padding:24px 28px;overflow-y:auto}
.ck-pane .ck-intro{margin:0 0 18px;font-size:15.5px;color:var(--ink-2)}
.ck-cats{border-top:0}
.ck-cat{padding:18px 0;border-top:1px solid var(--line);border-bottom:0}
.ck-cat h3{font:600 12.5px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.ck-badge{flex:none;padding:6px 12px;border:1px solid var(--bronze);font:600 10.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-ink)}
.ck-badge.muted{border-color:var(--line);color:var(--soft)}
.ck-table{overflow-x:auto;border-top:1px solid var(--ink-2)}
.ck-table table{width:100%;border-collapse:collapse;font-size:14px;min-width:460px}
.ck-table th{text-align:left;font:600 10.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-ink);padding:12px 14px 10px 0;border-bottom:1px solid var(--line)}
.ck-table td{padding:12px 14px 12px 0;border-bottom:1px solid var(--hair);vertical-align:top;color:var(--ink-2)}
.ck-table code{white-space:nowrap;font:12.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--paper);padding:2px 6px}
.ck-pane .ck-legal a,.ck-pane .ck-intro a{color:var(--bronze-ink);text-decoration:underline;text-underline-offset:3px}
.ck-dfoot{padding:18px 28px 20px;border-top:1px solid var(--line);background:var(--paper)}
.ck-dfoot .ck-actions-modal{margin-top:0}
.ck-dfoot .ck-status{margin:8px 0 0}
@media(max-width:860px){
  .ck-notice{grid-template-columns:auto minmax(0,1fr);gap:16px 18px}
  .ck-notice .ck-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}
  .ck-notice .ck-actions .ck-btn{flex:1 1 160px}
}
@media(max-width:560px){
  .ck-notice{left:12px;right:12px;bottom:12px;padding:20px 18px 16px;gap:12px 14px}
  .ck-crown{width:52px}
  .ck-body h2{font-size:22px}
  .ck-body p{font-size:14px}
  .ck-dhead,.ck-pane,.ck-dfoot{padding-left:18px;padding-right:18px}
  .ck-tabs{gap:18px;padding:0 18px}
  .ck-tabs button{font-size:11px;letter-spacing:.14em}
}
/* pictograma SAL: 250 × 50 px (Ordinul ANPC 270/2026) */
.foot-sal img{width:250px;height:50px;padding:0;border-radius:0;background:transparent}
/* 82design: animația live în locul capturii */
.d82{position:relative;aspect-ratio:16/10;background:#0b0d0f;cursor:crosshair;touch-action:pan-y}
.d82 canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

/* ==========================================================
   S-ul caligrafic din hero (v11), după S-ul din emblemă
   ========================================================== */
.lk-hero .lk-s-art{font-size:inherit;padding:0;margin:0 .05em 0 -.04em;align-self:flex-end}
.lk-hero .lk-s-art>span{display:block;color:inherit;background:none;-webkit-background-clip:border-box;background-clip:border-box;filter:drop-shadow(0 14px 18px rgba(74,46,22,.18))}
.s-art{display:block;height:var(--s);width:auto;overflow:visible;margin-bottom:calc(var(--s) * -.14)}
.s-art .s-fill{fill:url(#sMetal)}
.s-art .s-hair{fill:none;stroke:#a87a4d;stroke-width:1.2;vector-effect:non-scaling-stroke;opacity:.85}
.s-art .s-eng{fill:none;stroke:rgba(70,40,18,.5);stroke-width:1;vector-effect:non-scaling-stroke}
.s-art .s-shine{fill:url(#sShine);opacity:.55}
/* intrare: linia fină se trage, S-ul se scrie de sus în jos, apoi o lumină trece peste metal */
.js .lk-hero .lk-s-art{animation:none}
.js .lk-hero .lk-s-art>span{animation:sWrite 1.9s .15s var(--ease) backwards}
.js .s-art .s-hair{stroke-dasharray:420;stroke-dashoffset:420;animation:sHair 1.6s .9s var(--ease) forwards}
.js .s-art .s-shine{animation:sShine 2.6s 1.5s ease-in-out both}
@keyframes sWrite{from{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(14px)}50%{opacity:1}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes sHair{to{stroke-dashoffset:0}}
@keyframes sShine{from{transform:skewX(-18deg) translateX(0)}to{transform:skewX(-18deg) translateX(820px)}}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .lk-hero .lk-s-art>span{filter:drop-shadow(0 14px 22px rgba(0,0,0,.5))}:root:not([data-theme="light"]) .s-art .s-eng{stroke:rgba(40,22,10,.6)}}
:root[data-theme="dark"] .lk-hero .lk-s-art>span{filter:drop-shadow(0 14px 22px rgba(0,0,0,.5))}
:root[data-theme="dark"] .s-art .s-eng{stroke:rgba(40,22,10,.6)}
@media(prefers-reduced-motion:reduce){.s-art .s-hair{stroke-dashoffset:0}.s-art .s-shine{opacity:0}}
/* aliniere: cuvintele stau pe treimea de jos a S-ului, ca la litera de dinainte */
.lockup.lk-hero{align-items:flex-end}
.lk-hero .lk-l,.lk-hero .lk-r{margin-bottom:calc(var(--s) * .3)}
.lk-hero .lk-s-art{align-self:auto}
.s-art{height:calc(var(--s) * 1.12);margin-bottom:0}
.hero-mark{align-items:end}
.hero-rule{margin-bottom:calc(var(--lk) * .36 + var(--s) * .3)}
.hero-mark{--s:clamp(110px,12vw,186px)}
@media(max-width:780px){.hero-mark{--s:clamp(96px,30vw,140px)}}
@media(prefers-reduced-motion:reduce){.js .s-art .s-hair{stroke-dashoffset:0;stroke-dasharray:none;animation:none}.js .s-art .s-shine{animation:none;opacity:0}}
/* S-ul din hero (v12): glif caligrafic, bronz cu muchie interioară luminoasă */
.s-art{height:calc(var(--s) * 1.08)}
.lk-hero .lk-s-art{margin:0 .12em 0 -.06em}
.lk-hero .lk-s-art>span{filter:drop-shadow(0 10px 12px rgba(74,46,22,.14))}
.s-art .s-bevel{fill:none;stroke:rgba(255,240,214,.55);stroke-width:14}
.s-art .s-hair{stroke-dasharray:1;stroke-dashoffset:1}
.js .s-art .s-hair{stroke-dasharray:1;stroke-dashoffset:1;animation:sHair 1.4s 1s var(--ease) forwards}
.s-art .s-shine{opacity:.5}
.js .s-art .s-shine{animation:sShine2 2.4s 1.6s ease-in-out both}
@keyframes sShine2{from{transform:translateX(0)}to{transform:translateX(260%)}}
:root[data-theme="dark"] .s-art .s-bevel{stroke:rgba(255,236,206,.42)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .s-art .s-bevel{stroke:rgba(255,236,206,.42)}}
@media(prefers-reduced-motion:reduce){.js .s-art .s-hair,.s-art .s-hair{stroke-dashoffset:0;animation:none}}
.s-art .s-fill{fill:url(#shM)}
.s-art .s-shine{fill:url(#shH)}
/* S-ul caligrafic și în subsol */
.lockup.lk-foot.lk-art{align-items:flex-end}
.lk-foot .lk-l,.lk-foot .lk-r{margin-bottom:calc(var(--s) * .3)}
.lk-foot{--s:4.2em}
.lk-foot .lk-s-art{padding:0;margin:0 .1em 0 -.04em;font-size:inherit}
.lk-foot .lk-s-art>span{display:block;background:none;color:inherit;-webkit-background-clip:border-box;background-clip:border-box}
.lk-foot .s-art{height:calc(var(--s) * 1.08)}
.lk-foot .s-art .s-fill{fill:url(#sfM)}
.lk-foot .s-art .s-shine{display:none}
.lk-foot .s-art .s-hair,.js .lk-foot .s-art .s-hair{stroke-dashoffset:0;animation:none}
.lk-foot .s-art .s-bevel{stroke:rgba(255,236,206,.38)}

/* ==========================================================
   Reparații după auditul din 9 oct 2026 (Vercel Web Interface Guidelines + verificare pe telefon)
   ========================================================== */
/* tema: controalele native (bare de derulare, câmpuri, autofill) urmează tema aleasă */
:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark}}
/* titluri echilibrate, fără un singur cuvânt pe ultimul rând */
h1,h2,h3{text-wrap:balance}
/* atingere: fără pătratul gri pe Android/iOS (focus-visible rămâne) */
html{-webkit-tap-highlight-color:transparent}
a,button{touch-action:manipulation}
/* meniul mobil și fereastra de cookie nu mai trag pagina de dedesubt */
.nav,.ck-dialog,.ck-pane{overscroll-behavior:contain}
/* luciul de pe banner trece de două ori, nu la nesfârșit */
.ck-notice.show .ck-line{animation-iteration-count:2}
/* telefon: banner compact, ca butoanele din hero să rămână vizibile; butonul rotund de cookie
   dispare (în subsol există „Setări cookie”) */
@media(max-width:560px){
  .ck-notice{left:10px;right:10px;bottom:10px;padding:14px 14px 12px;gap:8px 12px;grid-template-columns:auto minmax(0,1fr)}
  .ck-crown{width:38px}
  .ck-body h2{font-size:19px;margin-bottom:2px}
  .ck-body p{font-size:13px;line-height:1.5}
  .ck-body .ck-more{display:none}
  .ck-notice .ck-actions{gap:8px}
  .ck-notice .ck-actions .ck-btn{flex:1 1 0;min-height:42px}
}
@media(max-width:780px){.ck-fab{display:none}}
/* cât timp bannerul e deschis, focusul de la tastatură nu ajunge sub el */
html:has(.ck-notice.show){scroll-padding-bottom:210px}

/* ==========================================================
   Revizia 13 (9 oct 2026): direcția „editorial cinematic”
   Același brand (S, coroană, paletă, fonturi, fotografii, fir de bronz, texte), compoziție și mișcare noi.
   Mișcarea e legată de derulare în app.js (fxSetup/fxFrame); fără ea (mișcare redusă), totul e static și complet.
   ========================================================== */

/* ---------- hero cinematic: fotografia pe tot ecranul, titlul jos ---------- */
.cine{position:relative;height:100svh;min-height:640px;margin-top:calc(var(--head-h) * -1);overflow:hidden;background:var(--night-2);color:var(--cream-t);--p:0}
.cine-media{position:absolute;inset:0;height:100%;background:var(--night-2)}
.cine-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;transform:scale(calc(1 + var(--p) * .14)) translateY(calc(var(--p) * 5%));transform-origin:50% 60%}
.cine-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,15,11,.66) 0%,rgba(22,15,11,.14) 30%,rgba(22,15,11,.34) 56%,rgba(22,15,11,.93) 100%)}
.cine .hero-mark{position:absolute;left:0;right:0;top:calc(var(--head-h) + clamp(10px,5vh,60px));display:flex;justify-content:center;pointer-events:none;transform:translateY(calc(var(--p) * -60%));opacity:calc(1 - var(--p) * 2.2)}
.cine .lockup{color:var(--cream-t)}
.cine .lk-hero{--s:clamp(96px,11vw,176px)}
.cine .lk-hero .lk-s-art>span{filter:drop-shadow(0 16px 26px rgba(0,0,0,.5))}
.cine-meta{position:absolute;right:var(--pad);top:50%;margin:0;display:flex;gap:2.4em;writing-mode:vertical-rl;font:600 10.5px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:rgba(239,230,218,.55)}
.cine-foot{position:absolute;left:0;right:0;bottom:0;padding-bottom:clamp(36px,7vh,80px);transform:translateY(calc(var(--p) * -90px));opacity:calc(1 - var(--p) * .9)}
.cine-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:clamp(28px,5vw,96px);align-items:end}
.cine .hero-title{margin:0;font-size:clamp(46px,6.4vw,112px);line-height:.96;letter-spacing:-.02em;color:var(--cream-t);text-align:left;max-width:none}
.cine .hero-title .ln{display:block;overflow:hidden;padding-bottom:.07em}
.cine .hero-title .ln>span{display:block}
.cine .hero-title em{font-style:italic;color:#e2c393}
.cine .hero-sub{margin:0 0 28px;max-width:40ch;font-size:clamp(16px,1.25vw,18.5px);color:#d4c6b4;text-align:left}
.cine .hero-actions{justify-content:flex-start}
.cine .btn{background:linear-gradient(135deg,#ecd0a6 0%,#d2a46f 52%,#b4834f 100%);border-color:transparent;color:#1b120c}
.cine .btn:hover{background:linear-gradient(135deg,#f3dcb8,#dcb07c);color:#1b120c}
.cine .btn.ghost{background:transparent;border-color:rgba(239,230,218,.5);color:var(--cream-t)}
.cine .btn.ghost:hover{background:var(--cream-t);color:#1b120c}
.cine .eyebrow{color:#d2ac82}
.cine :focus-visible{outline-color:#e2c393}
.cine-foot>.wrap>.hero-sub{margin-top:24px;max-width:56ch}
/* intrare: rândurile urcă din spatele măștii, după S */
.js .cine .hero-title,.js .cine .hero-sub,.js .cine .hero-actions{animation:none}
.js .cine .hero-title .ln>span{animation:lnUp 1.3s var(--ease) backwards}
.js .cine .hero-title .ln:nth-child(1)>span{animation-delay:.55s}
.js .cine .hero-title .ln:nth-child(2)>span{animation-delay:.67s}
.js .cine .cine-side,.js .cine-foot>.wrap>.hero-sub,.js .cine-foot .eyebrow{animation:up 1.1s .9s var(--ease) backwards}
.js .cine-media img{animation:cineIn 2.4s var(--ease) backwards}
@keyframes lnUp{from{transform:translateY(110%)}to{transform:none}}
@keyframes cineIn{from{scale:1.16}to{scale:1}}

/* antetul plutește transparent peste hero, apoi devine solid */
.header{transition:background-color .5s,box-shadow .5s}
.over-cine body:not(.menu-open) .header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
.over-cine body:not(.menu-open) .nav>ul a,.over-cine .head-contact,.over-cine .lang-head a{color:rgba(239,230,218,.86)}
.over-cine body:not(.menu-open) .nav>ul a:hover,.over-cine .head-contact:hover,.over-cine .lang-head a[aria-current="true"]{color:#fff}
.over-cine .lang-head a[aria-current="true"]:after{background:#fff}
.over-cine body:not(.menu-open) .theme-toggle{border-color:rgba(239,230,218,.4)}
.over-cine body:not(.menu-open) .theme-toggle path{fill:#efe6da}
.over-cine body:not(.menu-open) .mobile-toggle{color:#efe6da}
@media(max-width:1180px){.over-cine .nav>ul a{color:var(--ink)!important}}

/* ---------- firul de bronz: fix pe margine, se desenează cu progresul paginii ---------- */
.thread{display:none}
.thread-fix{position:fixed;left:clamp(10px,1.5vw,24px);top:0;width:40px;height:100vh;z-index:40;pointer-events:none;transition:opacity .6s}
.thread-fix path{fill:none;stroke:url(#thrG);stroke-width:1.3;stroke-linecap:round;vector-effect:non-scaling-stroke}
.thread-fix circle{fill:#d2ac82}
.over-cine .thread-fix,.in-pan .thread-fix{opacity:0}
@media(max-width:1100px){.thread-fix{display:none}}

/* ---------- manifest: fraza mare se aprinde cuvânt cu cuvânt ---------- */
.manifest{padding:clamp(120px,15vw,230px) 0 clamp(90px,11vw,170px)}
.manifest-t{margin:0;font-size:clamp(42px,6vw,100px);line-height:1.02;letter-spacing:-.025em;max-width:16ch}
.manifest-t .w{display:inline;transition:opacity .25s}
.manifest-intro{margin:clamp(48px,6vw,96px) 0 0;max-width:46ch;font-size:clamp(16.5px,1.3vw,19px);color:var(--ink-2)}
@media(min-width:901px){.manifest-intro{margin-left:50%}}

/* ---------- serviciile: capitole pe tot ecranul, care se așază unul peste altul ---------- */
.stack{position:relative;background:var(--night-2)}
.chap{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;padding:calc(var(--head-h) + 30px) 0 50px;overflow:hidden;transform-origin:50% 0;--k:0;transform:scale(calc(1 - var(--k) * .07));filter:brightness(calc(1 - var(--k) * .55))}
.chap-in{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,5vw,96px);align-items:center;position:relative}
.chap-core{background:var(--night);color:var(--cream-t)}
.chap-1{background:var(--paper)}
.chap-2{background:var(--bg)}
.chap-3{background:#2a1d14;color:var(--cream-t)}
.chap-num{margin:0 0 18px;font:italic 500 clamp(88px,11vw,180px)/.8 var(--display);color:var(--bronze)}
.chap-core .chap-num,.chap-3 .chap-num{color:var(--bronze-l)}
.chap h3{margin:0 0 24px;font-size:clamp(40px,4.6vw,76px);line-height:1.02;max-width:13ch}
.chap-core h3,.chap-3 h3{color:var(--cream-t)}
.chap-text{max-width:46ch;font-size:clamp(16.5px,1.3vw,19px);color:var(--ink-2);margin:0}
.chap-core .chap-text,.chap-3 .chap-text{color:var(--cream-soft)}
.chap-core .kicker{color:var(--bronze-l)}
.chap-core .svc-tags{display:flex;flex-wrap:wrap;gap:10px;border:0;margin:30px 0 34px}
.chap-core .svc-tags li{border:1px solid rgba(239,230,218,.35);padding:9px 14px;font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--cream-t)}
.chap-core .text-link{color:var(--cream-t);border-color:rgba(239,230,218,.3)}
.chap-core .text-link:hover{color:var(--bronze-l);border-color:var(--bronze-l)}
.chap-core :focus-visible,.chap-3 :focus-visible{outline-color:var(--bronze-l)}
.chap-art .sap-lines{max-width:660px;margin-left:auto;display:block}
.chap-core .sl-guide{stroke:rgba(239,230,218,.16)}
.chap-core .sl-c{stroke:#c49864;opacity:.9}
.chap-core .sl-n{fill:var(--night);stroke:#d2ac82}
.chap-core .sl-hub{fill:#d2ac82}
.chap-core .sl-lab{fill:var(--cream-soft)}
.chap-copy{position:relative}
.chap .chap-go{position:relative;display:inline-block;width:54px;height:54px;margin-top:34px;inset:auto}
.chap .chap-go .row-arw{right:auto;left:0}
.chap-3 .row-arw{border-color:rgba(239,230,218,.4)}
.chap-3 .row-arw:before{background:var(--cream-t)}
.chap-3 .row-arw:after{border-color:var(--cream-t)}
.chap-photo{height:min(70svh,640px)}
.chap-photo img{position:absolute;inset:-8% 0 auto;height:116%;transform:translateY(calc(var(--k) * 6%))}

/* ---------- experiență ---------- */
.exp{background:var(--night-2)}
.exp .sec-head h2{font-size:clamp(40px,4.6vw,72px)}
.exp .sector-name{font-size:clamp(26px,2.7vw,42px)}

/* ---------- studii de caz: derulare laterală ---------- */
.cases{padding:0;overflow:hidden;background:var(--bg)}
.cases-sticky{padding:calc(var(--head-h) + clamp(30px,5vh,60px)) 0 clamp(36px,5vh,60px)}
.cases.pan .cases-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center}
.cases-sticky>.wrap{width:100%}
.cases-top{position:relative}
.cases .sec-head{margin-bottom:clamp(26px,4vh,48px)}
.cases .sec-head h2{font-size:clamp(38px,4.2vw,68px)}
.cases-count{position:absolute;right:var(--pad);top:0;margin:0;font:500 clamp(26px,2.4vw,38px)/1 var(--display);color:var(--soft)}
.cases-count b{font-weight:500;color:var(--bronze)}
.cases-view{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.cases.pan .cases-view{overflow:visible}
.track{display:flex;gap:clamp(18px,2vw,30px);width:max-content;padding:4px var(--pad) 18px;will-change:transform}
.track .case{flex:none;width:clamp(300px,58vw,880px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(22px,3vw,48px);padding:clamp(26px,2.8vw,44px);background:var(--card);border:1px solid var(--line);scroll-snap-align:start;transition:border-color .4s}
.track .case:hover{border-color:var(--bronze)}
.track .case h3{font-size:clamp(26px,2.3vw,38px)}
.track .case-ctx{font-size:16px;margin:0}
.track .case-did{margin-top:0}
.track .case li{padding:5px 0 5px 24px;font-size:14.5px}
.track .case li:before{top:16px}
.track .case ul{margin-bottom:18px}
.track .case-more{display:flex;flex-direction:column;justify-content:flex-end;gap:16px;width:clamp(260px,26vw,380px);background:var(--night);border-color:var(--night);color:var(--cream-t);font:500 clamp(28px,2.6vw,40px)/1.1 var(--display)}
.case-more .arw{font-family:var(--sans);font-size:26px;color:var(--bronze-l);transition:transform .5s var(--ease)}
.case-more:hover .arw{transform:translateX(8px)}
.case-more:focus-visible{outline-color:var(--bronze-l)}
.cases-bar{height:1px;background:var(--line);margin-top:clamp(18px,3vh,30px);position:relative}
.cases-bar i{position:absolute;inset:0;background:var(--bronze);transform-origin:0 50%;transform:scaleX(0)}
.cases:not(.pan) .cases-bar,.cases:not(.pan) .cases-count{display:none}
@media(max-width:900px){.track .case{width:84vw;grid-template-columns:1fr}.track .case-more{width:60vw;min-height:220px}}

/* bandă foto mai înaltă */
.photo-band .band-photo{height:clamp(380px,86vh,900px)}

/* ---------- proiecte proprii: două exponate ---------- */
.own-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(16px,1.8vw,26px);border:0}
.tile{position:relative;overflow:hidden;min-height:clamp(480px,46vw,660px);padding:clamp(28px,3vw,48px);display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.tile h3{font-size:clamp(46px,4.8vw,80px);margin:6px 0 14px}
.tile-copy{position:relative;z-index:2}
.tile-copy>p:not(.kicker){max-width:36ch;margin-bottom:26px}
.t-ms{background:radial-gradient(ellipse 60% 80% at 78% 34%,rgba(216,167,160,.55),transparent 70%),linear-gradient(135deg,#f6ece6 0%,#efdcd4 100%);color:#3a2a26}
.t-ms h3{color:#3a2a26}
.t-ms .kicker{color:#8f4f45}
.t-ms .tile-copy>p:not(.kicker){color:#5e4a44}
.t-ms .text-link{color:#3a2a26;border-color:rgba(58,42,38,.3)}
.t-ms .text-link:hover{color:#8f4f45;border-color:#b5776c}
.tile-stage{position:absolute;right:4%;top:5%;width:52%;height:64%;z-index:1}
.tile-stage .phone{width:clamp(150px,13vw,215px);transition:transform .9s var(--ease)}
.t-ms:hover .phone-front{transform:translate(-14%,-54%) rotate(2deg)}
.t-ms:hover .phone-back{transform:translate(-98%,-46%) rotate(-10deg)}
.t-82{background:#0b0d0f;color:#f1ece5}
.t-82 .d82{position:absolute;inset:0 0 34% 0;aspect-ratio:auto}
.t-82 h3{color:#f1ece5}
.t-82 .kicker{color:#f0a184}
.t-82 .tile-copy>p:not(.kicker){color:#b8b1a8}
.t-82 .text-link{color:#f1ece5;border-color:rgba(241,236,229,.3)}
.t-82 .text-link:hover{color:#f0a184;border-color:#f0a184}
.t-82 :focus-visible{outline-color:#f0a184}
@media(max-width:900px){.own-grid{grid-template-columns:1fr}.tile-stage{position:relative;right:auto;top:auto;width:100%;height:340px;margin-bottom:10px}.t-82{min-height:560px}}

/* ---------- despre noi: fotografia se deschide până la margini ---------- */
.about{padding-top:0}
.about-fig{position:relative;--o:1;clip-path:inset(calc((1 - var(--o)) * 8%) calc((1 - var(--o)) * 10%));height:min(92svh,860px)}
.about-fig .about-photo{position:absolute;inset:0;height:100%}
.about-fig .about-photo img{position:absolute;inset:-8% 0 auto;height:116%;object-position:40% 50%;transform:translateY(calc(var(--o) * 6%))}
.about-fig:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(22,15,11,.78));pointer-events:none}
.about-over{position:absolute;left:0;right:0;bottom:clamp(30px,6vw,72px);z-index:1;color:var(--cream-t)}
.about-over .eyebrow{color:#d2ac82}
.about-over h2{margin:0;max-width:16ch;font-size:clamp(38px,4.6vw,76px);color:var(--cream-t);text-shadow:0 2px 30px rgba(0,0,0,.35)}
.about-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8%;padding-top:clamp(56px,7vw,110px)}
.about-text{color:var(--ink-2);font-size:clamp(16.5px,1.3vw,19px);max-width:46ch}
.about .approach{margin-top:0;border-top:0;padding-top:0}
.about .steps{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
.about .steps li{flex-direction:row;align-items:baseline;gap:22px;padding:18px 0;border-bottom:1px solid var(--line);font-size:clamp(32px,3.4vw,54px)}
@media(max-width:900px){.about-row{grid-template-columns:1fr}.about-fig{height:72svh}}

/* ---------- contact: titlul mare ---------- */
.contact{background:var(--night);position:relative;overflow:hidden}
.contact:before{content:"";position:absolute;width:900px;height:900px;right:-300px;top:-420px;background:radial-gradient(circle,rgba(210,164,111,.2),transparent 60%);pointer-events:none}
.contact h2{font-size:clamp(48px,6.6vw,118px);line-height:.94;max-width:11ch}
.contact .btn{background:linear-gradient(135deg,#ecd0a6 0%,#d2a46f 52%,#b4834f 100%);border-color:transparent;color:#1b120c}

/* ---------- telefon ---------- */
@media(max-width:900px){
  .cine-grid{grid-template-columns:1fr}
  .cine-meta{display:none}
  .cine .lk-hero{--s:clamp(84px,24vw,124px)}
  .chap{position:relative;transform:none;filter:none;min-height:0;padding:96px 0 72px}
  .chap-in{grid-template-columns:1fr}
  .chap-photo{height:58vw;min-height:260px}
}
/* mișcare redusă: nimic fixat, nimic ascuns */
@media(prefers-reduced-motion:reduce){
  .chap{position:relative;transform:none;filter:none}
  .about-fig{clip-path:none}
  .manifest-t .w{opacity:1!important}
  .cine-media img{transform:none}
}
/* tema întunecată: secțiunile crem devin grafit, cele espresso rămân */
:root[data-theme="dark"] .chap-1,:root[data-theme="dark"] .chap-2{background:var(--bg)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .chap-1,:root:not([data-theme="light"]) .chap-2{background:var(--bg)}}
/* ajustări după prima verificare în browser */
.manifest-t em{font-style:normal;color:inherit}
.about-fig .about-photo{aspect-ratio:auto;width:100%}
.tile-stage{height:54%;top:4%}
.tile-stage .phone{width:clamp(130px,11.5vw,196px)}
.track .case{width:clamp(300px,78vw,1200px);grid-template-columns:minmax(0,.75fr) minmax(0,2fr)}
.track .case-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:clamp(20px,2.6vw,40px);align-content:start}
.track .case-ctx{grid-column:1;grid-row:1 / span 4}
.track .case-did,.track .case ul,.track .case-tags{grid-column:2}
@media(max-width:900px){.track .case{width:84vw;grid-template-columns:1fr}.track .case-body{display:block}.track .case-ctx{margin-bottom:20px}}
.cases{overflow:clip}
.cases:not(.pan){overflow:hidden}
/* S-ul din stemă, în hero și în subsol (înlocuiește S-ul desenat) */
.lk-s-art .s-img{display:block;height:calc(var(--s) * 1.05);width:auto;margin-bottom:calc(var(--s) * -.12)}
.lk-hero .lk-s-art>span{filter:drop-shadow(0 18px 26px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(226,195,147,.18))}
.lk-foot .lk-s-art .s-img{height:calc(var(--s) * 1.2)}
/* coroana din stânga sus: aur gravat, cu textura stemei, nu maro simplu */
.crest{background:radial-gradient(120% 70% at 30% 10%,rgba(255,246,222,.85),transparent 45%),linear-gradient(160deg,#f3dcae 0%,#cfa266 30%,#8f5f30 58%,#d9b47c 78%,#7a4f27 100%)}
.crest:before{content:"";position:absolute;inset:0;border:0;background:url(emblem.webp) center/340% no-repeat;opacity:.35;mix-blend-mode:multiply;clip-path:none}
.crest:after{background:linear-gradient(90deg,#7a4f27,#fff1d4,#7a4f27)}
.crest img{position:relative;filter:brightness(.28) sepia(.6) drop-shadow(0 1px 0 rgba(255,240,210,.75))}
.crest-link:hover .crest img{filter:brightness(.22) sepia(.6) drop-shadow(0 1px 0 rgba(255,240,210,.85))}
/* cât timp bannerul de cookie e deschis, titlul din hero urcă deasupra lui */
.cine-foot{transition:padding-bottom .8s var(--ease)}
html:has(.ck-notice.show) .cine-foot{padding-bottom:calc(clamp(36px,7vh,80px) + 190px)}
@media(max-width:560px){html:has(.ck-notice.show) .cine-foot{padding-bottom:calc(36px + 200px)}}
/* telefon: telefoanele MamaSpeak stau deasupra textului, nu peste el */
@media(max-width:900px){.tile-stage{position:relative;top:auto;right:auto;width:100%;height:330px}.tile-stage .phone{width:clamp(130px,36vw,170px)}}
/* laptopuri cu ecran mai scund: studiile de caz încap pe ecran, ca să poată trece lateral */
@media(min-width:901px) and (max-height:860px){
  .cases-sticky{padding-top:calc(var(--head-h) + 14px);padding-bottom:20px}
  .cases .sec-head{margin-bottom:18px}
  .cases .sec-head h2{font-size:clamp(32px,3.4vw,52px)}
  .cases .sec-head .eyebrow{margin-bottom:12px}
  .track .case{padding:22px 26px}
  .track .case h3{font-size:clamp(22px,2vw,30px);margin-bottom:10px}
  .track .case-size{font-size:17px}
  .track .case li{padding:3px 0 3px 22px;font-size:13.5px;line-height:1.5}
  .track .case li:before{top:13px}
  .track .case-ctx{font-size:15px}
  .cases-bar{margin-top:12px}
}
/* S-ul din stemă are nevoie de un fond mai închis ca să se citească pe fotografie */
.cine .hero-mark:before{content:"";position:absolute;left:50%;top:50%;width:min(760px,90vw);height:calc(var(--s,170px) * 2.1);transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(18,12,8,.62),rgba(18,12,8,.28) 55%,transparent);pointer-events:none}
.cine .hero-mark .lockup{position:relative}
.cine .lk-hero .s-img{height:calc(var(--s) * 1.22);margin-bottom:calc(var(--s) * -.2)}
.cine-meta{top:calc(var(--head-h) + 40px)}
.cine-veil{background:linear-gradient(180deg,rgba(22,15,11,.62) 0%,rgba(22,15,11,.22) 26%,rgba(22,15,11,.5) 48%,rgba(22,15,11,.94) 100%),linear-gradient(90deg,transparent 45%,rgba(22,15,11,.35) 100%)}
.cine .hero-sub{text-shadow:0 1px 18px rgba(0,0,0,.45)}
/* semnătura în trepte: IMPERIU sus, lângă capul S-ului; OFTWARE jos, lângă coada lui (hero, subsol, 404) */
.lockup.lk-art{align-items:stretch}
.lk-art .lk-l{align-self:flex-start;margin:calc(var(--s) * .2) 0 0;padding:0}
.lk-art .lk-r{align-self:flex-end;margin:0 -.42em calc(var(--s) * .16) 0;padding:0}
.lk-art .lk-s-art{display:flex;align-items:center}
.lk-art .s-img{margin:0}
.cine .lk-hero .s-img{height:calc(var(--s) * 1.25);margin:0}
.lk-foot .lk-s-art .s-img{height:calc(var(--s) * 1.25);margin:0}
.nf-mark.lk-art{--s:96px;font-size:12px}
.nf-mark .s-img{height:var(--s)}
.nf .s-img{filter:brightness(.62) contrast(1.25) drop-shadow(0 6px 10px rgba(60,35,15,.25))}
:root[data-theme="dark"] .nf .s-img{filter:none}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .nf .s-img{filter:none}}
@media(max-width:780px){.lk-art .lk-r{margin-right:-.3em}}
@media(max-width:560px){.lk-art .lk-r{margin-right:-.24em}}
/* coroana: aur periat, curat (fără bucăți mari din stemă în fundal), cu stema gravată deasupra */
.crest{background:linear-gradient(115deg,rgba(255,247,226,0) 30%,rgba(255,247,226,.55) 44%,rgba(255,247,226,0) 58%),linear-gradient(170deg,#f2d9a6 0%,#d6ab6e 28%,#a87443 55%,#c99a62 76%,#8a5a2f 100%)}
.crest:before{content:"";position:absolute;inset:0;border:0;opacity:.28;mix-blend-mode:multiply;clip-path:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .06' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}
.crest:after{background:linear-gradient(90deg,#7a4f27,#fff1d4,#7a4f27)}
.crest img{position:relative;filter:brightness(.3) sepia(.5) contrast(1.15) drop-shadow(0 1px 0 rgba(255,244,220,.8)) drop-shadow(0 -1px 0 rgba(70,40,15,.35))}
.crest-link:hover .crest img{filter:brightness(.24) sepia(.5) contrast(1.15) drop-shadow(0 1px 0 rgba(255,244,220,.9)) drop-shadow(0 -1px 0 rgba(70,40,15,.35))}
/* telefon: hero-ul crește în înălțime (nu împinge titlul peste semnătură); titlul puțin mai mic */
@media(max-width:900px){
  .cine{height:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end}
  .cine-foot{position:relative;padding-top:calc(var(--head-h) + clamp(190px,46vw,240px))}
  .cine .hero-title{font-size:clamp(38px,10.5vw,58px)}
}
/* coroana din stânga sus (cerința fondatoarei, rev. 15): maro închis, stema luminoasă bine vizibilă,
   fundalul cu granulația fină a fundalului pe care stă coroana în stemă (nu textura coroanei) */
.crest{background:radial-gradient(90% 60% at 50% 38%,rgba(120,84,50,.35),transparent 70%),linear-gradient(180deg,#33231a 0%,#261910 55%,#1d130c 100%)}
.crest:before{content:"";position:absolute;inset:0;border:0;clip-path:none;opacity:.55;mix-blend-mode:screen;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='3' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 .86 0 0 0 0 .74 0 0 0 0 .58 0 0 0 2.6 -1.55'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E")}
.crest:after{background:linear-gradient(90deg,#8a5a2b,#e2c393,#8a5a2b)}
.crest img{position:relative;filter:brightness(1.18) contrast(1.06) drop-shadow(0 0 8px rgba(216,174,120,.28))}
.crest-link:hover .crest img{filter:brightness(1.3) contrast(1.06) drop-shadow(0 0 10px rgba(216,174,120,.4))}
.crest:before{opacity:.32;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.7 1.3' numOctaves='2' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 .86 0 0 0 0 .74 0 0 0 0 .58 0 0 0 2.2 -1.35'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E")}
/* rev. 15b: fundal închis cu fibră de lemn (ca fundalul logo-ului), coroana aurie exact ca în logo */
.crest{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='220'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018 .32' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .22 0 0 0 0 .14 0 0 0 0 .08 0 0 0 1.4 -.35'/%3E%3C/filter%3E%3Crect width='160' height='220' filter='url(%23w)'/%3E%3C/svg%3E") center/cover,
  radial-gradient(90% 60% at 50% 40%,rgba(110,74,42,.4),transparent 72%),
  linear-gradient(180deg,#2e2016 0%,#22170f 60%,#1a110b 100%)}
.crest:before{opacity:.22}
.crest img{filter:drop-shadow(0 0 7px rgba(216,174,120,.25))}
.crest-link:hover .crest img{filter:brightness(1.1) drop-shadow(0 0 10px rgba(216,174,120,.4))}
.crest{background:
  radial-gradient(70% 45% at 50% 42%,rgba(150,104,60,.32),transparent 75%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='220'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.42 .012' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .1 0 0 0 0 .06 0 0 0 0 .03 0 0 0 1.1 -.42'/%3E%3C/filter%3E%3Crect width='160' height='220' filter='url(%23w)'/%3E%3C/svg%3E") center/cover,
  linear-gradient(180deg,#2c1e14 0%,#22170f 60%,#1a110b 100%)}
.crest:before{opacity:.16}
/* Lenis (derulare lină) – regulile recomandate de bibliotecă */
html.lenis,html.lenis body{height:auto}
html.lenis{scroll-behavior:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-smooth iframe{pointer-events:none}

/* ==========================================================
   Revizia 17: tranziții între pagini (View Transitions, fără JavaScript)
   Pagina veche se retrage în umbră, cortina espresso acoperă ecranul, pagina nouă urcă din spatele ei.
   Coroana și antetul rămân pe loc (aceleași elemente pe ambele pagini). Browserele fără suport schimbă pagina normal.
   ========================================================== */
@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
}
.crest-link{view-transition-name:imp-crest}
.header{view-transition-name:imp-header}
::view-transition{background:#1a110b}
::view-transition-old(root){animation:vtOut .55s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:vtIn 1s .22s cubic-bezier(.22,.61,.24,1) both}
::view-transition-group(imp-crest),::view-transition-group(imp-header){animation-duration:.9s;animation-timing-function:cubic-bezier(.22,.61,.24,1)}
::view-transition-old(imp-header),::view-transition-new(imp-header){animation-duration:.5s}
@keyframes vtOut{to{opacity:.12;transform:scale(.965) translateY(-2%);filter:brightness(.6)}}
@keyframes vtIn{from{clip-path:inset(100% 0 0 0);transform:translateY(6%)}to{clip-path:inset(0 0 0 0);transform:none}}
/* rev. 18: S-ul nou (bronz plin, ales de fondatoare). E lat cât e de înalt, deci îl dimensionăm după înălțime
   și scoatem efectele de contrast făcute pentru S-ul vechi, transparent. */
.lk-art .s-img{height:var(--s);width:auto}
.cine .lk-hero .s-img{height:calc(var(--s) * 1.08)}
.lk-foot .lk-s-art .s-img{height:calc(var(--s) * 1.15)}
.lk-hero .lk-s-art>span{filter:drop-shadow(0 18px 24px rgba(0,0,0,.5))}
.cine .hero-mark:before{background:radial-gradient(closest-side,rgba(18,12,8,.38),rgba(18,12,8,.14) 55%,transparent)}
.nf .s-img,:root[data-theme="dark"] .nf .s-img{filter:drop-shadow(0 8px 14px rgba(60,35,15,.25))}
.lk-art .lk-s-art{margin:0 .18em}
/* rev. 19: S-ul integrat în semnătură – IMPERIU intră în golul din stânga-sus al S-ului, OFTWARE pornește din bucla lui
   (se citește „SOFTWARE”), iar literele au același auriu ca S-ul (pe fundalurile închise: hero, subsol) */
.lk-art .lk-l{margin:calc(var(--s) * .34) calc(var(--s) * -.3) 0 0}
.lk-art .lk-r{margin:0 -.42em calc(var(--s) * .12) calc(var(--s) * -.16)}
.lk-art .lk-s-art{margin:0}
.cine .lk-l,.cine .lk-r,.foot .lk-l,.foot .lk-r{background:linear-gradient(180deg,#f8ead0 10%,#e0bb86 55%,#b9874f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}
.nf .lk-l,.nf .lk-r{color:var(--ink-2)}
@media(max-width:780px){.lk-art .lk-r{margin-right:-.3em}}
@media(max-width:560px){.lk-art .lk-r{margin-right:-.24em}}
.nf-mark.lk-art{font-size:14px}
.nf-mark .lk-l{margin-right:calc(var(--s) * -.44)}
.nf-mark .lk-r{margin-left:calc(var(--s) * -.24)}
/* rev. 22: fără „blur” în spatele semnăturii pe iPhone – Safari randează drop-shadow pe textul cu gradient ca un dreptunghi
   încețoșat; literele devin auriu plin cu umbră de text, iar pata închisă din spatele S-ului dispare */
.cine .hero-mark:before{display:none}
.cine .lk-l,.cine .lk-r,.foot .lk-l,.foot .lk-r{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#e9c99a;filter:none;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.foot .lk-l,.foot .lk-r{text-shadow:none}
.cine .lk-hero .lk-s-art>span{filter:drop-shadow(0 10px 14px rgba(0,0,0,.42))}
@media(max-width:900px){.cine .lk-hero .lk-s-art>span{filter:none}.cine .lk-hero .s-img{filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}}
/* rev. 22: efecte și pe telefon – fotografiile se deschid din ramă și alunecă la derulare, telefoanele MamaSpeak urcă,
   iar fraza „Ce facem” se aprinde cuvânt cu cuvânt */
.fx-on .chap-photo,.fx-on .photo-band .band-photo{clip-path:inset(calc((1 - var(--v,1)) * 12%) calc((1 - var(--v,1)) * 8%))}
.fx-on .chap-photo img,.fx-on .photo-band .band-photo img{scale:calc(1.16 - var(--v,1) * .16);translate:0 calc(var(--py,0) * -7%)}
.fx-on .tile-stage{translate:0 calc((1 - var(--v,1)) * 60px);opacity:calc(.3 + var(--v,1) * .7)}
@media(prefers-reduced-motion:reduce){.fx-on .chap-photo,.fx-on .photo-band .band-photo{clip-path:none}.fx-on .chap-photo img,.fx-on .photo-band .band-photo img{scale:1;translate:none}.fx-on .tile-stage{translate:none;opacity:1}}
.contact-tel{margin:14px 0 0;font:500 clamp(20px,1.8vw,26px)/1.2 var(--display)}
.contact-tel a{color:var(--cream-t);border-bottom:1px solid rgba(239,230,218,.3)}
/* telefon: aer între fraza mare și textul de sub ea */
.manifest .manifest-intro{margin-top:clamp(36px,9vw,96px)}
.manifest .eyebrow{margin-bottom:clamp(28px,6vw,48px)}
/* fraza „Ce facem”: cuvintele se aprind (opacitate), nu urcă – fără poziția de start coborâtă a titlurilor obișnuite */
.fx .manifest-t.wsplit .w>span{transform:none;transition:none}
.manifest-t.wsplit .w{display:inline;overflow:visible;padding:0;margin:0}


/* Imperius identity integration, 25 October 2026.
   Only the header crest and the hero/footer lockups are affected.
   Original image, reveal, scroll, parallax, menu and form rules stay intact. */
.crest.imp-brand-crest{display:flex;align-items:flex-start;justify-content:center;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,50% 90%,0 100%);box-shadow:none;background:#342719;isolation:isolate}
.crest.imp-brand-crest:before{content:"";position:absolute;inset:0;z-index:0;border:0;clip-path:none;opacity:1;mix-blend-mode:normal;background-color:#342719;background-image:url("brand-master-20261025.webp");background-repeat:no-repeat;background-size:calc(var(--cw) * 7.8375) auto;background-position:calc(var(--cw) * -.25) calc(var(--cw) * -.5);filter:brightness(.72);pointer-events:none}
.crest.imp-brand-crest:after{z-index:2;height:2px;background:linear-gradient(90deg,#865c34,#e4bd84,#865c34)}
.imp-brand-crest .imp-crest-window{position:relative;display:block;width:100%;aspect-ratio:918/714;overflow:hidden;isolation:isolate;margin-top:12px;z-index:1;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent),linear-gradient(180deg,transparent,#000 2%,#000 96.5%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent),linear-gradient(180deg,transparent,#000 2%,#000 96.5%,transparent);-webkit-mask-composite:source-in}
.imp-brand-crest .imp-crest-window img{position:absolute;display:block;max-width:none;width:136.6013072%;height:auto;left:-18.0827887%;top:-9.5238095%;margin:0;filter:none;transform:none;transition:none}
.crest-link:hover .imp-brand-crest .imp-crest-window img{filter:none;transform:none}

/* Keep the shared S between the two original strings, with safe clear space.
   .lk-s remains the target of the site's original sEffect pointer controller. */
.lockup.imp-brand-lockup{flex-direction:row;align-items:stretch;gap:0;text-align:left}
.cine .lk-hero.imp-brand-lockup{--s:clamp(116px,12vw,176px);font-size:var(--lk)}
.imp-brand-lockup .lk-s-art{position:relative;display:block;align-self:flex-end;flex:none;font-size:inherit;line-height:0;padding:0;margin:0;isolation:isolate;perspective:1000px}
.imp-brand-lockup .lk-s-art>.imp-s-plane{position:relative;display:block;color:inherit;background:none;-webkit-background-clip:border-box;background-clip:border-box;isolation:isolate;transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));filter:drop-shadow(0 12px 12px #100b074d)}
.imp-brand-lockup .lk-s-art .s-img{display:block;max-width:none;width:auto;height:calc(var(--s) * 1.3);aspect-ratio:2/3;object-fit:contain;margin:0;filter:none}
.imp-brand-lockup .lk-l{align-self:flex-start;margin:calc(var(--s) * .34) max(8px,calc(var(--s) * .05)) 0 0;padding:0}
.imp-brand-lockup .lk-r{align-self:flex-end;margin:0 -.42em calc(var(--s) * .12) max(8px,calc(var(--s) * .05));padding:0}
.imp-s-light{position:absolute;inset:-24% -60%;z-index:-1;display:block;pointer-events:none;background:radial-gradient(ellipse at var(--lx,46%) var(--ly,34%),rgba(227,178,105,.2),rgba(207,142,53,.055) 40%,transparent 69%);transform:translateZ(32px);mix-blend-mode:screen;opacity:.75}
.lk-foot.imp-brand-lockup .lk-s-art>.imp-s-plane{transform:none;filter:none}
.lk-foot.imp-brand-lockup .lk-s-art .s-img{height:calc(var(--s) * 1.22)}
.lk-foot.imp-brand-lockup .imp-s-light{display:none}
@media(max-width:780px){.imp-brand-lockup .lk-r{margin-right:-.3em}}
@media(max-width:560px){.imp-brand-lockup .lk-r{margin-right:-.24em}}
@media(prefers-reduced-motion:reduce){.imp-brand-lockup .lk-s-art>.imp-s-plane,.imp-brand-lockup .imp-s-light{transform:none;transition:none}}