/* Neoteric Design · site 901 · „Copertina N° 01” — revistă italiană de design
   Bodoni Moda (titluri) + Jost (text) = fonturile din prezentarea firmei. Auriul = culoarea logoului. */
:root{
  --ink:#17130f; --ink-2:#1e1914; --ink-3:#29231c;
  --paper:#f5f2ec; --paper-2:#ebe5da; --paper-3:#ddd5c6; --white:#fcfbf8; --brand:#cdac6e;
  --gold:#cdac6e; --gold-hi:#e2c690; --gold-deep:#8a6a33;
  --t-dark:#1a1713; --t-mute:#6b6255; --t-light:#efe8dc; --t-light-mute:#a89f90;
  --line-d:rgba(239,232,220,.14); --line-l:rgba(26,23,19,.14);
  --serif:'Bodoni Moda',Didot,'Bodoni 72',Georgia,serif;
  --sans:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;
  --hh:78px; --pad:clamp(20px,4.4vw,72px); --max:1320px;
  --ease:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hh) + 12px)}
body{margin:0;background:var(--paper);color:var(--t-dark);font:300 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--gold);color:var(--ink);padding:10px 16px}
.skip:focus{left:12px;top:12px}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
svg.i{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- tipografie ---------- */
.kicker{font:500 11.5px/1.3 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 18px;display:flex;align-items:center;gap:14px}
.kicker::before{content:"";width:34px;height:1px;background:currentColor;opacity:.7}
.kicker.plain::before{display:none}
.light .kicker,.on-light .kicker{color:var(--gold-deep)}
.h1,.h2,.h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;margin:0;font-optical-sizing:auto}
.h1{font-size:clamp(44px,6.6vw,104px);line-height:.98}
.h2{font-size:clamp(36px,4.8vw,72px);line-height:1.02}
.h3{font-size:clamp(24px,2.3vw,34px);line-height:1.12}
em{font-style:normal}
.h1 em,.h2 em,.h3 em{font-style:normal;color:var(--gold)}
.light .h1 em,.light .h2 em,.light .h3 em{color:var(--gold-deep)}
.lead{font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:var(--t-light-mute);max-width:56ch;margin:22px 0 0}
.light .lead{color:var(--t-mute)}
.num{font-family:var(--sans);font-style:normal;font-weight:500;letter-spacing:.14em;color:var(--gold)}
.light .num{color:var(--gold-deep)}
.cap{font:400 12px/1.5 var(--sans);letter-spacing:.06em;color:var(--t-light-mute);margin-top:10px}
.light .cap{color:var(--t-mute)}
.cap b{font-weight:500;color:var(--t-light);letter-spacing:.2em;text-transform:uppercase;font-size:10.5px;margin-right:8px}
.light .cap b{color:var(--t-dark)}
.tag-present{font:500 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase}

/* cuvânt cu cuvânt */
[data-words] .w{display:inline-block;overflow:hidden;vertical-align:top;padding-top:.16em;margin-top:-.16em;padding-bottom:.08em;margin-bottom:-.08em}
[data-words] .w>i{display:inline-block;font-style:inherit;transform:translateY(105%);transition:transform 1s var(--ease)}
[data-words].in .w>i{transform:none}

/* ---------- secțiuni ---------- */
section{position:relative}
.sec{padding:clamp(80px,10vw,150px) 0}
.dark{background:var(--ink);color:var(--t-light)}
.dark-2{background:var(--ink-2);color:var(--t-light)}
.light{background:var(--paper);color:var(--t-dark)}
.light-2{background:var(--paper-2);color:var(--t-dark)}
.light-2 .lead,.light-2 .cap{color:var(--t-mute)}
.white{background:var(--white);color:var(--t-dark)}
/* pe hârtie, culorile gândite pentru fond închis se întorc singure */
.light,.light-2,.white,.hdr,.mnav{--t-light:#1a1713;--t-light-mute:#6b6255;--line-d:rgba(26,23,19,.14);--gold:#9a7638;--gold-hi:#7a5a26}
.light-2 .kicker,.white .kicker{color:var(--gold-deep)}
.light-2 .h1 em,.light-2 .h2 em,.light-2 .h3 em,.white .h1 em,.white .h2 em,.white .h3 em{color:var(--gold-deep)}
.white .lead,.white .cap{color:var(--t-mute)}
.light-2 .num,.white .num{color:var(--gold-deep)}
.light-2 .cap b,.white .cap b{color:var(--t-dark)}
.white .rule{background:var(--line-l)}
.white .four,.white .four>div{border-color:var(--line-l)}
.white .four p{color:var(--t-mute)}
.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.mesh{background:radial-gradient(60% 50% at 85% 15%,rgba(205,172,110,.13),transparent 70%),radial-gradient(50% 60% at 10% 90%,rgba(120,84,40,.18),transparent 70%),var(--ink)}
.rule{height:1px;background:var(--line-d);border:0;margin:0}
.light .rule,.light-2 .rule{background:var(--line-l)}
.sec-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,90px);align-items:end;margin-bottom:clamp(44px,6vw,84px);border-top:1px solid var(--t-light);padding-top:20px}
.sec-head .lead{margin:0}

/* ---------- butoane ---------- */
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.btn{--bg:var(--brand);--fg:#15120c;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:1px solid var(--bg);background:var(--bg);color:var(--fg);font:500 12.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .35s,color .35s,border-color .35s;will-change:transform;white-space:nowrap}
.btn:hover{--bg:#e2c690}
.btn.ghost{background:transparent;color:var(--t-light);border-color:rgba(239,232,220,.38)}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold-hi)}
.light .btn.ghost,.light-2 .btn.ghost,.white .btn.ghost,.hdr .btn.ghost{color:var(--t-dark);border-color:rgba(26,23,19,.35)}
.light .btn.ghost:hover,.light-2 .btn.ghost:hover,.white .btn.ghost:hover{border-color:var(--gold-deep);color:var(--gold-deep)}
.light .btn:not(.ghost),.light-2 .btn:not(.ghost),.white .btn:not(.ghost){--bg:var(--brand);--fg:#15120c}
.light .btn:not(.ghost):hover,.light-2 .btn:not(.ghost):hover,.white .btn:not(.ghost):hover{--bg:var(--t-dark);--fg:var(--paper)}
.btn svg.i{width:17px;height:17px}
.link{display:inline-flex;align-items:center;gap:10px;font:500 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;text-decoration:none;color:var(--gold);padding:10px 0;border-bottom:1px solid currentColor}
.light .link,.light-2 .link,.white .link{color:var(--gold-deep)}
.link svg.i{transition:transform .35s var(--ease)}
.link:hover svg.i{transform:translateX(5px)}

/* ---------- demo + header ---------- */
.demo{position:relative;z-index:60;background:#e6dfd2;color:#4d453a;font:400 12.5px/1.45 var(--sans);padding:8px var(--pad);text-align:center}
.demo b{color:#7a5a26;font-weight:500}
.demo button{background:none;border:0;color:#4d453a;cursor:pointer;margin-left:10px;text-decoration:underline;font-size:12px}
.hdr{position:sticky;top:0;z-index:50;height:var(--hh);display:flex;align-items:center;transition:background .45s,box-shadow .45s,color .45s;color:var(--t-dark);background:rgba(245,242,236,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(26,23,19,.1)}
.hdr.solid{background:rgba(245,242,236,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line-d)}
.hdr .wrap{display:flex;align-items:center;gap:22px;max-width:none}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;margin-right:auto}
.brand img{width:34px;height:auto}
.brand span{font:500 15px/1 var(--serif);letter-spacing:.34em;text-transform:uppercase;white-space:nowrap}
.brand small{display:block;font:400 9.5px/1 var(--sans);letter-spacing:.42em;color:var(--t-light-mute);margin-top:6px}
.nav{display:flex;gap:clamp(14px,1.4vw,28px);align-items:center}
.nav a{font:400 11.5px/1 var(--sans);letter-spacing:.17em;text-transform:uppercase;text-decoration:none;opacity:.86;padding:8px 0;position:relative}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.nav a:hover,.nav a[aria-current]{opacity:1}
.nav a:hover::after,.nav a[aria-current]::after{transform:none}
.hdr .tel{font:400 13px/1 var(--sans);letter-spacing:.08em;text-decoration:none;white-space:nowrap;opacity:.9}
.hdr .btn{min-height:44px;padding:0 20px;font-size:11.5px}
.burger{display:none;width:46px;height:46px;border:1px solid var(--line-d);background:none;border-radius:50%;cursor:pointer;position:relative}
.burger i{position:absolute;left:14px;right:14px;height:1px;background:currentColor;transition:transform .4s var(--ease),top .4s}
.burger i:nth-child(1){top:19px}.burger i:nth-child(2){top:26px}
.menu-open .burger i:nth-child(1){top:22px;transform:rotate(45deg)}
.menu-open .burger i:nth-child(2){top:22px;transform:rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:45;background:var(--paper);color:var(--t-dark);padding:calc(var(--hh) + 40px) var(--pad) 40px;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s;overflow:auto}
.menu-open .mnav{opacity:1;visibility:visible}
.mnav .kicker{margin-bottom:22px}
.mnav a.it{display:flex;align-items:baseline;gap:18px;padding:13px 0;border-bottom:1px solid var(--line-d);text-decoration:none;font:400 clamp(30px,8vw,44px)/1.05 var(--serif)}
.mnav a.it .num{font-size:.5em;width:2.2em;flex:none}
.mnav .mfoot{margin-top:auto;padding-top:28px;display:grid;gap:12px}

/* ---------- copertina (erou) ---------- */
@keyframes blink{50%{opacity:0}}

/* ---------- colofon ---------- */
.colofon{padding:clamp(40px,5vw,64px) 0}
.colo-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);border-top:1px solid var(--t-dark);border-bottom:1px solid var(--line-l)}
.colo-grid>div{padding:22px 22px 24px;border-left:1px solid var(--line-l)}
.colo-grid>div:first-child{border-left:0;padding-left:0}
.colo-grid dt{font:500 10.5px/1.3 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--t-mute);margin-bottom:12px}
.colo-grid dd{margin:0;font:400 clamp(28px,3vw,46px)/1 var(--serif);color:var(--t-dark)}
.colo-grid dd small{display:block;font:400 13px/1.45 var(--sans);color:var(--t-mute);margin-top:10px}
.colo-grid .first dd{font:400 clamp(22px,2vw,30px)/1.18 var(--serif)}
.colo-note{display:flex;justify-content:space-between;gap:20px;font:400 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--t-mute);margin-top:14px}

