@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;src:url(/fonts/a3b94a5a96.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
  @font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;src:url(/fonts/52ea38a7d8.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
  @font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/a9e49ee5f5.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
  @font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/74db058fe0.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
  @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/4af8cef522.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
  @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bb87500e32.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
  @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/e57611a8ab.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
  @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ce9a5ca3a8.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
  @font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/1f62546fa0.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
  @font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/b42951014c.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

  :root {
    --paper:      #FCFBF9;
    --surface:    #E4E2DF;
    --card:       #FFFFFF;
    --ink:        #171514;
    --ink-2:      #52504E;
    --soft:       #67625E;
    --line:       rgba(23, 21, 20, 0.16);

    --line-ui:    rgba(23, 21, 20, 0.55);
    --line-soft:  rgba(23, 21, 20, 0.08);
    --accent:     #565851;
    --accent-fg:  #FFFFFF;
    --accent-dim: rgba(86, 88, 81, 0.09);

    --elev:
      0 0 0 1px rgba(23, 21, 20, 0.05),
      0 1px 0 rgba(23, 21, 20, 0.09),
      0 16px 40px -16px rgba(23, 21, 20, 0.16);

    --elev-lg:
      0 0 0 1px rgba(23, 21, 20, 0.05),
      0 1px 0 rgba(23, 21, 20, 0.11),
      0 22px 56px -18px rgba(23, 21, 20, 0.20);

    --eroare:     #8C2F14;

    --crem:       #FCFBF9;
    --espresso:   #171514;

    --r-fir:      2px;
    --r-mic:      0.375rem;
    --r-md:       0.75rem;
    --r-mare:     0.75rem;

    --r-pastila:  999px;

    --serif: "Cormorant Garamond", "Palatino Linotype", Palatino, Georgia, serif;
    --sans:  "Manrope", "Segoe UI Variable Text", "Segoe UI", -apple-system, Arial, sans-serif;
    --mono:  "IBM Plex Mono", "Cascadia Mono", Consolas, ui-monospace, monospace;

  --t-sm:   0.9375rem;
  --t-md:   1rem;
  --t-lg:   1.0625rem;
  --t-body: 1.125rem;
    --t-lede: clamp(1.125rem, 0.85rem + 1.1vw, 1.25rem);

  --t-h3:   clamp(1.65rem, 1.075rem + 1.17vw, 2.125rem);

    --measure: 50ch;

    --measure-lede: 45ch;

    --page: 1240px;

  --gut: max(clamp(1.25rem, 4vw, 3.5rem), env(safe-area-inset-left), env(safe-area-inset-right));

    --sec: clamp(4.5rem, 10vw, 9rem);
    --sec-md: clamp(4rem, 8.5vw, 8rem);

  --dupa-cap: clamp(2.5rem, 5vw, 4rem);
    --sec-lg: clamp(5rem, 11.5vw, 10.5rem);
    --mod:    clamp(1.75rem, 3vw, 2.75rem);

  --ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-press:  cubic-bezier(0.2, 0, 0.2, 1);
  --ease: var(--ease-out);

  interpolate-size: allow-keywords;
  }

  :root[data-theme="dark"], :root[data-theme="light"] {
    --paper:      #FCFBF9;
    --surface:    #E4E2DF;
    --card:       #FFFFFF;
    --ink:        #171514;
    --ink-2:      #52504E;
    --soft:       #67625E;
    --line:       rgba(23, 21, 20, 0.16);
    --line-ui:    rgba(23, 21, 20, 0.55);
    --line-soft:  rgba(23, 21, 20, 0.08);
    --accent:     #565851;
    --accent-fg:  #FFFFFF;
    --accent-dim: rgba(86, 88, 81, 0.09);
  }

  * { box-sizing: border-box; }

  :root { color-scheme: light; }

  html {

    background: var(--espresso);
    -webkit-tap-highlight-color: transparent;

    scrollbar-gutter: stable;
  }

  @media (pointer: fine) {
    ::-webkit-scrollbar { width: 12px; height: 12px; }
    ::-webkit-scrollbar-track { background: var(--paper); }
    ::-webkit-scrollbar-thumb {
      background-color: color-mix(in srgb, var(--espresso) 26%, transparent);
      border: 3px solid transparent;
      background-clip: padding-box;
      border-radius: 99px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background-color: color-mix(in srgb, var(--espresso) 42%, transparent);
    }
    ::-webkit-scrollbar-thumb:active {
      background-color: color-mix(in srgb, var(--espresso) 58%, transparent);
    }
    ::-webkit-scrollbar-corner { background: var(--paper); }
  }

  @supports not selector(::-webkit-scrollbar) {
    html {
      scrollbar-width: thin;
      scrollbar-color: color-mix(in srgb, var(--espresso) 34%, transparent) var(--paper);
    }
  }

  @media (prefers-contrast: more) {
    ::-webkit-scrollbar-thumb { background-color: var(--espresso); }
    @supports not selector(::-webkit-scrollbar) {
      html { scrollbar-color: var(--espresso) var(--paper); }
    }
  }

  body {
    margin: 0;
    background: var(--paper);

    min-height: 100dvh;
    color: var(--ink);
    font-family: var(--sans);
    font-size: var(--t-body);
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;

  }

  body::after {
    content: "";
    position: fixed;

    inset: 6px 0 0 0;
    z-index: 60;
    pointer-events: none;
    opacity: 0.035;
    background-image: 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='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  .wrap { max-width: var(--page); margin: 0 auto; padding-inline: var(--gut); }

  .pgrid > *, .seg-grid > *, .founders > *, .facts > *, .kv > *, .ct-usi > *, .fee-grid > * { min-width: 0; }

  h1, h2, h3 {
    margin: 0;
    font-family: var(--serif);
    font-weight: 600;
    text-wrap: balance;
  }
  h1 { font-size: clamp(2.7rem, 0.6rem + 5.12vw, 5.2rem); line-height: 1.07; letter-spacing: -0.028em; }

  h2 { font-size: clamp(2rem, 0.75rem + 2.73vw, 2.85rem); line-height: 1.1; letter-spacing: -0.018em; }
  h3 { font-size: var(--t-h3); line-height: 1.2; letter-spacing: -0.006em; }

  h2.sub { font-size: var(--t-h3); line-height: 1.2; letter-spacing: -0.006em; }
  h1 em, h2 em { font-style: italic; color: var(--accent); }

  p { margin: 0; text-wrap: pretty; }
  .lede { color: var(--ink-2); max-width: var(--measure-lede); font-size: var(--t-lede);
          text-wrap: pretty; }

  .lbl {
    font-family: var(--mono);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.26em;
    color: var(--soft);
  }

  .num { font-family: var(--mono); font-variant-numeric: tabular-nums; }

  .lbl .num { letter-spacing: 0.06em; }
  .tbd { border-bottom: none; color: inherit; }

  a { color: inherit; }
  ::selection { background: var(--accent); color: var(--accent-fg); }
  :where(a, button, input, select, textarea) { touch-action: manipulation; }

  [tabindex="-1"]:focus { outline: none; }

  :where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 3px;
  }

  .skip {
    position: absolute; left: -9999px; top: 0; z-index: 100;
    background: var(--accent); color: var(--accent-fg);
    padding: 0.8rem 1.2rem; font-size: 0.9375rem; font-weight: 600;
    text-decoration: none;
  }
  .skip:focus { left: 0; }

  .seg-foto {
    margin: -2rem -1.8rem 1.5rem;
    aspect-ratio: 4 / 3; overflow: hidden; background: var(--surface);
  }
  .seg-foto img { width: 100%; height: 100%; object-fit: cover; display: block;
                  transition: transform .4s var(--ease); }
  @media (hover: hover) and (pointer: fine) {
    .seg:hover .seg-foto img { transform: scale(1.03); }
  }

  .slot.photo-slot { padding: 0; border: none; background: none; min-height: 0; }

  .slot[style*="aspect"], .frame > .slot { min-height: 0; }
  .slot.photo-slot img {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; border-radius: 0; display: block;
    cursor: zoom-in;
    transition: transform .45s var(--ease);
  }
  @media (hover: hover) and (pointer: fine) {
    .slot.photo-slot:hover img { transform: scale(1.012); }
  }

  .lightbox {
    position: fixed; inset: 0; z-index: 80;

    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    padding: clamp(1rem, 4vw, 3rem);
    opacity: 0; touch-action: none; visibility: hidden; pointer-events: none;

    transition: opacity .3s var(--ease);
  }
  .lightbox.on { opacity: 1; visibility: visible; pointer-events: auto; }
  .lightbox img {

    flex: none;

    max-width: min(1400px, 94vw); max-height: 95vh;
    object-fit: contain; border-radius: var(--r-md);
    box-shadow: 0 40px 120px -30px rgba(0,0,0,0.6);
    cursor: zoom-in;
    -webkit-user-select: none; user-select: none; -webkit-touch-callout: none;

    will-change: transform;
    transition: box-shadow .3s var(--ease), border-radius .3s var(--ease);
  }

  .lightbox img.pleaca { box-shadow: none; border-radius: 0; }

  .lightbox.zoom img { cursor: zoom-out; }
  .lb-cap, .lb-nr { transition: opacity .2s var(--ease); }
  .lightbox.zoom .lb-cap, .lightbox.zoom .lb-nr { opacity: 0; }
  .lb-cap {
    margin-top: 1.1rem; color: var(--paper); opacity: 0.85;
    font-size: 0.9375rem; text-align: center; max-width: 70ch;
  }
  .lb-close {
    position: absolute; top: clamp(0.8rem, 2.5vw, 1.8rem); right: clamp(0.8rem, 2.5vw, 1.8rem);
    width: 48px; height: 48px; border-radius: var(--r-pastila);
    border: 1px solid rgba(255,255,255,0.3); background: transparent;
    color: var(--paper); font-size: 1.4rem; line-height: 1; cursor: pointer;
    transition: transform .16s var(--ease), border-color .2s;
  }
  .lb-close:hover { border-color: var(--paper); }
  .lb-close:active { transform: scale(0.94); }

  .lb-voal {
    position: absolute; inset: 0; z-index: 0;
    background: color-mix(in srgb, var(--ink) 94%, transparent);
  }

  #lb-img, .lb-cap, .lb-nr { position: relative; z-index: 1; }
  .lb-close, .lb-nav { z-index: 2; }

  .lb-nav {
    position: absolute; top: 50%;
    width: 48px; height: 48px; border-radius: var(--r-pastila);
    border: 1px solid rgba(255,255,255,0.3); background: transparent;
    color: var(--paper); font-size: 1.9rem; line-height: 1; cursor: pointer;
    display: grid; place-items: center; padding: 0 0 0.16em;
    transform: translateY(-50%); opacity: 0.5;
    transition: transform .16s var(--ease), border-color .2s, opacity .2s;
  }
  .lb-nav:hover, .lb-nav:focus-visible { opacity: 1; border-color: var(--paper); }
  .lb-nav:active { transform: translateY(-50%) scale(0.94); }
  .lb-nav[hidden] { display: none; }

  @media (hover: none) and (pointer: coarse) {
    .lb-nav { display: none; }
  }
  .lb-prev { left: clamp(0.8rem, 2.5vw, 1.8rem); }
  .lb-next { right: clamp(0.8rem, 2.5vw, 1.8rem); }
  .lb-nr {

    margin-top: 0.4rem; color: var(--paper); opacity: 0.55;
    font-family: var(--mono); font-size: 0.8125rem; letter-spacing: 0.1em;
  }

  .stage .photo-slot { aspect-ratio: 4 / 3; }
  @media (max-width: 920px) { .story-strip { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 720px) { .case-gallery.g6 { grid-template-columns: repeat(2, 1fr); } }

  .stage-row .photo-slot, .case-gallery.g6 .photo-slot { aspect-ratio: 4 / 3; }
  @media (max-width: 720px) { .stage-row { grid-template-columns: repeat(2, 1fr); } }

  .teaser { display: block; text-decoration: none; margin-top: clamp(2.5rem, 5vw, 4rem); transition: transform .35s var(--ease); }
  @media (hover: hover) and (pointer: fine) {
    .teaser:hover { transform: translateY(-2px); }
  }
  .teaser .photo-slot, .teaser .slot { aspect-ratio: 16 / 9; }
  .teaser-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-top: 1.4rem; padding-inline: 0.4rem; }
  .teaser-meta :is(h2, h3) { font-size: clamp(1.7rem, 1.1rem + 1.34vw, 2.3rem); }
  .teaser-meta .lbl { display: block; margin-top: 0.4rem; }
  .teaser-go { color: var(--accent); font-weight: 600; font-size: var(--t-lg); display: inline-flex; align-items: center; gap: 0.5rem; }
  .teaser-go .arr { background: var(--accent-dim); color: var(--accent); width: 1.7rem; height: 1.7rem; border-radius: var(--r-pastila); display: inline-flex; align-items: center; justify-content: center; transition: transform .25s var(--ease); }
  @media (hover: hover) and (pointer: fine) {
    .teaser:hover .teaser-go .arr { transform: translateX(3px); }
  }
  .teaser-sub { color: var(--ink-2); margin-top: 0.7rem; padding-inline: 0.4rem; max-width: var(--measure); }
  .teaser.hide { display: none; }

  .teaser-grid > .pcard.hide { display: none !important; }
  @media (max-width: 900px) { .teaser-grid { grid-template-columns: minmax(0, 1fr); } }

  .teaser-nr {
    position: relative;
    display: flex; justify-content: space-between; align-items: baseline;
    gap: 1rem; padding: 0 0.4rem 0.85rem;
    font-family: var(--mono); font-size: 0.6875rem;
    letter-spacing: 0.16em; text-transform: uppercase; color: var(--soft);
  }

  .teaser-nr::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
    background: var(--ink); transform: scaleX(1); transform-origin: left center;
  }
  @keyframes trageLinia { from { transform: scaleX(0); } to { transform: scaleX(1); } }

  @keyframes teaserParalax {
    from { transform: scale(1.06) translateY(-1.6%); }
    to   { transform: scale(1.06) translateY(1.6%); }
  }
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      .teaser-nr::after {
        animation: trageLinia linear both;
        animation-timeline: view();
        animation-range: entry 20% cover 26%;
      }

      .teaser { view-timeline-name: --randProiect; view-timeline-axis: block; }
      .teaser .slot.photo-slot img {
        animation: teaserParalax linear both;
        animation-timeline: --randProiect;
        animation-range: cover 0% cover 100%;
      }
    }
  }

  .teaser-fapte {
    margin: clamp(1.4rem, 2.5vw, 2rem) 0 0; padding: 0 0.4rem;
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: clamp(0.8rem, 2vw, 1.8rem);
    border-top: 1px solid var(--line-soft); padding-top: clamp(1rem, 2vw, 1.4rem);
  }
  .teaser-fapte dt {
    font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.14em;
    text-transform: uppercase; color: var(--soft); line-height: 1.5;
  }

  .teaser-meta, .teaser-sub, .teaser-fapte {
    opacity: 0; transform: translateY(10px);
    transition: opacity .5s var(--ease-out), transform .5s var(--ease-out);
  }
  .teaser.in .teaser-meta { opacity: 1; transform: none; transition-delay: .30s; }
  .teaser.in .teaser-sub { opacity: 1; transform: none; transition-delay: .39s; }
  .teaser.in .teaser-fapte { opacity: 1; transform: none; transition-delay: .48s; }

  .teaser-fapte dd {
    margin: 0.35rem 0 0; font-family: var(--mono);
    font-size: clamp(0.95rem, 0.85rem + 0.3vw, 1.2rem);
    color: var(--ink); line-height: 1.2;
  }
  @media (max-width: 720px) {
    .teaser-fapte { grid-template-columns: 1fr 1fr; gap: 1.1rem 1rem; }
  }

  .teaser-fapte:has(> div:nth-child(3):last-child) { grid-template-columns: repeat(3, 1fr); }
  .stage-row.six .photo-slot { aspect-ratio: 3 / 4; }
  .gal-feature .photo-slot { aspect-ratio: 16 / 9; }
  .page[data-page="proiect-liliana"] .case-gallery.g6 .photo-slot { aspect-ratio: 3 / 4; }
  .page[data-page="proiect-liliana"] .stage-row.six .photo-slot { aspect-ratio: 4 / 3; }
  .page[data-page="proiect-liliana"] .case-hero .photo-slot { aspect-ratio: 16 / 9; }
  @media (max-width: 720px) { .stage-row.six { grid-template-columns: repeat(2, 1fr); } }

  @media (max-width: 720px) { .case-gallery.g5 > * { flex: 0 1 calc((100% - 1.25rem) / 2); } }

  .sal { display: flex; flex-direction: column; gap: 0.55rem; }
  .sal a {
    display: flex; align-items: center; justify-content: center;
    width: 250px; flex: none;
    border-radius: var(--r-mic); overflow: hidden;
    font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.1em;
    text-transform: uppercase; color: var(--soft); text-decoration: none;
    text-align: center; line-height: 1.4;
    transition: opacity .2s var(--ease);
  }
  .sal a:hover { opacity: 0.82; }
  .sal a img { width: 250px; height: auto; display: block; }
  @media (max-width: 720px) {
    .sal a, .sal a img { width: 220px; }
  }

  .banda-pin { position: relative; margin-top: var(--mod); }

  .banda-pin-in { position: static; }

  .banda { display: block; columns: 3; column-gap: clamp(1rem, 2vw, 1.75rem); }

  .banda-cell { display: block; break-inside: avoid; margin: 0 0 clamp(1rem, 2vw, 1.75rem); text-decoration: none; color: inherit; }
  .banda-cell figure { margin: 0; }
  .banda-cell .frame { transition: transform .35s var(--ease); }
  .banda-cell:hover .frame { transform: translateY(-2px); }
  .banda-cell .photo-slot { width: 100%; height: auto; aspect-ratio: 3 / 4; }
  .banda-cell.peisaj .photo-slot { aspect-ratio: 4 / 3; }
  .banda-cell figcaption { margin-top: 0.8rem; }

  .banda-cell figcaption::after { content: " →"; color: var(--accent); opacity: 0; transition: opacity .28s var(--ease); }
  .banda-cell:hover figcaption::after, .banda-cell:focus-visible figcaption::after { opacity: 1; }

  @media (max-width: 860px) {

    .banda-pin-in { position: static; height: auto; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gut); padding-bottom: 1rem; width: calc(100vw - var(--sb, 0px)); margin-inline: calc(50% - 50vw + var(--sb, 0px) / 2); }
    .banda { display: flex; columns: auto; gap: clamp(1rem, 2vw, 1.75rem); padding-inline: var(--gut); }

    .banda-cell:nth-child(1) { order: 1; } .banda-cell:nth-child(2) { order: 4; } .banda-cell:nth-child(3) { order: 5; }
    .banda-cell:nth-child(4) { order: 2; } .banda-cell:nth-child(5) { order: 3; } .banda-cell:nth-child(6) { order: 6; }

    .banda-cell { scroll-snap-align: start; width: auto; margin: 0; flex: 0 0 auto; }

    .banda-cell .photo-slot { width: auto; height: min(50svh, 60vw); }
  }
  @media (prefers-reduced-motion: reduce) {

  }

  .echipa-mic {
    display: grid; grid-template-columns: 1fr 1fr auto; gap: clamp(1.5rem, 4vw, 3rem);
    margin-top: var(--mod); align-items: start;
  }
  .echipa-mic > div { border-top: 1px solid var(--line); padding-top: 1.4rem; }
  .echipa-mic h3 { font-size: 1.7rem; }
  .echipa-mic .lbl { display: block; margin-top: 0.4rem; }
  .echipa-mic p { color: var(--ink-2); margin-top: 0.9rem; font-size: var(--t-md);
                  max-width: var(--measure); }
  .echipa-cta { display: flex; align-items: flex-start; }
  @media (max-width: 920px) {
    .echipa-mic { grid-template-columns: 1fr; }
    .echipa-cta { border-top: 0 !important; padding-top: 0 !important; }
  }

  .hero-cine {
    position: relative;

    background: var(--espresso);

    --h-hero: max(100svh, 36rem);
    max-height: var(--h-hero);
    overflow: hidden;
    isolation: isolate;
  }

  .hero-cine-voal {
    position: absolute; inset: 0; z-index: 1; pointer-events: none;

    background: linear-gradient(to top,
      color-mix(in srgb, var(--espresso) 82%, transparent) 0%,
      color-mix(in srgb, var(--espresso) 76%, transparent) 38%,
      color-mix(in srgb, var(--espresso) 36%, transparent) 58%,
      transparent 83%);
  }

  .hero-cine-text {
    position: absolute; z-index: 2;
    left: 50%; transform: translateX(-50%);
    bottom: clamp(2.2rem, 4.5vw, 4rem);
    width: min(var(--page), 100%);
    padding-inline: var(--gut);
    color: var(--crem);
  }

  .hero-cine-text h1, .hero-cine-text .lede, .hero-cine-text .categorie {
    text-shadow: 0 2px 24px color-mix(in srgb, var(--espresso) 55%, transparent),
                 0 1px 4px color-mix(in srgb, var(--espresso) 45%, transparent);
  }

  .hero-cine-text .categorie {
    display: block;
    margin-bottom: clamp(0.85rem, 1.5vw, 1.3rem);
    font-family: var(--mono);
    font-size: clamp(0.625rem, 0.54rem + 0.18vw, 0.75rem);
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1.7;
    color: var(--crem);

    opacity: 0.92;

  }
  .hero-cine-text h1 { color: var(--crem); max-width: 17ch; }
  .hero-cine-text h1 em { color: var(--crem); opacity: 0.86; }
  .hero-cine-text .lede { color: var(--crem); opacity: 0.92; margin-top: 1rem; }
  .hero-cine-text .hero-cta { margin-top: clamp(1.4rem, 2.5vw, 2rem); }

  .hero-cine-text .btn-ghost {
    color: var(--crem); border-color: color-mix(in srgb, var(--crem) 55%, transparent);
    background: color-mix(in srgb, var(--espresso) 30%, transparent);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
  .hero-cine-text .btn-ghost:hover { border-color: var(--crem); }

  .hero-cine .hero-full-cap { top: 0; bottom: auto; padding-top: 1.2rem; padding-bottom: 0; }

  .hero-cine .hero-pct {
    z-index: 3;

    top: auto;
    bottom: clamp(2.2rem, 4.5vw, 4rem);
    right: calc((100% - min(var(--page), 100%)) / 2 + var(--gut));
  }

  .hero-full {
    position: relative;
    margin-inline: calc(50% - 50vw + var(--sb, 0px) / 2);
    width: calc(100vw - var(--sb, 0px));

    margin-top: 0;
  }

  .hero-full .photo-slot { aspect-ratio: 3 / 2; border-radius: 0; }
  .hero-cine .hero-full .photo-slot {

    aspect-ratio: auto; height: var(--h-hero);
  }
  .hero-cine .hero-full .photo-slot img {
    position: absolute; inset: 0; width: 100%; height: 100%;

    object-fit: cover; object-position: center 45%;
  }

  @media (max-width: 900px) {

    .hero-cine .hero-full .photo-slot { height: 74svh; }

    .hero-cine-text .hero-cta { flex-direction: column; gap: 0.7rem; }
    .hero-cine-text .hero-cta .btn { width: 100%; justify-content: center; }
  }

  .hero-full .photo-slot img {
    opacity: 0; transition: opacity .5s var(--ease-in-out); cursor: zoom-in;
    animation: none !important;
  }
  .hero-full .photo-slot img.on { opacity: 1; }

  .hero-full .photo-slot img { pointer-events: none; }
  .hero-full .photo-slot img.on { pointer-events: auto; }

  .hero-pct {

    position: absolute; z-index: 2; right: var(--gut);
    top: calc(var(--h-bara) + env(safe-area-inset-top, 0px) + 0.9rem);
    display: flex; gap: 0; align-items: center;
    padding: 0.3rem 0.5rem; border-radius: var(--r-pastila);
    background: color-mix(in srgb, var(--ink) 42%, transparent);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }

  .hero-pct button {

    width: 30px; height: 44px; padding: 0; margin: 0;
    border: 0; background: transparent; cursor: pointer;
    display: grid; place-items: center;
    transition: background .3s var(--ease);
  }

  .hero-pct button::before {
    content: ""; width: 7px; height: 7px; border-radius: var(--r-pastila);
    background: rgba(252, 251, 249, 0.55);
    transition: width .35s var(--ease-out), background .3s var(--ease-out),
                transform .16s var(--ease-press);
  }
  .hero-pct button[aria-current="true"]::before {
    width: 20px; background: rgba(252, 251, 249, 0.96);
  }
  .hero-pct button:active::before { transform: scale(0.82); }
  .hero-pct button:focus-visible { outline: 2px solid var(--paper); outline-offset: 3px; }

  @media (max-width: 900px) and (prefers-reduced-motion: no-preference) {
    .hero-pct { display: none; }
  }
  @media (prefers-reduced-motion: reduce) {
    .hero-full .photo-slot img { transition: none; }
  }
  .hero-full .photo-slot img { border-radius: 0; }
  .hero-full-cap {
    position: absolute; left: 50%; bottom: 0;
    transform: translateX(-50%);
    width: min(var(--page), 100%);
    padding: 0 var(--gut) 1.4rem;
    display: flex; justify-content: space-between; align-items: flex-end;
    gap: 1rem; pointer-events: none;
  }
  .hero-full-cap span {
    background: color-mix(in srgb, var(--paper) 88%, transparent);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 0.5rem 0.9rem; border-radius: var(--r-pastila);
  }
  @media (max-width: 720px) {
    .hero-full .photo-slot { aspect-ratio: 4 / 3; }
    .hero-full-cap { display: none; }
  }

  .seg-ic {
    width: 56px; height: 56px; color: var(--accent);
    margin-bottom: 1.2rem; display: block;
    transition: color .3s var(--ease), transform .35s var(--ease);
  }
  .seg-ic svg { width: 100%; height: 100%; display: block; }
  @media (hover: hover) and (pointer: fine) {

  .seg:hover .seg-ic { color: var(--ink); transform: translateY(-5px); }
  }

  .seg-ic [pathLength] {
    stroke-dasharray: 1; stroke-dashoffset: 1;
    transition: stroke-dashoffset .7s var(--ease-out) .18s;
  }
  .rv-stagger.in .seg-ic [pathLength] { stroke-dashoffset: 0; }

  .notice, .lightbox {
    --accent:     #AAB09B;
    --accent-dim: rgba(170, 176, 155, 0.16);
  }
  .notice {
    background: var(--ink); color: var(--paper);
    font-family: var(--mono); font-size: 0.6875rem;
    letter-spacing: 0.06em; text-align: center;
    padding: 0.6rem var(--gut); line-height: 1.5;
    position: relative; z-index: 70;
  }
  .notice b { color: var(--accent); font-weight: 600; }

  :root {
    --h-bara: 76px;

    --ritm-v: clamp(3rem, 8vw, 8.75rem);
  }
  html { scroll-padding-top: calc(var(--h-bara) + env(safe-area-inset-top, 0px) + 0.5rem); }

  html { overscroll-behavior-y: none; }

  @media (max-width: 900px) {
    .mark { font-size: 1.3rem; line-height: 1.15; }
    .mark span { display: block; font-size: 0.7em; letter-spacing: 0.04em; }
  }

  @media (max-width: 900px) {

    nav.nav {
      position: fixed; top: 0; left: 0; right: 0;
      padding-top: env(safe-area-inset-top, 0px);

      background: transparent;
      border-bottom-color: var(--line-soft);
      transition: none;
    }

    nav.nav .nav-sticla {
      background: color-mix(in srgb, var(--paper) 78%, transparent);
      -webkit-backdrop-filter: blur(20px) saturate(160%);
      backdrop-filter: blur(20px) saturate(160%);
      transition: none;
    }
    body { padding-top: calc(var(--h-bara) + env(safe-area-inset-top, 0px)); }
  }

  @media (max-width: 900px) and (prefers-reduced-transparency: reduce) {
    .nav-sticla { background: var(--paper); -webkit-backdrop-filter: none; backdrop-filter: none; }
  }
  @media (max-width: 900px) and (prefers-contrast: more) {
    .nav-sticla { background: var(--paper); -webkit-backdrop-filter: none; backdrop-filter: none; }
  }
  .nav {
    position: sticky; top: 0; z-index: 40;

    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    background: transparent;
    border-bottom: 1px solid transparent;
    transition: background .3s var(--ease), border-color .3s var(--ease);
  }

  .nav.is-stuck .nav-sticla {
    background: color-mix(in srgb, var(--paper) 96%, transparent);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    backdrop-filter: blur(16px) saturate(160%);
  }
  .nav.is-stuck { border-bottom-color: var(--line-soft); }

  .nav.peste-inchis .nav-sticla {
    background: var(--paper);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .nav-in { min-height: 76px; display: flex; align-items: center; gap: 2rem;
            flex-wrap: wrap; padding-block: 0.4rem; }

  .mark {
    font-family: var(--serif); font-size: 1.7rem; font-weight: 600;
    letter-spacing: -0.01em; text-decoration: none;

    min-width: 0; max-width: 100%; overflow-wrap: anywhere;
    transform-origin: left center;
    transition: transform .35s var(--ease);
  }

  body.menu-open .nav .mark { transform: scale(1.35); }

  .mark span { color: var(--accent); }

  .nav-links { display: flex; flex-wrap: wrap; justify-content: flex-end;
    gap: 0.5rem clamp(1.5rem, 2.4vw, 3.125rem); margin-left: auto; align-items: center; }
  .nav-links a {

    font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.08em;
    text-decoration: none; color: var(--ink-2);
    white-space: nowrap; display: inline-flex; align-items: center;
    position: relative;
    min-height: 44px; padding: 0; border-radius: 0;
    transition: color .2s var(--ease);
  }

  .nav-limba { display: inline-flex; align-items: center; gap: 0.4rem;
    font-family: var(--mono); font-size: 0.75rem; letter-spacing: 0.08em; }
  .nav-limba .acum { color: var(--soft); }
  .nav-limba .sep { color: var(--soft); opacity: 0.55; }
  .nav-links .nav-limba a { font-family: var(--mono); font-size: 0.75rem;
    letter-spacing: 0.08em; color: var(--ink-2); }
  .nav-links .nav-limba a:hover { color: var(--accent); }
  .nav-links a:hover { color: var(--ink); }

  .nav-links a::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 11px;
    height: 1px; background: currentColor;
    transform: scaleX(0); transform-origin: left center;
    transition: transform .28s var(--ease-out);
  }
  @media (hover: hover) and (pointer: fine) {
    .nav-links a:hover::after { transform: scaleX(1); }
  }
  .nav-links a[aria-current="page"] { color: var(--ink); background: none; }
  .nav-links a[aria-current="page"]::after {
    background: var(--accent); transform: scaleX(1);
  }
  .nav-links a.btn::after { content: none; }
  @media (prefers-reduced-motion: reduce) {
    .nav-links a::after { transition: none; }
  }

  .nav-links a.btn, .nav-links a.btn:hover { color: var(--accent-fg); background: var(--accent); }

  .nav-links a.btn { padding: 0 1.15rem; border-radius: var(--r-pastila); }

  nav.nav.peste-foto {

    background-color: transparent;

    background-clip: padding-box;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-bottom-color: transparent;
  }

  nav.nav.peste-foto .nav-sticla {
    background-color: color-mix(in srgb, var(--espresso) 65%, transparent);
  }
  nav.nav.peste-foto::before {
    content: ""; position: absolute; inset: 100% 0 auto 0; z-index: -1;
    height: 3rem; pointer-events: none;
    background: linear-gradient(to bottom,
      color-mix(in srgb, var(--espresso) 65%, transparent) 0%,
      color-mix(in srgb, var(--espresso) 30%, transparent) 40%,
      transparent 100%);
  }

  nav.nav.peste-foto .mark, nav.nav.peste-foto .nav-links a { color: var(--crem); }

  nav.nav.peste-foto .mark span { color: color-mix(in srgb, var(--crem) 72%, var(--accent)); }
  nav.nav.peste-foto .burger { border-color: color-mix(in srgb, var(--crem) 45%, transparent); }
  nav.nav.peste-foto .burger span { background: var(--crem); }

  @media (min-width: 901px) {
    body.pagina-foto nav.nav { position: fixed; top: 0; left: 0; right: 0; }
  }
  @media (max-width: 900px) {

    body.pagina-foto { padding-top: 0; }
  }

  .burger {
    display: none; margin-left: auto;
    width: 48px; height: 48px; border: 1px solid var(--line); border-radius: var(--r-pastila);
    background: transparent; cursor: pointer; position: relative;
    transition: transform .16s var(--ease), border-color .2s;
  }
  .burger:active { transform: scale(0.94); }
  .burger span {
    position: absolute; left: 14px; right: 14px; height: 1.5px;
    background: var(--ink); border-radius: var(--r-fir);
    transition: transform .35s var(--ease), opacity .2s ease;
  }
  .burger span:nth-child(1) { top: 18px; }
  .burger span:nth-child(2) { top: 23.5px; }
  .burger span:nth-child(3) { top: 29px; }
  body.menu-open .burger span:nth-child(1) { transform: translateY(5.5px) rotate(45deg); }
  body.menu-open .burger span:nth-child(2) { opacity: 0; }
  body.menu-open .burger span:nth-child(3) { transform: translateY(-5.5px) rotate(-45deg); }

  .mobile-menu {
    position: fixed; inset: 0; z-index: 35;

    width: 100%; max-width: 100%; overflow-x: hidden;

    height: 100vh;
    overflow-y: auto; overscroll-behavior: contain;

    background: var(--paper);
    display: flex; flex-direction: column;

    justify-content: flex-start;

    padding: calc(76px + 1.4rem) var(--gut) calc(var(--gut) + env(safe-area-inset-bottom, 0px));

    padding-bottom: calc(var(--gut) + env(safe-area-inset-bottom, 0px) + (100lvh - 100dvh));
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: opacity .35s var(--ease), visibility .35s;
  }

  .mobile-menu::before {
    content: ""; position: absolute; top: 76px; left: var(--gut); right: var(--gut);
    height: 1px; background: var(--line);
  }
  body.menu-open .mobile-menu { opacity: 1; visibility: visible; pointer-events: auto; }

  body.menu-open #main, body.menu-open footer.site { visibility: hidden; }

  .mobile-menu a.btn {
    font-family: var(--sans); font-size: 1.0625rem; letter-spacing: 0;
    margin-top: auto; align-self: stretch; justify-content: center;
    padding: 1.05rem 1.5rem; line-height: 1.2;
    display: flex; align-items: center; gap: 0.6rem;
    overflow-wrap: normal;
  }
  .mobile-menu a {
    font-family: var(--serif);

    font-size: clamp(1.8rem, 0.771rem + 4.224vw, 2.6rem); letter-spacing: -0.014em;

    flex-wrap: wrap; overflow-wrap: anywhere;
    text-decoration: none; padding: 0.55rem 0; line-height: 1.2;
    display: flex; align-items: baseline; gap: 1rem;
    opacity: 0; transform: translateY(18px);
    transition: opacity .26s ease-out, transform .26s var(--ease);
  }

  .mobile-menu a:not(.btn) {
    border-bottom: 1px solid var(--line-soft);
    padding-block: 0.85rem;
  }
  .mobile-menu a .lbl { font-size: 0.6875rem; margin-left: auto; }
  body.menu-open .mobile-menu a { opacity: 1; transform: none; }
  body.menu-open .mobile-menu a:nth-child(1) { transition-delay: 30ms; }
  body.menu-open .mobile-menu a:nth-child(2) { transition-delay: 55ms; }
  body.menu-open .mobile-menu a:nth-child(3) { transition-delay: 80ms; }
  body.menu-open .mobile-menu a:nth-child(4) { transition-delay: 105ms; }
  body.menu-open .mobile-menu a:nth-child(5) { transition-delay: 130ms; }
  body.menu-open .mobile-menu a:nth-child(6) { transition-delay: 155ms; }
  body.menu-open .mobile-menu a:nth-child(7) { transition-delay: 180ms; }
  .mobile-menu a[aria-current="page"] { color: var(--accent); }
  body.menu-open { overflow: hidden; }

  .inc { margin-top: 2.5rem; }
  .inc li { margin: 0; padding: 1.1rem 0.2rem; border-top: 1px solid var(--line); list-style: none; color: var(--ink-2); }
  .inc li:last-child { border-bottom: 1px solid var(--line); }
  .inc li b { color: var(--ink); font-weight: 600; }
  .inc { padding-left: 0; }
  .legal-body { max-width: var(--measure); color: var(--ink-2); line-height: 1.7; }
  .legal-body p + p { margin-top: 1.25rem; }

  .legal-body h2.sub {
    color: var(--ink);
    margin-top: clamp(2.75rem, 5.5vw, 4rem);
    margin-bottom: 0.9rem;
    position: relative; isolation: isolate;

    scroll-margin-top: calc(var(--h-bara) + env(safe-area-inset-top, 0px) + 1.5rem);
  }
  .legal-body > h2.sub:first-child { margin-top: 0; }

  .legal-body h2.sub + .inc { margin-top: 0.9rem; }
  .legal-body p + h2.sub::before, .legal-body .inc + h2.sub::before, .legal-body ul + h2.sub::before {
    content: ""; display: block; width: 3.25rem; height: 1px;
    background: var(--line);
    margin-top: calc(-1 * clamp(1.1rem, 2vw, 1.5rem));
    margin-bottom: clamp(1.1rem, 2vw, 1.5rem);
  }

  .legal-cuprins { margin-top: 2.5rem; border-top: 1px solid var(--line); padding-top: 0.4rem; }
  .legal-cuprins > summary {
    cursor: pointer; list-style: none;
    display: flex; align-items: baseline; justify-content: space-between; gap: 1.5rem;
    padding: 1rem 0.2rem; font-family: var(--mono); font-size: 0.6875rem;
    letter-spacing: 0.16em; text-transform: uppercase; color: var(--soft);
  }
  .legal-cuprins > summary::-webkit-details-marker { display: none; }
  .legal-cuprins > summary::after { content: "+"; font-family: var(--mono); color: var(--accent); }
  .legal-cuprins[open] > summary::after { content: "−"; }
  .legal-cuprins-lista { list-style: none; margin: 0; padding: 0.5rem 0 0.2rem; }
  .legal-cuprins-lista li { border-left: 1px solid var(--line-soft); padding-left: 0.9rem; }
  .legal-cuprins-lista li:has(a.acum) { border-left-color: var(--accent); }
  .legal-cuprins-lista a {
    display: grid; grid-template-columns: 2.2rem minmax(0, 1fr);
    align-items: baseline; gap: 0.2rem; padding: 0.42rem 0; min-height: 34px;
    color: var(--ink-2); text-decoration: none; font-size: 0.9375rem; line-height: 1.35;
    transition: color .14s var(--ease);
  }
  .legal-cuprins-lista .nr-c {
    font-family: var(--mono); font-size: 0.6875rem; letter-spacing: 0.06em;
    font-variant-numeric: tabular-nums; color: var(--soft);
  }

  @media (pointer: coarse) {
    .legal-cuprins-lista a { min-height: 44px; align-content: center; }
  }
  .legal-cuprins-lista a:hover { color: var(--ink); }
  .legal-cuprins-lista a.acum { color: var(--ink); font-weight: 600; }
  .legal-cuprins-lista a.acum .nr-c { color: var(--accent); }

  @media (min-width: 1000px) {
    .sec.wrap:has(> .legal-cuprins) {
      display: grid; grid-template-columns: minmax(0, 14.5rem) minmax(0, 1fr);
      column-gap: clamp(2.5rem, 5vw, 5rem); align-items: start;
    }
    .sec.wrap:has(> .legal-cuprins) > .sec-head      { grid-column: 1 / -1; }
    .sec.wrap:has(> .legal-cuprins) > .legal-cuprins {
      grid-column: 1; grid-row: 2;
      position: sticky; top: calc(var(--h-bara) + 3rem);
      max-height: calc(100dvh - var(--h-bara) - 6rem);
      overflow-y: auto; overscroll-behavior: contain;
      border-top: 0; padding-top: 0; margin-top: var(--dupa-cap);
    }
    .sec.wrap:has(> .legal-cuprins) > .legal-cuprins > summary { display: none; }
    .sec.wrap:has(> .legal-cuprins) > .legal-body {
      grid-column: 2; grid-row: 2; margin-top: var(--dupa-cap);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .sec.wrap:has(> .legal-cuprins) > .legal-cuprins { position: static; }
  }

  .btn {
    display: inline-flex; align-items: center; justify-content: center; gap: .6rem;
    white-space: nowrap; font-family: var(--sans); font-size: var(--t-sm); font-weight: 600;
    min-height: 48px; padding: 0.75rem 1.6rem;
    border: 1px solid var(--accent); background: var(--accent); color: var(--accent-fg);
    border-radius: var(--r-pastila); text-decoration: none; cursor: pointer;

    transition: transform .14s var(--ease-press), box-shadow .25s var(--ease), opacity .2s;
  }

  .btn { position: relative; overflow: hidden; }
  .btn::before {
    content: ""; position: absolute; inset: 0; border-radius: inherit;
    pointer-events: none;
    box-shadow: inset 0 1px 0 color-mix(in srgb, #FFFFFF 22%, transparent);
    opacity: 0; transition: opacity .25s var(--ease);
  }
  .btn:hover::before { opacity: 1; }
  .btn:hover { box-shadow: 0 10px 24px -12px color-mix(in srgb, var(--accent) 45%, transparent); }
  .btn:active { transform: scale(0.97); }

  .nav-links a:active, .mobile-menu a:active, .btn-line:active, .direct a:active, footer.site a:active, .faq summary:active {
    transform: scale(0.985);
  }
  .teaser:active, .seg:active, .pcard:active { transform: scale(0.994); }
  @media (hover: hover) and (pointer: fine) {
    .teaser:hover:active { transform: translateY(-2px) scale(0.994); }
  }
  .slot.photo-slot img:active { transform: scale(0.994); }
  .btn .arr {
    width: 1.7rem; height: 1.7rem; border-radius: var(--r-pastila); flex: none;
    display: inline-flex; align-items: center; justify-content: center;
    background: color-mix(in srgb, var(--accent-fg) 16%, transparent);
    font-family: var(--serif); font-style: italic;
    transition: transform .25s var(--ease);
  }
  @media (hover: hover) and (pointer: fine) {
    .btn:hover .arr { transform: translateX(3px); }
  }

  .btn-ghost { background: transparent; color: var(--ink); border-color: var(--line-ui); }
  .btn-ghost:hover { border-color: var(--ink); box-shadow: none; }
  .btn-ghost .arr { background: var(--accent-dim); color: var(--accent); }
  .btn-sm { min-height: 44px; padding: 0.55rem 1.25rem; font-size: 0.875rem; }

  .frame { background: none; box-shadow: none; padding: 0; border-radius: 0; }
  .sec-tint .frame { background: none; }
  .slot {
    position: relative;
    border: 1.5px dashed var(--line);
    border-radius: var(--r-md);
    background: repeating-linear-gradient(135deg, transparent 0 11px, var(--line-soft) 11px 12px);
    display: flex; flex-direction: column; justify-content: flex-end;
    padding: 1.15rem;
    min-height: 180px;
  }

  .plansa {
    width: calc(100vw - var(--sb, 0px));
    margin-inline: calc(50% - 50vw + var(--sb, 0px) / 2);
  }

  .pista {
    width: min(1920px, 100vw - var(--sb, 0px) - 2 * var(--gut));
    margin-inline: auto;
  }
  .pista > * { min-width: 0; }

  .banda-text {
    display: grid;
    grid-template-columns: minmax(0, 35fr) minmax(0, 55fr);
    gap: clamp(2rem, 5vw, 4rem);
    padding-block: clamp(3.5rem, 8vw, 6rem);
  }
  .banda-text > :first-child { max-width: var(--measure); }

  @media (max-width: 920px) {
    .banda-text { grid-template-columns: 1fr; }

    .banda-text > [aria-hidden="true"] { display: none; }
  }

  .ritm > :not(:first-child) { margin-top: var(--ritm-v); }

  .ritm { margin-bottom: var(--ritm-v); }

  .pereche {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.5rem, 5.5vw, 6.875rem);
    align-items: end;
  }
  .pereche > * { min-width: 0; }
  .pereche.portret .photo-slot { aspect-ratio: 2 / 3; }
  .pereche.peisaj  .photo-slot { aspect-ratio: 3 / 2; }

  .cadru-inalt {
    margin: 0 auto;
    width: min(100%, 620px);
  }
  .cadru-inalt .photo-slot { aspect-ratio: 2 / 3; }
  @media (max-width: 640px) { .cadru-inalt { width: 100%; } }
  .cadru-mare .photo-slot { aspect-ratio: 3 / 2; }

  @media (min-width: 921px) {
    .cadru-mare .photo-slot { aspect-ratio: 3 / 2 !important; }
  }

  @media (prefers-reduced-motion: reduce) {
    .pauza-pista { height: 100%; }
    .pauza img { position: static; height: 100%; }
  }

  @media (max-width: 760px) {
    .banda-text { grid-template-columns: 1fr; }
    .pereche { gap: 1.1rem; }
    .pauza { height: clamp(240px, 46vh, 380px); }
  }

  @media (max-width: 640px) {

    .pereche { grid-template-columns: 1fr; gap: var(--ritm-v); }
    .pereche.mixta > :first-child .photo-slot,
    .pereche.mixta > :last-child .photo-slot,
    .pereche.portret .photo-slot,
    .pereche.peisaj .photo-slot { aspect-ratio: 4 / 3; }
  }

  .sec-dark {
    background: #171514;
    --paper:      #171514;
    --surface:    #221F1D;
    --card:       #221F1D;
    --ink:        #FCFBF9;
    --ink-2:      #D2CFCC;
    --soft:       #A8A5A2;
    --line:       rgba(252, 251, 249, 0.20);
    --line-soft:  rgba(252, 251, 249, 0.10);
    --line-ui:    rgba(252, 251, 249, 0.50);
    --accent:     #AAB09B;
    --accent-dim: rgba(170, 176, 155, 0.16);
    color: var(--ink);
    padding-block: var(--sec-lg);
  }

  .btn-line {
    display: inline-flex; align-items: center; gap: .55rem;
    min-height: 48px; padding: 0 .15rem;
    font-family: var(--sans); font-size: 1rem; font-weight: 600;
    color: var(--ink); text-decoration: none; border: 0;
    background-color: transparent;
    background-image: linear-gradient(var(--accent) 0 0);
    background-repeat: no-repeat;
    background-position: 100% calc(100% - 13px);
    background-size: 100% 1.5px;

    transition: background-size .22s var(--ease);
  }
  .btn-line:hover { background-size: 0% 1.5px; }
  @media (prefers-reduced-motion: reduce) { .btn-line { transition: none; } }

  .fisa-hero figure { margin: 0; }
  .fisa-hero .photo-slot {
    aspect-ratio: 3 / 2; height: auto; min-height: 0; width: 100%;
  }
  @media (max-width: 760px) { .fisa-hero .photo-slot { aspect-ratio: 4 / 3; } }
  .fisa-hero .photo-slot img { border-radius: 0; }

  .fisa-hero > figure > img {
    display: block; width: 100%; height: auto; cursor: zoom-in; border-radius: 0;
  }

  .fisa-titlu { font-size: clamp(2.3rem, 1.1rem + 2.6vw, 3.5rem); font-weight: 600; line-height: 1.1;
                letter-spacing: -0.018em; }

  .page[data-page^="proiect-"] .fisa-titlu {
    font-size: clamp(2rem, 1.3rem + 1.45vw, 2.6rem); font-weight: 300; line-height: 1.16;
    letter-spacing: -0.008em;
  }
  .fisa-categorie { font-family: var(--sans); font-size: 1.0625rem; color: var(--ink-2); margin-top: 0.9rem; }
  .fisa-loc { display: block; margin-top: 0.5rem; font-variant-numeric: tabular-nums; }
  .fisa-credit { font-size: 0.9375rem; color: var(--soft); margin-top: 1.1rem; line-height: 1.6; max-width: var(--measure); }

  .fisa-statut { margin-top: 1.1rem; padding-left: 0.85rem; border-left: 2px solid var(--accent); font-size: 0.9375rem;
                 color: var(--ink-2); line-height: 1.6; max-width: var(--measure); }
  .fisa-desc { margin-top: 2.5rem; font-size: var(--t-body); line-height: 1.65; }
  .fisa-etapa .lede { margin-top: 1.1rem; }
  .cadru-mare { margin: 0; }
  .pereche figure { margin: 0; }
  .pereche figcaption, .cadru-mare figcaption { margin-top: 0.8rem; }

  .urmator {
    position: relative; display: block; text-decoration: none; color: var(--crem);
    margin-top: clamp(4rem, 9vw, 8rem);
  }
  .urmator .photo-slot { height: clamp(320px, 52vh, 560px); }
  .urmator .photo-slot img { border-radius: 0; }
  .urmator::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;

    background: linear-gradient(0deg, rgba(23,21,20,.82) 0%, rgba(23,21,20,.75) 20%,
                                rgba(23,21,20,.05) 70%);
  }
  .urmator-txt {
    position: absolute; left: 50%; bottom: clamp(1.6rem, 4vw, 3rem);
    transform: translateX(-50%); width: min(var(--page), 100%);
    padding-inline: var(--gut); z-index: 1;
  }
  .urmator-txt .lbl { color: #E5D9C4; }
  .urmator-txt h2 { color: var(--crem); margin-top: 0.4rem; }
  .urmator-txt p { margin-top: 0.4rem; }
  @media (hover: hover) and (pointer: fine) {
    .urmator:hover .photo-slot img { transform: scale(1.02); }
  }

  @keyframes urmatorSeLumineaza {
    from { background: linear-gradient(0deg, rgba(23,21,20,.88) 0%,
                                             rgba(23,21,20,.84) 20%,
                                             rgba(23,21,20,.35) 70%); }
    to   { background: linear-gradient(0deg, rgba(23,21,20,.82) 0%,
                                             rgba(23,21,20,.75) 20%,
                                             rgba(23,21,20,.05) 70%); }
  }
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      .page.on[data-page^="proiect-"] .urmator { view-timeline-name: --plansaUrmator; view-timeline-axis: block; }
      .page.on[data-page^="proiect-"] .urmator::after {
        animation: urmatorSeLumineaza linear both;
        animation-timeline: --plansaUrmator;
        animation-range: entry 0% entry 60%;
      }
    }
  }
  .fisa-proces {
    margin-top: clamp(3rem, 7vw, 6rem); padding-top: 1.8rem;
    border-top: 1px solid var(--line);

    display: grid; grid-template-columns: minmax(0, var(--measure));
    justify-items: start; gap: 0.4rem 1.4rem;
    color: var(--ink-2); font-size: 0.9375rem;
  }

  .svc-plansa { margin-block: 0 clamp(2.5rem, 6vw, 5rem); }
  .svc-plansa ~ .svc-plansa { margin-top: clamp(2.5rem, 6vw, 5rem); }
  .svc-plansa .photo-slot { aspect-ratio: 3 / 2; width: 100%; }
  .svc-plansa .photo-slot img { border-radius: 0; }
  @media (max-width: 760px) { .svc-plansa .photo-slot { aspect-ratio: 4 / 3; } }

  .sec-lista.rv-stagger > li { opacity: 0; transform: translateY(14px); transition: opacity .42s ease-out, transform .46s var(--ease); }
  .sec-lista.rv-stagger.in > li { opacity: 1; transform: none; }

  .lucrari {
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: clamp(1.75rem, 3vw, 2.75rem);
    margin-top: clamp(2rem, 4vw, 3rem);
  }

  .grup { position: relative; padding-top: 1.1rem; }
  .grup::before {
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px;
    background: var(--line-ui); opacity: 0.6;
    transform: scaleX(0); transform-origin: left center;
    transition: transform .7s var(--ease-out);
  }
  .lucrari.in .grup::before { transform: scaleX(1); }
  .lucrari.in .grup:nth-child(2)::before { transition-delay: .09s; }
  .lucrari.in .grup:nth-child(3)::before { transition-delay: .18s; }
  .lucrari.in .grup:nth-child(4)::before { transition-delay: .27s; }

  @keyframes trageLiniaGrup { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  @keyframes soseste { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      .page.on .lucrari .grup::before {
        transition: none;
        animation: trageLiniaGrup linear both;
        animation-timeline: view();
        animation-range: entry 4% cover 26%;
      }
      .page.on .lucrari .grup:nth-child(2)::before { animation-range: entry 10% cover 30%; }
      .page.on .lucrari .grup:nth-child(3)::before { animation-range: entry 16% cover 34%; }
      .page.on .lucrari .grup:nth-child(4)::before { animation-range: entry 22% cover 38%; }

      .page.on .lucrari .lucrare {
        animation: soseste linear both;
        animation-timeline: view();
        animation-range: entry 20% cover 34%;
      }

      .page.on[data-page="proces"] .steps .step,
      .page.on[data-page="despre"] .story p,
      .page.on .legal-body p {
        animation: soseste linear both;
        animation-timeline: view();
        animation-range: entry 20% cover 34%;
      }
    }
  }
  .grup-t {
    font-family: var(--mono); font-size: 0.6875rem; text-transform: uppercase;
    letter-spacing: 0.18em; color: var(--soft); margin-bottom: 1.4rem;
  }
  .lucrare { padding-bottom: 1.35rem; }
  .lucrare b { display: block; font-family: var(--serif); font-weight: 500; font-size: 1.2rem; line-height: 1.3; letter-spacing: -0.006em; }
  .lucrare p { color: var(--ink-2); margin-top: 0.35rem; font-size: var(--t-sm); line-height: 1.55; }

  .page.on .lucrari .lucrare-detaliu { animation: none; padding-bottom: .35rem; }
  .lucrare-detaliu > summary {
    display: flex; align-items: baseline; justify-content: space-between;
    gap: .8rem; min-height: 44px; padding-block: .65rem;
    list-style: none; cursor: pointer;
    font-family: var(--serif); font-size: 1.2rem; font-weight: 500; line-height: 1.3;
  }
  .lucrare-detaliu > summary::-webkit-details-marker { display: none; }
  .lucrare-detaliu > summary::after {
    content: "+"; font-family: var(--mono); font-size: .9rem; color: var(--accent);
    flex: none;
  }
  .lucrare-detaliu[open] > summary::after { content: "−"; }
  .lucrare-detaliu > summary:active { color: var(--accent); }
  .lucrare-detaliu > p { margin-top: 0; padding-bottom: 1rem; }
  @media (hover: hover) and (pointer: fine) {
    .lucrare-detaliu > summary:hover { color: var(--accent); }
  }

  @media (min-width: 1001px) {
    .lucrari:not(:has(> .grup:nth-child(3))) { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 1000px) { .lucrari { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 560px) { .lucrari { grid-template-columns: 1fr; } }

  .sec-lista { counter-reset: pas; margin-top: clamp(2rem, 4vw, 3.5rem);
               padding: 0; list-style: none; }
  .sec-lista li {
    counter-increment: pas;
    display: grid; grid-template-columns: 3.5rem 1fr;
    gap: clamp(1rem, 2.5vw, 2rem);
    padding-block: clamp(1.4rem, 2.5vw, 2.1rem);
    border-top: 1px solid var(--line);
    align-items: baseline;
  }
  .sec-lista li:last-child { border-bottom: 1px solid var(--line); }
  .sec-lista li::before {
    content: counter(pas, decimal-leading-zero);
    font-family: var(--mono); font-size: 0.8125rem;
    letter-spacing: 0.12em; color: var(--soft);
  }
  .sec-lista b { display: block; font-family: var(--serif); font-weight: 400;
                 font-size: clamp(1.25rem, 0.8rem + 0.89vw, 1.6rem); line-height: 1.25;
                 max-width: var(--measure); }

  .sec-lista span { grid-column: 2; display: block; margin-top: 0.5rem;
                    color: var(--ink-2); max-width: var(--measure); }
  @media (max-width: 620px) {
    .sec-lista li { grid-template-columns: 1fr; gap: 0.5rem; }
  }

  .steps-cap {
    display: grid; grid-template-columns: 4.5rem 1fr 8rem 13rem; gap: 1.5rem;
    padding-bottom: 0.9rem; margin-top: clamp(2.5rem, 5vw, 4rem);
    border-bottom: 1px solid var(--line-ui);
  }
  .steps-cap > :nth-child(3), .steps-cap > :last-child { text-align: right; }

  .step-p {
    text-align: right; color: var(--accent); line-height: 1.5;
    opacity: 0; transform: translateX(6px);
    transition: opacity .45s var(--ease-out) .32s, transform .45s var(--ease-out) .32s;
  }
  .rv-stagger.in .step-p { opacity: 1; transform: none; }
  .step-p:empty, .step-p { letter-spacing: 0.04em; }

  @media (max-width: 920px) { .steps-cap { display: none; } }

  .page > section:first-child,
  .page > article > section:first-child,
  .page > .wrap:first-child,

  .page > article > .wrap:first-child { padding-top: clamp(2rem, 3.5vw, 3.25rem); }
  .page > header.hero { padding-top: clamp(2.25rem, 4vw, 3.5rem); }

  .founder .slot { min-height: 0; aspect-ratio: 3 / 4; }

  .page { display: none; }
  .page.on { display: block; }

  section { scroll-margin-top: 90px; }
  .sec { padding-block: var(--sec-md); }
  .sec-tint { background: var(--surface); padding-block: var(--sec-lg); }
  .sec-head { max-width: var(--measure); }
  .sec-head .lede { margin-top: 1.2rem; }

  .sec-head.pagina { max-width: none; }
  .sec-head.pagina > h1 {
    font-size: clamp(2.4rem, 1.2rem + 3.4vw, 3.9rem);
    line-height: 1.06; letter-spacing: -0.022em;
    max-width: 16em; text-wrap: balance;
  }
  .sec-head.pagina > .lede { max-width: var(--measure); }

  section:has(> .sec-head.pagina:only-child) { padding-bottom: 0; }

  section:has(> .sec-head.pagina:only-child) + section { padding-top: var(--dupa-cap); }

  .sec-head.pagina { margin-bottom: 0; }
  .sec-head.pagina + * { margin-top: var(--dupa-cap); }

  .sec-head.pagina + .steps-tabel > .steps-cap { margin-top: 0; }

  .sec-head.lat {
    max-width: none;
    display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    column-gap: clamp(1.5rem, 5vw, 4.5rem); row-gap: 0;
    align-items: start;
  }

  .sec-head.lat .kicker { grid-column: 1; grid-row: 1; }
  .sec-head.lat h2 { grid-column: 1; grid-row: 2; }

  .sec-head.lat .lede { grid-column: 2; grid-row: 2; margin-top: 0.7rem; max-width: 42ch; }
  @media (max-width: 820px) {
    .sec-head.lat { grid-template-columns: 1fr; column-gap: 0; }

    .sec-head.lat .kicker,
    .sec-head.lat h2 { grid-column: 1; grid-row: auto; }
    .sec-head.lat .lede { grid-column: 1; grid-row: auto; margin-top: 1.2rem; }
  }

  .sec-head.gol { max-width: none; }
  .sec-head.gol h2 {
    font-size: clamp(2.2rem, 1rem + 3.4vw, 3.6rem);
    line-height: 1.06; letter-spacing: -0.024em;
    max-width: 15em; text-wrap: balance;
  }

  .sec-lipit { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(2rem, 6vw, 5rem); align-items: start; }
  .sec-lipit > .sec-head { position: sticky; top: calc(var(--h-bara) + 3rem); max-width: none; }
  @media (max-width: 900px) {
    .sec-lipit { grid-template-columns: 1fr; gap: var(--mod); }
    .sec-lipit > .sec-head { position: static; }
  }

  @media (prefers-reduced-motion: reduce) {
    .sec-lipit > .sec-head { position: static; }
  }

  .kicker {
    font-family: var(--serif); font-style: italic; font-size: 1.2rem;
    font-weight: 500;
    color: var(--soft); display: block; margin-bottom: 1rem;
    clip-path: inset(0 100% 0 -0.05em);
    transition: clip-path .55s var(--ease-out) .1s;
  }
  .rv.in .kicker, .in .kicker { clip-path: inset(0 0 0 -0.05em); }

  .tit-cuv {
    display: inline-block;

    vertical-align: top;
    overflow: hidden;

    padding-bottom: 0.18em;
    margin-bottom: -0.18em;
  }
  .tit-in {
    display: inline-block;
    transform: translateY(120%);
    transition: transform .5s var(--ease-out);
    transition-delay: calc(var(--rand, 0) * 55ms);
  }
  .in .tit-in { transform: none; }

  .tit-gata .tit-in { transition: none !important; transform: none !important; }

  .hero { padding-top: clamp(3.5rem, 7vw, 6rem); padding-bottom: var(--sec); }
  .hero h1 { max-width: 15ch; }
  .hero .lede { margin-top: 1.8rem; }
  .hero-cta { display: flex; flex-wrap: wrap; gap: 0.9rem; margin-top: 2.6rem; align-items: center; }

  .intro-metoda {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
    align-items: center;
    gap: 1.75rem clamp(2rem, 5vw, 4.5rem);
    padding-block: clamp(2.25rem, 4vw, 3rem);
    border-block: 1px solid var(--line);
  }
  .intro-metoda-text > .lede { color: var(--ink); max-width: 32ch; }
  .intro-metoda-actiuni { display: flex; flex-wrap: wrap; gap: .5rem 1.75rem; margin-top: 1.4rem; }
  .intro-metoda-actiuni .btn-line { min-height: 44px; gap: .5rem; }
  .facts.facts-banda { grid-template-columns: minmax(0, 1fr); border-block: 0; }
  .facts-banda .fact { padding: .8rem 0; }
  .facts-banda .fact:first-child { padding-top: 0; }
  .facts-banda .fact:last-child { padding-bottom: 0; }
  .facts-banda .fact::before { display: none; }
  .facts-banda .fact + .fact { border-top: 1px solid var(--line-soft); padding-left: 0; }
  .facts-banda .fact-n { font-size: clamp(1.1rem, 1rem + 0.4vw, 1.3rem); }
  .facts-banda .fact-l { margin-top: .3rem; font-size: var(--t-sm); max-width: 40ch; }
  @media (max-width: 820px) {
    .intro-metoda { grid-template-columns: minmax(0, 1fr); gap: 1.6rem; padding-block: 1.75rem; }
    .intro-metoda-text > .lede { max-width: var(--measure-lede); }
  }
  .hero-frame .slot { aspect-ratio: 4 / 5; }

  .facts { border-block: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, 1fr); }
  .fact { padding: 2.2rem clamp(1rem, 2.5vw, 2.2rem) 2.2rem 0; }

  .fact + .fact { border-left: none; padding-left: clamp(1rem, 2.5vw, 2.2rem); position: relative; }
  .fact + .fact::before {
    content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px;
    background: var(--line);
    transform: scaleY(0); transform-origin: top center;
    transition: transform .7s var(--ease-out) .15s;
  }
  .facts.in .fact + .fact::before { transform: scaleY(1); }
  .facts.in .fact + .fact + .fact::before { transition-delay: .27s; }
  .fact-n { font-family: var(--serif); font-size: clamp(1.6rem, 1.05rem + 1.34vw, 2.25rem); font-weight: 600; line-height: 1.15; display: block; text-wrap: balance; }
  .fact-n em { color: var(--accent); }
  .fact-l { margin-top: 0.7rem; display: block; color: var(--ink-2); line-height: 1.55; }

  .pgrid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 3.5vw, 3rem); margin-top: clamp(2.5rem, 5vw, 4rem); }

  .pcard .frame, .teaser .frame, .seg-foto { position: relative; overflow: hidden; }
  .pcard .frame { border-radius: var(--r-md); }
  .pcard .frame::after, .teaser .frame::after, .seg-foto::after {
    content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
    background: var(--paper);
    transform: scaleX(1); transform-origin: right center;
    transition: transform .8s var(--ease-out) .1s;
  }
  .pgrid .pcard:nth-child(2) .frame::after { transition-delay: .28s; }
  .pcard.in .frame::after,
  .rv-stagger.in .pcard .frame::after,
  .rv-stagger.in .teaser .frame::after,
  .rv-stagger.in .seg-foto::after,

  .rv.in .teaser .frame::after, .teaser.in .frame::after, .rv.in .seg-foto::after, .seg.in .seg-foto::after { transform: scaleX(0); }

  @keyframes trageCartonul { from { transform: scaleX(1); } to { transform: scaleX(0); } }
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      .page.on .seg-grid .seg { view-timeline-name: --fisaSeg; view-timeline-axis: block; }

      .page.on .seg-grid .seg-foto::after {
        transition: none;
        animation: trageCartonul linear both;
        animation-timeline: --fisaSeg;
        animation-range: entry 3% entry 22%;
      }
      .page.on .seg-grid .seg:nth-child(2) .seg-foto::after { animation-range: entry 6% entry 25%; }
      .page.on .seg-grid .seg:nth-child(3) .seg-foto::after { animation-range: entry 9% entry 28%; }
    }
  }

  .rv-stagger.in .teaser:nth-child(2) .frame::after, .rv-stagger.in .seg:nth-child(2) .seg-foto::after { transition-delay: .2s; }
  .rv-stagger.in .teaser:nth-child(3) .frame::after, .rv-stagger.in .seg:nth-child(3) .seg-foto::after { transition-delay: .32s; }
  .pcard { text-decoration: none; display: block; transition: transform .35s var(--ease); }
  @media (hover: hover) and (pointer: fine) {
    .pcard:hover { transform: translateY(-2px); }
  }
  .pcard:active { transform: translateY(-6px) scale(0.99); }
  .pcard .slot { aspect-ratio: 4 / 3; }
  .pcard-meta { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-top: 1.3rem; padding-inline: 0.4rem; }
  .pcard-meta :is(h2, h3) { font-size: var(--t-h3); position: relative; padding-right: 1.5rem; }

  .pcard-meta :is(h2, h3)::after {

    content: "→"; position: absolute; right: 0; top: 0.02em;
    font-family: var(--serif); font-style: italic; font-size: 0.72em;
    color: var(--accent);
    opacity: 0; transform: translateX(-7px);
    transition: opacity .28s var(--ease), transform .28s var(--ease);
  }
  @media (hover: hover) and (pointer: fine) {
    .pcard:hover .pcard-meta :is(h2, h3)::after { opacity: 1; transform: none; }
  }
  .pcard-sub { color: var(--ink-2); font-size: var(--t-sm); margin-top: 0.3rem; padding-inline: 0.4rem; max-width: var(--measure); }

  .sec-deschidere { padding-bottom: 0; }
  .pcard.pcard-lat {
    display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(1.5rem, 3.5vw, 3rem); align-items: center;
  }
  .pcard-lat > * { min-width: 0; }
  .pcard-lat .pcard-meta { margin-top: 0; }
  .pcard-lat .pcard-sub { margin-top: 0.9rem; }
  .pcard-lat .btn-line { margin: 1.3rem 0.4rem 0; }
  .pcard-lat .photo-slot img { cursor: pointer; }
  @media (max-width: 720px) {
    .pcard.pcard-lat { grid-template-columns: minmax(0, 1fr); }
  }

  .pcard-fapte { margin: 1.1rem 0 0; padding: 0.95rem 0.4rem 0; display: grid; grid-template-columns: 1fr auto 1fr; column-gap: clamp(1rem, 3vw, 2.5rem); row-gap: 0.6rem; border-top: 1px solid var(--line-soft); }

  .pcard-fapte > div { min-width: 0; display: flex; flex-direction: column-reverse; justify-content: flex-end; }

  .pcard-fapte > div:nth-child(2) { text-align: center; }
  .pcard-fapte > div:nth-child(3) { text-align: right; }
  .pcard-fapte dt { font-family: var(--mono); font-size: 0.625rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--soft); line-height: 1.5; }
  .pcard-fapte dd { margin: 0 0 0.3rem; font-family: var(--serif); font-weight: 500; font-size: clamp(1.25rem, 0.9rem + 1.1vw, 1.85rem); line-height: 1.1; letter-spacing: -0.01em; color: var(--ink); font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; }
  .pcard-fapte + .pcard-sub { margin-top: 0.95rem; }

  .pcard-fapte:has(> div:nth-child(2):last-child) { grid-template-columns: 1fr 1fr; }

  @supports (grid-template-rows: subgrid) {
    .pgrid > .pcard:not(.pcard-lat) { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 0; }
  }

  @media (min-width: 921px) {
    .pgrid:has(> .pcard:nth-child(3):last-child) { grid-template-columns: repeat(3, 1fr); }
    .pgrid:has(> .pcard:nth-child(5):last-child) { grid-template-columns: repeat(6, 1fr); }
    .pgrid:has(> .pcard:nth-child(5):last-child) > .pcard { grid-column: span 2; }
    .pgrid:has(> .pcard:nth-child(5):last-child) > .pcard:nth-child(4) { grid-column: 2 / span 2; }
  }

  .case + .case { margin-top: clamp(4rem, 8vw, 7rem); padding-top: clamp(4rem, 8vw, 7rem); border-top: 1px solid var(--line); }
  .case-hero .slot { aspect-ratio: 21 / 9; }
  .kv { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1.5rem 2rem; }
  .kv > div { border-top: 1px solid var(--line); padding-top: 0.8rem; }
  .kv dt { margin: 0 0 0.35rem; }

  .kv dd { margin: 0; font-family: var(--serif); font-size: 1.6rem; font-weight: 600;
           font-variant-numeric: tabular-nums; }
  .kv dd .tbd { font-family: var(--mono); font-size: 1.1rem; }

  .case-gallery .slot { aspect-ratio: 4 / 3; }

  .seg-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1.25rem, 2.5vw, 2rem); margin-top: clamp(2.5rem, 5vw, 4rem); }
  .seg {
    background: var(--card);

    border-radius: var(--r-mare); overflow: hidden; padding: 2rem 1.8rem;
    box-shadow: var(--elev);
  }
  .seg .lbl { color: var(--soft); }
  .seg :is(h2, h3) { margin-top: 0.9rem; font-size: var(--t-h3); }
  .seg p { color: var(--ink-2); margin-top: 0.8rem; max-width: var(--measure); }

  @media (hover: hover) and (pointer: fine) {
    .seg { position: relative; }
    .seg::after {
      content: ""; position: absolute; inset: 0; border-radius: inherit;
      pointer-events: none;
      background: radial-gradient(220px circle at var(--mx, 50%) var(--my, 0%),
                  color-mix(in srgb, var(--accent) 9%, transparent) 0%,
                  transparent 68%);
      opacity: 0; transition: opacity .32s var(--ease);
    }
    .seg:hover::after { opacity: 1; }
  }
  .seg { text-decoration: none; display: flex; flex-direction: column; transition: transform .3s var(--ease); }
  .seg .seg-more { margin-top: auto; padding-top: 1.3rem; }
  @media (hover: hover) and (pointer: fine) {
    .seg:hover { transform: translateY(-2px); }
  }

  .seg-dif { list-style: none; padding: 0; margin: 1.2rem 0 0; border-top: 1px solid var(--line); }
  .seg-dif li { padding: 0.7rem 0; border-bottom: 1px solid var(--line-soft); }
  .seg-dif li:last-child { border-bottom: none; }
  .seg-dif b { display: block; font-family: var(--serif); font-weight: 500; font-size: 1.02rem; line-height: 1.3; }
  .seg-dif span { display: block; color: var(--ink-2); font-size: var(--t-xs, 0.875rem); line-height: 1.5; margin-top: 0.2rem; }

  .seg-more { display: inline-block; color: var(--ink); font-weight: 600; font-size: var(--t-sm); }

  .seg-grid .seg {
    transition: opacity .4s ease-out,
                transform .44s var(--ease),
                box-shadow .34s var(--ease);
  }

  @media (hover: hover) and (pointer: fine) {
    .seg-grid:has(.seg:hover) .seg:not(:hover) {
      box-shadow: 0 0 0 1px rgba(23, 21, 20, 0.05),
                  0 1px 0 rgba(23, 21, 20, 0.09);
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .seg-grid .seg { transition: none; }
    .seg-grid:has(.seg:hover) .seg:not(:hover) { box-shadow: var(--elev); }
  }

  .seg-grid .seg-dif { flex: 1 1 auto; display: flex; flex-direction: column; }
  .seg-grid .seg-dif li { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; }

  .steps { margin-top: var(--mod); }

  .steps-cap + .steps { margin-top: 0; }
  .steps-cap + .steps .step:first-child { border-top: none; }
  .steps + .fisa-proces { border-top: none; padding-top: 0; max-width: var(--measure); }

  @media (max-width: 920px) {
    .steps-cap + .steps .step:first-child { border-top: 1px solid var(--line); }
  }

  .steps-tabel { position: relative; }
  @media (min-width: 921px) {
    .steps-tabel > .steps-cap {
      position: sticky;
      top: calc(var(--h-bara) + env(safe-area-inset-top, 0px));
      z-index: 5;

      background: var(--paper);
      padding-top: 0.9rem;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .steps-tabel > .steps-cap { position: static; }
  }

  .steps-tabel + .fisa-proces { border-top: none; padding-top: 0; max-width: var(--measure); }

  .step {
    display: grid; grid-template-columns: 4.5rem 1fr 8rem 13rem; gap: 1.5rem;
    padding-block: 2rem; border-top: 1px solid var(--line); align-items: baseline;
  }
  .step:last-child { border-bottom: 1px solid var(--line); }
  .step-n { font-family: var(--serif); font-style: italic; font-size: 1.6rem; color: var(--ink); }

  .faq summary, .kv dd, .fee-v, .step-n { letter-spacing: -0.006em; }
  .step p { color: var(--ink-2); margin-top: 0.5rem; max-width: var(--measure); }
  .step-t { text-align: right; }

  .sec-lipit > .steps .step {
    grid-template-columns: 2rem minmax(0, 1fr) max-content;
    column-gap: clamp(0.75rem, 2vw, 1.5rem);
  }
  .sec-lipit > .steps .step-t { grid-column: auto; text-align: right; margin-top: 0; }
  @media (max-width: 600px) {
    .sec-lipit > .steps .step { grid-template-columns: 2rem minmax(0, 1fr); row-gap: 0.5rem; }
    .sec-lipit > .steps .step-t { grid-column: 2; text-align: left; }
  }

  .fee-grid { display: grid; grid-template-columns: 1fr 1.25fr; gap: clamp(2rem, 5vw, 5rem); align-items: start; }
  .fee-list > div {
    display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: baseline;
    padding-block: 1.7rem; border-top: 1px solid var(--line);
  }
  .fee-list > div:last-child { border-bottom: 1px solid var(--line); }

  @media (min-width: 760px) {
    .sec-dark .fee-list:has(> div:nth-child(3)) {
      display: grid; grid-template-columns: repeat(3, 1fr);
      column-gap: clamp(1.5rem, 3vw, 2.5rem);
    }
    .sec-dark .fee-list:has(> div:nth-child(3)) > div {
      grid-template-columns: 1fr;

      align-items: start; align-content: start; gap: 0.9rem;
      border-bottom: 1px solid var(--line);
    }
    .sec-dark .fee-list:has(> div:nth-child(3)) > div .fee-v { order: -1; }
    .sec-dark .fee-list:has(> div:nth-child(3)) p { max-width: none; }
  }

  .sec-dark .fee-list:has(> div:nth-child(3)):has(+ .fee-note) > div, .fee-list:has(+ .fee-note) > div:last-child { border-bottom: 0; }

  .fee-list p { color: var(--ink-2); margin-top: 0.4rem; max-width: 46ch; }

  .fee-v { font-family: var(--serif); font-size: 1.55rem; font-weight: 600;
           font-variant-numeric: tabular-nums; }
  .fee-v .tbd, .fee-v .num { white-space: nowrap; }
  .fee-v .tbd { font-family: var(--mono); font-size: var(--t-lg); }

  .fee-note {
    margin-top: clamp(2rem, 4vw, 3rem); padding-top: 1.4rem;
    border-top: 1px solid var(--line);
    font-size: 0.9375rem; color: var(--ink-2);
  }
  .fee-note > p { margin: 0; max-width: var(--measure); }

  .proces-nota { border-top: none; padding-top: 0; }
  .proces-nota-titlu { margin-top: 1.15rem !important; }
  .proces-nota-lista { margin: 0.55rem 0 0; padding-left: 1.15rem;
                       max-width: var(--measure); }
  .proces-nota-lista li { margin-bottom: 0.35rem; }
  .proces-nota-lista li:last-child { margin-bottom: 0; }
  .proces-nota-lista li::marker { color: var(--soft); }

  .filters { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 2.2rem; }
  .chip {
    font-family: var(--sans); font-size: var(--t-sm); font-weight: 600;
    min-height: 44px; padding: 0.5rem 1.3rem;
    border: 1px solid var(--line-ui); border-radius: var(--r-pastila);
    background: transparent; color: var(--ink-2); cursor: pointer;
    transition: color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), transform .16s var(--ease);
  }
  .chip:hover { color: var(--ink); border-color: var(--ink); }
  .chip:active { transform: scale(0.97); }

  .chip[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--accent-fg); }

  @keyframes paginaSeAseaza { from { opacity: 0; } }

  @media (prefers-reduced-motion: no-preference) {
    #main.prima-asezare { animation: paginaSeAseaza 260ms var(--ease-out) both; }
  }

  @keyframes pagIese { to { opacity: 0; } }
  @keyframes pagIntra { from { opacity: 0; transform: translateY(6px); } }

  ::view-transition-old(root) {
    animation: pagIese 110ms cubic-bezier(.4, 0, 1, 1) both;
  }
  ::view-transition-new(root) {
    animation: pagIntra 190ms var(--ease-out) both;
  }

  .nav { view-transition-name: bara; }

  .nav-sticla {
    position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background: transparent;
    transition: background .3s var(--ease);
  }
  .nav-in { position: relative; z-index: 1; }

  @media (prefers-reduced-motion: no-preference) {
    ::view-transition-group(foto-proiect) { animation-duration: .5s; }
    ::view-transition-old(foto-proiect), ::view-transition-new(foto-proiect) {
      animation: none; mix-blend-mode: normal; height: 100%; object-fit: cover;
    }
  }
  ::view-transition-group(bara) { animation-duration: 0s; }

  @media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
  }

  @keyframes teaserIntra { from { opacity: 0; transform: translateY(6px); } }

  .teaser-grid .pcard.intra { animation: teaserIntra .22s var(--ease); }
  .case.hide { display: none; }
  .cases-empty { display: none; margin-top: 3rem; color: var(--ink-2); font-style: italic; font-family: var(--serif); font-size: 1.2rem; }
  .cases-empty.on { display: block; }

  .faq { margin-top: clamp(2.5rem, 5vw, 4rem); max-width: 780px; }

  .faq summary { transition: color .28s var(--ease); }
  .faq:has(details[open]) summary { color: var(--ink-2); }
  .faq:has(details[open]) details:not([open]) summary::after { color: var(--soft); }
  .faq details[open] summary { color: var(--ink); }
  .faq details { border-top: 1px solid var(--line); }
  .faq details:last-child { border-bottom: 1px solid var(--line); }
  .faq summary {
    cursor: pointer; list-style: none;
    display: flex; align-items: baseline; justify-content: space-between; gap: 1.5rem;
    padding: 1.5rem 0.2rem;
    font-family: var(--serif); font-size: 1.7rem; font-weight: 600; line-height: 1.3;
  }
  .faq summary::-webkit-details-marker { display: none; }
  .faq summary::after {
    content: "+"; flex: none;
    font-family: var(--serif); font-style: italic; font-size: 1.5rem;
    color: var(--accent); line-height: 1;
    transition: transform .3s var(--ease);
  }
  .faq details[open] summary::after { transform: rotate(45deg); }
  .faq .ans { color: var(--ink-2); padding: 0 0.2rem 1.7rem; max-width: var(--measure); }

  .faq details[open] .ans { animation: ansIn .32s var(--ease-out); }
  @supports selector(details::details-content) {
    .faq details[open] .ans { animation: none; }
    .faq details::details-content {
      block-size: 0;
      overflow: hidden;
      transition: block-size .32s var(--ease-out), content-visibility .32s;
      transition-behavior: allow-discrete;
    }
    .faq details[open]::details-content { block-size: auto; }
  }
  @keyframes ansIn { from { opacity: 0; transform: translateY(-8px); } }

  .faq-bloc {
    margin-top: clamp(1.5rem, 3vw, 2.5rem);
    border-block: 1px solid var(--line);
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
  .faq-intro {
    display: flex; flex-direction: column;
    align-items: flex-start; justify-content: center;
    gap: clamp(0.9rem, 1.6vw, 1.35rem);
    padding: clamp(2rem, 4vw, 3.25rem) clamp(1.75rem, 3vw, 2.75rem)
             clamp(2rem, 4vw, 3.25rem) 0;
    border-inline-end: 1px solid var(--line);
  }
  .faq-intro h2 { margin: 0; }
  .faq-bloc .faq {
    margin-top: 0; max-width: none; align-self: center;
    padding-inline-start: clamp(1.75rem, 3vw, 2.75rem);
  }

  .faq-bloc .faq details:first-of-type { border-top: 0; }
  .faq-bloc .faq details:last-child { border-bottom: 0; }

  .faq-bloc .faq summary { font-size: clamp(1.3rem, 0.95rem + 0.85vw, 1.7rem); }

  .faq-bloc.lipit .faq-intro {
    align-self: start;
    justify-content: flex-start;
    position: sticky;
    top: calc(var(--h-bara) + env(safe-area-inset-top, 0px) + clamp(1.5rem, 3vw, 2.5rem));
    border-inline-end: 0;
  }
  .faq-bloc.lipit .faq { border-inline-start: 1px solid var(--line); }

  @media (max-width: 900px) {
    .faq-bloc { grid-template-columns: 1fr; }
    .faq-intro {
      border-inline-end: 0;
      border-bottom: 1px solid var(--line);
      padding: clamp(1.75rem, 5vw, 2.5rem) 0;
    }
    .faq-bloc .faq { padding-inline-start: 0; }

    .faq-bloc.lipit .faq-intro { position: static; }
    .faq-bloc.lipit .faq { border-inline-start: 0; }
  }

  .founders { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(1.5rem, 4vw, 3.5rem); margin-top: 3rem; position: relative; }

  .rol-card {
    position: relative; overflow: hidden;
    background: var(--card); border-radius: var(--r-mare);
    box-shadow: var(--elev);
    padding: clamp(1.5rem, 3vw, 2.1rem);
    min-height: clamp(11rem, 20vw, 14rem);
    display: flex; flex-direction: column; justify-content: flex-end;
  }
  .rol-nr {
    position: absolute; top: clamp(1.1rem, 2.2vw, 1.6rem);
    inset-inline-start: clamp(1.5rem, 3vw, 2.1rem);
    font-family: var(--mono); font-size: 0.6875rem; letter-spacing: 0.16em;
    color: var(--accent);
  }
  .rol-lat {
    position: absolute; top: clamp(1.1rem, 2.2vw, 1.6rem);
    inset-inline-end: clamp(1.5rem, 3vw, 2.1rem);
    font-family: var(--mono); font-size: 0.6875rem; letter-spacing: 0.16em;
    text-transform: uppercase; color: var(--soft);
  }

  .founder:nth-child(2) .rol-nr { inset-inline-start: auto; inset-inline-end: clamp(1.5rem, 3vw, 2.1rem); }
  .founder:nth-child(2) .rol-lat { inset-inline-end: auto; inset-inline-start: clamp(1.5rem, 3vw, 2.1rem); }
  .founder:nth-child(2) .rol-lista li { text-align: right; }

  .rol-lista { list-style: none; margin: 0; padding: 0; }
  .rol-lista li {
    position: relative; padding: 0.75rem 0;
    border-top: 1px solid var(--line-soft);
    font-size: var(--t-sm); line-height: 1.45; color: var(--ink);
  }
  .rol-lista li:first-child { border-top: none; }

  .founders::after {
    content: ""; position: absolute; z-index: -1;
    left: 0; right: 0; top: clamp(5.5rem, 10vw, 7rem);
    height: 1px; background: var(--line);
    transform: scaleX(1); transform-origin: center;
  }
  @keyframes trageDinMijloc { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  @supports (animation-timeline: view()) {
    @media (prefers-reduced-motion: no-preference) {
      .founders::after {
        animation: trageDinMijloc linear both;
        animation-timeline: view();
        animation-range: entry 25% cover 30%;
      }
    }
  }

  @media (max-width: 920px) {
    .founders::after { display: none; }
    .founder:nth-child(2) .rol-nr  { inset-inline-start: clamp(1.5rem, 3vw, 2.1rem); inset-inline-end: auto; }
    .founder:nth-child(2) .rol-lat { inset-inline-end: clamp(1.5rem, 3vw, 2.1rem); inset-inline-start: auto; }
    .founder:nth-child(2) .rol-lista li { text-align: left; }
  }
  .founder .slot { aspect-ratio: 3 / 4; }
  .founder :is(h2, h3) { margin-top: 1.5rem; font-size: var(--t-h3); }
  .founder .role { margin-top: 0.4rem; }
  .founder p.bio { color: var(--ink-2); margin-top: 1rem; max-width: var(--measure); }

  @media (max-width: 920px) {
    .founders { grid-template-columns: 1fr; }
  }

  .story { box-sizing: content-box; max-width: var(--measure); }
  .story p + p { margin-top: 1.2rem; }

  @supports (initial-letter: 3) or (-webkit-initial-letter: 3) {
    .story .lede:first-of-type::first-letter {
      -webkit-initial-letter: 3;
      initial-letter: 3;
      font-family: var(--serif); font-weight: 400;
      color: var(--accent);
      margin-right: 0.14em;
    }
  }
  .story .lede { max-width: none; }

  .ct-usi { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1rem, 2vw, 1.5rem); }
  @media (max-width: 760px) { .ct-usi { grid-template-columns: 1fr; } }

  .usa {
    position: relative; display: flex; flex-direction: column;
    background: var(--card); border-radius: var(--r-mare); overflow: hidden;
    padding: 2rem 1.8rem;
    box-shadow: var(--elev); text-decoration: none; color: inherit;
    transition: transform .3s var(--ease);
  }
  .usa > * { position: relative; z-index: 1; }
  @media (hover: hover) and (pointer: fine) {
    .usa:hover { transform: translateY(-2px); }
  }
  .usa:active { transform: translateY(0) scale(0.995); }

  .usa::before {
    content: ""; position: absolute; left: 0; top: 0; height: 2px; width: 100%;
    background: var(--accent); z-index: 2;
    transform: scaleX(0); transform-origin: left center;
    transition: transform .45s var(--ease-out);
  }
  @media (hover: hover) and (pointer: fine) {
    .usa:hover::before, .usa:focus-visible::before { transform: scaleX(1); }
  }

  .usa-ic {
    width: 2.75rem; height: 2.75rem; border-radius: var(--r-pastila); flex: none;
    background: var(--accent); color: var(--accent-fg);
    display: flex; align-items: center; justify-content: center;
    margin-bottom: clamp(1.1rem, 2vw, 1.5rem);
  }
  .usa-ic svg { width: 1.4rem; height: 1.4rem; }
  .usa .lbl { display: block; color: var(--soft); }
  .usa h2 { margin: 0.9rem 0 0; font-size: var(--t-h3); font-weight: 400;
            line-height: 1.15; letter-spacing: -0.015em; }
  .usa p { color: var(--ink-2); margin: 0.8rem 0 0; max-width: var(--measure); }

  .usa-jos {
    margin-top: auto; padding-top: 1.3rem;
    display: inline-flex; align-items: center; gap: 0.5rem;
    font-family: var(--mono); font-size: 0.75rem; letter-spacing: 0.1em;
    text-transform: uppercase; color: var(--accent);
  }
  .usa .arr { transition: transform .3s var(--ease-out); }
  @media (hover: hover) and (pointer: fine) {
    .usa:hover .arr { transform: translateX(0.3rem); }
  }
  @media (hover: hover) and (pointer: fine) {
    .usa:hover .arr-jos { transform: translateY(0.25rem); }
  }

  @media (hover: hover) and (pointer: fine) {
    .usa::after {
      content: ""; position: absolute; inset: 0; border-radius: inherit;
      pointer-events: none; z-index: 0;
      background: radial-gradient(220px circle at var(--mx, 50%) var(--my, 0%),
                  color-mix(in srgb, var(--accent) 9%, transparent) 0%,
                  transparent 68%);
      opacity: 0; transition: opacity .32s var(--ease);
    }
    .usa:hover::after { opacity: 1; }
  }

  .direct {
    margin-top: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--line);
    border-radius: var(--r-mare);
    padding: clamp(1.15rem, 2vw, 1.5rem) clamp(1.3rem, 2.4vw, 1.8rem);
    display: grid;
    grid-template-columns: auto repeat(3, minmax(0, 1fr));
    align-items: center;
    column-gap: clamp(1.2rem, 2.4vw, 2rem);
    row-gap: 1rem;
  }
  .direct > .lbl { margin: 0; align-self: center; white-space: nowrap; }

  @media (max-width: 760px) {
    .direct {
      grid-template-columns: 1fr;
      row-gap: 1.1rem;
    }
    .direct > .lbl { margin-bottom: -0.35rem; }
  }

  .direct-om { display: flex; flex-direction: column; }
  .direct-nume {
    font-family: var(--serif); font-weight: 500;
    font-size: var(--t-lg); line-height: 1.25;
    letter-spacing: -0.005em;
    color: var(--ink);
  }
  .direct a {
    font-family: var(--mono); font-size: var(--t-sm);
    text-decoration-line: underline;
    text-decoration-color: var(--accent);
    text-underline-position: from-font;
    text-decoration-thickness: from-font;
    text-underline-offset: 0.14em;
    text-decoration-skip-ink: auto;
    display: inline-flex; align-items: center; min-height: 44px;
  }

  .consent { font-size: 0.8125rem; color: var(--soft); max-width: 46ch; }
  .consent a { color: var(--accent); }

  .form {
    display: grid; gap: 1.3rem;
    background: var(--card);
    border-radius: var(--r-mare); padding: clamp(1.6rem, 3vw, 2.4rem);
    box-shadow: var(--elev);
  }
  .field { display: grid; gap: 0.5rem; }
  .field label { font-size: 0.875rem; font-weight: 600; }
  .field .req { color: var(--accent); }
  .field select {
    appearance: none; -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%235C5044' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 1rem center;
    padding-right: 2.6rem;
  }
  .field input, .field select, .field textarea {
    font-family: inherit; font-size: 1rem; color: var(--ink);
    background: var(--paper); border: 1px solid var(--line-ui);
    border-radius: var(--r-md); padding: 0.8rem 0.95rem; width: 100%;
    transition: border-color .2s var(--ease), box-shadow .2s var(--ease), background-color .2s var(--ease);
  }

  .field:not(.invalid) input:focus, .field:not(.invalid) select:focus, .field:not(.invalid) textarea:focus {
    outline: none; background: var(--card); border-color: var(--ink);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);
  }
  .field.invalid input:focus, .field.invalid textarea:focus {
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--eroare) 18%, transparent);
  }
  .field input::placeholder, .field textarea::placeholder { color: var(--soft); }

  .field .help { font-size: 0.8125rem; color: var(--soft); letter-spacing: 0.005em;
                 max-width: var(--measure); }
  .field .err { overflow-wrap: break-word; font-size: 0.8125rem; color: var(--accent); font-weight: 600; display: none; letter-spacing: 0.005em; }
  .field.invalid .err { display: block; }
  .field.invalid input, .field.invalid textarea { border-color: var(--accent); }
  .form-status {
    display: none; border-left: 2px solid var(--accent); background: var(--accent-dim);
    border-radius: 0 var(--r-mare) var(--r-mare) 0; padding: 1.1rem 1.25rem; font-size: 0.9375rem;
  }
  .form-status.on { display: block; }
  .form-status strong { display: block; margin-bottom: 0.25rem; }

  .form-status a, .ca-legatura {
    color: var(--accent); text-decoration: underline;
    text-underline-offset: 3px; text-decoration-thickness: 1px;
  }
  .ca-legatura {
    background: none; border: 0; padding: 0; font: inherit; cursor: pointer;
  }
  .ca-legatura:hover { text-decoration-thickness: 2px; }

