.elementor-10241 .elementor-element.elementor-element-acc5A5LM{transition:all 400ms;}:root{--page-title-display:none;}/* Start custom CSS for accordion, class: .elementor-element-acc5A5LM */{{WRAPPER}} { display:block; }
{{WRAPPER}} .elementor-accordion-item { border-bottom:1px solid var(--line,#e2ddd6); }
{{WRAPPER}} .elementor-accordion-item:first-child { border-top:1px solid var(--line,#e2ddd6); }
{{WRAPPER}} .elementor-tab-title { display:flex; align-items:center; justify-content:space-between; padding:17px 0; cursor:pointer; font-family:"Lora",serif; font-size:clamp(.95rem,1.2vw,1.05rem); font-weight:500; color:var(--ink-soft,#2f2b27); gap:14px; background:none; border:none; width:100%; text-align:left; }
{{WRAPPER}} .elementor-tab-title:hover { color:var(--accent,#958e09); }
{{WRAPPER}} .elementor-accordion-icon { color:var(--muted,#6b6451); font-size:1.3rem; transition:transform .22s ease; }
{{WRAPPER}} .elementor-tab-content { padding-bottom:16px; font-size:.88rem; color:var(--muted,#6b6451); line-height:1.8; }/* End custom CSS */
/* Start custom CSS */:root {
      --paper: #fafaf9;
      --paper-deep: #f1eee9;
      --ink: #1c1917;
      --ink-soft: #333333;
      --muted: #6b6b6b;
      --muted-strong: #4f4f4f;
      --line: #d6d3d1;
      --line-strong: rgba(214, 211, 209, 0.9);
      --accent: #958e09;
      --accent-soft: rgba(149, 142, 9, 0.14);
      --dark: #171412;
      --dark-soft: rgba(23, 20, 18, 0.72);
      --shadow: 0 24px 70px rgba(16, 12, 9, 0.12);
      --max-width: min(1180px, calc(100vw - 48px));
      --section-space: clamp(72px, 10vw, 128px);
      --radius: 28px;
      --ease: 240ms ease;
    }

    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: "Nunito Sans", sans-serif;
      background: #ffffff;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.85;
      text-rendering: optimizeLegibility;
      overflow-x: hidden;
    }

    img {
      display: block;
      max-width: 100%;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button,
    input,
    textarea,
    select {
      font: inherit;
    }

    ::selection {
      background: var(--accent-soft);
      color: var(--ink);
    }

    .page-shell, #page-shell {
      position: relative;
    }

    .container, #container {
      width: var(--max-width);
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .section, #section {
      padding: var(--section-space) 0;
      position: relative;
    }

    .section--paper, #section--paper {
      background:
        linear-gradient(180deg, rgba(250, 250, 249, 0.95), rgba(250, 250, 249, 1)),
        radial-gradient(circle at top left, rgba(149, 142, 9, 0.08), transparent 34%);
    }

    .section-label, #section-label {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 18px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.32em;
      text-transform: uppercase;
      color: var(--muted);
    }

    .section-label::before {
      content: "";
      width: 46px;
      height: 1px;
      background: rgba(149, 142, 9, 0.48);
    }

    .section-head, #section-head {
      display: grid;
      gap: 18px;
      margin-bottom: clamp(30px, 5vw, 52px);
      max-width: 760px;
    }

    h1,
    h2,
    h3,
    h4 {
      font-family: "Lora", serif;
      color: var(--ink-soft);
      font-weight: 500;
      line-height: 1.12;
    }

    h1 {
      font-size: clamp(3rem, 6vw, 5.6rem);
      color: #ffffff;
      max-width: 8.8ch;
    }

    h2 {
      font-size: clamp(2.3rem, 4.4vw, 4rem);
      max-width: 14ch;
    }

    h3 {
      font-size: clamp(1.35rem, 2vw, 2rem);
    }

    p {
      margin: 0;
    }

    strong {
      color: var(--ink-soft);
      font-weight: 700;
    }

    .lede, #lede {
      font-size: clamp(1.08rem, 1.3vw, 1.28rem);
      color: var(--muted-strong);
      max-width: 56ch;
    }

    .eyebrow, #eyebrow {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.74);
    }

    .btn-row, #btn-row {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 10px;
    }

    .btn, #btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 56px;
      padding: 14px 28px;
      border: 1px solid transparent;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      transition:
        transform var(--ease),
        border-color var(--ease),
        background-color var(--ease),
        color var(--ease),
        box-shadow var(--ease);
      cursor: pointer;
    }

    .btn:hover,
    .btn:focus-visible {
      transform: translateY(-2px);
      box-shadow: 0 16px 36px rgba(20, 16, 13, 0.14);
      outline: none;
    }

    .btn--light, #btn--light {
      background: var(--paper);
      color: var(--ink);
    }

    .btn--light:hover,
    .btn--light:focus-visible {
      background: #ffffff;
    }

    .btn--ghost, #btn--ghost {
      border-color: rgba(255, 255, 255, 0.34);
      color: #ffffff;
      background: transparent;
    }

    .btn--ghost:hover,
    .btn--ghost:focus-visible {
      border-color: rgba(255, 255, 255, 0.62);
      background: rgba(255, 255, 255, 0.06);
    }

    .btn--dark, #btn--dark {
      background: var(--ink);
      color: #ffffff;
    }

    .btn--dark:hover,
    .btn--dark:focus-visible {
      background: #0f0d0b;
    }

    .hero, #hero {
      min-height: 100svh;
      padding: 40px 0 0;
      display: flex;
      align-items: flex-end;
      background:
        linear-gradient(180deg, rgba(16, 12, 9, 0.18) 0%, rgba(16, 12, 9, 0.68) 58%, rgba(16, 12, 9, 0.92) 100%),
        linear-gradient(90deg, rgba(16, 12, 9, 0.62) 0%, rgba(16, 12, 9, 0.18) 48%, rgba(16, 12, 9, 0.48) 100%),
        url("https://www.mlkstudio.ro/wp-content/uploads/2021/09/IMG-20250725-WA0013.jpg") center center / cover no-repeat;
      position: relative;
      overflow: hidden;
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 32px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      pointer-events: none;
    }

    .hero::after {
      content: "";
      position: absolute;
      inset: auto -10% -16% 48%;
      height: 46%;
      background: radial-gradient(circle, rgba(149, 142, 9, 0.26), transparent 68%);
      filter: blur(22px);
      pointer-events: none;
    }

    .hero-frame, #hero-frame {
      width: 100%;
      padding-bottom: 28px;
    }

    .hero-breadcrumb, #hero-breadcrumb {
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 24px;
      font-size: 12px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
    }

    .hero-breadcrumb a {
      color: rgba(255, 255, 255, 0.88);
      transition: color var(--ease);
    }

    .hero-breadcrumb a:hover,
    .hero-breadcrumb a:focus-visible {
      color: #ffffff;
      outline: none;
    }

    .hero-grid, #hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(290px, 0.75fr);
      gap: clamp(26px, 4vw, 72px);
      align-items: end;
    }

    .hero-copy, #hero-copy {
      display: grid;
      gap: 24px;
      padding: clamp(38px, 6vw, 72px) 0;
    }

    .hero-copy p {
      max-width: 58ch;
      font-size: clamp(1.05rem, 1.4vw, 1.2rem);
      color: rgba(255, 255, 255, 0.82);
    }

    .hero-meta, #hero-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      color: rgba(255, 255, 255, 0.72);
      font-size: 14px;
    }

    .hero-aside, #hero-aside {
      background: rgba(250, 250, 249, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.18);
      backdrop-filter: blur(18px);
      border-radius: var(--radius);
      padding: 26px;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0 18px 54px rgba(0, 0, 0, 0.18);
      align-self: center;
      max-width: 390px;
      justify-self: end;
    }

    .hero-aside .card-label, #card-label {
      display: block;
      margin-bottom: 16px;
      color: rgba(255, 255, 255, 0.64);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.28em;
      text-transform: uppercase;
    }

    .hero-aside h2 {
      font-size: clamp(1.6rem, 2vw, 2rem);
      color: #ffffff;
      max-width: none;
      margin-bottom: 10px;
    }

    .hero-aside p {
      font-size: 15px;
      color: rgba(255, 255, 255, 0.72);
      margin-bottom: 18px;
    }

    .hero-aside ul {
      list-style: none;
      display: grid;
      gap: 12px;
      margin-bottom: 24px;
    }

    .hero-aside li {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 10px;
      align-items: start;
      font-size: 14px;
    }

    .hero-aside li::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: var(--accent);
      margin-top: 10px;
      box-shadow: 0 0 0 6px rgba(149, 142, 9, 0.12);
    }

    .hero-contact, #hero-contact {
      padding-top: 18px;
      border-top: 1px solid rgba(255, 255, 255, 0.18);
      display: grid;
      gap: 10px;
      font-size: 14px;
    }

    .hero-contact span {
      color: #ffffff;
      font-size: 11px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
    }

    .hero-contact strong {
      color: #ffffff;
    }

    .hero-trust, #hero-trust {
      margin-top: clamp(24px, 4vw, 34px);
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
    }

    .hero-trust article {
      min-height: 128px;
      padding: 22px;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 24px;
      color: #ffffff;
      display: grid;
      gap: 10px;
      align-content: start;
    }

    .hero-trust strong {
      color: #ffffff;
      font-size: 1.12rem;
      font-weight: 700;
      line-height: 1.2;
    }

    .hero-trust span {
      font-size: 12px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.64);
    }

    .hero-trust p {
      color: rgba(255, 255, 255, 0.72);
      font-size: 14px;
      line-height: 1.65;
    }

    .intro-grid, #intro-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
      gap: clamp(32px, 6vw, 74px);
      align-items: start;
    }

    .prose-stack, #prose-stack {
      display: grid;
      gap: 18px;
      max-width: 63ch;
    }

    .intro-rail, #intro-rail {
      display: grid;
      gap: 18px;
    }

    .metrics-card,
    .service-card, #service-card {
      background: linear-gradient(180deg, rgba(250, 250, 249, 0.96), rgba(244, 241, 236, 0.9));
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: clamp(24px, 3.2vw, 32px);
      box-shadow: var(--shadow);
    }

    .metrics-card, #metrics-card {
      display: grid;
      gap: 24px;
    }

    .metrics-grid, #metrics-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .metric, #metric {
      display: grid;
      gap: 6px;
      padding-top: 14px;
      border-top: 1px solid rgba(28, 25, 23, 0.08);
    }

    .metric strong {
      font-family: "Lora", serif;
      font-size: clamp(2rem, 3vw, 2.8rem);
      font-weight: 500;
      color: var(--ink);
      line-height: 1;
    }

    .metric span {
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--muted);
      line-height: 1.5;
    }

    .service-card h3,
    .metrics-card h3 {
      margin-bottom: 10px;
    }

    .service-card ul {
      list-style: none;
      display: grid;
      gap: 14px;
      margin-top: 22px;
    }

    .service-card li {
      display: grid;
      gap: 4px;
      padding-bottom: 14px;
      border-bottom: 1px solid rgba(28, 25, 23, 0.08);
    }

    .service-card li:last-child {
      padding-bottom: 0;
      border-bottom: none;
    }

    .service-card strong {
      font-size: 14px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .materials-grid, #materials-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(22px, 3vw, 28px);
    }

    .material-card, #material-card {
      display: grid;
      gap: 22px;
      padding: 18px;
      border-radius: calc(var(--radius) + 4px);
      background: #ffffff;
      border: 1px solid var(--line);
      box-shadow: var(--shadow);
      transition: transform var(--ease), border-color var(--ease), box-shadow var(--ease);
    }

    .material-card:hover,
    .material-card:focus-within {
      transform: translateY(-4px);
      border-color: rgba(149, 142, 9, 0.4);
      box-shadow: 0 30px 70px rgba(19, 14, 11, 0.12);
    }

    .material-visual, #material-visual {
      position: relative;
      border-radius: 22px;
      overflow: hidden;
      aspect-ratio: 4 / 3.4;
      min-height: 280px;
      background: var(--paper-deep);
    }

    .material-visual img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.03);
      transition: transform 400ms ease;
    }

    .material-card:hover .material-visual img,
    .material-card:focus-within .material-visual img {
      transform: scale(1.08);
    }

    .material-visual::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(16, 12, 9, 0.02), rgba(16, 12, 9, 0.48)),
        linear-gradient(120deg, rgba(250, 250, 249, 0.2), transparent 40%);
    }

    .material-tag, #material-tag {
      position: absolute;
      left: 16px;
      top: 16px;
      z-index: 1;
      padding: 10px 14px;
      border-radius: 999px;
      background: rgba(250, 250, 249, 0.84);
      color: var(--ink);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }

    .material-copy, #material-copy {
      display: grid;
      gap: 14px;
      padding: 0 8px 8px;
    }

    .material-copy ul {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .material-copy li {
      padding: 7px 12px;
      border-radius: 999px;
      background: var(--accent-soft);
      color: var(--ink-soft);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .portfolio-wrap, #portfolio-wrap {
      display: grid;
      gap: 32px;
    }

    .showroom-case, #showroom-case {
      display: grid;
      grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.28fr);
      gap: clamp(26px, 4vw, 44px);
      align-items: start;
      padding: clamp(24px, 4vw, 36px);
      border-top: 1px solid var(--line);
    }

    .showroom-case:last-child {
      border-bottom: 1px solid var(--line);
    }

    .showroom-case:nth-of-type(even) {
      grid-template-columns: minmax(0, 1.28fr) minmax(250px, 0.72fr);
    }

    .showroom-case:nth-of-type(even) .showroom-copy, #showroom-copy {
      order: 2;
      padding-left: clamp(10px, 2vw, 28px);
    }

    .showroom-case:nth-of-type(even) .showroom-gallery, #showroom-gallery {
      order: 1;
    }

    .showroom-copy, #showroom-copy {
      display: grid;
      gap: 16px;
      align-content: start;
      max-width: 34ch;
      padding-top: 12px;
    }

    .showroom-index, #showroom-index {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--muted);
    }

    .showroom-index::before {
      content: "";
      width: 38px;
      height: 1px;
      background: rgba(149, 142, 9, 0.45);
    }

    .showroom-gallery, #showroom-gallery {
      display: grid;
      gap: 12px;
    }

    .gallery-mosaic, #gallery-mosaic {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .gallery-mosaic--3, #gallery-mosaic--3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gallery-mosaic figure {
      min-height: 160px;
      border-radius: 20px;
      overflow: hidden;
      background: var(--paper-deep);
      position: relative;
    }

    .gallery-mosaic img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 360ms ease, filter 360ms ease;
    }

    .gallery-mosaic figure::after {
      content: "";
      position: absolute;
      inset: 0;
      border: 1px solid rgba(255, 255, 255, 0.08);
      pointer-events: none;
    }

    .gallery-mosaic figure:hover img,
    .gallery-mosaic figure:focus-within img {
      transform: scale(1.06);
      filter: saturate(1.04) contrast(1.02);
    }

    .gallery-mosaic--4 figure:first-child {
      grid-column: span 2;
      grid-row: span 2;
      min-height: 336px;
    }

    .gallery-mosaic--3 figure:first-child {
      grid-column: span 2;
      min-height: 320px;
    }

    .advantages-intro, #advantages-intro {
      max-width: 58ch;
      margin-bottom: clamp(34px, 5vw, 54px);
    }

    .advantages-grid, #advantages-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px 28px;
    }

    .advantage, #advantage {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 20px;
      align-items: start;
      padding: clamp(24px, 3vw, 32px);
      border-radius: var(--radius);
      background: rgba(255, 255, 255, 0.78);
      border: 1px solid rgba(214, 211, 209, 0.9);
    }

    .advantage:nth-child(odd) {
      transform: translateY(18px);
    }

    .advantage-number, #advantage-number {
      font-family: "Lora", serif;
      font-size: clamp(2.4rem, 4vw, 3.5rem);
      color: rgba(149, 142, 9, 0.76);
      line-height: 0.92;
    }

    .advantage-copy, #advantage-copy {
      display: grid;
      gap: 10px;
    }

    .process-track, #process-track {
      position: relative;
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 18px;
      align-items: start;
      margin-top: clamp(18px, 3vw, 28px);
    }

    .process-track::before {
      content: "";
      position: absolute;
      top: 36px;
      left: 24px;
      right: 24px;
      height: 1px;
      background:
        linear-gradient(90deg, rgba(149, 142, 9, 0.24) 0%, rgba(149, 142, 9, 0.42) 50%, rgba(149, 142, 9, 0.24) 100%);
      z-index: 0;
    }

    .process-step, #process-step {
      position: relative;
      z-index: 1;
      display: grid;
      gap: 14px;
      align-content: start;
      padding: 0 10px;
    }

    .process-badge, #process-badge {
      width: 72px;
      height: 72px;
      border-radius: 24px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: var(--ink);
      color: #ffffff;
      font-family: "Lora", serif;
      font-size: 1.9rem;
      line-height: 1;
      box-shadow: 0 14px 32px rgba(18, 14, 11, 0.16);
    }

    .process-step p {
      max-width: 25ch;
    }

    .faq-shell, #faq-shell {
      display: grid;
      grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
      gap: clamp(28px, 5vw, 58px);
      align-items: start;
    }

    .faq-shell .section-head, #section-head {
      margin-bottom: 0;
    }

    .faq-list, #faq-list {
      display: grid;
      gap: 14px;
    }

    .faq-item, #faq-item {
      border-radius: 24px;
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, 0.92);
      overflow: hidden;
      transition: border-color var(--ease), box-shadow var(--ease), transform var(--ease);
    }

    .faq-item[open] {
      border-color: rgba(149, 142, 9, 0.44);
      box-shadow: 0 20px 48px rgba(18, 14, 11, 0.08);
      transform: translateY(-2px);
    }

    .faq-item summary {
      list-style: none;
      cursor: pointer;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 18px;
      align-items: center;
      padding: 24px 26px;
      color: var(--ink-soft);
      font-family: "Lora", serif;
      font-size: clamp(1.1rem, 1.6vw, 1.4rem);
      line-height: 1.35;
    }

    .faq-item summary::-webkit-details-marker {
      display: none;
    }

    .faq-toggle, #faq-toggle {
      width: 34px;
      height: 34px;
      border-radius: 999px;
      border: 1px solid rgba(149, 142, 9, 0.36);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--accent);
      font-size: 20px;
      transition: transform var(--ease), background-color var(--ease), color var(--ease);
    }

    .faq-item[open] .faq-toggle, #faq-toggle {
      transform: rotate(45deg);
      background: var(--accent);
      color: #ffffff;
    }

    .faq-answer, #faq-answer {
      padding: 0 26px 24px;
      color: var(--muted);
    }

    .contact-callout, #contact-callout {
      padding: clamp(72px, 8vw, 104px) 0 clamp(88px, 10vw, 120px);
      background:
        radial-gradient(circle at top left, rgba(149, 142, 9, 0.28), transparent 34%),
        linear-gradient(180deg, #1b1714, #100d0b);
      color: rgba(255, 255, 255, 0.8);
      position: relative;
      overflow: hidden;
    }

    .contact-callout::before {
      content: "";
      position: absolute;
      inset: 28px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      pointer-events: none;
    }

    .contact-grid, #contact-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
      gap: clamp(28px, 5vw, 60px);
      align-items: end;
    }

    .contact-copy, #contact-copy {
      display: grid;
      gap: 20px;
      max-width: 58ch;
    }

    .contact-copy h2 {
      color: #ffffff;
      max-width: 11ch;
    }

    .contact-copy p {
      color: rgba(255, 255, 255, 0.74);
      max-width: 54ch;
    }

    .contact-panel, #contact-panel {
      display: grid;
      gap: 16px;
      padding: clamp(24px, 3vw, 32px);
      border-radius: var(--radius);
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(16px);
    }

    .contact-list, #contact-list {
      display: grid;
      gap: 12px;
    }

    .contact-item, #contact-item {
      display: grid;
      gap: 3px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .contact-item:last-child {
      padding-bottom: 0;
      border-bottom: none;
    }

    .contact-item span {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.5);
    }

    .contact-item strong,
    .contact-item a {
      color: #ffffff;
      font-size: clamp(1rem, 1.3vw, 1.18rem);
      font-weight: 700;
    }

    .contact-item a:hover,
    .contact-item a:focus-visible {
      color: #f6efb3;
      outline: none;
    }

    .contact-actions, #contact-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 6px;
    }

    .reveal-ready [data-reveal] {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity 700ms ease, transform 700ms ease;
      will-change: transform, opacity;
    }

    .reveal-ready [data-reveal].is-visible, #is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    .reveal-ready [data-reveal="delay-1"] {
      transition-delay: 110ms;
    }

    .reveal-ready [data-reveal="delay-2"] {
      transition-delay: 180ms;
    }

    .reveal-ready [data-reveal="delay-3"] {
      transition-delay: 250ms;
    }

    /* ── MOBILE BASE ENHANCEMENTS ── */
    html {
      scroll-behavior: smooth;
      -webkit-text-size-adjust: 100%;
      text-size-adjust: 100%;
    }

    body {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    /* iOS tap highlight removal */
    a, button, summary, [role="button"] {
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }

    /* Prevent double-tap zoom on buttons */
    .btn, #btn {
      touch-action: manipulation;
    }

    /* iOS momentum scrolling for scroll containers */
    .gallery-mosaic, #gallery-mosaic {
      -webkit-overflow-scrolling: touch;
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }

      *,
      *::before,
      *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
      }

      .reveal-ready [data-reveal] {
        opacity: 1 !important;
        transform: none !important;
      }
    }

    /* ── TABLET (max 1140px) ── */
    @media (max-width: 1140px) {
      h1, h2 {
        max-width: none;
      }

      .hero-grid,
      .intro-grid,
      .contact-grid,
      .faq-shell, #faq-shell {
        grid-template-columns: 1fr;
      }

      .hero-aside, #hero-aside {
        justify-self: start;
        max-width: 100%;
        width: 100%;
      }

      .hero-trust, #hero-trust {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .materials-grid, #materials-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .advantages-grid, #advantages-grid {
        grid-template-columns: 1fr;
      }

      .showroom-case,
      .showroom-case:nth-of-type(even) {
        grid-template-columns: 1fr;
      }

      .showroom-case:nth-of-type(even) .showroom-copy,
      .showroom-case:nth-of-type(even) .showroom-gallery, #showroom-gallery {
        order: initial;
        padding-left: 0;
      }

      .showroom-copy, #showroom-copy {
        max-width: 100%;
      }

      .process-track, #process-track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .process-track::before {
        left: 18px;
        right: 18px;
      }
    }

    /* ── MOBILE (max 820px) ── */
    @media (max-width: 820px) {
      :root {
        --max-width: min(100vw - 32px, 1180px);
        --section-space: clamp(56px, 9vw, 96px);
        --radius: 20px;
      }

      .hero, #hero {
        min-height: 100svh;
        min-height: 100dvh;
      }

      .hero::before,
      .contact-callout::before {
        inset: 12px;
      }

      .hero-frame, #hero-frame {
        padding-bottom: 100px; /* space for sticky CTA */
      }

      .hero-copy, #hero-copy {
        gap: 18px;
        padding-top: 20px;
      }

      .hero-copy p {
        font-size: 1rem;
      }

      .hero-trust, #hero-trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }

      .hero-trust article {
        min-height: 110px;
        padding: 18px 16px;
        border-radius: 18px;
      }

      .hero-trust article:last-child {
        grid-column: 1 / -1;
      }

      .hero-aside, #hero-aside {
        padding: 20px;
      }

      .metrics-grid, #metrics-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }

      /* Gallery on mobile: horizontal scroll instead of grid */
      .gallery-mosaic,
      .gallery-mosaic--3, #gallery-mosaic--3 {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 10px;
        padding-bottom: 8px;
        scrollbar-width: none;
      }

      .gallery-mosaic::-webkit-scrollbar,
      .gallery-mosaic--3::-webkit-scrollbar {
        display: none;
      }

      .gallery-mosaic figure,
      .gallery-mosaic--3 figure {
        flex: 0 0 72vw;
        max-width: 300px;
        min-height: 220px;
        scroll-snap-align: start;
        border-radius: 16px;
      }

      .gallery-mosaic--4 figure:first-child,
      .gallery-mosaic--3 figure:first-child {
        flex: 0 0 84vw;
        max-width: 360px;
        min-height: 240px;
        grid-column: auto;
        grid-row: auto;
      }

      /* Avantaje: single column */
      .advantages-grid, #advantages-grid {
        gap: 14px;
      }

      .advantage, #advantage {
        grid-template-columns: auto 1fr;
        padding: 20px;
      }

      .advantage:nth-child(odd) {
        transform: none;
      }

      .advantage-number, #advantage-number {
        font-size: 2rem;
      }

      /* Proces: vertical single column */
      .process-track, #process-track {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .process-track::before {
        top: 0;
        bottom: 0;
        left: 35px;
        right: auto;
        width: 1px;
        height: auto;
      }

      .process-step, #process-step {
        grid-template-columns: 72px 1fr;
        gap: 16px;
        padding: 0;
      }

      .process-step > div:last-child {
        padding-top: 8px;
      }

      .process-badge, #process-badge {
        width: 60px;
        height: 60px;
        border-radius: 18px;
        font-size: 1.5rem;
      }

      /* Materiale: single column */
      .materials-grid, #materials-grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .material-visual, #material-visual {
        min-height: 220px;
        aspect-ratio: 16/9;
      }

      /* FAQ */
      .faq-shell, #faq-shell {
        grid-template-columns: 1fr;
        gap: 28px;
      }

      .faq-item summary {
        padding: 20px;
        font-size: 1rem;
      }

      .faq-answer, #faq-answer {
        padding: 0 20px 20px;
      }

      /* Contact */
      .contact-grid, #contact-grid {
        grid-template-columns: 1fr;
        gap: 28px;
      }

      .contact-copy h2 {
        font-size: clamp(1.8rem, 5vw, 2.6rem);
      }

      /* Showroom case */
      .showroom-case, #showroom-case {
        padding: 20px 0;
        gap: 16px;
      }

      .showroom-copy, #showroom-copy {
        padding-top: 0;
      }
    }

    /* ── SMALL MOBILE (max 560px) ── */
    @media (max-width: 560px) {
      :root {
        --section-space: 56px;
        --radius: 16px;
      }

      /* Full-width buttons */
      .btn-row, #btn-row {
        flex-direction: column;
      }

      .btn, #btn {
        width: 100%;
        min-height: 52px;
        justify-content: center;
      }

      /* Hero font adjustments */
      h1 {
        font-size: clamp(2rem, 8.5vw, 2.8rem);
        max-width: none;
        line-height: 1.18;
        font-weight: 700;
      }

      h2 {
        font-size: clamp(1.5rem, 5.5vw, 2.1rem);
        max-width: none;
        line-height: 1.22;
        font-weight: 700;
      }

      h3 {
        font-size: clamp(1.1rem, 3.8vw, 1.4rem);
        line-height: 1.3;
        font-weight: 700;
      }

      .hero-frame, #hero-frame {
        padding-bottom: 110px;
      }

      .hero-trust, #hero-trust {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
      }

      .hero-trust article {
        min-height: 96px;
        padding: 14px 12px;
        border-radius: 16px;
      }

      .hero-trust article:last-child {
        grid-column: 1 / -1;
      }

      .hero-trust strong {
        font-size: 0.95rem;
      }

      .hero-trust p {
        font-size: 12px;
      }

      .hero-aside, #hero-aside {
        padding: 18px;
        border-radius: 18px;
      }

      .hero-aside h2 {
        font-size: 1.4rem;
      }

      /* Metrics */
      .metrics-grid, #metrics-grid {
        grid-template-columns: repeat(3, 1fr);
      }

      .metric strong {
        font-size: 1.8rem;
      }

      .metric span {
        font-size: 10px;
      }

      /* Gallery scroll - full width cards on small */
      .gallery-mosaic figure,
      .gallery-mosaic--3 figure {
        flex: 0 0 80vw;
        min-height: 200px;
      }

      .gallery-mosaic--4 figure:first-child,
      .gallery-mosaic--3 figure:first-child {
        flex: 0 0 90vw;
        min-height: 210px;
      }

      /* Avantaje */
      .advantage, #advantage {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 18px;
      }

      .advantage-number, #advantage-number {
        font-size: 1.6rem;
        line-height: 1;
      }

      /* Materials */
      .material-visual, #material-visual {
        min-height: 200px;
        aspect-ratio: 4/3;
      }

      /* FAQ */
      .faq-item summary {
        padding: 16px 18px;
        font-size: 0.95rem;
      }

      .faq-answer, #faq-answer {
        padding: 0 18px 18px;
        font-size: 14px;
      }

      /* Contact panel */
      .contact-panel, #contact-panel {
        padding: 20px;
      }

      /* Section labels */
      .section-label, #section-label {
        font-size: 11px;
        letter-spacing: 0.24em;
      }

      .lede, #lede {
        font-size: 1rem;
      }

      /* Showroom index */
      .showroom-index, #showroom-index {
        font-size: 10px;
      }
    }

    /* ── STICKY MOBILE CTA ── */
    .mobile-cta, #mobile-cta {
      display: none;
    }

    @media (max-width: 820px) {
      .mobile-cta, #mobile-cta {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: #100d0b;
        border-top: 1px solid rgba(255,255,255,0.1);
        padding: 12px 16px;
        padding-bottom: calc(12px + env(safe-area-inset-bottom));
        gap: 10px;
        align-items: center;
        box-shadow: 0 -8px 32px rgba(0,0,0,0.3);
      }

      .mobile-cta a {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 48px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
        transition: opacity 0.2s;
      }

      .mobile-cta a:active {
        opacity: 0.8;
      }

      .mobile-cta .cta-phone, #cta-phone {
        background: #958e09;
        color: #fff;
      }

      .mobile-cta .cta-contact, #cta-contact {
        background: rgba(255,255,255,0.08);
        color: #fff;
        border: 1px solid rgba(255,255,255,0.2);
        flex: 0 0 auto;
        padding: 0 18px;
      }

      /* iOS safe area for iPhone with notch/Dynamic Island */
      @supports (padding-bottom: env(safe-area-inset-bottom)) {
        .mobile-cta, #mobile-cta {
          padding-bottom: calc(12px + env(safe-area-inset-bottom));
        }

        .hero-frame,
        #contact {
          padding-bottom: calc(100px + env(safe-area-inset-bottom));
        }
      }
    }

    @media (max-width: 560px) {
      .mobile-cta, #mobile-cta {
        padding: 10px 12px;
        padding-bottom: calc(10px + env(safe-area-inset-bottom));
      }

      .mobile-cta a {
        min-height: 44px;
        font-size: 12px;
      }
    }

    /* ── SCROLL INDICATOR pe galerie mobile ── */
    @media (max-width: 820px) {
      .showroom-gallery, #showroom-gallery {
        position: relative;
      }

      .gallery-scroll-hint, #gallery-scroll-hint {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: 8px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: var(--muted);
        opacity: 0.7;
      }

      .gallery-scroll-hint::before {
        content: "";
        width: 24px;
        height: 1px;
        background: rgba(149,142,9,0.5);
      }
    }

    @media (min-width: 821px) {
      .gallery-scroll-hint, #gallery-scroll-hint {
        display: none;
      }
    }