/* ---------- experiența: panouri ---------- */
.xp{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(30px,5vw,90px);align-items:stretch}
.xp-strip{position:relative;overflow:hidden;min-height:520px}
.xp-strip img{position:absolute;left:0;width:100%;height:135%;top:-17%;object-fit:cover;object-position:50% 50%;transform:translateY(var(--py,0%))}
.panels{display:flex;flex-direction:column;border-top:1px solid var(--line-d)}
.panel{border-bottom:1px solid var(--line-d)}
.panel button{width:100%;display:grid;grid-template-columns:3.2em 1fr 28px;gap:14px;align-items:center;background:none;border:0;padding:24px 0;text-align:left;cursor:pointer}
.panel button .num{font-size:22px}
.panel button b{font:400 clamp(22px,2.2vw,32px)/1.15 var(--serif)}
.panel button .pl{width:28px;height:28px;border:1px solid var(--line-d);border-radius:50%;position:relative}
.panel button .pl::before,.panel button .pl::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:1px;background:currentColor;transition:transform .4s}
.panel button .pl::after{transform:rotate(90deg)}
.panel.open button .pl::after{transform:none}
.panel .pc{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.panel.open .pc{grid-template-rows:1fr}
.panel .pc>div{overflow:hidden}
.panel .pc-in{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:28px;padding:0 0 28px calc(3.2em + 14px);align-items:start}
.panel .pc-in p{margin:0;color:var(--t-light-mute)}
.panel .pc-in img{width:200px;aspect-ratio:4/3;object-fit:cover}
.panel .bar{height:1px;background:var(--gold);transform-origin:left;transform:scaleX(0)}
.panel.open .bar.run{animation:bar 6.5s linear forwards}
@keyframes bar{to{transform:scaleX(1)}}
.incl{margin-top:34px;padding:24px 26px;border:1px solid rgba(205,172,110,.4);display:flex;gap:18px;align-items:flex-start}
.incl .num{font-size:34px;line-height:1}
.incl p{margin:0;font:400 clamp(18px,1.5vw,22px)/1.4 var(--serif)}
.incl small{display:block;font:400 13px/1.5 var(--sans);color:var(--t-light-mute);margin-top:8px}

/* ---------- reportaje ---------- */
.rep{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,2.6vw,40px) clamp(18px,2.4vw,36px)}
.card{text-decoration:none;display:flex;flex-direction:column;color:inherit}
.card .ph{position:relative;overflow:hidden;background:var(--paper-3)}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.card:hover .ph img{transform:scale(1.045)}
.card .meta{font:500 10.5px/1.3 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold-deep);margin:18px 0 8px}
.dark .card .meta,.dark-2 .card .meta{color:var(--gold)}
.card h3{font:400 clamp(26px,2.5vw,38px)/1.08 var(--serif);margin:0}
.card .loc{font:400 11px/1.3 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--t-mute);margin-top:10px}
.card p{margin:12px 0 0;color:var(--t-mute);font-size:15.5px;max-width:48ch}
.rep .c1{grid-column:1 / span 7}
.rep .c1 .ph{aspect-ratio:4/3.1}
.rep .c2{grid-column:9 / span 4;margin-top:clamp(40px,8vw,140px)}
.rep .c2 .ph{aspect-ratio:3/4}
.rep .c3{grid-column:1 / span 4}
.rep .c3 .ph{aspect-ratio:3/4}
.rep .c4{grid-column:6 / span 7;margin-top:clamp(30px,5vw,90px)}
.rep .c4 .ph{aspect-ratio:4/3}
.stat{display:flex;align-items:flex-end;gap:14px;margin-top:16px}
.stat b{font:400 clamp(54px,6vw,92px)/.85 var(--serif);color:var(--gold-deep)}
.dark .stat b{color:var(--gold)}
.stat>span{font:500 10.5px/1.4 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--t-mute);padding-bottom:6px}
.stat b .plus{font:300 .5em/1 var(--sans);letter-spacing:0;color:inherit;padding:0;vertical-align:.55em;margin-right:.06em}
.curtain{position:relative}
.curtain::after{content:"";position:absolute;inset:0;background:var(--cur,var(--paper-2));transform-origin:top;transition:transform 1.3s var(--ease);z-index:2;pointer-events:none}
.dark .curtain::after,.dark-2 .curtain::after{--cur:var(--ink-3)}
.curtain.in::after{transform:scaleY(0)}
.tagp{position:absolute;right:10px;bottom:10px;z-index:3;background:rgba(18,16,14,.66);color:#e9e1d3;padding:6px 9px;font:500 9.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}

/* ---------- frază luminată ---------- */
.litq{padding:clamp(110px,15vw,220px) 0;overflow:hidden}
.litq .bgp{position:absolute;inset:0;opacity:.14}
.litq .bgp img{width:100%;height:120%;object-fit:cover;transform:translateY(var(--py,0%))}
.litq p{position:relative;margin:0 auto;max-width:21ch;text-align:center;font:400 clamp(34px,5.2vw,82px)/1.1 var(--serif)}
.litq p span{color:rgba(26,23,19,.13);transition:color .5s}
.litq p span.glow{color:var(--t-dark)}
.litq p span.g.glow{color:var(--gold-deep)}
.litq .src{position:relative;max-width:none;text-align:center;margin-top:32px;font:500 10.5px/1 var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--t-light-mute)}

