body.cialda-page {
      margin: 0;
      min-height: 100vh;
      background:
        radial-gradient(circle at 14% 0%, rgba(71,42,32,.72), transparent 36%),
        radial-gradient(circle at 92% 34%, rgba(228,102,47,.08), transparent 28%),
        #100b08;
      color: var(--cream, #f3eadf);
    }

    .cialda-page a {
      color: inherit;
    }

    .cialda-shell {
      width: min(
        calc(100% - var(--page-gutter, clamp(28px, 4vw, 64px)) * 2),
        var(--content-max, 1550px)
      );
      margin-inline: auto;
    }

    .cialda-top {
      padding-top: 18px;
    }

    .cialda-logo-bar {
      min-height: 76px;
      padding: 10px 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--line, rgba(255,255,255,.15));
      border-radius: 24px;
      background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.12), var(--shadow, 0 24px 80px rgba(0,0,0,.35));
      backdrop-filter: blur(22px) saturate(135%);
      -webkit-backdrop-filter: blur(22px) saturate(135%);
    }

    .cialda-logo {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 0;
      text-decoration: none;
    }

    .cialda-logo img {
      width: 170px;
      height: 52px;
      object-fit: contain;
    }

    .cialda-intro {
      padding: clamp(70px, 8vw, 128px) 0 clamp(52px, 6vw, 92px);
      max-width: 940px;
    }

    .cialda-kicker {
      margin: 0 0 18px;
      color: var(--sand, #ceb190);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .17em;
      text-transform: uppercase;
    }

    .cialda-intro h1 {
      margin: 0;
      max-width: 850px;
      font: 400 clamp(58px, 7vw, 106px)/.94 Georgia, "Times New Roman", serif;
      letter-spacing: -.035em;
    }

    .cialda-intro h1 em {
      color: var(--orange, #e4662f);
      font-style: normal;
    }

    .cialda-lead {
      max-width: 710px;
      margin: 30px 0 0;
      color: rgba(255,255,255,.72);
      font-size: clamp(16px, 1.35vw, 20px);
      line-height: 1.75;
    }

    .cialda-content {
      display: grid;
      gap: clamp(18px, 2vw, 30px);
      padding-bottom: clamp(70px, 8vw, 120px);
    }

    .cialda-panel {
      border: 1px solid var(--line, rgba(255,255,255,.15));
      border-radius: var(--r, 28px);
      background: linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.028));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 24px 70px rgba(0,0,0,.24);
      overflow: hidden;
    }

    .cialda-panel-inner {
      padding: clamp(30px, 4vw, 62px);
    }

    .cialda-section-title {
      margin: 0 0 24px;
      font: 400 clamp(36px, 4.2vw, 66px)/1 Georgia, "Times New Roman", serif;
      letter-spacing: -.025em;
    }

    .cialda-copy {
      display: grid;
      grid-template-columns: minmax(240px, .78fr) minmax(360px, 1.22fr);
      gap: clamp(30px, 6vw, 96px);
      align-items: start;
    }

    .cialda-copy .cialda-section-title {
      margin: 0;
    }

    .cialda-copy-text p {
      margin: 0;
      color: rgba(255,255,255,.70);
      font-size: 16px;
      line-height: 1.78;
    }

    .cialda-copy-text p + p {
      margin-top: 20px;
    }

    .sensory-list {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      border-top: 1px solid var(--line, rgba(255,255,255,.15));
      border-bottom: 1px solid var(--line, rgba(255,255,255,.15));
    }

    .sensory-item {
      min-height: 178px;
      padding: 26px 22px;
      border-right: 1px solid var(--line, rgba(255,255,255,.15));
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 24px;
    }

    .sensory-item:last-child {
      border-right: 0;
    }

    .sensory-item strong {
      font: 400 24px/1.15 Georgia, "Times New Roman", serif;
    }

    .sensory-score {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 6px;
    }

    .sensory-score i {
      height: 3px;
      border-radius: 10px;
      background: rgba(255,255,255,.13);
    }

    .sensory-score i.on {
      background: var(--orange, #e4662f);
    }

    .composition-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      border: 1px solid var(--line, rgba(255,255,255,.15));
      border-radius: 22px;
      overflow: hidden;
      background: rgba(206,177,144,.06);
    }

    .composition-item {
      min-height: 152px;
      padding: 28px;
      border-right: 1px solid var(--line, rgba(255,255,255,.15));
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 18px;
    }

    .composition-item:last-child {
      border-right: 0;
    }

    .composition-item b {
      color: var(--orange, #e4662f);
      font: 400 clamp(34px, 3.5vw, 56px)/.9 Georgia, "Times New Roman", serif;
    }

    .composition-item span {
      color: rgba(255,255,255,.76);
      font-size: 13px;
      letter-spacing: .04em;
      text-transform: uppercase;
    }

    .origins-heading {
      max-width: 760px;
      margin-bottom: clamp(34px, 4vw, 54px);
    }

    .origins-heading p {
      max-width: 650px;
      margin: 18px 0 0;
      color: rgba(255,255,255,.66);
      line-height: 1.7;
    }

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

    .origin-card {
      min-height: 410px;
      position: relative;
      display: flex;
      align-items: end;
      overflow: hidden;
      border: 1px solid var(--line, rgba(255,255,255,.15));
      border-radius: 24px;
      background-color: #1b120e;
      background-image:
        linear-gradient(0deg, rgba(13,8,6,.97) 4%, rgba(13,8,6,.72) 42%, rgba(13,8,6,.12) 100%),
        var(--photo);
      background-position: center;
      background-size: cover;
      box-shadow: 0 18px 46px rgba(0,0,0,.22);
    }

    .origin-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 90% 0%, rgba(228,102,47,.14), transparent 32%);
      pointer-events: none;
    }

    .origin-content {
      position: relative;
      z-index: 1;
      width: 100%;
      padding: clamp(26px, 3vw, 42px);
    }

    .origin-percentage {
      display: block;
      margin-bottom: 16px;
      color: var(--orange, #e4662f);
      font: 400 42px/1 Georgia, "Times New Roman", serif;
    }

    .origin-content h3 {
      margin: 0 0 14px;
      font: 400 clamp(30px, 3vw, 46px)/1 Georgia, "Times New Roman", serif;
    }

    .origin-content > p {
      max-width: 620px;
      margin: 0;
      color: rgba(255,255,255,.72);
      font-size: 14px;
      line-height: 1.62;
    }

    .origin-details {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px 24px;
      margin-top: 24px;
      padding-top: 20px;
      border-top: 1px solid rgba(255,255,255,.14);
    }

    .origin-details p {
      margin: 0;
      color: rgba(255,255,255,.58);
      font-size: 12px;
      line-height: 1.5;
    }

    .origin-details strong {
      color: var(--sand, #ceb190);
      font-weight: 500;
    }

    .cialda-footer {
      padding: 0 0 34px;
    }

    .cialda-footer-inner {
      padding: 42px 24px 28px;
      border-top: 1px solid var(--line, rgba(255,255,255,.15));
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    .cialda-footer-inner p {
    max-width: 620px;
    margin: 0 0 28px;
    color: rgba(255,255,255,.52);
    font-size: 13px;
    line-height: 1.7;
    }

    .cialda-footer .cialda-logo img {
    width: 145px;
    height: auto;
    opacity: .92;
    }