.foot-cookie {
  background: none; border: 0; padding: 0;
  font: inherit; color: inherit; cursor: pointer; text-decoration: none;
}
.foot-cookie:hover { text-decoration: underline; text-underline-offset: 3px; }

  .form-status.eroare { border-left-color: var(--eroare); background: rgba(140, 47, 20, 0.09); }
  .form-status.eroare a { color: var(--eroare); }
  .form-status.demo { border-left-color: var(--soft); background: rgba(23, 21, 20, 0.06); }

  .cta-band { text-align: center; }
  .cta-band h2 { max-width: 22ch; margin-inline: auto; }
  .cta-band .lede { margin: 1.2rem auto 0; }
  .cta-band .hero-cta { justify-content: center; }

  .foot-legal { line-height: 1.7; overflow-wrap: break-word; }
  .foot-legal a { color: inherit; }

  .foot-marca { display: flex; flex-direction: column; align-items: flex-start;
                gap: 0.85rem; }
  .social { display: flex; align-items: center; margin-inline-start: -0.75rem; }
  .social a { color: var(--soft); padding-inline: 0.75rem; }
  .social svg { width: 20px; height: 20px; display: block; fill: currentColor; }
  .social a:hover, .social a:focus-visible { color: var(--ink); }

  .ct-retele { display: flex; flex-direction: column; align-items: flex-start; gap: 0.85rem; }
  .ct-retele-list { display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem;
                    margin-inline-start: -0.75rem; }
  .ct-retele-list a { display: inline-flex; align-items: center; gap: 0.6rem;
                      min-height: 44px; padding-inline: 0.75rem;
                      color: var(--ink-2); text-decoration: none; }
  .ct-retele-list svg { width: 22px; height: 22px; flex: none; fill: currentColor; }
  .ct-retele-list a:hover, .ct-retele-list a:focus-visible { color: var(--ink); }

  footer.site a {
    display: inline-flex; align-items: center;
    min-height: 44px; padding-block: 0.75rem; margin-block: -0.75rem;
  }

  footer.site {

    background: #171514;
    --paper:      #171514;
    --surface:    #221F1D;
    --card:       #221F1D;
    --ink:        #FCFBF9;
    --ink-2:      #D2CFCC;
    --soft:       #A8A5A2;
    --line:       rgba(252, 251, 249, 0.20);
    --line-soft:  rgba(252, 251, 249, 0.10);
    --line-ui:    rgba(252, 251, 249, 0.50);
    --accent:     #AAB09B;
    --accent-dim: rgba(170, 176, 155, 0.16);
    border-top: 1px solid transparent;
    padding-block: 3.2rem calc(3.4rem + env(safe-area-inset-bottom));
    font-size: 0.875rem; color: var(--soft); }
  footer.site .mark { color: var(--ink); }
  footer.site b { color: var(--ink); font-weight: 600; }

  footer.site .sal a {
    width: max-content; min-height: 0; margin-block: 0;
    padding: 0.5rem; border-radius: 12px;
    background: #FFFFFF;
  }
  .foot-in { display: flex; flex-wrap: wrap; gap: 1rem 2.5rem; justify-content: space-between; align-items: baseline; }

  @media (min-width: 880px) {
    .foot-in { display: grid; grid-template-columns: minmax(0, 700px) auto;
      justify-content: space-between; align-items: baseline; }
    .foot-marca   { grid-area: 1 / 1; }
    .foot-linkuri { grid-area: 1 / 2; justify-self: end; }
    .foot-legal   { grid-area: 2 / 1; }
    .sal          { grid-area: 2 / 2; justify-self: end; }
  }

  .foot-in .mark { font-size: 1.1rem; gap: 0.28em; }

  .rv { opacity: 0; transform: translateY(26px); transition: opacity .42s ease-out, transform .46s var(--ease); }
  .rv.in { opacity: 1; transform: none; }

  .rv.imediat, .rv-stagger.imediat > * {
    opacity: 1; transform: none;

    transition: opacity 200ms var(--ease-out);
  }
  .rv-stagger > * { opacity: 0; transform: translateY(18px); transition: opacity .4s ease-out, transform .44s var(--ease); }
  .rv-stagger.in > * { opacity: 1; transform: none; }
  .rv-stagger.in > *:nth-child(1) { transition-delay: 0ms; }
  .rv-stagger.in > *:nth-child(2) { transition-delay: 50ms; }
  .rv-stagger.in > *:nth-child(3) { transition-delay: 100ms; }
  .rv-stagger.in > *:nth-child(4) { transition-delay: 150ms; }
  .rv-stagger.in > *:nth-child(5) { transition-delay: 200ms; }

  @media (prefers-reduced-transparency: reduce) {

    .nav.is-stuck .nav-sticla { background: var(--paper); -webkit-backdrop-filter: none; backdrop-filter: none; }
    .mobile-menu { background: var(--paper); -webkit-backdrop-filter: none; backdrop-filter: none; }
    .hero-full-cap span { background: var(--ink); -webkit-backdrop-filter: none; backdrop-filter: none; color: var(--paper); }
    .lb-voal { background: var(--ink); }
    .lb-close { border-color: var(--paper); }
    .hero-pct button { border-color: var(--paper); }
  }
  @media (prefers-contrast: more) {
    :root, :root[data-theme="light"], :root[data-theme="dark"] {
      --ink-2: var(--ink);
      --soft: var(--ink-2);
      --line-ui: var(--ink);
      --line: rgba(23, 21, 20, 0.55);
      --line-soft: rgba(23, 21, 20, 0.3);
    }

    .field input, .field select, .field textarea, .chip { border-color: var(--ink); }
    .slot { border-style: solid; }
    .btn-ghost { border-color: var(--ink); }
    .nav.is-stuck .nav-sticla { background: var(--paper); -webkit-backdrop-filter: none; backdrop-filter: none; }
  }

  @media (max-width: 1000px) { .jgrid { grid-template-columns: 1fr 1fr; } }

  @media (max-width: 920px) {
    .hero-grid, .case-grid, .fee-grid { grid-template-columns: 1fr; }
    .pgrid { grid-template-columns: 1fr; }
    .seg-grid { grid-template-columns: 1fr; }

    .step { grid-template-columns: 3.2rem 1fr; }
    .step .step-t, .step .step-p { grid-column: 2; text-align: left; margin-top: 0.5rem; }
    .step .step-p { color: var(--accent); }
    .step-t { grid-column: 2; text-align: left; margin-top: 0.4rem; }
    .hero-frame .slot { aspect-ratio: 4 / 3; }
  }
  @media (max-width: 1100px) {
    .nav-links { display: none; }
    .burger { display: block; }
  }

  @media (max-height: 560px) {
    .mobile-menu { justify-content: flex-start; }
    .mobile-menu a { font-size: 1.4rem; padding-block: 0.3rem; }
  }

  @media (max-width: 720px) {
    body { font-size: 1rem; }

    h1 { letter-spacing: -0.020em; }

    h2 { letter-spacing: -0.013em; }
    .btn { white-space: normal; text-align: center; padding-inline: 1.2rem; }
    .facts { grid-template-columns: 1fr; }

    .fact + .fact { border-left: 0; padding-left: 0; }
    .fact + .fact::before {
      left: 0; right: 0; top: 0; bottom: auto; width: auto; height: 1px;
      transform: scaleX(0); transform-origin: left center;
    }
    .facts.in .fact + .fact::before { transform: scaleX(1); }
    .founders, .case-gallery, .jgrid { grid-template-columns: 1fr; }
    .kv { grid-template-columns: 1fr; }
  }

  .nav-links a, .mobile-menu a, .btn-line, .direct a, footer.site a, .faq summary, .teaser, .seg, .pcard, .slot.photo-slot img, .hero-pct button {
    transition-property: transform, color, background, border-color, opacity;
    transition-duration: 140ms;
    transition-timing-function: var(--ease-press);
  }

  .hero-full .photo-slot img {
    transition-property: opacity;
    transition-duration: 500ms;
    transition-timing-function: var(--ease-in-out);

    cursor: default;
  }
  @media (hover: hover) and (pointer: fine) {
    .hero-full .photo-slot:hover img,
  .hero-full .photo-slot img:active { transform: none; }
  }

  a[href^="mailto:"], a[href^="tel:"], .direct a, .legal-body a {
    overflow-wrap: anywhere;
  }

  h1, h2, h3, .fisa-titlu, .sec-lista b, .faq summary, .lede, .fee-v, .kv dd, .legal-body p, .legal-body li {

    overflow-wrap: anywhere;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .btn { min-width: 0; }
  .btn > * { min-width: 0; }

  .btn-line { transition-property: transform, background-size; }
  .btn-line:hover { transition-duration: 140ms, 500ms; }

  .photo-slot img.incarca {
    opacity: 0; filter: blur(12px);
    transition: opacity .35s var(--ease-out), filter .45s var(--ease-out);
  }
  .photo-slot img.incarca.gata { opacity: 1; filter: none; }
  @media (prefers-reduced-motion: reduce) {
    .photo-slot img.incarca { opacity: 1; filter: none; transition: none; }
  }

  .wiz-shell { max-width: 36rem; margin-inline: auto; }

  .wiz-puncte { list-style: none; margin: 0 0 0.7rem; padding: 0 0 1.7rem; display: flex; justify-content: space-between; gap: 0; }
  .wiz-puncte li { flex: 0 0 auto; display: flex; }
  .wiz-puncte li:first-child { justify-content: flex-start; }
  .wiz-puncte li:last-child { justify-content: flex-end; }
  .wiz-punct { appearance: none; background: none; border: 0; margin: 0; padding: 0.2rem 0; position: relative; display: flex; flex-direction: column; align-items: center; color: var(--soft); font: inherit; cursor: default; }
  .wiz-punct:not([disabled]) { cursor: pointer; }
  .wiz-puncte li:first-child .wiz-punct { align-items: flex-start; }
  .wiz-puncte li:last-child .wiz-punct { align-items: flex-end; }
  .wiz-bulina { width: 14px; height: 14px; border-radius: 50%; background: var(--line); transition: background .3s var(--ease), box-shadow .3s var(--ease), transform .2s var(--ease); }
  .wiz-puncte li.gata .wiz-bulina { background: var(--accent); }
  .wiz-puncte li.act .wiz-bulina { background: var(--accent); box-shadow: 0 0 0 4px var(--accent-dim); }
  .wiz-punct:not([disabled]):hover .wiz-bulina { transform: scale(1.1); }
  .wiz-punct:not([disabled]):active .wiz-bulina { transform: scale(0.95); }
  .wiz-punct:focus-visible { outline: none; }
  .wiz-punct:focus-visible .wiz-bulina { box-shadow: 0 0 0 4px var(--accent-dim), 0 0 0 6px var(--accent); }
  .wiz-nume { position: absolute; top: calc(100% + 0.25rem); left: 50%; transform: translateX(-50%); width: max-content; max-width: 9.5rem; font-size: 0.75rem; line-height: 1.2; text-align: center; color: var(--soft); transition: color .3s var(--ease); }
  .wiz-puncte li:first-child .wiz-nume { left: 0; transform: none; text-align: left; }
  .wiz-puncte li:last-child .wiz-nume { left: auto; right: 0; transform: none; text-align: right; }
  .wiz-puncte li.gata .wiz-nume { color: var(--ink-2); }
  .wiz-puncte li.act .wiz-nume { color: var(--accent); font-weight: 600; }

  @media (max-width: 560px) {
    .wiz-nume { display: none; }
    .wiz-puncte { margin-bottom: 1.5rem; padding-bottom: 0; }

    .wiz-shell > .wiz-progress-bar { display: none; }
  }
  .wiz-shell > .wiz-progress-bar { width: auto; height: 5px; margin: 0 7px 1.5rem; }
  .wiz-shell .wiz-progress-fill { width: 0; }

  .wiz-shell .wiz-box { border-radius: 1.5rem; overflow: hidden; box-shadow: var(--elev-lg), 0 28px 56px -32px rgba(23, 21, 20, 0.28); }

  .wiz-sub { margin: 1.1rem 0 0; display: flex; justify-content: center; align-items: baseline; gap: 1rem; flex-wrap: wrap; font-family: var(--mono); font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--soft); }
  .wiz-sub #wiz-step-lbl { color: var(--accent); font-weight: 600; }
  .wiz-nota { margin: 0.9rem auto 0; max-width: 44ch; text-align: center; font-size: var(--t-sm); line-height: 1.55; color: var(--soft); }

  .btn.inactiv, .btn[disabled] { opacity: 0.45; pointer-events: none; box-shadow: none; }
  .wiz-hint { margin: -0.3rem 0 0.9rem; font-size: 0.82rem; color: var(--soft); text-align: center; }
  .wiz-hint[hidden] { display: none; }
  .wiz-title:focus:not(:focus-visible) { outline: none; }

  @keyframes wizIntra { from { opacity: 0; transform: translateX(44px); } to { opacity: 1; transform: none; } }
  @keyframes wizIntraInapoi { from { opacity: 0; transform: translateX(-44px); } to { opacity: 1; transform: none; } }
  @keyframes wizIese { to { opacity: 0; transform: translateX(-44px); } }
  @keyframes wizIeseInapoi { to { opacity: 0; transform: translateX(44px); } }
  @keyframes wizRand { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
  .wiz-box.inapoi .wiz-step-pane.on { animation-name: wizIntraInapoi; }
  .wiz-step-pane.iese { display: block; animation: wizIese .16s var(--ease-out) forwards; }
  .wiz-box.inapoi .wiz-step-pane.iese { animation-name: wizIeseInapoi; }
  .wiz-step-pane.intra > * { animation: wizRand .32s var(--ease-out) backwards; }
  .wiz-step-pane.intra > :nth-child(1) { animation-delay: 80ms; }
  .wiz-step-pane.intra > :nth-child(2) { animation-delay: 130ms; }
  .wiz-step-pane.intra > :nth-child(3) { animation-delay: 180ms; }
  .wiz-step-pane.intra > :nth-child(4) { animation-delay: 230ms; }
  .wiz-step-pane.intra > :nth-child(5) { animation-delay: 280ms; }
  .wiz-step-pane.intra > :nth-child(6) { animation-delay: 330ms; }
  .wiz-step-pane.intra > :nth-child(7) { animation-delay: 380ms; }
  .wiz-step-pane.intra > :nth-child(n+8) { animation-delay: 420ms; }
  .wiz-step-pane.intra .opt-card { animation: wizRand .32s var(--ease-out) backwards; }
  .wiz-step-pane.intra .opt-card:nth-child(1) { animation-delay: 220ms; }
  .wiz-step-pane.intra .opt-card:nth-child(2) { animation-delay: 320ms; }
  .wiz-step-pane.intra .opt-card:nth-child(3) { animation-delay: 420ms; }
  .wiz-step-pane.intra .opt-card:nth-child(n+4) { animation-delay: 520ms; }
  @media (prefers-reduced-motion: reduce) {
    .wiz-step-pane.on, .wiz-step-pane.iese, .wiz-step-pane.intra > *, .wiz-step-pane.intra .opt-card { animation: none !important; }
  }
  @media (max-width: 900px) {

  }

  .wiz-durata {
    font-family: var(--mono); font-size: 0.6875rem; letter-spacing: 0.12em;
    text-transform: uppercase; color: var(--soft); white-space: nowrap;
  }
  @media (max-width: 560px) { .lbl-lung { display: none; } }

  .wiz-box {
    background: var(--card);

    border-radius: var(--r-mare);
    padding: clamp(1.2rem, 2.5vw, 1.85rem);
    box-shadow: var(--elev-lg);
    position: relative;
    width: 100%;
    margin: 0;
  }

  .wiz-progress-bar {
    width: 100%; height: 3px; background: var(--line-soft);
    border-radius: var(--r-pastila); margin-bottom: 1.25rem; overflow: hidden;
  }
  .wiz-progress-fill {
    height: 100%; width: 25%; background: var(--accent);
    transition: width 0.3s var(--ease);
  }
  .wiz-title {
    font-family: var(--serif); font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.55rem);
    font-weight: 600; line-height: 1.25; margin: 0 0 0.35rem; color: var(--ink);
  }

  .wiz-desc {
    font-size: 0.84rem; color: var(--ink-2); line-height: 1.45; margin: 0 0 1.15rem;
    max-width: var(--measure);
  }

  @media (min-width: 900px) {
    .wiz-step-pane[data-step="1"] .opt-grid-2 { grid-template-columns: 1fr; }
  }

  .wiz-2col { display: grid; gap: 0 0.9rem; }
  @media (min-width: 720px) { .wiz-2col { grid-template-columns: 1fr 1fr; } }

  .opt-grid {
    display: grid; gap: 0.65rem; margin-bottom: 1.25rem;
  }
  .opt-grid-2 { grid-template-columns: 1fr 1fr; }
  @media (max-width: 540px) { .opt-grid-2 { grid-template-columns: 1fr; } }

  .opt-card {
    background: var(--paper);
    border: 1px solid var(--line-ui);
    border-radius: var(--r-md);
    padding: 0.85rem 1rem;
    cursor: pointer; text-align: left; position: relative;
    transition: border-color 0.18s var(--ease), background 0.18s var(--ease), transform 0.14s var(--ease), box-shadow 0.18s var(--ease);
    display: flex; flex-direction: column; justify-content: center; min-height: 74px;
  }
  @media (hover: hover) and (pointer: fine) {
    .opt-card:hover { border-color: var(--ink); transform: scale(1.02); box-shadow: 0 4px 14px rgba(23, 21, 20, 0.06); }
  }
  .opt-card:active { transform: scale(0.98); }
  .opt-card.active {
    border-color: var(--accent); background: rgba(170, 176, 155, 0.08);
    box-shadow: 0 0 0 1px var(--accent);
  }
  .opt-head {
    display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0.2rem;
  }
  .opt-tag {
    font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.06em;
    color: var(--soft); text-transform: uppercase; font-weight: 500;
  }
  .opt-radio {
    width: 15px; height: 15px; border-radius: 50%;
    border: 1.5px solid var(--line-ui); position: relative; flex: none;
    transition: border-color 0.18s, background 0.18s;
  }
  .opt-card.active .opt-radio {
    border-color: var(--accent); background: var(--accent);
  }
  .opt-card.active .opt-radio::after {
    content: ""; position: absolute; inset: 3px; border-radius: 50%; background: var(--paper);
  }
  .opt-card h4 {
    font-family: var(--serif); font-size: 1.02rem; font-weight: 600; margin: 0 0 0.15rem; color: var(--ink);
  }
  .opt-card p {
    font-size: 0.78rem; color: var(--ink-2); line-height: 1.38; margin: 0;
  }

  .area-display {
    text-align: center; margin: 0.5rem 0 0.35rem;
  }
  .area-num {
    font-family: var(--mono); font-size: clamp(2rem, 4.5vw, 2.65rem); font-weight: 600;
    color: var(--accent); line-height: 1;
  }
  .area-lbl {
    font-family: var(--sans); font-size: 0.85rem; color: var(--ink-2); margin-top: 0.3rem;
  }
  .area-slider {
    width: 100%; height: 6px; border-radius: var(--r-pastila);
    background: var(--line); accent-color: var(--accent); cursor: pointer;
    margin: 1rem 0;
  }
  .area-pills {
    display: flex; flex-wrap: wrap; gap: 0.45rem; justify-content: center; margin-bottom: 1.35rem;
  }
  .area-pill {
    font-family: var(--mono); font-size: 0.74rem; padding: 0.4rem 0.8rem;
    border: 1px solid var(--line-ui); border-radius: var(--r-pastila);
    background: var(--paper); color: var(--ink-2); cursor: pointer;

    transition: border-color .18s var(--ease), color .18s var(--ease),
                background-color .18s var(--ease), transform .12s var(--ease-press);
  }
  .area-pill:hover { border-color: var(--ink); color: var(--ink); }
  .area-pill:active { transform: scale(0.96); }
  .area-pill.active {
    border-color: var(--accent); color: var(--accent-fg); background: var(--accent);
    box-shadow: 0 2px 8px rgba(86, 88, 81, 0.25);
  }

  .wiz-nav {
    display: flex; justify-content: space-between; align-items: center; gap: 0.75rem;
    padding-top: 0.95rem; border-top: 1px solid var(--line); margin-top: 0.35rem;
  }

  .wiz-subtitlu {
    font-family: var(--mono); font-size: 0.72rem; letter-spacing: 0.1em;
    color: var(--soft); margin: 1.4rem 0 0.6rem;
  }

  .prio-row {
    display: flex; align-items: center; justify-content: space-between;
    gap: 1rem; padding: 0.75rem 0;
    border-bottom: 1px solid color-mix(in srgb, var(--line) 55%, transparent);
  }
  .prio-row:last-of-type { border-bottom: 0; padding-bottom: 0.25rem; }
  .prio-lbl { font-size: 0.95rem; line-height: 1.35; }
  .prio-lbl small { display: block; color: var(--soft); font-size: 0.8rem; margin-top: 0.15rem; }
  .prio-scale { display: flex; gap: 0.35rem; flex: 0 0 auto; }
  .prio-dot {
    width: 44px; height: 44px; border-radius: 50%;
    border: 1px solid var(--line-ui); background: transparent;
    font-family: var(--mono); font-size: 0.8rem; color: var(--ink-2);
    cursor: pointer; display: grid; place-items: center;
    transition: background-color .14s var(--ease-out), color .14s var(--ease-out),
                border-color .14s var(--ease-out), transform .12s var(--ease-out);
  }
  .prio-dot:hover { border-color: var(--accent); }
  .prio-dot[aria-checked="true"] {
    background: var(--accent); border-color: var(--accent);
    color: var(--accent-fg); font-weight: 600;
  }
  .prio-dot:active { transform: scale(0.94); }
  @media (max-width: 620px) {
    .prio-row { flex-direction: column; align-items: stretch; gap: 0.5rem; }
    .prio-scale { justify-content: space-between; }
    .prio-dot { flex: 1 1 0; max-width: 58px; }
  }

  .brief-nota {
    margin-top: 1.1rem; padding-top: 0.9rem;
    border-top: 1px solid color-mix(in srgb, var(--line) 55%, transparent);
    font-size: 0.82rem; line-height: 1.5; color: var(--soft);
  }

  .wiz-step-pane { display: none; }
  .wiz-step-pane.on { display: block; animation: wizIntra .3s var(--ease-out) backwards; }

  .fisa-progres {

    position: fixed; left: 0; top: calc(var(--h-bara) + env(safe-area-inset-top, 0px)); z-index: 45;
    height: 2px; width: 100%; transform-origin: left center;
    background: var(--accent); scale: 0 1;
    pointer-events: none;
  }
  @supports (animation-timeline: scroll()) {
    .page.on .fisa-progres {
      animation: umpleRigla linear both;
      animation-timeline: scroll(root block);
    }
  }
  @keyframes umpleRigla { from { scale: 0 1; } to { scale: 1 1; } }

  @media (prefers-reduced-motion: reduce) { .fisa-progres { display: none; } }

  .fisa-hero { position: relative; overflow: hidden; z-index: 1; }
  .banda-text { position: relative; z-index: 2; }

