.live-photo{display:block}.tour h3 a{text-decoration:none}.experience h1{font-size:clamp(2.5rem,5vw,4.5rem);margin:24px 0;max-width:20ch;overflow-wrap:anywhere}.experience-summary{max-width:65ch;margin-bottom:24px}.experience-cover{display:block;width:100%;max-height:540px;object-fit:cover;border-radius:12px;margin:40px 0}.experience-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;margin-top:40px}.experience-facts{display:flex;flex-wrap:wrap;gap:24px}.experience-facts dt{font-size:13px;color:var(--muted)}.experience-facts dd{margin:0;font-weight:600}.experience-detail{margin:32px 0;max-width:70ch;overflow-wrap:anywhere}.experience-detail h2{font-size:28px;margin-bottom:16px}.experience-contact{display:block;padding:20px;border-radius:12px;align-self:start}.experience-contact form{padding:20px}.response-page{max-width:1000px;min-height:60vh}.response-page h1{font-size:42px}.response-page p{margin:24px 0;max-width:70ch}.live-form .button{margin-top:24px}.site-header>a{font-weight:600}@media(max-width:800px){.experience-columns{grid-template-columns:1fr;gap:24px}.experience-contact{padding:12px}.experience-cover{max-height:350px}.response-page h1{font-size:32px}.site-header{gap:15px;flex-wrap:wrap}}

/* Dettagli esperienza e pagine di servizio: stessa scala del sito. */
.experience-summary, .experience-detail p, .response-page p { font-size: var(--text-body); line-height: 1.65; }
.experience-summary { max-width: none; }
.experience-detail { max-width: 75ch; }
.experience-facts dt { font-size: var(--text-small); line-height: 1.5; }
.experience-facts dd { font-size: var(--text-body); line-height: 1.6; }
.response-page { max-width: none; }
.response-page p { max-width: 75ch; }
/* Dettagli e pagine di servizio: intervalli più contenuti. */
.experience h1 { margin-block: 18px; }
.experience-summary { margin-bottom: 18px; }
.experience-cover { margin-block: 26px; }
.experience-columns { gap: 36px; margin-top: 28px; }
.experience-facts { gap: 18px; }
.experience-detail { margin-block: 24px; }
.experience-detail h2 { margin-bottom: 12px; }
.live-form .button { margin-top: 18px; }
.response-page { min-height: 0; }
.response-page p { margin-block: 18px; }
@media (max-width: 800px) {
    .experience-columns { gap: 24px; margin-top: 22px; }
    .experience-cover { margin-block: 22px; }
    .experience-detail { margin-block: 20px; }
}

/* Schede viaggio: testo continuo a tutta larghezza e soli dati in evidenza. */
.experience h1 { max-width: none; text-wrap: pretty; }
.experience-columns { grid-template-columns: minmax(0, 1fr); gap: 28px; }
.experience-content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.experience-facts { grid-column: 1 / -1; margin-block: 0 4px; }
.experience-facts > div { padding: 14px 18px; background: var(--sand-soft); border-left: 3px solid var(--line); }
.experience-detail { grid-column: 1 / -1; max-width: none; margin: 0; min-width: 0; }
.experience-detail p { text-wrap: wrap; }
.experience-detail p + p { margin-top: 12px; }
.experience-info { grid-column: auto; padding: 20px; background: var(--sand-soft); border-left: 3px solid var(--line); }
.experience .experience-info h2 { font-size: 1.5rem; }
@media (max-width: 700px) {
    .experience-content { grid-template-columns: minmax(0, 1fr); gap: 20px; }
    .experience-info { padding: 16px; }
}

/* Foto dei dettagli più contenute per anticipare la lettura dei testi. */
.experience-cover {
    height: clamp(220px, 26vw, 340px);
    max-height: 340px;
    object-fit: cover;
    margin-block: 22px;
}
@media (max-width: 700px) {
    .experience-cover { height: 220px; max-height: 220px; margin-block: 18px; }
}