/* Pagina Matera */
.mt-rings { left: 72vw; top: 46vh; }
.mt { max-width: 1240px; margin: 0 auto; padding: clamp(16px, 4vh, 48px) var(--pad) clamp(56px, 10vh, 110px); }
.mt-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 72px); align-items: center; min-height: 64svh; }
.mt-hero .cs-h1 { font-size: clamp(72px, 11vw, 168px); }
.mt-hero .cs-lead { max-width: 40ch; }
.mt-sassi { width: 100%; height: auto; }
.mt-sassi .s-back  { fill: color-mix(in srgb, var(--ink) 16%, var(--bg)); }
.mt-sassi .s-front { fill: color-mix(in srgb, var(--ink) 30%, var(--bg)); }
.mt-sassi .s-doors { fill: var(--ink); opacity: .75; }
.mt-sassi .s-stars { fill: #FFF6D8; animation: twinkle 3s ease-in-out infinite; }
.mt-sassi .s-stars circle:nth-child(even) { animation: twinkle 3s ease-in-out 1.5s infinite; }
@keyframes twinkle { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
.mt-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: clamp(32px, 6vh, 64px); }
.mt-card { background: var(--pill-bg); color: var(--pill-ink); border-radius: 28px; padding: 28px; box-shadow: 0 24px 50px -30px rgba(0,0,0,.45); }
.mt-num { margin: 0; font-family: var(--font-display); font-size: 40px; line-height: 1; color: #8A4E2D; }
.mt-card h2 { margin: 10px 0 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(26px, 2.2vw, 32px); line-height: 1.05; text-transform: uppercase; }
.mt-card p:last-child { margin: 12px 0 0; line-height: 1.6; color: #4b3f39; }
.mt-stats { justify-content: center; margin-top: clamp(40px, 7vh, 72px); text-align: center; }
.mt-end { margin: clamp(40px, 7vh, 72px) auto 0; max-width: 760px; text-align: center; display: grid; justify-items: center; }
.mt-claim { margin: 0; font-family: var(--font-display); text-transform: uppercase; font-size: clamp(28px, 3vw, 44px); line-height: 1.1; }
.mt-end .cs-p { margin-left: auto; margin-right: auto; }
.mt-end .cs-ctas { justify-content: center; }
.mt-end .btn-cart { text-decoration: none; }
@media (max-width: 900px) {
  .mt-hero { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .mt-grid { grid-template-columns: minmax(0, 1fr); }
  .mt-rings { left: 50%; top: 30vh; }
}
@media (prefers-reduced-motion: reduce) { .mt-sassi .s-stars, .mt-sassi .s-stars circle { animation: none !important; opacity: 1; } }
.mt-photo { margin: 0; border-radius: 28px; overflow: hidden; box-shadow: 0 40px 80px -40px rgba(0,0,0,.55); background: var(--pill-bg); }
.mt-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mt-photo-1 { aspect-ratio: 16 / 10; transform: rotate(1.5deg); }
.mt-photo-2 { margin-top: clamp(32px, 6vh, 56px); aspect-ratio: 21 / 9; }
.mt-photo-2 img { object-position: center 60%; }
@media (max-width: 900px) { .mt-photo-1 { transform: none; } .mt-photo-2 { aspect-ratio: 4 / 3; } }