.cons {
  position: fixed; inset: 0; z-index: 30;
  display: flex; align-items: flex-end; justify-content: flex-end;
  padding: clamp(1rem, 4vw, 2rem);
  pointer-events: none;
}
.cons-in {
  position: relative; pointer-events: auto;
  width: min(27rem, 100%);
  max-height: min(62vh, 34rem);
  overflow-y: auto; overscroll-behavior: contain;
  background: color-mix(in srgb, var(--paper) 93%, transparent);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
  backdrop-filter: blur(18px) saturate(120%);
  border-radius: var(--r-mare);
  box-shadow: var(--elev-lg), inset 0 1px 0 var(--card);
  padding: clamp(1.2rem, 2.6vw, 1.5rem);
  display: flex; flex-direction: column; gap: .9rem;
  opacity: 0; transform: translateY(12px) scale(.985);
  transform-origin: bottom right;
  transition: opacity .24s var(--ease-out), transform .28s var(--ease-out);
}
.cons.on .cons-in { opacity: 1; transform: none; }
.cons-txt { min-width: 0; }
.cons-t {
  font-family: var(--serif); font-size: 1.5rem;
  font-weight: 600; letter-spacing: -.015em; line-height: 1.15;
  margin: 0 0 .35rem; padding-right: 2.75rem;
}
.cons-p { font-size: .875rem; line-height: 1.55; color: var(--ink-2); margin: 0; }
.cons-inchide {
  position: absolute; top: .45rem; right: .45rem;
  width: 44px; height: 44px; display: grid; place-items: center;
  border: 0; border-radius: var(--r-pastila); background: transparent;
  font: inherit; font-size: 1.5rem; color: var(--ink); cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .cons-inchide:hover { background: var(--surface); }
}
.cons-inchide:active { background: var(--surface); }
.cons[hidden], .cons-alege[hidden] { display: none; }
body.menu-open .cons { visibility: hidden; }
.cons-b { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.cons-b button {
  font-family: inherit; font-size: .8125rem; font-weight: 600;
  min-width: 0; min-height: 44px; padding: .6rem .45rem; cursor: pointer;
  border-radius: var(--r-pastila); border: 1px solid var(--line-ui);
  background: transparent; color: var(--ink);
  transition: transform .1s ease-out, opacity .16s var(--ease);
}
.cons-b button:active { transform: scale(.97); }
.cons-b #cons-alege { border-color: transparent; text-decoration: underline; text-underline-offset: .2em; }
.cons-b button.pr {
  background: var(--accent); color: var(--accent-fg); border-color: var(--accent);
}
@media (hover: hover) and (pointer: fine) {
  .cons-b button:hover { opacity: .85; }
}
.cons-alege .cons-b { grid-template-columns: 1fr; }
.cons-alege { flex: 1 1 100%; margin-top: .2rem; }
.cons-cat {
  display: flex; gap: .6rem; align-items: flex-start;
  padding: .55rem 0; border-top: 1px solid var(--line);
}
.cons-cat label { font-weight: 600; font-size: .8125rem; }
.cons-cat span {
  display: block; font-weight: 400; font-size: .78125rem;
  color: var(--ink-2); margin-top: .1rem;
}
.cons-cat input { margin-top: .28rem; width: 18px; height: 18px; flex: none; }
@media (max-width: 720px) {
  .cons { padding: .65rem; padding-bottom: max(.65rem, env(safe-area-inset-bottom, 0px)); }
  .cons-in { width: 100%; }
  .cons-b { flex: 1 1 100%; }
  .cons-b button { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) {
  .cons-in { transition: none; transform: none; }
  .cons-b button { transition: none; }
  .cons-b button:active { transform: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .cons-in { background: var(--paper); backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (prefers-contrast: more) {
  .cons-in {
    background: var(--paper); backdrop-filter: none; -webkit-backdrop-filter: none;
    box-shadow: 0 0 0 2px var(--ink);
  }
  .cons-b button { border-color: var(--ink); }
}

  .hero-cine { --hp: 0; }
  .hero-cine-text { z-index: 3; }
  .hero-cine .hero-full::after { content: ""; position: absolute; inset: 0; z-index: 2; background: var(--paper); transform: scaleX(1); transform-origin: right center; pointer-events: none; animation: heroCortina 1.15s var(--ease-in-out) .15s forwards; }
  @keyframes heroCortina { to { transform: scaleX(0); visibility: hidden; } }

  .hero-cine .hero-full .photo-slot img.on { animation: heroKb 16s var(--ease-out) forwards !important; transform-origin: 55% 45%; }
  @keyframes heroKb { from { transform: scale(1.10); } to { transform: scale(1); } }
  .hero-cine-text .categorie { position: relative; padding-bottom: .9rem; opacity: 0; animation: heroFade .9s var(--ease-out) .6s forwards; }
  .hero-cine-text .categorie::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(252, 251, 249, .35); transform: scaleX(0); transform-origin: left; animation: heroLinie 1.4s var(--ease-out) .95s forwards; }
  .hero-cine-text h1 .w { display: inline-block; overflow: hidden; vertical-align: bottom; padding: 0 .1em .08em; margin: 0 -.1em -.08em; }
  .hero-cine-text h1 .w > span { display: inline-block; transform: translateY(112%); animation: heroRise 1s var(--ease-out) forwards; animation-delay: calc(.8s + var(--i, 0) * 80ms); }

  .hero-cine-text h1.gata .w { overflow: visible; }
  .hero-cine-text .hero-cta { opacity: 0; transform: translateY(14px); animation: heroUp .9s var(--ease-out) 1.6s forwards; }
  @keyframes heroFade { to { opacity: 1; } }
  @keyframes heroLinie { to { transform: scaleX(1); } }
  @keyframes heroRise { to { transform: none; } }
  @keyframes heroUp { to { opacity: 1; transform: none; } }

  .hero-leg { position: absolute; z-index: 3; right: 0; bottom: clamp(2.2rem, 4.5vw, 4rem); left: 50%; transform: translateX(-50%); width: min(var(--page), 100%); padding-inline: var(--gut); margin: 0; text-align: right; color: var(--crem); opacity: 0; animation: heroFade .9s var(--ease-out) 1.9s forwards; pointer-events: none; font-family: var(--mono); font-size: .66rem; letter-spacing: .16em; text-transform: uppercase; text-shadow: 0 1px 4px rgba(0, 0, 0, .55); }
  .hero-leg-n { display: block; font-family: var(--serif); font-weight: 600; font-size: 1.25rem; letter-spacing: -.01em; text-transform: none; margin-bottom: .3rem; }
  @media (max-width: 900px) { .hero-leg { display: none; } }

  .fara-intro .hero-cine .hero-full::after { display: none; }
  .fara-intro .hero-cine .hero-full .photo-slot img.on { animation: none !important; }
  .fara-intro .hero-cine-text .categorie, .fara-intro .hero-cine-text .hero-cta { opacity: 1; transform: none; animation: none; }
  .fara-intro .hero-cine-text .categorie::after { transform: scaleX(1); animation: none; }
  .fara-intro .hero-cine-text h1 .w > span { transform: none; animation: none; }
  .fara-intro .hero-leg { opacity: 1; animation: none; }

  .sec-head.ds { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: clamp(2rem, 6vw, 5rem); align-items: start; max-width: none; }
  .sec-head.ds > .kicker { grid-column: 1 / -1; }
  .ds-titlu h1 { margin-top: 0; }

  .ds-oferta { padding-top: .55em; }
  .ds-oferta .lede { margin-top: 0; max-width: 40ch; }
  .ds-oferta .hero-cta { margin-top: 1.5rem; }
  .cta-nota { margin: .8rem 0 0; font-size: var(--t-sm); color: var(--ink-2); }
  .carduri-pret { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(.75rem, 1.6vw, 1.25rem); margin-top: var(--dupa-cap); }
  .card-pret { position: relative; display: block; overflow: hidden; border-radius: var(--r-mare); aspect-ratio: 4 / 3; color: var(--crem); text-decoration: none; isolation: isolate; background: var(--surface); }
  .card-pret img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.001); transition: transform .9s var(--ease-out); z-index: -2; }

  .card-pret::after { content: ""; position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(to top, rgba(23, 21, 20, .86) 0%, rgba(23, 21, 20, .68) 30%, rgba(23, 21, 20, .3) 52%, rgba(23, 21, 20, 0) 72%); }
  .cp-text { position: absolute; left: clamp(1rem, 2.2vw, 1.5rem); right: clamp(1rem, 2.2vw, 1.5rem); bottom: clamp(1rem, 2.2vw, 1.5rem); display: flex; flex-direction: column; gap: .45rem; }

  .cp-eticheta { color: var(--crem); opacity: .88; line-height: 1.6; }
  .cp-conditie { color: var(--crem); opacity: .85; font-size: var(--t-sm); line-height: 1.4; }
  .cp-pret { font-family: var(--serif); font-weight: 600; font-size: clamp(2rem, 1.2rem + 2.2vw, 3.1rem); line-height: 1; letter-spacing: -0.01em; font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; }
  .cp-pret .de-la { font-family: var(--sans); font-size: .36em; font-weight: 400; letter-spacing: 0; margin-right: .2em; opacity: .9; vertical-align: .35em; }
  @media (hover: hover) and (pointer: fine) {
    .card-pret:hover img { transform: scale(1.035); }
  }

  .sec-head.centrat { text-align: center; margin-inline: auto; max-width: 40rem; }
  .sec-head.centrat .kicker { justify-content: center; }
  .garantii { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); margin-top: var(--dupa-cap); }
  .garantie { position: relative; padding: clamp(1.5rem, 2.4vw, 2.25rem) clamp(1.25rem, 2vw, 1.75rem) clamp(1.75rem, 2.8vw, 2.5rem); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper); }
  .garantie::before, .garantie::after, .garantii::before, .garantii::after {
    content: ""; position: absolute; width: 11px; height: 11px; z-index: 2; pointer-events: none;
    background: linear-gradient(var(--ink), var(--ink)) center / 100% 1px no-repeat,
                linear-gradient(var(--ink), var(--ink)) center / 1px 100% no-repeat;
    opacity: .5;
  }
  .garantie::before { top: -6px; left: -6px; }
  .garantie::after { bottom: -6px; right: -6px; }
  .garantii::before { top: -6px; right: -6px; }
  .garantii::after { bottom: -6px; left: -6px; }
  .g-n { display: inline-flex; align-items: center; justify-content: center; min-width: 2.4rem; height: 2.4rem; padding-inline: .5rem; border: 1px solid var(--line); border-radius: var(--r-mic); color: var(--ink-2); background: var(--paper); }
  .g-t { font-family: var(--serif); font-weight: 600; font-size: clamp(1.3rem, 1.05rem + .6vw, 1.55rem); line-height: 1.15; margin: 1.4rem 0 0; text-wrap: balance; }
  .g-t em { color: var(--accent); }
  .garantie p { margin-top: .6rem; font-size: var(--t-sm); color: var(--ink-2); max-width: 34ch; }
  .lumina { position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .32s var(--ease);
    background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 0%), color-mix(in srgb, var(--accent) 10%, transparent) 0%, transparent 70%); }
  .garantie > :not(.lumina) { position: relative; }
  @media (hover: hover) and (pointer: fine) { .garantie:hover .lumina { opacity: 1; } }
  .garantii-actiuni { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.75rem; margin-top: var(--mod); }
  .garantii-actiuni .btn-line { min-height: 44px; gap: .5rem; }
  @media (max-width: 1023px) { .garantii { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (max-width: 620px) { .garantii { grid-template-columns: minmax(0, 1fr); } .sec-head.centrat { text-align: left; margin-inline: 0; } .garantii-actiuni { justify-content: flex-start; } }

  .linie-etape { list-style: none; margin: var(--dupa-cap) 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.5rem; position: relative; }
  .linie-etape::before { content: ""; position: absolute; left: 0; right: 0; top: 22px; height: 1px; background: var(--line-ui); opacity: .5; }
  .linie-etape li { position: relative; display: flex; flex-direction: column; gap: .5rem; }
  .le-n { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line-ui); background: var(--surface); display: inline-flex; align-items: center; justify-content: center;
    font-family: var(--serif); font-style: italic; font-size: 1.15rem; color: var(--ink); }
  .linie-etape h3 { font-family: var(--serif); font-weight: 600; font-size: clamp(1.2rem, 1rem + .5vw, 1.45rem); line-height: 1.15; margin: .9rem 0 0; }
  .linie-etape .lbl { color: var(--ink-2); }
  @media (max-width: 820px) {
    .linie-etape { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .linie-etape::before { left: 22px; right: auto; top: 22px; bottom: 22px; width: 1px; height: auto; }
    .linie-etape li { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 1.1rem; row-gap: .2rem; padding-bottom: 1.6rem; }
    .linie-etape li:last-child { padding-bottom: 0; }
    .linie-etape .le-n { grid-row: span 2; }
    .linie-etape h3 { margin: .45rem 0 0; }
  }

  @media (max-width: 820px) {
    .sec-head.ds { grid-template-columns: minmax(0, 1fr); row-gap: 1.1rem; }
    .carduri-pret { grid-template-columns: minmax(0, 1fr); margin-top: 1.75rem; }
    .card-pret { aspect-ratio: 5 / 4; }
  }
  @media (prefers-reduced-motion: reduce) {
    .card-pret img, .lumina { transition: none; }
  }

  .page[data-page="renovari-apartamente"] .carduri-pret { grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); }
  .page[data-page="renovari-apartamente"] .card-pret { aspect-ratio: auto; min-height: clamp(23rem, 39vw, 36rem); }
  .ra-inainte { border-block: 1px solid var(--line); }
  .ra-inainte-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(2rem, 6vw, 6rem); row-gap: 1.25rem; align-items: start; }
  .ra-inainte .kicker { grid-column: 1 / -1; }
  .ra-inainte h2 { grid-column: 1; margin: 0; max-width: 15ch; }
  .ra-inainte-copy { grid-column: 2; align-self: center; max-width: 54ch; color: var(--ink-2); }
  .ra-inainte-copy p + p { margin-top: 1rem; }
  @media (max-width: 820px) {
    .page[data-page="renovari-apartamente"] .carduri-pret { grid-template-columns: minmax(0, 1fr); }
    .page[data-page="renovari-apartamente"] .card-pret { aspect-ratio: 5 / 4; min-height: 0; }
    .ra-inainte-inner { grid-template-columns: minmax(0, 1fr); row-gap: 1.5rem; }
    .ra-inainte .kicker, .ra-inainte h2, .ra-inainte-copy { grid-column: 1; }
    .ra-inainte h2 { max-width: none; }
  }

  @media (prefers-reduced-motion: reduce) {
    .rv, .rv-stagger > * { opacity: 1; transform: none; filter: none; transition: none; }

    .kicker { clip-path: none !important; transition: none !important; }
    .tit-cuv { overflow: visible; }
    .tit-in { transform: none !important; transition: none !important; }
    .faq summary { transition: none !important; }
  .seg-ic [pathLength] { stroke-dashoffset: 0 !important; transition: none !important; }
  @media (hover: hover) and (pointer: fine) {
    .seg-ic, .seg:hover .seg-ic { transform: none !important; }
  }
    .pcard .frame::after { transform: scaleX(0) !important; transition: none !important; }
    .fact + .fact::before { transform: scaleY(1) !important; transition: none !important; }
    .teaser .frame::after, .seg-foto::after { transform: scaleX(0) !important; transition: none !important; }
    .step-p, .sec-lista.rv-stagger > li { opacity: 1 !important; transform: none !important; transition: none !important; }
    .grup::before { transform: scaleX(1) !important; transition: none !important; }
    .seg::after { opacity: 0 !important; transition: none !important; }
    .pcard-meta :is(h2, h3)::after { opacity: 1 !important; transform: none !important; transition: none !important; }
    .area-pill, .field input, .field select, .field textarea { transition: none !important; }
    .area-pill:active { transform: none !important; }
    .lightbox, .lightbox img, .slot.photo-slot img { transition: none; }
  @media (hover: hover) and (pointer: fine) {
    .slot.photo-slot:hover img { transform: none; }
  }
    .rv-stagger.in > * { transition-delay: 0ms; }
    .nav { transition: none; }
    .mark { transition: none; }
  @media (hover: hover) and (pointer: fine) {
    .btn:active, .wa:active, .pcard:hover, .wa:hover,
    .teaser:hover, .jcard:hover, .seg:hover, .chip:active,
    .slot.photo-slot:hover img { transform: none; }
  }
    .faq details[open] .ans { animation: none; }

    .mobile-menu, .mobile-menu a, .burger span, .lb-close, .lb-nav,
    .nav-links a, .hero-pct button, .faq summary::after,
    .btn, .seg-foto img, .seg .seg-ic { transition: none !important; }
    .mobile-menu a { transform: none !important; }
    .mobile-menu.on a, body.menu-open .mark { transform: none !important; }
  @media (hover: hover) and (pointer: fine) {
    .btn:hover .arr, .teaser:hover .teaser-go .arr { transform: none; }
  }
    .btn::before { transition: none !important; }
  @media (hover: hover) and (pointer: fine) {
    .seg-foto img, .seg:hover .seg-foto img { transform: none; }
  }
    .pcard:active, .teaser:active, .seg:active,
    .slot.photo-slot img:active, .hero-pct button:active { transform: none; }
    * { animation: none !important; }

    .teaser-meta, .teaser-sub, .teaser-fapte {
      opacity: 1; transform: none; transition: none;
    }

    .hero-cine .hero-full::after { display: none; }
    .hero-cine .hero-full .photo-slot img.on { animation: none !important; }
    .hero-cine-text .categorie, .hero-cine-text .hero-cta { opacity: 1; transform: none; animation: none; }
    .hero-cine-text .categorie::after { transform: scaleX(1); animation: none; }
    .hero-cine-text h1 .w > span { transform: none; animation: none; }
    .hero-leg { opacity: 1; animation: none; }
    }