/* ---------- planșa (unealta) ---------- */
.tool{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,4.5vw,80px);align-items:stretch}
.steps-t{display:grid;gap:30px}
.st-h{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}
.st-h .num{font-size:20px}
.st-h b{font:400 22px/1.2 var(--serif)}
.st-h small{margin-left:auto;font:400 12px/1.3 var(--sans);color:var(--t-mute)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip-s{border:1px solid rgba(26,23,19,.22);background:transparent;border-radius:999px;padding:11px 18px;font:400 14px/1 var(--sans);cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.chip-s:hover{border-color:var(--t-dark)}
.chip-s[aria-pressed="true"]{background:var(--t-dark);color:var(--paper);border-color:var(--t-dark)}
.sw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sw button{background:none;border:0;padding:0;text-align:left;cursor:pointer}
.sw button .s{display:block;aspect-ratio:1;background-size:cover;background-position:center;position:relative;outline:1px solid rgba(26,23,19,.1);outline-offset:-1px;transition:transform .5s var(--ease)}
.sw button:hover .s{transform:translateY(-3px)}
.sw button[aria-pressed="true"] .s{outline:2px solid var(--t-dark);outline-offset:3px}
.sw button .s::after{content:"";position:absolute;right:6px;top:6px;width:18px;height:18px;border-radius:50%;background:var(--t-dark) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 12.5l4 4 8-9' fill='none' stroke='%23f4efe6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/12px no-repeat;opacity:0;transform:scale(.6);transition:.3s}
.sw button[aria-pressed="true"] .s::after{opacity:1;transform:none}
.sw button span.n{display:block;font:400 13px/1.3 var(--sans);margin-top:8px}
.sw button span.o{display:block;font:400 11px/1.3 var(--sans);color:var(--t-mute);margin-top:2px}
.sheet{position:relative;display:flex;flex-direction:column;background:var(--paper);color:var(--t-dark);padding:clamp(22px,2.4vw,34px);box-shadow:0 30px 60px -30px rgba(40,28,10,.35),0 1px 0 rgba(26,23,19,.06)}
.sheet-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--t-dark);padding-bottom:12px;font:500 10.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase}
.sheet-top b{font:400 20px/1 var(--serif);letter-spacing:0;text-transform:none}
.sheet h3{font:400 clamp(26px,2.4vw,36px)/1.1 var(--serif);margin:20px 0 6px;min-height:2.2em}
.sheet h3 em{color:var(--gold-deep)}
.sheet .sub{font:400 12.5px/1.5 var(--sans);color:var(--t-mute);margin:0 0 18px}
.board{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:8px;flex:1 1 auto;min-height:300px}
.board .b{background:var(--paper-3) center/cover no-repeat;position:relative;transition:background-image .4s;overflow:hidden}
.board .b:first-child{grid-row:span 2}
.board .b span{position:absolute;left:0;bottom:0;background:rgba(244,239,230,.92);padding:6px 9px;font:500 9.5px/1.25 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--t-dark);max-width:100%}
.board .b.metal{display:grid;grid-template-columns:1fr 1fr}
.board .b.flash{animation:flash .7s var(--ease)}
@keyframes flash{from{filter:brightness(1.25)}to{filter:none}}
.sheet ul{list-style:none;margin:16px 0 0;padding:0;font:400 13px/1.45 var(--sans)}
.sheet li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line-l)}
.sheet li span:first-child{color:var(--t-mute);letter-spacing:.18em;text-transform:uppercase;font-size:10.5px;padding-top:2px}
.sheet li span:last-child{text-align:right}
.sheet .btns{margin-top:20px}
.sheet .btn{flex:1}
.sheet .note{font:400 11.5px/1.5 var(--sans);color:var(--t-mute);margin:14px 0 0}

/* ---------- pași ---------- */
.proc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,90px);align-items:stretch}
.proc>div{display:flex;flex-direction:column}
.proc>div>.btns{margin-top:auto;padding-top:34px}
.proc-ph{position:relative;margin:0;overflow:hidden;min-height:480px}
.proc-ph img{position:absolute;left:0;top:-10%;width:100%;height:120%;object-fit:cover;transform:translateY(var(--py,0%))}
.steps{position:relative;list-style:none;margin:0;padding:0 0 0 54px}
.steps::before,.steps .fill{content:"";position:absolute;left:14px;top:10px;bottom:10px;width:1px;background:var(--line-l)}
.steps .fill{background:var(--gold-deep);transform-origin:top;transform:scaleY(var(--p,0));bottom:10px}
.steps li{position:relative;padding:22px 0 30px;border-bottom:1px solid var(--line-l)}
.steps li::before{content:"";position:absolute;left:-46px;top:30px;width:13px;height:13px;border-radius:50%;background:var(--paper);border:1px solid var(--t-mute);transition:background .4s,border-color .4s}
.steps li.done::before{background:var(--gold-deep);border-color:var(--gold-deep)}
.steps .num{font-size:18px}
.steps h3{font:400 clamp(26px,2.4vw,36px)/1.1 var(--serif);margin:6px 0 10px}
.steps p{margin:0;color:var(--t-mute);max-width:52ch}

/* ---------- indice branduri ---------- */
.idx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-d)}
.idx a,.idx div.b{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:20px 4px 18px 0;border-bottom:1px solid var(--line-d);text-decoration:none;position:relative}
.idx a b,.idx div.b b{font:400 clamp(22px,2.2vw,32px)/1.1 var(--serif);transition:color .35s,transform .5s var(--ease)}
.idx a span,.idx div.b span{font:500 10px/1.3 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--t-light-mute);text-align:left}
.idx a:hover b{color:var(--gold-hi);transform:translateX(8px)}
.idx>a:not(:nth-child(3n+1)),.idx>div.b:not(:nth-child(3n+1)){padding-left:24px;border-left:1px solid var(--line-d)}
.peek{position:fixed;left:0;top:0;width:260px;aspect-ratio:4/5;pointer-events:none;z-index:40;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .35s,transform .35s;background:#000 center/cover no-repeat;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.peek.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cats{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font:400 clamp(17px,1.6vw,22px)/1.5 var(--serif);color:var(--t-light-mute)}
.cats li::after{content:"·";margin-left:22px;color:var(--gold)}
.cats li:last-child::after{content:""}

/* ---------- bandă foto ---------- */
.band{position:relative;height:clamp(420px,72vh,760px);overflow:hidden;display:flex;align-items:flex-end}
.band>img{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover;transform:translateY(var(--py,0%))}
.band::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,16,14,.15) 30%,rgba(18,16,14,.85));z-index:1}
.band .wrap{position:relative;z-index:2;padding-bottom:clamp(40px,6vw,80px);display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.band .h2{max-width:14ch}
.band .tagp{z-index:2}

/* ---------- arhitecți ---------- */
.arch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:stretch}
.arch>div{display:flex;flex-direction:column}
.arch>div>:last-child{margin-bottom:0}
.arch>div>.btns:last-child,.arch>div>.end{margin-top:auto;padding-top:30px}
.arch-ph{position:relative;overflow:hidden;min-height:480px}
.arch-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.who{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--line-l)}
.who li{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line-l);font:400 clamp(20px,1.8vw,26px)/1.2 var(--serif)}
.who li span{font:400 11px/1 var(--sans);letter-spacing:.2em;color:var(--t-mute)}
.ben{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:40px}
.ben .num{font-size:28px}
.ben h3{font:400 22px/1.2 var(--serif);margin:8px 0 8px}
.ben p{margin:0;font-size:15px;color:var(--t-mute)}

/* ---------- clienți ---------- */
.logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-d);border-left:1px solid var(--line-d)}
.logos div{display:grid;place-items:center;padding:clamp(28px,3.4vw,52px) 20px;border-right:1px solid var(--line-d);border-bottom:1px solid var(--line-d);min-height:150px}
.logos img{max-height:62px;width:auto;max-width:78%;opacity:.62;filter:brightness(0);transition:opacity .4s}
.logos div:hover img{opacity:.95}
.logos img.tall{max-height:92px}