:root {
      --paper: #fafaf9;
      --paper-deep: #f1eee9;
      --ink: #1c1917;
      --ink-soft: #333333;
      --muted: #6b6b6b;
      --muted-strong: #4f4f4f;
      --line: #d6d3d1;
      --line-strong: rgba(214, 211, 209, 0.9);
      --accent: #958e09;
      --accent-soft: rgba(149, 142, 9, 0.14);
      --dark: #171412;
      --dark-soft: rgba(23, 20, 18, 0.72);
      --shadow: 0 24px 70px rgba(16, 12, 9, 0.12);
      --max-width: min(1180px, calc(100vw - 48px));
      --section-space: clamp(72px, 10vw, 128px);
      --radius: 28px;
      --ease: 240ms ease;
    }

    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: "Nunito Sans", sans-serif;
      background: #ffffff;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.85;
      text-rendering: optimizeLegibility;
      overflow-x: hidden;
    }

    img {
      display: block;
      max-width: 100%;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button,
    input,
    textarea,
    select {
      font: inherit;
    }

    ::selection {
      background: var(--accent-soft);
      color: var(--ink);
    }

    .page-shell {
      position: relative;
    }

    .container {
      width: var(--max-width);
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .section {
      padding: var(--section-space) 0;
      position: relative;
    }

    .section--paper {
      background:
        linear-gradient(180deg, rgba(250, 250, 249, 0.95), rgba(250, 250, 249, 1)),
        radial-gradient(circle at top left, rgba(149, 142, 9, 0.08), transparent 34%);
    }

    .section-label {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 18px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.32em;
      text-transform: uppercase;
      color: var(--muted);
    }

    .section-label::before {
      content: "";
      width: 46px;
      height: 1px;
      background: rgba(149, 142, 9, 0.48);
    }

    .section-head {
      display: grid;
      gap: 18px;
      margin-bottom: clamp(30px, 5vw, 52px);
      max-width: 760px;
    }

    h1,
    h2,
    h3,
    h4 {
      font-family: "Lora", serif;
      color: var(--ink-soft);
      font-weight: 500;
      line-height: 1.12;
    }

    h1 {
      font-size: clamp(3rem, 6vw, 5.6rem);
      color: #ffffff;
      max-width: 8.8ch;
    }

    h2 {
      font-size: clamp(2.3rem, 4.4vw, 4rem);
      max-width: 14ch;
    }

    h3 {
      font-size: clamp(1.35rem, 2vw, 2rem);
    }

    p {
      margin: 0;
    }

    strong {
      color: var(--ink-soft);
      font-weight: 700;
    }

    .lede {
      font-size: clamp(1.08rem, 1.3vw, 1.28rem);
      color: var(--muted-strong);
      max-width: 56ch;
    }

    .eyebrow {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.74);
    }

    .btn-row {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 10px;
    }

    .action-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 56px;
      padding: 14px 28px;
      border: 1px solid transparent;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      transition:
        transform var(--ease),
        border-color var(--ease),
        background-color var(--ease),
        color var(--ease),
        box-shadow var(--ease);
      cursor: pointer;
    }

    .action-button:hover,
    .action-button:focus-visible {
      transform: translateY(-2px);
      box-shadow: 0 16px 36px rgba(20, 16, 13, 0.14);
      outline: none;
    }

    .action-button-light {
      background: var(--paper);
      color: var(--ink);
    }

    .action-button-light:hover,
    .action-button-light:focus-visible {
      background: #ffffff;
    }

    .action-button-ghost {
      border-color: rgba(255, 255, 255, 0.34);
      color: #ffffff;
      background: transparent;
    }

    .action-button-ghost:hover,
    .action-button-ghost:focus-visible {
      border-color: rgba(255, 255, 255, 0.62);
      background: rgba(255, 255, 255, 0.06);
    }

    .action-button-dark {
      background: var(--ink);
      color: #ffffff;
    }

    .action-button-dark:hover,
    .action-button-dark:focus-visible {
      background: #0f0d0b;
    }

    .section-hero-cover {
      min-height: 100svh;
      padding: 40px 0 0;
      display: flex;
      align-items: flex-end;
      background:
        linear-gradient(180deg, rgba(16, 12, 9, 0.18) 0%, rgba(16, 12, 9, 0.68) 58%, rgba(16, 12, 9, 0.92) 100%),
        linear-gradient(90deg, rgba(16, 12, 9, 0.62) 0%, rgba(16, 12, 9, 0.18) 48%, rgba(16, 12, 9, 0.48) 100%),
        url("https://www.mlkstudio.ro/wp-content/uploads/2021/09/IMG-20250725-WA0013.jpg") center center / cover no-repeat;
      position: relative;
      overflow: hidden;
    }

    .section-hero-cover::before {
      content: "";
      position: absolute;
      inset: 32px;
      border: 1px solid rgba(255, 255, 255, 0.12);
      pointer-events: none;
    }

    .section-hero-cover::after {
      content: "";
      position: absolute;
      inset: auto -10% -16% 48%;
      height: 46%;
      background: radial-gradient(circle, rgba(149, 142, 9, 0.26), transparent 68%);
      filter: blur(22px);
      pointer-events: none;
    }

    .hero-frame {
      width: 100%;
      padding-bottom: 28px;
    }

    .hero-breadcrumb {
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 24px;
      font-size: 12px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.7);
    }

    .hero-breadcrumb a {
      color: rgba(255, 255, 255, 0.88);
      transition: color var(--ease);
    }

    .hero-breadcrumb a:hover,
    .hero-breadcrumb a:focus-visible {
      color: #ffffff;
      outline: none;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(290px, 0.75fr);
      gap: clamp(26px, 4vw, 72px);
      align-items: end;
    }

    .hero-copy {
      display: grid;
      gap: 24px;
      padding: clamp(38px, 6vw, 72px) 0;
    }

    .hero-copy p {
      max-width: 58ch;
      font-size: clamp(1.05rem, 1.4vw, 1.2rem);
      color: rgba(255, 255, 255, 0.82);
    }

    .hero-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 18px;
      color: rgba(255, 255, 255, 0.72);
      font-size: 14px;
    }

    .surface-glass-panel {
      background: rgba(250, 250, 249, 0.1);
      border: 1px solid rgba(255, 255, 255, 0.18);
      backdrop-filter: blur(18px);
      border-radius: var(--radius);
      padding: 26px;
      color: rgba(255, 255, 255, 0.88);
      box-shadow: 0 18px 54px rgba(0, 0, 0, 0.18);
      align-self: center;
      max-width: 390px;
      justify-self: end;
    }

    .surface-glass-panel .card-label {
      display: block;
      margin-bottom: 16px;
      color: rgba(255, 255, 255, 0.64);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.28em;
      text-transform: uppercase;
    }

    .surface-glass-panel h2 {
      font-size: clamp(1.6rem, 2vw, 2rem);
      color: #ffffff;
      max-width: none;
      margin-bottom: 10px;
    }

    .surface-glass-panel p {
      font-size: 15px;
      color: rgba(255, 255, 255, 0.72);
      margin-bottom: 18px;
    }

    .surface-glass-panel ul {
      list-style: none;
      display: grid;
      gap: 12px;
      margin-bottom: 24px;
    }

    .surface-glass-panel li {
      display: grid;
      grid-template-columns: 18px 1fr;
      gap: 10px;
      align-items: start;
      font-size: 14px;
    }

    .surface-glass-panel li::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: var(--accent);
      margin-top: 10px;
      box-shadow: 0 0 0 6px rgba(149, 142, 9, 0.12);
    }

    .hero-contact {
      padding-top: 18px;
      border-top: 1px solid rgba(255, 255, 255, 0.18);
      display: grid;
      gap: 10px;
      font-size: 14px;
    }

    .hero-contact span {
      color: #ffffff;
      font-size: 11px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
    }

    .hero-contact strong {
      color: #ffffff;
    }

    .hero-trust {
      margin-top: clamp(24px, 4vw, 34px);
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 10px;
    }

    .hero-trust article {
      min-height: 128px;
      padding: 22px;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 24px;
      color: #ffffff;
      display: grid;
      gap: 10px;
      align-content: start;
    }

    .hero-trust strong {
      color: #ffffff;
      font-size: 1.12rem;
      font-weight: 700;
      line-height: 1.2;
    }

    .hero-trust span {
      font-size: 12px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.64);
    }

    .hero-trust p {
      color: rgba(255, 255, 255, 0.72);
      font-size: 14px;
      line-height: 1.65;
    }

    .intro-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
      gap: clamp(32px, 6vw, 74px);
      align-items: start;
    }

    .prose-stack {
      display: grid;
      gap: 18px;
      max-width: 63ch;
    }

    .intro-rail {
      display: grid;
      gap: 18px;
    }

    .metrics-card,
    .service-card {
      background: linear-gradient(180deg, rgba(250, 250, 249, 0.96), rgba(244, 241, 236, 0.9));
      border: 1px solid var(--line);
      border-radius: var(--radius);
      padding: clamp(24px, 3.2vw, 32px);
      box-shadow: var(--shadow);
    }

    .metrics-card {
      display: grid;
      gap: 24px;
    }

    .metrics-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .metric {
      display: grid;
      gap: 6px;
      padding-top: 14px;
      border-top: 1px solid rgba(28, 25, 23, 0.08);
    }

    .metric strong {
      font-family: "Lora", serif;
      font-size: clamp(2rem, 3vw, 2.8rem);
      font-weight: 500;
      color: var(--ink);
      line-height: 1;
    }

    .metric span {
      font-size: 12px;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--muted);
      line-height: 1.5;
    }

    .service-card h3,
    .metrics-card h3 {
      margin-bottom: 10px;
    }

    .service-card ul {
      list-style: none;
      display: grid;
      gap: 14px;
      margin-top: 22px;
    }

    .service-card li {
      display: grid;
      gap: 4px;
      padding-bottom: 14px;
      border-bottom: 1px solid rgba(28, 25, 23, 0.08);
    }

    .service-card li:last-child {
      padding-bottom: 0;
      border-bottom: none;
    }

    .service-card strong {
      font-size: 14px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }

    .materials-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(22px, 3vw, 28px);
    }

    .material-card {
      display: grid;
      gap: 22px;
      padding: 18px;
      border-radius: calc(var(--radius) + 4px);
      background: #ffffff;
      border: 1px solid var(--line);
      box-shadow: var(--shadow);
      transition: transform var(--ease), border-color var(--ease), box-shadow var(--ease);
    }

    .material-card:hover,
    .material-card:focus-within {
      transform: translateY(-4px);
      border-color: rgba(149, 142, 9, 0.4);
      box-shadow: 0 30px 70px rgba(19, 14, 11, 0.12);
    }

    .material-visual {
      position: relative;
      border-radius: 22px;
      overflow: hidden;
      aspect-ratio: 4 / 3.4;
      min-height: 280px;
      background: var(--paper-deep);
    }

    .material-visual img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.03);
      transition: transform 400ms ease;
    }

    .material-card:hover .material-visual img,
    .material-card:focus-within .material-visual img {
      transform: scale(1.08);
    }

    .material-visual::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(16, 12, 9, 0.02), rgba(16, 12, 9, 0.48)),
        linear-gradient(120deg, rgba(250, 250, 249, 0.2), transparent 40%);
    }

    .material-tag {
      position: absolute;
      left: 16px;
      top: 16px;
      z-index: 1;
      padding: 10px 14px;
      border-radius: 999px;
      background: rgba(250, 250, 249, 0.84);
      color: var(--ink);
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }

    .material-copy {
      display: grid;
      gap: 14px;
      padding: 0 8px 8px;
    }

    .material-copy ul {
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }

    .material-copy li {
      padding: 7px 12px;
      border-radius: 999px;
      background: var(--accent-soft);
      color: var(--ink-soft);
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.06em;
      text-transform: uppercase;
    }

    .portfolio-wrap {
      display: grid;
      gap: 32px;
    }

    .showroom-case {
      display: grid;
      grid-template-columns: minmax(250px, 0.72fr) minmax(0, 1.28fr);
      gap: clamp(26px, 4vw, 44px);
      align-items: start;
      padding: clamp(24px, 4vw, 36px);
      border-top: 1px solid var(--line);
    }

    .showroom-case:last-child {
      border-bottom: 1px solid var(--line);
    }

    .showroom-case:nth-of-type(even) {
      grid-template-columns: minmax(0, 1.28fr) minmax(250px, 0.72fr);
    }

    .showroom-case:nth-of-type(even) .showroom-copy {
      order: 2;
      padding-left: clamp(10px, 2vw, 28px);
    }

    .showroom-case:nth-of-type(even) .showroom-gallery {
      order: 1;
    }

    .showroom-copy {
      display: grid;
      gap: 16px;
      align-content: start;
      max-width: 34ch;
      padding-top: 12px;
    }

    .showroom-index {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.3em;
      text-transform: uppercase;
      color: var(--muted);
    }

    .showroom-index::before {
      content: "";
      width: 38px;
      height: 1px;
      background: rgba(149, 142, 9, 0.45);
    }

    .showroom-gallery {
      display: grid;
      gap: 12px;
    }

    .gallery-mosaic {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .gallery-mosaic--3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .gallery-mosaic figure {
      min-height: 160px;
      border-radius: 20px;
      overflow: hidden;
      background: var(--paper-deep);
      position: relative;
    }

    .gallery-mosaic img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 360ms ease, filter 360ms ease;
    }

    .gallery-mosaic figure::after {
      content: "";
      position: absolute;
      inset: 0;
      border: 1px solid rgba(255, 255, 255, 0.08);
      pointer-events: none;
    }

    .gallery-mosaic figure:hover img,
    .gallery-mosaic figure:focus-within img {
      transform: scale(1.06);
      filter: saturate(1.04) contrast(1.02);
    }

    .gallery-mosaic--4 figure:first-child {
      grid-column: span 2;
      grid-row: span 2;
      min-height: 336px;
    }

    .gallery-mosaic--3 figure:first-child {
      grid-column: span 2;
      min-height: 320px;
    }

    .advantages-intro {
      max-width: 58ch;
      margin-bottom: clamp(34px, 5vw, 54px);
    }

    .advantages-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px 28px;
    }

    .advantage {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 20px;
      align-items: start;
      padding: clamp(24px, 3vw, 32px);
      border-radius: var(--radius);
      background: rgba(255, 255, 255, 0.78);
      border: 1px solid rgba(214, 211, 209, 0.9);
    }

    .advantage:nth-child(odd) {
      transform: translateY(18px);
    }

    .advantage-number {
      font-family: "Lora", serif;
      font-size: clamp(2.4rem, 4vw, 3.5rem);
      color: rgba(149, 142, 9, 0.76);
      line-height: 0.92;
    }

    .advantage-copy {
      display: grid;
      gap: 10px;
    }

    .process-track {
      position: relative;
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 18px;
      align-items: start;
      margin-top: clamp(18px, 3vw, 28px);
    }

    .process-track::before {
      content: "";
      position: absolute;
      top: 36px;
      left: 24px;
      right: 24px;
      height: 1px;
      background:
        linear-gradient(90deg, rgba(149, 142, 9, 0.24) 0%, rgba(149, 142, 9, 0.42) 50%, rgba(149, 142, 9, 0.24) 100%);
      z-index: 0;
    }

    .process-step {
      position: relative;
      z-index: 1;
      display: grid;
      gap: 14px;
      align-content: start;
      padding: 0 10px;
    }

    .process-badge {
      width: 72px;
      height: 72px;
      border-radius: 24px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: var(--ink);
      color: #ffffff;
      font-family: "Lora", serif;
      font-size: 1.9rem;
      line-height: 1;
      box-shadow: 0 14px 32px rgba(18, 14, 11, 0.16);
    }

    .process-step p {
      max-width: 25ch;
    }

    .faq-shell {
      display: grid;
      grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
      gap: clamp(28px, 5vw, 58px);
      align-items: start;
    }

    .faq-shell .section-head {
      margin-bottom: 0;
    }

    .faq-list {
      display: grid;
      gap: 14px;
    }

    .faq-item {
      border-radius: 24px;
      border: 1px solid var(--line);
      background: rgba(255, 255, 255, 0.92);
      overflow: hidden;
      transition: border-color var(--ease), box-shadow var(--ease), transform var(--ease);
    }

    .faq-item[open] {
      border-color: rgba(149, 142, 9, 0.44);
      box-shadow: 0 20px 48px rgba(18, 14, 11, 0.08);
      transform: translateY(-2px);
    }

    .faq-item summary {
      list-style: none;
      cursor: pointer;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 18px;
      align-items: center;
      padding: 24px 26px;
      color: var(--ink-soft);
      font-family: "Lora", serif;
      font-size: clamp(1.1rem, 1.6vw, 1.4rem);
      line-height: 1.35;
    }

    .faq-item summary::-webkit-details-marker {
      display: none;
    }

    .faq-toggle {
      width: 34px;
      height: 34px;
      border-radius: 999px;
      border: 1px solid rgba(149, 142, 9, 0.36);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: var(--accent);
      font-size: 20px;
      transition: transform var(--ease), background-color var(--ease), color var(--ease);
    }

    .faq-item[open] .faq-toggle {
      transform: rotate(45deg);
      background: var(--accent);
      color: #ffffff;
    }

    .faq-answer {
      padding: 0 26px 24px;
      color: var(--muted);
    }

    .contact-callout {
      padding: clamp(72px, 8vw, 104px) 0 clamp(88px, 10vw, 120px);
      background:
        radial-gradient(circle at top left, rgba(149, 142, 9, 0.28), transparent 34%),
        linear-gradient(180deg, #1b1714, #100d0b);
      color: rgba(255, 255, 255, 0.8);
      position: relative;
      overflow: hidden;
    }

    .contact-callout::before {
      content: "";
      position: absolute;
      inset: 28px;
      border: 1px solid rgba(255, 255, 255, 0.08);
      pointer-events: none;
    }

    .contact-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
      gap: clamp(28px, 5vw, 60px);
      align-items: end;
    }

    .contact-copy {
      display: grid;
      gap: 20px;
      max-width: 58ch;
    }

    .contact-copy h2 {
      color: #ffffff;
      max-width: 11ch;
    }

    .contact-copy p {
      color: rgba(255, 255, 255, 0.74);
      max-width: 54ch;
    }

    .contact-panel {
      display: grid;
      gap: 16px;
      padding: clamp(24px, 3vw, 32px);
      border-radius: var(--radius);
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(16px);
    }

    .contact-list {
      display: grid;
      gap: 12px;
    }

    .contact-item {
      display: grid;
      gap: 3px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }

    .contact-item:last-child {
      padding-bottom: 0;
      border-bottom: none;
    }

    .contact-item span {
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.5);
    }

    .contact-item strong,
    .contact-item a {
      color: #ffffff;
      font-size: clamp(1rem, 1.3vw, 1.18rem);
      font-weight: 700;
    }

    .contact-item a:hover,
    .contact-item a:focus-visible {
      color: #f6efb3;
      outline: none;
    }

    .contact-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 6px;
    }

    .reveal-ready [data-reveal] {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity 700ms ease, transform 700ms ease;
      will-change: transform, opacity;
    }

    .reveal-ready [data-reveal].is-visible {
      opacity: 1;
      transform: translateY(0);
    }

    .reveal-ready [data-reveal="delay-1"] {
      transition-delay: 110ms;
    }

    .reveal-ready [data-reveal="delay-2"] {
      transition-delay: 180ms;
    }

    .reveal-ready [data-reveal="delay-3"] {
      transition-delay: 250ms;
    }

    /* ── MOBILE BASE ENHANCEMENTS ── */
    html {
      scroll-behavior: smooth;
      -webkit-text-size-adjust: 100%;
      text-size-adjust: 100%;
    }

    body {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    /* iOS tap highlight removal */
    a, button, summary, [role="button"] {
      -webkit-tap-highlight-color: transparent;
      touch-action: manipulation;
    }

    /* Prevent double-tap zoom on buttons */
    .action-button {
      touch-action: manipulation;
    }

    /* iOS momentum scrolling for scroll containers */
    .gallery-mosaic {
      -webkit-overflow-scrolling: touch;
    }

    @media (prefers-reduced-motion: reduce) {
      html {
        scroll-behavior: auto;
      }

      *,
      *::before,
      *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
      }

      .reveal-ready [data-reveal] {
        opacity: 1 !important;
        transform: none !important;
      }
    }

    /* ── TABLET (max 1140px) ── */
    @media (max-width: 1140px) {
      h1, h2 {
        max-width: none;
      }

      .hero-grid,
      .intro-grid,
      .contact-grid,
      .faq-shell {
        grid-template-columns: 1fr;
      }

      .surface-glass-panel {
        justify-self: start;
        max-width: 100%;
        width: 100%;
      }

      .hero-trust {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .materials-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .advantages-grid {
        grid-template-columns: 1fr;
      }

      .showroom-case,
      .showroom-case:nth-of-type(even) {
        grid-template-columns: 1fr;
      }

      .showroom-case:nth-of-type(even) .showroom-copy,
      .showroom-case:nth-of-type(even) .showroom-gallery {
        order: initial;
        padding-left: 0;
      }

      .showroom-copy {
        max-width: 100%;
      }

      .process-track {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .process-track::before {
        left: 18px;
        right: 18px;
      }
    }

    /* ── MOBILE (max 820px) ── */
    @media (max-width: 820px) {
      :root {
        --max-width: min(100vw - 32px, 1180px);
        --section-space: clamp(56px, 9vw, 96px);
        --radius: 20px;
      }

      .section-hero-cover {
        min-height: 100svh;
        min-height: 100dvh;
      }

      .section-hero-cover::before,
      .contact-callout::before {
        inset: 12px;
      }

      .hero-frame {
        padding-bottom: 100px; /* space for sticky CTA */
      }

      .hero-copy {
        gap: 18px;
        padding-top: 20px;
      }

      .hero-copy p {
        font-size: 1rem;
      }

      .hero-trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
      }

      .hero-trust article {
        min-height: 110px;
        padding: 18px 16px;
        border-radius: 18px;
      }

      .hero-trust article:last-child {
        grid-column: 1 / -1;
      }

      .surface-glass-panel {
        padding: 20px;
      }

      .metrics-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }

      /* Gallery on mobile: horizontal scroll instead of grid */
      .gallery-mosaic,
      .gallery-mosaic--3 {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        gap: 10px;
        padding-bottom: 8px;
        scrollbar-width: none;
      }

      .gallery-mosaic::-webkit-scrollbar,
      .gallery-mosaic--3::-webkit-scrollbar {
        display: none;
      }

      .gallery-mosaic figure,
      .gallery-mosaic--3 figure {
        flex: 0 0 72vw;
        max-width: 300px;
        min-height: 220px;
        scroll-snap-align: start;
        border-radius: 16px;
      }

      .gallery-mosaic--4 figure:first-child,
      .gallery-mosaic--3 figure:first-child {
        flex: 0 0 84vw;
        max-width: 360px;
        min-height: 240px;
        grid-column: auto;
        grid-row: auto;
      }

      /* Avantaje: single column */
      .advantages-grid {
        gap: 14px;
      }

      .advantage {
        grid-template-columns: auto 1fr;
        padding: 20px;
      }

      .advantage:nth-child(odd) {
        transform: none;
      }

      .advantage-number {
        font-size: 2rem;
      }

      /* Proces: vertical single column */
      .process-track {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .process-track::before {
        top: 0;
        bottom: 0;
        left: 35px;
        right: auto;
        width: 1px;
        height: auto;
      }

      .process-step {
        grid-template-columns: 72px 1fr;
        gap: 16px;
        padding: 0;
      }

      .process-step > div:last-child {
        padding-top: 8px;
      }

      .process-badge {
        width: 60px;
        height: 60px;
        border-radius: 18px;
        font-size: 1.5rem;
      }

      /* Materiale: single column */
      .materials-grid {
        grid-template-columns: 1fr;
        gap: 20px;
      }

      .material-visual {
        min-height: 220px;
        aspect-ratio: 16/9;
      }

      /* FAQ */
      .faq-shell {
        grid-template-columns: 1fr;
        gap: 28px;
      }

      .faq-item summary {
        padding: 20px;
        font-size: 1rem;
      }

      .faq-answer {
        padding: 0 20px 20px;
      }

      /* Contact */
      .contact-grid {
        grid-template-columns: 1fr;
        gap: 28px;
      }

      .contact-copy h2 {
        font-size: clamp(1.8rem, 5vw, 2.6rem);
      }

      /* Showroom case */
      .showroom-case {
        padding: 20px 0;
        gap: 16px;
      }

      .showroom-copy {
        padding-top: 0;
      }
    }

    /* ── SMALL MOBILE (max 560px) ── */
    @media (max-width: 560px) {
      :root {
        --section-space: 56px;
        --radius: 16px;
      }

      /* Full-width buttons */
      .btn-row {
        flex-direction: column;
      }

      .action-button {
        width: 100%;
        min-height: 52px;
        justify-content: center;
      }

      /* Hero font adjustments */
      h1 {
        font-size: clamp(2rem, 8.5vw, 2.8rem);
        max-width: none;
        line-height: 1.18;
        font-weight: 700;
      }

      h2 {
        font-size: clamp(1.5rem, 5.5vw, 2.1rem);
        max-width: none;
        line-height: 1.22;
        font-weight: 700;
      }

      h3 {
        font-size: clamp(1.1rem, 3.8vw, 1.4rem);
        line-height: 1.3;
        font-weight: 700;
      }

      .hero-frame {
        padding-bottom: 110px;
      }

      .hero-trust {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
      }

      .hero-trust article {
        min-height: 96px;
        padding: 14px 12px;
        border-radius: 16px;
      }

      .hero-trust article:last-child {
        grid-column: 1 / -1;
      }

      .hero-trust strong {
        font-size: 0.95rem;
      }

      .hero-trust p {
        font-size: 12px;
      }

      .surface-glass-panel {
        padding: 18px;
        border-radius: 18px;
      }

      .surface-glass-panel h2 {
        font-size: 1.4rem;
      }

      /* Metrics */
      .metrics-grid {
        grid-template-columns: repeat(3, 1fr);
      }

      .metric strong {
        font-size: 1.8rem;
      }

      .metric span {
        font-size: 10px;
      }

      /* Gallery scroll - full width cards on small */
      .gallery-mosaic figure,
      .gallery-mosaic--3 figure {
        flex: 0 0 80vw;
        min-height: 200px;
      }

      .gallery-mosaic--4 figure:first-child,
      .gallery-mosaic--3 figure:first-child {
        flex: 0 0 90vw;
        min-height: 210px;
      }

      /* Avantaje */
      .advantage {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 18px;
      }

      .advantage-number {
        font-size: 1.6rem;
        line-height: 1;
      }

      /* Materials */
      .material-visual {
        min-height: 200px;
        aspect-ratio: 4/3;
      }

      /* FAQ */
      .faq-item summary {
        padding: 16px 18px;
        font-size: 0.95rem;
      }

      .faq-answer {
        padding: 0 18px 18px;
        font-size: 14px;
      }

      /* Contact panel */
      .contact-panel {
        padding: 20px;
      }

      /* Section labels */
      .section-label {
        font-size: 11px;
        letter-spacing: 0.24em;
      }

      .lede {
        font-size: 1rem;
      }

      /* Showroom index */
      .showroom-index {
        font-size: 10px;
      }
    }

    /* ── STICKY MOBILE CTA ── */
    .mobile-cta {
      display: none;
    }

    @media (max-width: 820px) {
      .mobile-cta {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: #100d0b;
        border-top: 1px solid rgba(255,255,255,0.1);
        padding: 12px 16px;
        padding-bottom: calc(12px + env(safe-area-inset-bottom));
        gap: 10px;
        align-items: center;
        box-shadow: 0 -8px 32px rgba(0,0,0,0.3);
      }

      .mobile-cta a {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 48px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        touch-action: manipulation;
        transition: opacity 0.2s;
      }

      .mobile-cta a:active {
        opacity: 0.8;
      }

      .mobile-cta .cta-phone {
        background: #958e09;
        color: #fff;
      }

      .mobile-cta .cta-contact {
        background: rgba(255,255,255,0.08);
        color: #fff;
        border: 1px solid rgba(255,255,255,0.2);
        flex: 0 0 auto;
        padding: 0 18px;
      }

      /* iOS safe area for iPhone with notch/Dynamic Island */
      @supports (padding-bottom: env(safe-area-inset-bottom)) {
        .mobile-cta {
          padding-bottom: calc(12px + env(safe-area-inset-bottom));
        }

        .hero-frame,
        #contact {
          padding-bottom: calc(100px + env(safe-area-inset-bottom));
        }
      }
    }

    @media (max-width: 560px) {
      .mobile-cta {
        padding: 10px 12px;
        padding-bottom: calc(10px + env(safe-area-inset-bottom));
      }

      .mobile-cta a {
        min-height: 44px;
        font-size: 12px;
      }
    }

    /* ── SCROLL INDICATOR pe galerie mobile ── */
    @media (max-width: 820px) {
      .showroom-gallery {
        position: relative;
      }

      .gallery-scroll-hint {
        display: flex;
        align-items: center;
        gap: 6px;
        margin-top: 8px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: var(--muted);
        opacity: 0.7;
      }

      .gallery-scroll-hint::before {
        content: "";
        width: 24px;
        height: 1px;
        background: rgba(149,142,9,0.5);
      }
    }

    @media (min-width: 821px) {
      .gallery-scroll-hint {
        display: none;
      }
    }