html:not(.js) .rv, html:not(.js) .rv-stagger > * { opacity: 1; transform: none; filter: none; transition: none; }
html:not(.js) .kicker { clip-path: none !important; transition: none !important; }
html:not(.js) .tit-cuv { overflow: visible; }
html:not(.js) .tit-in { transform: none !important; transition: none !important; }
html:not(.js) .faq summary { transition: none !important; }
html:not(.js) .seg-ic [pathLength] { stroke-dashoffset: 0 !important; transition: none !important; }
@media (hover: hover) and (pointer: fine) {
html:not(.js) .seg-ic, html:not(.js) .seg:hover .seg-ic { transform: none !important; }
}
html:not(.js) .pcard .frame::after { transform: scaleX(0) !important; transition: none !important; }
html:not(.js) .fact + .fact::before { transform: scaleY(1) !important; transition: none !important; }
html:not(.js) .teaser .frame::after, html:not(.js) .seg-foto::after { transform: scaleX(0) !important; transition: none !important; }
html:not(.js) .step-p, html:not(.js) .sec-lista.rv-stagger > li { opacity: 1 !important; transform: none !important; transition: none !important; }
html:not(.js) .grup::before { transform: scaleX(1) !important; transition: none !important; }
html:not(.js) .seg::after { opacity: 0 !important; transition: none !important; }
html:not(.js) .pcard-meta :is(h2, h3)::after { opacity: 1 !important; transform: none !important; transition: none !important; }
html:not(.js) .area-pill, html:not(.js) .field input, html:not(.js) .field select, html:not(.js) .field textarea { transition: none !important; }
html:not(.js) .area-pill:active { transform: none !important; }
html:not(.js) .lightbox, html:not(.js) .lightbox img, html:not(.js) .slot.photo-slot img { transition: none; }
@media (hover: hover) and (pointer: fine) {
html:not(.js) .slot.photo-slot:hover img { transform: none; }
}
html:not(.js) .rv-stagger.in > * { transition-delay: 0ms; }
html:not(.js) .nav { transition: none; }
html:not(.js) .mark { transition: none; }
@media (hover: hover) and (pointer: fine) {
html:not(.js) .btn:active, html:not(.js) .wa:active, html:not(.js) .pcard:hover, html:not(.js) .wa:hover, html:not(.js) .teaser:hover, html:not(.js) .jcard:hover, html:not(.js) .seg:hover, html:not(.js) .chip:active, html:not(.js) .slot.photo-slot:hover img { transform: none; }
}
html:not(.js) .faq details[open] .ans { animation: none; }
html:not(.js) .mobile-menu, html:not(.js) .mobile-menu a, html:not(.js) .burger span, html:not(.js) .lb-close, html:not(.js) .lb-nav, html:not(.js) .nav-links a, html:not(.js) .hero-pct button, html:not(.js) .faq summary::after, html:not(.js) .btn, html:not(.js) .seg-foto img, html:not(.js) .seg .seg-ic { transition: none !important; }
html:not(.js) .mobile-menu a { transform: none !important; }
html:not(.js) .mobile-menu.on a, html:not(.js) body.menu-open .mark { transform: none !important; }
@media (hover: hover) and (pointer: fine) {
html:not(.js) .btn:hover .arr, html:not(.js) .teaser:hover .teaser-go .arr { transform: none; }
}
html:not(.js) .btn::before { transition: none !important; }
@media (hover: hover) and (pointer: fine) {
html:not(.js) .seg-foto img, html:not(.js) .seg:hover .seg-foto img { transform: none; }
}
html:not(.js) .pcard:active, html:not(.js) .teaser:active, html:not(.js) .seg:active, html:not(.js) .slot.photo-slot img:active, html:not(.js) .hero-pct button:active { transform: none; }
html:not(.js) * { animation: none !important; }
html:not(.js) .teaser-meta, html:not(.js) .teaser-sub, html:not(.js) .teaser-fapte {
      opacity: 1; transform: none; transition: none;
    }
html:not(.js) .hero-cine .hero-full::after { display: none; }
html:not(.js) .hero-cine .hero-full .photo-slot img.on { animation: none !important; }
html:not(.js) .hero-cine-text .categorie, html:not(.js) .hero-cine-text .hero-cta { opacity: 1; transform: none; animation: none; }
html:not(.js) .hero-cine-text .categorie::after { transform: scaleX(1); animation: none; }
html:not(.js) .hero-cine-text h1 .w > span { transform: none; animation: none; }
html:not(.js) .hero-leg { opacity: 1; animation: none; }