/* ---------- showroom ---------- */
.show{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,5vw,90px);align-items:stretch}
.show>div:first-child:not(.show-ph){display:flex;flex-direction:column}
.show .form{flex:1 1 auto;display:flex;flex-direction:column}
.show .form .grow{flex:1 1 auto;display:flex;flex-direction:column}
.show .form .grow textarea{flex:1 1 auto}
.show-ph{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:10px;min-height:560px}
.show-ph figure{position:relative;overflow:hidden}
.show-ph figure:first-child{grid-row:span 2}
.show-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.contact{display:grid;gap:0;margin-top:30px;border-top:1px solid var(--line-l)}
.contact div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid var(--line-l)}
.contact dt{font:500 10.5px/1.6 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-deep)}
.contact dd{margin:0;font-size:16px}
.contact dd a{text-decoration:none;border-bottom:1px solid rgba(26,23,19,.25)}
.contact dd small{display:block;color:var(--t-mute);font-size:12.5px;margin-top:3px}
.map{margin-top:clamp(40px,5vw,70px);height:clamp(320px,40vw,460px);position:relative;overflow:hidden;background:#1b1814}
.map iframe{width:100%;height:100%;border:0;filter:invert(.9) hue-rotate(180deg) saturate(.35) brightness(.92) contrast(.95)}
.map .pin{position:absolute;left:24px;top:24px;background:var(--ink);color:#efe8dc;padding:16px 18px;max-width:300px;font-size:14px;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.map .pin b{display:block;font:400 20px/1.2 var(--serif);margin-bottom:4px}

/* ---------- final + footer ---------- */
.final{text-align:center;padding:clamp(110px,14vw,200px) 0}
.final .h1{max-width:14ch;margin:0 auto}
.final .btns{justify-content:center}
.final .ico{width:110px;margin:0 auto 30px}
.ftr{background:var(--ink);color:var(--t-light-mute);padding:clamp(60px,7vw,100px) 0 30px;font-size:14.5px}
.ftr-mast{font:400 clamp(52px,10vw,150px)/.85 var(--serif);color:var(--t-light);letter-spacing:-.02em;margin:0 0 50px;white-space:nowrap}
.ftr-mast em{color:var(--gold)}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px;padding-bottom:40px;border-bottom:1px solid var(--line-d)}
.ftr h4{font:500 10.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ftr a{text-decoration:none}
.ftr a:hover{color:var(--t-light)}
.soc{display:flex;gap:10px;margin-top:20px}
.soc a{width:40px;height:40px;border:1px solid var(--line-d);border-radius:50%;display:grid;place-items:center}
.soc a:hover{border-color:var(--gold);color:var(--gold)}
.soc svg{width:17px;height:17px}
.legal{font-size:12px;line-height:1.6;margin-top:24px;color:#857c6e}
.ftr-bot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding-top:24px;font-size:12.5px}

/* ---------- pagini interioare ---------- */
.crumbs{font:400 11px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--t-light-mute);margin-bottom:28px;display:flex;gap:10px;flex-wrap:wrap}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--gold)}
.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,44px)}
.svc{display:flex;flex-direction:column}
.svc .ph{aspect-ratio:4/5;overflow:hidden;position:relative}
.svc .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.svc:hover .ph img{transform:scale(1.04)}
.svc .num{font-size:26px;margin-top:22px}
.svc h3{font:400 clamp(26px,2.3vw,34px)/1.1 var(--serif);margin:6px 0 12px}
.svc p{margin:0;color:var(--t-mute)}
.dark .svc p,.dark-2 .svc p{color:var(--t-light-mute)}
.svc ul{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--line-l)}
.dark .svc ul,.dark-2 .svc ul{border-color:var(--line-d)}
.svc li{padding:10px 0;border-bottom:1px solid var(--line-l);font-size:15px}
.dark .svc li,.dark-2 .svc li{border-color:var(--line-d)}
.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line-d)}
.four>div{padding:28px 26px 30px 0;border-bottom:1px solid var(--line-d)}
.four>div+div{padding-left:26px;border-left:1px solid var(--line-d)}
.four .num{font-size:22px}
.four h3{font:400 24px/1.2 var(--serif);margin:10px 0 10px}
.four p{margin:0;font-size:15px;color:var(--t-light-mute)}
.light .four,.light .four>div,.light-2 .four,.light-2 .four>div{border-color:var(--line-l)}
.light .four p,.light-2 .four p{color:var(--t-mute)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.filters button{border:1px solid rgba(26,23,19,.22);background:none;border-radius:999px;padding:11px 18px;font:400 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--t-dark);color:var(--paper);border-color:var(--t-dark)}
.dark .filters button{border-color:var(--line-d)}
.dark .filters button[aria-pressed="true"]{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.plist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,5vw,70px) clamp(24px,3vw,44px)}
.plist .card .ph{aspect-ratio:4/3}
.plist .card[hidden]{display:none}
.more-refs{margin-top:clamp(60px,7vw,100px);border-top:1px solid var(--line-l)}
.more-refs div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line-l);align-items:baseline}
.more-refs b{font:400 24px/1.2 var(--serif)}
.more-refs span{color:var(--t-mute);font-size:14px}
/* reportaj */
.dsr{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,90px);align-items:stretch}
.dsr>div{display:flex;flex-direction:column}
.dsr>div>.facts{margin-top:auto}
.dsr>div>.facts:first-child{margin-top:0;flex:1 1 auto;display:flex;flex-direction:column}
.dsr>div>.facts:first-child div{flex:1 1 auto;align-items:center}
.dsr dl{display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.dsr dl{margin:0}
.dsr dt{font:500 10.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 12px}
.dsr dd{margin:0;font:400 clamp(19px,1.6vw,23px)/1.5 var(--serif)}
.dsr dd:last-child{margin-bottom:0}
.facts{border-top:1px solid var(--t-dark)}
.facts div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line-l);font-size:15px}
.facts div span:first-child{font:500 10.5px/1.7 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--t-mute)}
.facts div span:last-child{text-align:right}
.gal{position:relative}
.gal-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px;cursor:grab}
.gal-track::-webkit-scrollbar{display:none}
.gal-track figure{flex:0 0 auto;height:clamp(340px,60vh,640px);scroll-snap-align:start;position:relative;overflow:hidden}
.gal-track figure img{height:100%;width:auto;max-width:none;object-fit:cover}
.gal-track figure figcaption{position:absolute;left:12px;bottom:12px;background:rgba(18,16,14,.7);color:#eee5d7;padding:7px 10px;font:500 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;z-index:3}
.gal-nav{display:flex;align-items:center;gap:14px;margin-top:22px}
.gal-nav button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(26,23,19,.3);background:none;cursor:pointer;display:grid;place-items:center}
.dark .gal-nav button{border-color:var(--line-d)}
.gal-nav button:hover{border-color:var(--gold)}
.gal-nav .prog{flex:1;height:1px;background:var(--line-l);position:relative}
.dark .gal-nav .prog{background:var(--line-d)}
.gal-nav .prog i{position:absolute;left:0;top:0;bottom:0;background:var(--gold);width:var(--g,0%)}
.next-p{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;text-decoration:none;padding:clamp(40px,5vw,70px) 0;border-top:1px solid var(--line-d)}
.next-p small{font:500 10.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold-deep)}
.next-p b{display:block;font:400 clamp(36px,5vw,76px)/1 var(--serif);margin-top:12px;transition:color .4s}
.next-p:hover b{color:var(--gold-hi)}
.next-p img{width:clamp(120px,16vw,220px);aspect-ratio:1;object-fit:cover}
/* branduri */
.bfeat{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,5vw,80px);padding:clamp(56px,7vw,100px) 0;border-top:1px solid var(--line-l);align-items:stretch}
.bf-tx{display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.bf-tx .bf-bot .coll{margin:0 0 22px}
.bf-tx .bf-bot p{margin:0}
.bf-tx .bf-top p:last-child{margin-bottom:0}
.dark .bfeat,.dark-2 .bfeat{border-color:var(--line-d)}
.bfeat:nth-of-type(even) .bf-ph{order:2}
.bf-ph{display:grid;grid-template-columns:1.5fr 1fr;gap:10px}
.bf-ph figure{position:relative;overflow:hidden;aspect-ratio:4/5}
.bf-ph figure:first-child{aspect-ratio:auto;grid-row:span 2}
.bf-ph.one{grid-template-columns:1fr;grid-template-rows:1fr}
.bf-ph.one figure{aspect-ratio:auto;min-height:clamp(280px,26vw,380px)}
.bf-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bf-ph figcaption{position:absolute;left:10px;bottom:10px;z-index:3;background:rgba(18,16,14,.7);color:#eee5d7;padding:6px 9px;font:500 9.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.bf-tx .cat{font:500 10.5px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold-deep)}
.dark .bf-tx .cat{color:var(--gold)}
.bf-tx h2{font:400 clamp(44px,5vw,78px)/1 var(--serif);margin:14px 0 18px;letter-spacing:.01em}
.bf-tx p{margin:0 0 14px;color:var(--t-mute);max-width:52ch}
.dark .bf-tx p{color:var(--t-light-mute)}
.bf-tx .coll{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;list-style:none}
.bf-tx .coll li{border:1px solid var(--line-l);padding:7px 12px;font:400 13px/1 var(--sans);border-radius:999px}
.dark .bf-tx .coll li{border-color:var(--line-d)}
.bnav{position:sticky;top:var(--hh);z-index:20;background:rgba(244,239,230,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line-l)}
.bnav .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:12px;padding-bottom:12px}
.bnav .wrap::-webkit-scrollbar{display:none}
.bnav a{flex:none;text-decoration:none;font:400 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--t-mute);padding:9px 12px;border-radius:999px}
.bnav a:hover,.bnav a.cur{background:var(--t-dark);color:var(--paper)}
.others{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line-l)}
.others div{padding:24px 18px 24px 0;border-bottom:1px solid var(--line-l)}
.others div:not(:nth-child(4n+1)){padding-left:18px;border-left:1px solid var(--line-l)}
.others b{display:block;font:400 26px/1.1 var(--serif)}
.others span{font:500 10px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--t-mute)}
/* terase: straturi */
.layers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:center}
.layers{align-items:stretch}
.stack{position:relative;min-height:440px;perspective:1800px}
.stack .iso{position:absolute;left:50%;top:63%;width:min(64%,400px);aspect-ratio:1.3;transform:translate(-50%,-50%) rotateX(57deg) rotateZ(-38deg);transform-style:preserve-3d}
.stack .ly{position:absolute;inset:0;--gap:9px;--lift:0px;transform:translateZ(calc(var(--z) * var(--gap) + var(--lift)));transition:transform 1.1s var(--ease),opacity .5s,filter .5s;box-shadow:0 0 0 1px rgba(205,172,110,.28)}
.stack.open .ly{--gap:clamp(54px,6.2vw,92px)}
.stack .ly.act{--lift:16px;filter:brightness(1.18)}
.stack.hl .ly:not(.act){opacity:.42}
.stack .ly .lbl{position:absolute;left:14px;bottom:12px;display:flex;align-items:baseline;gap:10px}
.stack .ly b{font:500 15px/1 var(--sans);letter-spacing:.12em;color:var(--gold-hi)}
.stack .ly i{font:500 10px/1 var(--sans);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,239,230,.9);white-space:nowrap}
.stack .ly-h{background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.07) 50%,transparent 62%),linear-gradient(135deg,#2e3c46,#1a232a 58%,#25323b)}
.stack .ly-s{background:radial-gradient(circle at 0 0,#d2b273 0 5px,rgba(210,178,115,.28) 6px,transparent 9px) 0 0/25% 33.334%,rgba(34,31,27,.72)}
.stack .ly-f{background:linear-gradient(90deg,rgba(18,16,14,.6) 1.5px,transparent 1.5px) 0 0/25% 100%,linear-gradient(rgba(18,16,14,.6) 1.5px,transparent 1.5px) 0 0/100% 33.334%,url(../img/materiale/piatra-format-mare.jpg) center/cover;box-shadow:0 0 0 1px rgba(205,172,110,.4),0 40px 50px -24px rgba(0,0,0,.7)}
.stack .ly-f .lbl{text-shadow:0 1px 8px rgba(0,0,0,.7)}
.stack .ly-l{background:linear-gradient(90deg,rgba(255,206,130,.5) 1px,transparent 1px) 0 0/25% 100%,linear-gradient(rgba(255,206,130,.5) 1px,transparent 1px) 0 0/100% 33.334%;box-shadow:inset 0 0 0 1.5px rgba(255,218,160,.95),0 0 26px 2px rgba(255,190,110,.42),inset 0 0 34px rgba(255,190,110,.22)}
.stack .ly-l .lbl{left:auto;bottom:auto;right:14px;top:12px}
.lylist li{cursor:default}
.lylist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-d)}
.lylist li{padding:20px 0;border-bottom:1px solid var(--line-d);display:grid;grid-template-columns:3em 1fr;gap:10px;transition:opacity .4s}
.lylist .num{font-size:22px}
.lylist h3{font:400 24px/1.2 var(--serif);margin:0 0 6px}
.lylist p{margin:0;font-size:15px;color:var(--t-light-mute)}
.lylist li.dim{opacity:.4}
.adv{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--line-l)}
.adv li{padding:16px 0 16px 34px;border-bottom:1px solid var(--line-l);position:relative}
.adv li::before{content:"";position:absolute;left:4px;top:24px;width:14px;height:1px;background:var(--gold-deep)}
.form{display:grid;gap:14px;margin-top:26px}
.form label{display:grid;gap:7px;font:500 10.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--t-mute)}
.form input,.form select,.form textarea{font:400 16px/1.4 var(--sans);color:var(--t-dark);background:transparent;border:0;border-bottom:1px solid rgba(26,23,19,.3);padding:10px 0;border-radius:0;letter-spacing:0;text-transform:none}
.form textarea{min-height:110px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-bottom-color:var(--gold-deep)}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}