#mlk-atomic-page-root.e-con,
.mlk-coltare-page.e-con,
#mlk-atomic-page-root .e-con,
.mlk-coltare-page .e-con {
	--padding-top: 0px;
	--padding-right: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--padding-block-start: 0px;
	--padding-block-end: 0px;
	--padding-inline-start: 0px;
	--padding-inline-end: 0px;
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
	padding-block-start: 0 !important;
	padding-block-end: 0 !important;
	padding-inline-start: 0 !important;
	padding-inline-end: 0 !important;
}
#mlk-atomic-page-root .e-button-base.btn,
.mlk-coltare-page .e-button-base.btn {
	display: inline-flex !important;
	background-image: none !important;
}
#mlk-atomic-page-root .hero-frame,
.mlk-coltare-page .hero-frame {
	padding: 0 0 28px !important;
}
#mlk-atomic-page-root .hero-copy,
.mlk-coltare-page .hero-copy {
	padding-top: clamp(36px, 6vw, 68px) !important;
}
#mlk-atomic-page-root .hero-aside,
.mlk-coltare-page .hero-aside {
	padding: 26px !important;
}
#mlk-atomic-page-root .hero-stat,
.mlk-coltare-page .hero-stat {
	padding: 14px !important;
}
#mlk-atomic-page-root .catalog,
#mlk-atomic-page-root .intro,
.mlk-coltare-page .catalog,
.mlk-coltare-page .intro {
	padding: clamp(48px, 6vw, 60px) 0 !important;
}
#mlk-atomic-page-root .trust,
.mlk-coltare-page .trust {
	padding: clamp(40px, 5vw, 56px) 0 !important;
}
#mlk-atomic-page-root .trust-item,
.mlk-coltare-page .trust-item {
	padding: 32px 28px !important;
}
#mlk-atomic-page-root .cta-sec,
.mlk-coltare-page .cta-sec {
	padding: clamp(28px, 4vw, 44px) 0 !important;
}
#mlk-atomic-page-root .btn.btn--light,
.mlk-coltare-page .btn.btn--light {
	background: var(--paper) !important;
	color: var(--ink) !important;
}
#mlk-atomic-page-root .btn.btn--ghost,
.mlk-coltare-page .btn.btn--ghost {
	background: transparent !important;
	color: #fff !important;
	border-color: rgba(255,255,255,0.32) !important;
}
#mlk-atomic-page-root .btn.btn--accent,
.mlk-coltare-page .btn.btn--accent {
	background: var(--accent) !important;
	color: #fff !important;
}
#mlk-atomic-page-root .btn.btn--dark,
.mlk-coltare-page .btn.btn--dark {
	background: var(--ink) !important;
	color: #fff !important;
}/* End custom CSS */