/* lightbox */
.lb{position:fixed;inset:0;z-index:90;background:rgba(8,7,6,.94);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.4s}
.lb.on{opacity:1;visibility:visible}
.lb img{max-width:92vw;max-height:84vh;width:auto;height:auto;object-fit:contain}
.lb p{position:absolute;left:0;right:0;bottom:22px;text-align:center;font:400 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#bdb3a3}
.lb button{position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:none;color:#fff;cursor:pointer;display:grid;place-items:center}

/* reveal simplu */
.rv{opacity:0;transform:translateY(26px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.rv.in{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:1560px){.hdr .tel{display:none}}
@media (max-width:1240px){
  .nav{display:none}
  .burger{display:block}
}
@media (max-width:1024px){
  .colo-grid{grid-template-columns:1fr 1fr}
  .colo-grid>div{border-left:0;border-top:1px solid var(--line-l);padding-left:0}
  .colo-grid>div:nth-child(even){padding-left:20px;border-left:1px solid var(--line-l)}
  .colo-grid .first{grid-column:1 / -1}
  .xp,.tool,.proc,.arch,.show,.dsr,.layers,.bfeat{grid-template-columns:minmax(0,1fr)}
  .bfeat:nth-of-type(even) .bf-ph{order:0}
  .xp-strip{min-height:340px}
  .proc-ph{min-height:0;aspect-ratio:16/10}
  .sheet{position:relative;top:0}
  .idx{grid-template-columns:1fr 1fr}
  .idx>*{padding-left:0!important;border-left:0!important}
  .idx>*:nth-child(even){padding-left:20px!important;border-left:1px solid var(--line-d)!important}
  .cols3{grid-template-columns:1fr 1fr}
  .four{grid-template-columns:1fr 1fr}
  .four>div:nth-child(3){padding-left:0;border-left:0}
  .others{grid-template-columns:1fr 1fr}
  .others div{padding-left:0!important;border-left:0!important}
  .others div:nth-child(even){padding-left:18px!important;border-left:1px solid var(--line-l)!important}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .sec-head{grid-template-columns:1fr;align-items:start}
}
@media (max-width:760px){
  :root{--hh:64px}
  body{font-size:16px}
  .brand span{font-size:12.5px;letter-spacing:.26em}
  .brand small{display:none}
  .brand img{width:28px}
  .hdr .btn{display:none}
  .demo{font-size:11.5px;padding:6px 14px}
  .rep{display:flex;flex-direction:column;gap:46px}
  .rep .c2,.rep .c4{margin-top:0}
  .panel .pc-in{grid-template-columns:1fr;padding-left:0}
  .panel .pc-in img{width:100%}
  .sw{grid-template-columns:repeat(2,minmax(0,1fr))}
  .idx{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .idx>a,.idx>div.b{padding-left:0!important;border-left:0!important;padding-top:16px;padding-bottom:14px}
  .idx>a:nth-child(2n),.idx>div.b:nth-child(2n){padding-left:14px!important;border-left:1px solid var(--line-d)!important}
  .idx a b,.idx div.b b{font-size:20px}
  .idx a span,.idx div.b span{font-size:8.5px;letter-spacing:.16em}
  .band .wrap{flex-direction:column;align-items:flex-start}
  .ben,.cols3,.plist,.four,.others,.adv{grid-template-columns:minmax(0,1fr)}
  .four>div{padding-left:0!important;border-left:0!important}
  .others div:nth-child(even){padding-left:0!important;border-left:0!important}
  .logos{grid-template-columns:1fr 1fr}
  .logos div{min-height:110px;padding:22px 12px}
  .logos img{max-height:44px}
  .logos img.tall{max-height:70px}
  .show-ph{min-height:420px}
  .contact div{grid-template-columns:1fr;gap:4px}
  .ftr-grid{grid-template-columns:1fr}
  .more-refs div{grid-template-columns:1fr;gap:4px}
  .colo-note{flex-direction:column;gap:6px}
  .colo-grid{grid-template-columns:1fr}
  .colo-grid>div:nth-child(even){padding-left:0;border-left:0}
  .next-p img{display:none}
  .stack{min-height:340px}
  .stack .iso{width:min(70%,320px)}
  .stack.open .ly{--gap:40px}
  .stack .ly b{font-size:20px}
  .stack .ly i{font-size:8.5px}
  .form .row2{grid-template-columns:1fr}
  .peek{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  [data-words] .w>i,.rv{transform:none!important;opacity:1!important}
  .curtain::after{transform:scaleY(0)!important}
  .cv-s img{transform:none!important}
  .curtain{clip-path:none!important}
  .curtain img{scale:1!important}
  .rv{filter:none!important}
}

.plus{font-family:var(--sans);font-weight:300;font-style:normal;font-size:.62em;vertical-align:.32em;margin:0 .04em}

@media (max-width:480px){.btn{white-space:normal;text-align:center;line-height:1.35;padding:12px 22px}}

/* numerele de rubrică: mici, drepte, ca în revistă */
.panel button .num,.lylist .num,.four .num,.steps .num,.st-h .num{font-size:13px}
.ben .num,.svc .num{font-size:14px}
.incl .num{font-size:22px;font-family:var(--serif);letter-spacing:0}
.mnav a.it .num{font-size:12px}


/* =================== v3 · copertă foto pe toată lățimea, ritm echilibrat, colțuri rotunde, mișcare fină =================== */
:root{--rad:22px;--rad-s:14px;--rad-l:28px;--ease-out:cubic-bezier(.16,.84,.24,1)}
canvas.ico{display:block;aspect-ratio:1/1;height:auto}

/* secțiunile închise: maro-negru cald, cu o lumină aurie discretă */
.dark,.dark-2{background-image:radial-gradient(70% 60% at 88% 0%,rgba(205,172,110,.08),transparent 70%)}

/* header transparent peste poze, solid la scroll */
.hdr[data-over]:not(.solid){background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;--t-light:#fff;--t-light-mute:rgba(255,255,255,.74);--line-d:rgba(255,255,255,.4);--gold:#e2c690}
.hdr[data-over]:not(.solid)::before{content:"";position:absolute;inset:0 0 -40px;background:linear-gradient(180deg,rgba(10,8,6,.5),transparent);pointer-events:none;z-index:-1}
.hdr[data-over]:not(.solid) .brand small{color:rgba(255,255,255,.74)}
.menu-open .hdr[data-over]:not(.solid){background:rgba(245,242,236,.97);color:var(--t-dark);--t-light:#1a1713;--t-light-mute:#6b6255;--line-d:rgba(26,23,19,.14);--gold:#9a7638}
.menu-open .hdr[data-over]:not(.solid)::before{display:none}
.hdr[data-over]~main>section:first-child{margin-top:calc(-1 * var(--hh))}

/* ---------- coperta ---------- */
.cover{position:relative;min-height:100svh;display:flex;color:#f4efe6;background:#15110d;overflow:hidden;isolation:isolate}
body:has(.demo) .cover{min-height:calc(100svh - 34px)}
.cv-slides{position:absolute;inset:0;z-index:0}
.cv-s{position:absolute;inset:0;margin:0;opacity:0;z-index:0;transition:opacity 1.6s cubic-bezier(.4,0,.2,1)}
.cv-s.on{opacity:1;z-index:2}
.cv-s.out{opacity:1;z-index:1;transition:none}
.cv-s img{width:100%;height:100%;object-fit:cover;object-position:var(--op,50% 50%);transform:scale(1.14);transition:transform 9s cubic-bezier(.25,.6,.3,1)}
.cv-s.on img,.cv-s.out img{transform:scale(1.02)}
.cv-shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(12,10,8,.66) 0%,rgba(12,10,8,.42) 28%,rgba(12,10,8,.14) 48%,rgba(12,10,8,.16) 60%,rgba(12,10,8,.82) 100%)}
.cv-in{position:relative;z-index:4;flex:1;display:flex;flex-direction:column;max-width:1560px;padding-top:calc(var(--hh) + 12px);padding-bottom:clamp(26px,3.2vw,46px);container-type:inline-size}
.cv-top{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;font:500 10.5px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.84);padding:12px 0;border-bottom:1px solid rgba(255,255,255,.34);animation:cvUp 1.1s var(--ease-out) .25s both}
.cv-top span:nth-child(2){color:#e2c690}
.cv-top span:last-child{text-align:right}
.mast h1{margin:0;font:400 19.6cqi/.8 var(--serif);font-variation-settings:"opsz" 96;letter-spacing:-.02em;white-space:nowrap;text-align:center;color:#fff;text-shadow:0 2px 40px rgba(0,0,0,.16)}
.mast .mw{display:block;padding:.08em 0 .05em;animation:mastIn 1.8s var(--ease-out) .05s both}
@keyframes mastIn{from{clip-path:inset(0 0 100% 0);transform:translateY(22%);letter-spacing:.04em}to{clip-path:inset(0 0 0 0);transform:none;letter-spacing:-.02em}}
@keyframes cvUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.cv-bot{margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(24px,4vw,70px);padding-top:clamp(24px,3vw,40px)}
.cv-say .q{font:400 clamp(34px,3.3vw,56px)/1.04 var(--serif);margin:0;min-height:2.08em;max-width:17ch;color:#fff;text-shadow:0 2px 26px rgba(0,0,0,.28)}
.cv-say .q .caret{display:inline-block;width:2px;height:.8em;background:#e2c690;margin-left:4px;vertical-align:-.06em;animation:blink 1s steps(1) infinite}
.cv-say .sig{font:500 10.5px/1.4 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.8);margin:16px 0 0;animation:cvUp 1s var(--ease-out) 1.5s both}
.cv-say .sig b{color:#e2c690;font-weight:500}
.cv-say .btns{margin-top:26px;animation:cvUp 1s var(--ease-out) 1.7s both}
.cover .btn.ghost{color:#fff;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cover .btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.16)}
.cv-side{display:flex;flex-direction:column;align-items:flex-end;gap:18px;width:min(540px,42cqi);animation:cvUp 1.1s var(--ease-out) 1.1s both}
.cv-capw{display:flex;align-items:center;justify-content:flex-end;gap:20px;width:100%}
.cover .ico{width:clamp(96px,8.4vw,136px);flex:none;cursor:grab}
.cv-cap{margin:0;text-align:right;color:#fff;transition:opacity .38s,transform .38s;min-width:0}
.cv-cap.cv-swap{opacity:0;transform:translateY(6px)}
@media (min-width:1025px){.cv-cap{min-width:300px}} /* lățime fixă: cubul nu se mișcă la schimbarea legendei */
.cv-cap small{display:block;font:500 9.5px/1.4 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.64);margin-bottom:8px}
.cv-cap b{display:block;font:400 clamp(28px,2.4vw,40px)/1 var(--serif)}
.cv-cap span{display:block;font:400 14.5px/1.4 var(--sans);color:rgba(255,255,255,.84);margin-top:7px}
.cv-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%}
.cv-nav button{position:relative;background:none;border:0;padding:12px 0 0;margin:0;color:rgba(255,255,255,.58);text-align:left;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:4px;transition:color .3s}
.cv-nav button::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:rgba(255,255,255,.28)}
.cv-nav button i{position:absolute;left:0;top:0;height:2px;width:100%;border-radius:2px;background:#e2c690;transform:scaleX(0);transform-origin:left}
.cv-nav button.run i{animation:cvbar var(--dur,6.5s) linear forwards}
.cv-nav button[aria-pressed="true"]{color:#fff}
.cv-nav button:hover{color:#fff}
.cv-nav button:focus-visible{outline:1px solid #e2c690;outline-offset:5px}
@keyframes cvbar{to{transform:scaleX(1)}}
.cv-nav .n{font:500 10px/1 var(--sans);letter-spacing:.2em}
.cv-nav .b{font:400 12.5px/1.2 var(--sans);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- deschiderile interioare: poză pe toată lățimea ---------- */
.phero{position:relative;display:flex;min-height:clamp(560px,86svh,900px);padding:calc(var(--hh) + clamp(20px,3vw,40px)) 0 clamp(44px,6vw,86px);color:#f4efe6;background:#15110d;overflow:hidden;isolation:isolate;--t-light:#f4efe6;--t-light-mute:rgba(244,239,230,.8);--gold:#e2c690;--gold-deep:#e2c690}
.phero>.bg{position:absolute;inset:0;z-index:0}
.phero>.bg img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;transform:translateY(var(--py,0%));animation:pheroIn 2.4s var(--ease-out) both}
@keyframes pheroIn{from{scale:1.14;opacity:0}to{scale:1;opacity:1}}
.phero>.bg.tri{display:flex;gap:4px;background:#15110d}
.phero>.bg.tri img{position:relative;top:0;flex:1 1 0;min-width:0;width:auto;height:100%;transform:none}
.phero>.bg.tri img:nth-child(2){animation-delay:.18s}
.phero>.bg.tri img:nth-child(3){animation-delay:.36s}
.phero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(12,10,8,.5),rgba(12,10,8,.16) 50%,rgba(12,10,8,0) 70%),linear-gradient(180deg,rgba(12,10,8,.62) 0%,rgba(12,10,8,.14) 28%,rgba(12,10,8,.2) 52%,rgba(12,10,8,.84) 100%)}
.phero>.wrap{position:relative;z-index:2;display:flex;flex-direction:column}
.phero>.wrap .kicker{margin-top:auto;padding-top:40px;color:#ecd5a4;text-shadow:0 1px 14px rgba(0,0,0,.55)}
.phero>.wrap>:last-child{margin-bottom:0}
.phero .h1{max-width:16ch;font-size:clamp(46px,6vw,96px);color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.22)}
.phero .lead{color:rgba(244,239,230,.88);max-width:54ch}
.phero .crumbs{color:rgba(244,239,230,.78)}
.phero .crumbs a:hover{color:#e2c690}
.phero .tagp{right:12px;bottom:12px}
.pnum{position:absolute;z-index:2;right:max(var(--pad),calc((100% - var(--max)) / 2 + var(--pad)));top:calc(var(--hh) + 6px);font:400 clamp(90px,12vw,200px)/1 var(--serif);color:rgba(255,255,255,.18);pointer-events:none}

/* ---------- ultima secțiune: card foto rotunjit ---------- */
.final.photo{position:relative;overflow:hidden;isolation:isolate;margin:clamp(10px,1.4vw,20px);border-radius:var(--rad-l);color:#f4efe6;background:#15110d;--t-light:#f4efe6;--t-light-mute:rgba(244,239,230,.84);--gold:#e2c690;--line-d:rgba(255,255,255,.3)}
.final.photo .bgp{position:absolute;inset:0;z-index:0}
.final.photo .bgp img{position:absolute;left:0;top:-8%;width:100%;height:116%;object-fit:cover;transform:translateY(var(--py,0%))}
.final.photo::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(75% 85% at 50% 55%,rgba(12,10,8,.5),rgba(12,10,8,.74))}
.final.photo .wrap{position:relative;z-index:2}
.final.photo .h1{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.final.photo .lead{color:rgba(244,239,230,.88)}
.final.photo .btn.ghost{color:#fff;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.final.photo .tagp{z-index:3;right:16px;bottom:16px}
.band{margin:0 clamp(10px,1.4vw,20px);border-radius:var(--rad-l);isolation:isolate}
.band::before{background:linear-gradient(90deg,rgba(18,16,14,.62),rgba(18,16,14,.18) 55%,rgba(18,16,14,0) 75%),linear-gradient(180deg,rgba(18,16,14,.12) 25%,rgba(18,16,14,.86))}

/* ---------- citatul pe închis, cu onixul în spate ---------- */
.litq.dark{position:relative;background:var(--ink);color:var(--t-light)}
.litq.dark .bgp{opacity:.26}
.litq.dark .bgp::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 75% at 50% 50%,rgba(23,19,15,.25),var(--ink) 80%)}
.litq.dark p span{color:rgba(239,232,220,.16);transition:color .5s}
.litq.dark p span.glow{color:var(--t-light)}
.litq.dark p span.g.glow{color:var(--gold)}

/* ---------- proiectele de pe prima pagină: aliniate sus și jos ---------- */
.rep{gap:clamp(56px,6vw,96px) clamp(18px,2.4vw,36px);align-items:start}
.rep .c1{grid-column:1 / span 7;margin-top:0}
.rep .c2{grid-column:8 / span 5;margin-top:0}
.rep .c3{grid-column:1 / span 5;margin-top:0}
.rep .c4{grid-column:6 / span 7;margin-top:0}
.rep .card .ph{aspect-ratio:auto;height:clamp(340px,33vw,520px)}

/* ---------- colțuri rotunde, ca la iPhone ---------- */
.curtain,.card .ph,.xp-strip,.proc-ph,.arch-ph,.show-ph figure,.map,.bf-ph figure,.bf-type,.svc .ph,.gal figure,.sheet,.next-p img,.lb img,.peek,.logos{border-radius:var(--rad);overflow:hidden}
.pc-in img,.board .b,.sw button .s,.mat-grid img{border-radius:var(--rad-s)}
.tagp{border-radius:8px}
.map iframe{border-radius:inherit}
@supports (corner-shape:squircle){
  .curtain,.card .ph,.xp-strip,.proc-ph,.arch-ph,.show-ph figure,.map,.bf-ph figure,.bf-type,.svc .ph,.gal figure,.sheet,.next-p img,.peek,.logos,.band,.final.photo{corner-shape:squircle;border-radius:calc(var(--rad) * 1.7)}
}
.bf-type{display:grid;place-items:center;aspect-ratio:16/10;border:1px solid var(--line-l)}
.bf-type p{font:400 clamp(28px,3.4vw,52px)/1.15 var(--serif);letter-spacing:.16em;text-transform:uppercase;color:var(--t-dark);text-align:center;margin:0;padding:0 .5em}
.dark .bf-type{border-color:var(--line-d);background:rgba(255,255,255,.02)}
.dark .bf-type p{color:var(--t-light)}

/* ---------- mișcare: pozele se deschid din mască, textul urcă din blur ---------- */
.curtain::after{display:none!important}
.curtain{clip-path:inset(9% 7% 9% 7% round var(--rad));transition:clip-path 1.6s var(--ease-out)}
.curtain.in{clip-path:inset(0 0 0 0 round var(--rad))}
.curtain img,.card .ph.curtain img,.svc .ph.curtain img{scale:1.16;transition:scale 2.2s var(--ease-out),transform 1.4s var(--ease)}
.curtain.in img,.card .ph.curtain.in img,.svc .ph.curtain.in img{scale:1}
.rv{opacity:0;transform:translateY(28px);filter:blur(8px);transition:opacity 1.1s var(--ease-out),transform 1.1s var(--ease-out),filter 1.1s var(--ease-out);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none;filter:none}
.sec-head{border-top:0;position:relative}
.sec-head::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--t-light);transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease-out)}
.sec-head.in::before{transform:none}
.btn{position:relative;overflow:hidden;isolation:isolate}
.btn:not(.ghost)::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);transition:left .9s var(--ease-out);pointer-events:none;z-index:-1}
.btn:not(.ghost):hover::after{left:135%}

@media (max-width:1024px){
  .cv-bot{grid-template-columns:minmax(0,1fr)}
  .cv-side{width:100%;align-items:stretch}
  .cv-capw{justify-content:space-between;flex-direction:row-reverse}
  .cv-cap{text-align:left}
}
@media (max-width:760px){
  .cv-s img{object-position:var(--opm,var(--op,50% 50%))}
  .cv-in{padding-top:calc(var(--hh) + 4px)}
  .cv-top{grid-template-columns:1fr 1fr;font-size:9px;letter-spacing:.22em;padding:8px 0}
  .cv-top span:last-child{display:none}
  .cv-top span:nth-child(2){text-align:right}
  .cv-bot{gap:20px}
  .cv-side{order:-1;gap:14px}
  .cover .ico{width:70px}
  .cv-cap b{font-size:26px}
  .cv-cap small{display:none}
  .cv-cap span{font-size:13.5px}
  .cv-nav{gap:6px}
  .cv-nav .b{display:none}
  .cv-say .q{font-size:clamp(30px,8.6vw,38px);max-width:none;min-height:0}
  .cv-say .btns{gap:8px;margin-top:20px}
  .cv-say .btns .btn{flex:1;padding:0 14px;letter-spacing:.14em;min-height:50px}
  .cv-shade{background:linear-gradient(180deg,rgba(12,10,8,.62) 0%,rgba(12,10,8,.1) 26%,rgba(12,10,8,.24) 46%,rgba(12,10,8,.9) 100%)}
  .phero{min-height:80svh}
  .phero>.bg.tri img:nth-child(n+2){display:none}
  .pnum{font-size:72px}
  .rep .card .ph{height:auto;aspect-ratio:4/3}
  .final.photo{margin:10px}
}
.dark .steps::before,.dark-2 .steps::before{background:var(--line-d)}
.dark .steps .fill,.dark-2 .steps .fill{background:var(--gold)}
.dark .steps li,.dark-2 .steps li{border-color:var(--line-d)}
.dark .steps li::before,.dark-2 .steps li::before{background:var(--ink);border-color:var(--t-light-mute)}
.dark .steps li.done::before,.dark-2 .steps li.done::before{background:var(--gold);border-color:var(--gold)}
.dark .steps p,.dark-2 .steps p{color:var(--t-light-mute)}
.final.photo{padding:clamp(96px,9.5vw,140px) 0}
body:has(.demo) .mnav{padding-top:calc(var(--hh) + 92px)}

/* ---------- showroom: video scurte de pe Instagram (v6) ---------- */
.vids{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);align-items:start}
.vt{margin:0;min-width:0}
.vt-m{position:relative;aspect-ratio:4/5;background:var(--ink-3)}
.vt-m video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.curtain .vt-m video,.vt-m.curtain video{scale:1.16;transition:scale 2.2s var(--ease-out)}
.vt-m.curtain.in video{scale:1}
.vt-m::before{content:"";position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(0deg,rgba(12,10,8,.55),rgba(12,10,8,0));z-index:1;pointer-events:none}
.vt-m .tagp{right:auto;left:12px;bottom:auto;top:12px;display:inline-flex;align-items:center;gap:6px}
.vt-m .tagp .i{width:13px;height:13px}
.vt-b{position:absolute;right:14px;bottom:14px;z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.42);background:rgba(18,16,14,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .3s,border-color .3s}
.vt-b:hover{background:rgba(18,16,14,.7);border-color:var(--gold)}
.vt-b svg{width:16px;height:16px;fill:currentColor;stroke:none}
.vt-b .pa{display:none}
.vt.playing .vt-b .pl{display:none}
.vt.playing .vt-b .pa{display:block}
.vt figcaption{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-d)}
.vt figcaption b{font:400 clamp(21px,1.75vw,27px)/1.15 var(--serif);color:var(--t-light)}
.vt figcaption span{font-size:15px;line-height:1.5;color:var(--t-light-mute)}
.vt figcaption a{justify-self:start;display:inline-flex;align-items:center;gap:8px;font:500 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);text-decoration:none;white-space:nowrap;min-height:32px}
.vt figcaption a .i{width:15px;height:15px}
.vt figcaption a:hover{color:var(--t-light)}
.sr-gal{margin-top:clamp(64px,8vw,120px)}
.sr-gal .gal-track figure{height:clamp(340px,58vh,600px)}
@media (max-width:1024px){
  .vids{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
  .vids::-webkit-scrollbar{display:none}
  .vt{scroll-snap-align:start}
}
@media (max-width:760px){
  .vids{grid-auto-columns:82%}
  .sr-gal .gal-track figure{height:clamp(320px,62vh,520px)}
}
@media (prefers-reduced-motion:reduce){
  .vt-m.curtain video{scale:1!important}
}

/* ---------- intro la prima vizită (v8): cubul + NEOTERIC + linia care se încarcă ---------- */
.intro{position:fixed;inset:0;z-index:200;display:grid;place-content:center;justify-items:center;gap:18px;background:#12100e;color:#efe6d6;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility 0s .8s;animation:introSafe 0s 3.6s forwards}
.intro::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 42%,rgba(205,172,110,.1),transparent 70%)}
.intro .ico{width:clamp(110px,14vw,170px);animation:introIn .9s cubic-bezier(.2,.7,.2,1) both}
.intro b{font:400 clamp(26px,3.6vw,44px)/1 var(--serif);letter-spacing:.42em;margin-right:-.42em;animation:introIn .9s .12s cubic-bezier(.2,.7,.2,1) both}
.intro small{font:500 10px/1 var(--sans);letter-spacing:.42em;text-transform:uppercase;color:rgba(239,230,214,.55);margin-right:-.42em;animation:introIn .9s .2s cubic-bezier(.2,.7,.2,1) both}
.intro i{display:block;width:min(220px,46vw);height:1px;margin-top:14px;background:rgba(239,230,214,.16);overflow:hidden;animation:introIn .9s .28s both}
.intro i span{display:block;height:100%;background:#cdac6e;transform:scaleX(.08);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.intro.out{opacity:0;visibility:hidden}
.intro.out .ico{transform:scale(.9);transition:transform .8s}
.no-intro .intro{display:none}
.intro-on .cover *{animation-play-state:paused!important}
@keyframes introIn{from{opacity:0;transform:translateY(10px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes introSafe{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.intro{display:none}}