@charset "utf-8";

:root {
  color-scheme: light;
  --paper: #f6f2ec;
  --paper-deep: #eee7dd;
  --linen: #e5dbce;
  --ink: #272522;
  --ink-soft: #3e3a35;
  --muted: #726c64;
  --line: #d8cfc4;
  --copper: #ad7251;
  --copper-light: #efc9aa;
  --white: #fffdf9;
  --serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --sans: "Avenir Next", Avenir, "Segoe UI", sans-serif;
  --content: 1240px;
  --gutter: clamp(1.2rem, 4vw, 3.25rem);
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--paper); scroll-behavior: auto; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
::selection { background: #d9b095; color: #211d19; }
.wrap { width: min(var(--content), calc(100% - var(--gutter) * 2)); margin-inline: auto; }
.skip-link { position: fixed; z-index: 100; top: .5rem; left: .5rem; transform: translateY(-150%); padding: .8rem 1rem; background: var(--ink); color: white; }
.skip-link:focus { transform: translateY(0); }

.header { position: sticky; z-index: 30; top: 0; border-bottom: 1px solid rgba(39,37,34,.1); background: rgba(246,242,236,.97); backdrop-filter: blur(14px); }
.header__inner { display: flex; min-height: 86px; align-items: center; justify-content: space-between; gap: 2rem; }
.brand { display: inline-flex; min-width: max-content; align-items: center; gap: .78rem; }
.brand__mark { width: 43px; height: 43px; color: var(--copper); }
.brand__name { display: block; font: 500 1.35rem/1 var(--serif); letter-spacing: .015em; }
.brand__sub { display: block; margin-top: .42rem; color: var(--muted); font-size: .57rem; font-weight: 700; letter-spacing: .145em; text-transform: uppercase; }
.nav { display: flex; align-items: center; justify-content: flex-end; gap: clamp(.9rem, 2.2vw, 1.8rem); }
.nav a { position: relative; display: inline-flex; min-width: 48px; min-height: 3.25rem; align-items: center; margin-inline: -.28rem; padding: .7rem .28rem; color: #413c36; font: 500 .91rem/1 var(--serif); letter-spacing: .015em; touch-action: manipulation; -webkit-tap-highlight-color: transparent; transition: color .22s ease, text-shadow .25s ease; }
.nav a > span { position: relative; display: inline-block; }
.nav a > span::after { position: absolute; right: 0; bottom: -.5rem; left: 0; height: 2px; transform: scaleX(.12); transform-origin: center; background: linear-gradient(90deg, transparent, var(--copper) 18%, #f5dcc3 50%, var(--copper) 82%, transparent); content: ""; opacity: 0; transition: transform .3s ease, opacity .22s ease, box-shadow .3s ease; }
.nav a:hover, .nav a:focus-visible, .nav a[aria-current="page"], .nav a.is-lit { color: var(--copper); text-shadow: 0 0 12px rgba(173,114,81,.18); }
.nav a:hover > span::after, .nav a:focus-visible > span::after, .nav a[aria-current="page"] > span::after, .nav a.is-lit > span::after { transform: scaleX(1); opacity: 1; box-shadow: 0 0 10px 2px rgba(239,201,170,.82); filter: drop-shadow(0 0 4px rgba(245,220,195,.88)); }
.nav a.is-lit > span::after { animation: nav-glow .8s ease-out 1; }
@keyframes nav-glow { 0% { opacity: .35; transform: scaleX(.18); } 48% { opacity: 1; transform: scaleX(1); box-shadow: 0 0 16px 4px rgba(239,201,170,.96); } 100% { opacity: 1; transform: scaleX(1); } }

.eyebrow { margin: 0 0 1rem; color: var(--copper); font-size: .67rem; font-weight: 750; letter-spacing: .17em; line-height: 1.5; text-transform: uppercase; }
.display-title { margin: 0; font: 400 clamp(2.55rem, 5.2vw, 5rem)/.99 var(--serif); letter-spacing: -.045em; text-wrap: balance; }
.section-copy { max-width: 435px; margin: 0; color: var(--muted); font-size: .98rem; line-height: 1.8; }
.small-note { max-width: 760px; margin: 1.25rem 0 0; color: var(--muted); font-size: .78rem; line-height: 1.7; }
.line-link { display: inline-flex; width: fit-content; align-items: center; margin-top: 1.6rem; padding: 0 0 .5rem; border-bottom: 1px solid var(--copper); color: var(--ink); font-size: .73rem; font-weight: 750; letter-spacing: .105em; line-height: 1.4; text-transform: uppercase; transition: color .2s ease, text-shadow .2s ease, border-color .2s ease; }
.line-link:hover, .line-link:focus-visible { color: var(--copper); border-color: #d39c79; text-shadow: 0 0 10px rgba(173,114,81,.22); }

.photo-hero { position: relative; display: flex; min-height: 700px; min-height: min(760px, 82svh); align-items: flex-end; overflow: hidden; background: #292622; color: white; isolation: isolate; }
.photo-hero--subpage { min-height: min(650px, 72svh); }
.photo-hero__image, .photo-hero__shade { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; }
.photo-hero__image { object-fit: cover; object-position: center 53%; }
.photo-hero__shade { background: linear-gradient(90deg, rgba(19,18,17,.8) 0%, rgba(19,18,17,.59) 36%, rgba(19,18,17,.1) 78%), linear-gradient(0deg, rgba(19,18,17,.45), transparent 58%); }
.photo-hero__copy { position: relative; padding-top: 7rem; padding-bottom: clamp(4rem, 9vh, 7rem); }
.photo-hero .eyebrow { color: var(--copper-light); }
.photo-hero h1 { max-width: 870px; margin: 0; font: 400 clamp(3.65rem, 8.5vw, 7.7rem)/.91 var(--serif); letter-spacing: -.06em; text-wrap: balance; }
.photo-hero--subpage h1 { max-width: 800px; font-size: clamp(3.5rem, 7.5vw, 6.7rem); }
.photo-hero h1 em { color: var(--copper-light); font-weight: 400; }
.hero-lead { max-width: 560px; margin: 1.55rem 0 0; color: rgba(255,255,255,.9); font-size: clamp(1rem, 1.45vw, 1.18rem); line-height: 1.75; }
.section-index { display: flex; align-items: center; gap: .75rem; margin-bottom: 2rem; color: var(--muted); font-size: .64rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.section-index span:first-child { color: var(--copper); font: 400 1.05rem/1 var(--serif); letter-spacing: 0; }
.section-index span:last-child::before { display: inline-block; width: 32px; height: 1px; margin: 0 .7rem .2rem 0; background: var(--line); content: ""; }
 .local-note > p { color: var(--muted); font-size: .97rem; line-height: 1.84; }
.room-stories { background: var(--paper-deep); }
.room-story { display: grid; min-height: 535px; grid-template-columns: 1fr 1fr; align-items: stretch; }
.room-story__copy { display: flex; max-width: 700px; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(2.6rem, 6vw, 6.5rem); }
.room-story__copy .eyebrow { margin-bottom: .8rem; }
.room-story__copy h2 { margin: 0 0 1rem; font: 400 clamp(2.35rem, 4vw, 3.7rem)/1 var(--serif); letter-spacing: -.035em; }
.room-story__copy p { max-width: 520px; margin: 0; color: var(--muted); font-size: .94rem; line-height: 1.8; }
.detail-terms { display: flex; flex-wrap: wrap; gap: .6rem 1.25rem; margin: 1.45rem 0 0; padding: 0; list-style: none; }
.detail-terms li { display: inline-flex; align-items: center; gap: .55rem; color: var(--ink-soft); font-size: .75rem; line-height: 1.4; }
.detail-terms li::before { width: 5px; height: 5px; background: var(--copper); content: ""; }
.menu-section { padding-block: clamp(5rem, 9vw, 8rem); background: var(--paper-deep); }
.menu-intro { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 3rem; margin-bottom: 3.3rem; }
.local-note { display: grid; grid-template-columns: 1fr .75fr; align-items: end; gap: 1rem 4rem; padding-block: clamp(4.5rem, 8vw, 7rem); }
.local-note .eyebrow { margin-bottom: 1rem; }
.local-note > p { max-width: 560px; margin: 0; }
.local-note > .line-link { grid-column: 2; margin-top: .2rem; }

.legal-page { padding-block: clamp(5rem, 10vw, 9rem); }
.legal-page > .display-title { font-size: clamp(3.4rem, 7vw, 6.4rem); }
.legal-page > .display-title em { color: var(--copper); font-weight: 400; }
.legal-lead { max-width: 700px; margin: 1.5rem 0 0; color: var(--ink-soft); font: 400 clamp(1.2rem, 2vw, 1.55rem)/1.65 var(--serif); }
.legal-updated { margin: 1.4rem 0 4rem; color: var(--muted); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.legal-copy { max-width: 800px; border-top: 1px solid var(--line); }
.legal-copy h2 { margin: 2.3rem 0 .65rem; font: 400 1.55rem/1.2 var(--serif); }
.legal-copy p { margin: 0 0 1rem; color: var(--muted); font-size: .91rem; line-height: 1.8; }
.legal-copy a { color: var(--copper); text-decoration: underline; text-underline-offset: .18em; }

.footer { padding-block: 2.4rem; background: #211f1d; color: rgba(255,255,255,.76); }
.footer__inner { display: grid; grid-template-columns: 1.1fr 1.25fr 1.7fr auto; align-items: center; gap: 1.4rem 2rem; }
.footer__brand { color: white; font: 400 1.35rem/1.2 var(--serif); }
.footer__brand span { display: block; margin-top: .35rem; color: rgba(255,255,255,.58); font: 600 .55rem/1.4 var(--sans); letter-spacing: .12em; text-transform: uppercase; }
.footer__address { color: rgba(255,255,255,.72); font-size: .69rem; line-height: 1.8; }
.footer__address a:hover, .footer__links a:hover { color: var(--copper-light); }
.footer__links { display: flex; flex-wrap: wrap; gap: .55rem 1rem; color: rgba(255,255,255,.82); font-size: .68rem; }
.footer__inner > small { color: rgba(255,255,255,.54); font-size: .62rem; line-height: 1.5; }

@media (max-width: 1120px) {
  .header__inner { gap: 1.2rem; }
  .nav { gap: 1rem; }
  .nav a { font-size: .82rem; }
  .brand__mark { width: 39px; height: 39px; }
  .brand__name { font-size: 1.23rem; }
  .footer__inner { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .header__inner { min-height: 0; flex-wrap: wrap; justify-content: center; gap: 0; padding-block: .7rem .2rem; }
  .brand { margin-inline: auto; }
  .nav { position: static; display: flex; flex: 1 0 100%; flex-wrap: wrap; justify-content: center; gap: 0 .9rem; padding: .3rem 0 0; border: 0; background: transparent; box-shadow: none; }
  .nav a { min-height: 44px; margin: 0; padding: .62rem .15rem; font-size: .9rem; white-space: nowrap; }
  .nav a::before { display: none; content: none; }
  .nav a > span::after { bottom: -.2rem; }
  .room-story { min-height: 470px; }
  .room-story__copy { padding: 3rem; }
}
@media (max-width: 640px) {
  :root { --gutter: 1.2rem; }
  .header__inner { min-height: 70px; }
  .brand__mark { width: 36px; height: 36px; }
  .brand__name { font-size: 1.15rem; }
  .brand__sub { margin-top: .32rem; font-size: .51rem; letter-spacing: .095em; }
  .nav { justify-content: space-around; gap: 0 .35rem; }
  .nav a { min-width: 48px; min-height: 44px; padding-inline: .15rem; font-size: .84rem; }
  .photo-hero { min-height: 660px; min-height: min(720px, 84svh); }
  .photo-hero--subpage { min-height: min(620px, 78svh); }
  .photo-hero__image { object-position: 55% center; }
  .photo-hero__shade { background: linear-gradient(90deg, rgba(19,18,17,.65), rgba(19,18,17,.14)), linear-gradient(0deg, rgba(19,18,17,.67), transparent 75%); }
  .photo-hero__copy { padding-block: 6rem 4.6rem; }
  .photo-hero h1, .photo-hero--subpage h1 { max-width: 620px; font-size: clamp(3.35rem, 15vw, 5.4rem); }
  .hero-lead { max-width: 480px; font-size: .98rem; }
   .menu-section { padding-block: 4.7rem; }
  .section-index { margin-bottom: 1.6rem; }
  .display-title { font-size: clamp(2.6rem, 12vw, 4rem); }
   .local-note > p { font-size: .9rem; }
  .room-story { display: flex; flex-direction: column; min-height: 0; }
  .room-story__copy { max-width: none; padding: 2rem var(--gutter) 2.7rem; }
  .room-story__copy h2 { font-size: 2.55rem; }
  .room-story__copy p { font-size: .88rem; }
  .detail-terms { gap: .55rem .9rem; }
  .detail-terms li { font-size: .71rem; }
  .menu-intro { grid-template-columns: 1fr; gap: 1rem; margin-bottom: 1.8rem; }
  .local-note { display: block; padding-block: 4.5rem; }
  .local-note > p { margin-top: 1rem; }
  .local-note > .line-link { margin-top: .5rem; }
  .legal-page { padding-block: 4.8rem; }
  .legal-page > .display-title { font-size: clamp(3.4rem, 14vw, 5rem); }
  .legal-updated { margin-bottom: 2.7rem; }
  .legal-copy h2 { margin-top: 1.8rem; font-size: 1.35rem; }
  .footer { padding-block: 2rem; }
  .footer__inner { grid-template-columns: 1fr; gap: 1.2rem; }
}
@media (max-width: 375px) {
  .brand__sub { font-size: .46rem; letter-spacing: .07em; }
  .hero-lead { font-size: .9rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Editorial pass: keep the identity at the left and page links at the right. */
.header__inner { gap: clamp(1.5rem, 4vw, 4rem); }
.nav { margin-left: auto; padding-left: clamp(1rem, 3vw, 3rem); gap: clamp(.65rem, 1.7vw, 1.35rem); }
.restaurant-intro { padding-block: clamp(4.5rem, 8vw, 7rem); }
.restaurant-intro__body { max-width: 850px; margin-inline: auto; text-align: center; }
.restaurant-intro__body .display-title { margin-bottom: 1.3rem; }
.restaurant-intro__body > p:not(.eyebrow) { max-width: 720px; margin: 0 auto; color: var(--muted); font-size: .98rem; line-height: 1.85; }
.madesimo-minimal { padding-block: clamp(4.5rem, 8vw, 7rem); }
.madesimo-seasons { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 7vw, 6rem); border-top: 1px solid var(--line); }
.madesimo-seasons article { padding-block: 1.8rem 1.2rem; border-bottom: 1px solid var(--line); }
.madesimo-seasons h2 { margin: 0 0 .8rem; font: 400 clamp(2rem, 3.5vw, 3rem)/1.1 var(--serif); }
.madesimo-seasons article > p:not(.eyebrow) { max-width: 560px; color: var(--muted); font-size: .92rem; line-height: 1.8; }
.madesimo-links { display: flex; flex-wrap: wrap; gap: 0 1.5rem; }
@media (max-width: 900px) {
  .header__inner { min-height: 74px; flex-wrap: nowrap; justify-content: space-between; gap: 1rem; padding-block: 0; }
  .brand { min-width: max-content; }
  .nav { position: static; flex: 0 1 auto; flex-wrap: nowrap; justify-content: flex-end; gap: clamp(.35rem, 1vw, .8rem); margin-left: auto; padding: 0 0 0 clamp(.8rem, 2vw, 1.5rem); border: 0; background: transparent; box-shadow: none; }
  .nav a { min-width: 40px; min-height: 2.8rem; margin-inline: 0; padding: .55rem .08rem; font-size: clamp(.72rem, .95vw, .85rem); }
}
@media (max-width: 760px) {
   .madesimo-seasons { grid-template-columns: 1fr; }
  .madesimo-seasons { gap: 1rem; }
}
@media (max-width: 640px) {
  .header__inner { min-height: 0; flex-wrap: wrap; justify-content: flex-start; gap: .2rem .75rem; padding-block: .55rem .25rem; }
  .brand { margin-right: auto; }
  .nav { flex: 1 0 100%; flex-wrap: wrap; justify-content: flex-end; gap: 0 .5rem; margin-left: 0; padding: .2rem 0 0; }
  .nav a { min-width: 44px; min-height: 40px; padding: .5rem .12rem; font-size: .78rem; }
  .restaurant-intro, .madesimo-minimal { padding-block: 4.5rem; }
}

/* A quieter editorial system: geometric display type, fewer rules, more air. */
:root {
  --serif: "Century Gothic", "Avenir Next", "Gill Sans", "Trebuchet MS", sans-serif;
  --sans: "Avenir Next", Avenir, "Segoe UI", sans-serif;
}
.brand__name { letter-spacing: -.045em; }
.brand__sub { letter-spacing: .18em; }
.nav a { font-family: var(--sans); font-size: .76rem; font-weight: 650; letter-spacing: .075em; text-transform: uppercase; }
.photo-hero h1, .display-title { letter-spacing: -.065em; }
.section-index { gap: 0; }
.section-index span:first-child { display: none; }
.section-index span:last-child::before { display: none; }
.line-link { padding-bottom: .2rem; border-bottom: 0; color: var(--copper); letter-spacing: .12em; }
.line-link:hover, .line-link:focus-visible { color: var(--ink); border-color: transparent; }

.contact-page { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 6vw, 5.5rem) clamp(2rem, 8vw, 8rem); padding-block: clamp(5rem, 9vw, 8rem); }
.contact-actions { display: grid; grid-template-columns: 1fr 1fr; grid-column: 1 / -1; gap: clamp(2rem, 7vw, 7rem); }
.contact-action { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: .65rem; padding: .4rem 0; transition: color .2s ease; }
.contact-action > span { color: var(--copper); font-size: .66rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.contact-action strong { font: 400 clamp(1.4rem, 2.45vw, 2.2rem)/1.25 var(--serif); letter-spacing: -.04em; overflow-wrap: anywhere; }
.contact-action small { color: var(--muted); font-size: .79rem; line-height: 1.6; }
.contact-action:hover, .contact-action:focus-visible { color: var(--copper); }
 .contact-social { color: var(--copper); font-size: .67rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
 .contact-social:hover { color: var(--ink); }
.contact-social { grid-column: 2; justify-self: end; margin-top: -4.9rem; align-self: end; color: var(--muted); font-weight: 600; }

@media (max-width: 760px) {
  .contact-page { grid-template-columns: 1fr; gap: 2.7rem; padding-block: 4.5rem; }
  .contact-actions { grid-template-columns: 1fr; grid-column: 1; gap: 1.8rem; }
  .contact-action strong { font-size: clamp(1.35rem, 6vw, 1.8rem); }
  .contact-social { grid-column: 1; justify-self: start; margin: -1.5rem 0 0; }
}

/* Film a scorrimento: il gesto del visitatore controlla l’avanzamento del video. */
.scroll-film {
  position: relative;
  height: calc(var(--film-cues, 3) * 100svh);
  min-height: calc(var(--film-cues, 3) * 100vh);
  background: #1d1c1a;
}
.scroll-film__sticky {
  position: sticky;
  top: var(--film-top, 86px);
  height: calc(100svh - var(--film-top, 86px));
  min-height: 440px;
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background: #292724;
}
.scroll-film__video, .scroll-film__shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.scroll-film__video { object-fit: cover; object-position: center; }
.scroll-film__shade {
  z-index: 1;
  background: linear-gradient(90deg, rgba(20,19,17,.7), rgba(20,19,17,.25) 55%, rgba(20,19,17,.08)),
    linear-gradient(0deg, rgba(20,19,17,.45), transparent 35%);
  pointer-events: none;
}
.scroll-film__copy {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: clamp(3rem, 9vh, 7rem);
  pointer-events: none;
}
.scroll-film__copy .eyebrow { color: rgba(255,255,255,.78); }
.scroll-film__copy h1 {
  max-width: 920px;
  margin: .7rem 0 1.25rem;
  font: 400 clamp(3.3rem, 8.2vw, 7.6rem)/.94 var(--serif);
  letter-spacing: -.075em;
  text-wrap: balance;
}
.scroll-film__copy h1 em { color: #e6c7a6; font-style: normal; }
.scroll-film__captions { position: relative; min-height: 6.5rem; max-width: 570px; }
.scroll-film__captions p {
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  margin: 0;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .18s ease, transform .18s ease;
}
.scroll-film__captions p.is-active { opacity: 1; transform: translateY(0); }
.scroll-film__captions strong {
  display: block;
  margin-bottom: .4rem;
  font: 500 clamp(1rem, 1.5vw, 1.22rem)/1.35 var(--sans);
  letter-spacing: .025em;
}
.scroll-film__captions span { display: block; color: rgba(255,255,255,.79); font-size: .94rem; line-height: 1.7; }
.scroll-film__footer {
  position: absolute;
  z-index: 2;
  inset: auto 0 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: rgba(255,255,255,.72);
  font: 600 .62rem/1.4 var(--sans);
  letter-spacing: .13em;
  text-transform: uppercase;
}
.scroll-film__progress { display: block; width: min(170px, 32vw); height: 1px; overflow: hidden; background: rgba(255,255,255,.34); }
.scroll-film__progress i { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; background: #e6c7a6; }
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Planimetrie consultabili a richiesta, una per ogni tipologia. */

/* Contatti raccolti in un’unica pagina, con mappa caricata solo su richiesta. */
.contact-page { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem, 5.5vw, 5rem) clamp(2rem, 7vw, 7rem); padding-block: clamp(4.5rem, 8vw, 7rem); }
 .contact-actions, .contact-map, .contact-property { grid-column: 1 / -1; }
.contact-actions { gap: 1rem clamp(2rem, 8vw, 8rem); padding-block: 1.2rem 2rem; border-block: 1px solid rgba(39,37,34,.13); }
.contact-action { gap: .45rem; }
.contact-action > span { color: var(--muted); }
.contact-action strong { font-family: var(--sans); font-size: clamp(1.28rem, 2.2vw, 2rem); font-weight: 500; letter-spacing: -.045em; }
.contact-map { display: grid; grid-template-columns: .68fr 1.32fr; gap: clamp(2rem, 6vw, 6rem); align-items: stretch; margin-top: .5rem; }
.contact-map__heading { align-self: center; }
.contact-map__heading h2, .contact-property h2 { margin: .35rem 0 1rem; font: 400 clamp(2.25rem, 4vw, 3.8rem)/1 var(--serif); letter-spacing: -.06em; }
.contact-map__heading > p:last-child { max-width: 340px; color: var(--muted); font-size: .88rem; line-height: 1.75; }
.contact-map__canvas {
  position: relative;
  display: flex;
  min-height: 390px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: .45rem;
  overflow: hidden;
  padding: clamp(1.6rem, 4vw, 3.4rem);
  border-radius: 26px;
  background: linear-gradient(135deg, #e9e5de, #d8d2c8);
  color: var(--ink);
}
.contact-map__canvas::before, .contact-map__canvas::after { position: absolute; content: ""; pointer-events: none; }
.contact-map__canvas::before { inset: -20% 15% -40% 42%; border: 1px solid rgba(72,91,77,.2); border-radius: 50%; transform: rotate(-28deg); }
.contact-map__canvas::after { inset: 30% -10% 15% 25%; border-top: 1px solid rgba(72,91,77,.23); border-bottom: 1px solid rgba(72,91,77,.18); transform: rotate(24deg); }
.contact-map__canvas strong, .contact-map__canvas > span:not(.contact-map__pin) { position: relative; z-index: 1; }
.contact-map__canvas strong { font: 500 1.13rem/1.4 var(--serif); }
.contact-map__canvas > span:not(.contact-map__pin) { color: var(--muted); font-size: .83rem; }
.contact-map__canvas iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.contact-property { display: grid; grid-template-columns: 1.1fr 1.1fr .9fr auto; align-items: end; gap: 1.8rem clamp(1.2rem, 3.5vw, 3rem); padding-top: 2.1rem; border-top: 1px solid rgba(39,37,34,.13); }
.contact-property h2 { margin-top: .3rem; font-size: clamp(1.8rem, 3.1vw, 2.8rem); }
.contact-property > div:first-child > p:last-child { margin: 0; color: var(--muted); font-size: .82rem; }
.contact-codes { display: grid; gap: 1rem; margin: 0; }
.contact-codes div { display: grid; gap: .3rem; }
.contact-codes dt { color: var(--muted); font-size: .61rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.contact-codes dd { margin: 0; color: var(--ink); font: 500 .88rem/1.5 var(--sans); letter-spacing: .025em; overflow-wrap: anywhere; }
.contact-company { display: grid; gap: .35rem; color: var(--muted); font-size: .72rem; line-height: 1.55; }
.contact-company strong { color: var(--ink); font: 400 1.1rem/1.35 var(--serif); }
.contact-social { display: flex; grid-column: auto; align-self: end; gap: .8rem; margin: 0; color: var(--muted); }
.contact-social a { color: inherit; }
.contact-social a:hover { color: var(--copper); }
.madesimo-gallery { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(.75rem, 2vw, 1.4rem); padding-block: 1rem clamp(4rem, 8vw, 7rem); }
.madesimo-gallery figure { position: relative; height: clamp(280px, 34vw, 470px); margin: 0; overflow: hidden; border-radius: 16px; background: #ddd; }
.madesimo-gallery img { width: 100%; height: 100%; object-fit: cover; }
.madesimo-gallery figcaption { position: absolute; inset: auto 0 0; padding: 3rem 1.3rem 1.1rem; background: linear-gradient(transparent, rgba(20,19,17,.65)); color: white; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }

@media (max-width: 760px) {
  .scroll-film__copy h1 { font-size: clamp(3.1rem, 13vw, 5.1rem); }
  .scroll-film__copy { padding-bottom: 5rem; }
  .contact-map { grid-template-columns: 1fr; gap: 1rem; }
  .contact-map__canvas { min-height: 360px; }
  .contact-property { grid-template-columns: 1fr 1fr; align-items: start; }
  .contact-company { align-self: end; }
}
@media (max-width: 640px) {
  .scroll-film { min-height: calc(var(--film-cues, 3) * 85svh); height: calc(var(--film-cues, 3) * 85svh); }
  .scroll-film__sticky { min-height: 400px; }
  .scroll-film__shade { background: linear-gradient(90deg, rgba(20,19,17,.65), rgba(20,19,17,.18)), linear-gradient(0deg, rgba(20,19,17,.42), transparent 44%); }
  .scroll-film__copy { padding-block: 2rem 4.5rem; }
  .scroll-film__captions { min-height: 7rem; }
  .scroll-film__footer { bottom: 1rem; font-size: .54rem; }
  .scroll-film__progress { width: 82px; }
  .contact-page { gap: 2.5rem; padding-block: 4rem; }
  .contact-actions { grid-template-columns: 1fr; gap: 1.6rem; padding-block: 0 1.5rem; }
  .contact-map__canvas { min-height: 320px; border-radius: 19px; }
  .contact-property { grid-template-columns: 1fr; gap: 1.6rem; }
  .contact-codes { gap: .9rem; }
  .contact-social { margin: 0; }
  .madesimo-gallery { grid-template-columns: 1fr; }
  .madesimo-gallery figure { height: 290px; }
}
@media (prefers-reduced-motion: reduce) {
  .scroll-film__captions p { transition: none; }
}

/* Camere: planimetrie e informazioni essenziali per ogni tipologia. */
.room-story { min-height: 535px; }
@media (max-width: 640px) {
  .room-story { min-height: 0; }
}

/* Home a pieno schermo: video continuo dietro alla navigazione, senza riquadri. */
body.home-page { background: #171716; }
body.home-page .header {
  position: absolute;
  inset: 0 0 auto;
  width: 100%;
  border-bottom: 0;
  background: linear-gradient(180deg, rgba(16,17,18,.58), rgba(16,17,18,0));
  backdrop-filter: none;
}
body.home-page .brand__name,
body.home-page .nav a { color: #fff; }
body.home-page .brand__sub { color: rgba(255,255,255,.75); }
body.home-page .nav a:hover,
body.home-page .nav a:focus-visible,
body.home-page .nav a[aria-current="page"],
body.home-page .nav a.is-lit { color: var(--copper-light); }
body.home-page .scroll-film { background: transparent; }
body.home-page .scroll-film__sticky { top: 0; height: 100svh; min-height: 100svh; }
body.home-page .scroll-film__footer,
body.home-page .footer { display: none; }
body.home-page .scroll-film__copy h1,
body.home-page .scroll-film__captions strong {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
}
body.home-page .scroll-film__copy h1 {
  font-weight: 400;
  letter-spacing: -.045em;
}
body.home-page .scroll-film__captions strong { font-weight: 400; }

/* Home: scorrimento lungo, fotogrammi precisi e testi alternati sul film. */
body.home-page .scroll-film--story {
  height: calc(var(--film-scroll-screens, 16) * 100svh);
  min-height: calc(var(--film-scroll-screens, 16) * 100vh);
}
body.home-page .scroll-film--story .scroll-film__copy {
  display: block;
  padding: 0;
}
body.home-page .scroll-film--story .scroll-film__captions--story {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  min-height: 0;
}
body.home-page .scroll-film--story .scroll-film__caption {
  position: absolute;
  top: 50%;
  right: auto;
  left: 0;
  width: min(43vw, 620px);
  margin: 0;
  opacity: 0;
  transform: translate3d(0, calc(-50% + 1.25rem), 0);
  transition: opacity .24s ease, transform .3s cubic-bezier(.2,.7,.2,1);
  color: #173d42;
  text-shadow: 0 2px 14px rgba(20, 19, 17, .64);
}
body.home-page .scroll-film--story .scroll-film__caption.is-right {
  right: 0;
  left: auto;
  text-align: right;
}
body.home-page .scroll-film--story .scroll-film__caption.is-active {
  opacity: 1;
  transform: translate3d(0, -50%, 0);
}
body.home-page .scroll-film--story .scroll-film__caption--headline {
  max-width: 100%;
  font-size: clamp(3rem, 6.5vw, 6.3rem);
  line-height: .97;
  color: #f2e8d9;
}
body.home-page .scroll-film--story .scroll-film__caption--headline em,
body.home-page .scroll-film--story .scroll-film__caption strong em {
  color: #aa836a;
  font-style: normal;
}
body.home-page .scroll-film--story .scroll-film__caption strong {
  margin-bottom: .7rem;
  color: #aa836a;
  font-size: clamp(2rem, 4.15vw, 3.7rem);
  line-height: 1.04;
  letter-spacing: -.04em;
}
body.home-page .scroll-film--story .scroll-film__caption.is-right strong {
  color: #f2e8d9;
}
body.home-page .scroll-film--story .scroll-film__caption span {
  color: #f1e7d8;
  font-size: clamp(1rem, 1.45vw, 1.15rem);
  line-height: 1.65;
}
body.home-page .scroll-film--story .scroll-film__caption.is-right span {
  color: #f1e7d8;
}
@media (max-width: 640px) {
  body.home-page .scroll-film--story .scroll-film__caption { width: min(77vw, 520px); }
  body.home-page .scroll-film--story .scroll-film__caption--headline { font-size: clamp(2.8rem, 11vw, 4.3rem); }
  body.home-page .scroll-film--story .scroll-film__caption strong { font-size: clamp(1.9rem, 8.2vw, 2.7rem); }
  body.home-page .scroll-film--story .scroll-film__caption span { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.home-page .scroll-film--story .scroll-film__caption { transition: opacity .12s linear; transform: translate3d(0,-50%,0); }
}

/* Camere: racconto fotografico, raccolta delle piante e galleria ufficiale. */
.rooms-page .rooms-hero { min-height: calc(100svh - 86px); }
.rooms-page .rooms-hero .photo-hero__image { object-position: center 54%; }
.rooms-page .rooms-hero .photo-hero__shade { background: linear-gradient(90deg, rgba(19,18,17,.66) 0%, rgba(19,18,17,.34) 44%, rgba(19,18,17,.04) 82%), linear-gradient(0deg, rgba(19,18,17,.54), transparent 66%); }
.rooms-page .rooms-feature { max-width: none; padding: 0; }
.rooms-page .rooms-feature__copy { width: min(100%, 980px); max-width: none; padding-inline: var(--gutter); margin-inline: auto; }
.rooms-page .rooms-feature__copy--between { padding-block: clamp(4.5rem, 9vw, 8rem) clamp(3rem, 5vw, 4.5rem); text-align: center; }
.rooms-page .rooms-feature__copy--between p:not(.eyebrow), .rooms-page .rooms-feature__copy--after p:not(.eyebrow) { margin-inline: auto; }
.rooms-page .rooms-feature__photo--bathroom { width: 100%; max-width: none; height: clamp(480px, 72svh, 880px); margin: 0; }
.rooms-page .rooms-feature__photo--bathroom img { width: 100%; height: 100%; object-fit: cover; object-position: center 52%; }
.rooms-page .rooms-feature__copy--after { width: min(100%, 1120px); padding-block: clamp(3.5rem, 7vw, 6rem) clamp(4rem, 7vw, 6.5rem); }
.rooms-page .room-stories { scroll-margin-top: 7.5rem; }
.rooms-feature { max-width: 1100px; padding-block: clamp(3rem, 6vw, 5.5rem); }
.rooms-feature__photo { position: relative; margin: 0; overflow: hidden; background: #e9e2d8; }
.rooms-feature__photo img { display: block; width: 100%; height: auto; }
.rooms-feature__photo--bathroom { width: min(100%, 480px); margin: 0 auto clamp(2.7rem, 5vw, 4rem) 10%; }
.rooms-feature__photo--bathroom img { width: 100%; height: auto; }
.rooms-feature__photo figcaption { padding: .8rem 0; color: var(--muted); font-size: .66rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.rooms-feature__copy { max-width: 760px; }
.rooms-feature__copy--between { margin: 0 0 clamp(3rem, 6vw, 5.5rem) 12%; }
.rooms-feature__copy--after { margin: 0 0 0 auto; }
.rooms-feature__copy .eyebrow { margin: 0 0 .75rem; }
.rooms-feature__copy h2 { margin: 0 0 1rem; font: 400 clamp(2.4rem, 5vw, 4.3rem)/1 var(--serif); letter-spacing: -.045em; }
.rooms-feature__copy p:not(.eyebrow) { max-width: 650px; margin: 0; color: var(--muted); font-size: .96rem; line-height: 1.85; }
.rooms-feature__actions { display: flex; flex-wrap: wrap; gap: 1.2rem 2.3rem; margin-top: 2rem; }
.rooms-feature__link { display: inline-flex; padding: .35rem 0 .6rem; border-bottom: 1px solid var(--copper); color: var(--ink); font-size: .72rem; font-weight: 750; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; transition: color .2s ease, border-color .2s ease; }
.rooms-feature__link:hover, .rooms-feature__link:focus-visible { border-color: var(--ink); color: var(--copper); }
.rooms-feature__link:focus-visible { outline: 2px solid var(--copper); outline-offset: 5px; }
.rooms-page .room-story { min-height: 0; grid-template-columns: 1fr; border-top: 1px solid var(--line); }
.rooms-page .room-story__copy { width: min(100%, 1060px); max-width: none; margin-inline: auto; padding: clamp(2.7rem, 5vw, 4.4rem) var(--gutter); }
 .room-gallery { scroll-margin-top: 7.5rem; padding-block: clamp(4.5rem, 8vw, 7rem); }
.room-collection__heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2.2rem; padding-bottom: 1.6rem; border-bottom: 1px solid var(--line); }
.room-collection__heading .eyebrow { margin: 0 0 .75rem; }
.room-collection__heading .display-title { margin: 0; }
.room-collection__heading > p { max-width: 480px; margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.75; }
.room-gallery { max-width: none; background: var(--paper-deep); }
.room-gallery__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.room-gallery__item { position: relative; aspect-ratio: 4 / 3; min-width: 0; margin: 0; overflow: hidden; background: #d8d2c9; }
.room-gallery__item::after { position: absolute; inset: 45% 0 0; background: linear-gradient(180deg, transparent, rgba(20, 19, 17, .72)); content: ""; pointer-events: none; }
.room-gallery__item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.room-gallery__item:hover img { transform: scale(1.035); }
.room-gallery__item figcaption { position: absolute; z-index: 1; right: .8rem; bottom: .7rem; left: .8rem; color: #fff; font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-shadow: 0 1px 5px rgba(0,0,0,.55); }
@media (max-width: 900px) {
  .rooms-page .rooms-hero { min-height: calc(100svh - 74px); }
  .room-gallery__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .rooms-page .rooms-hero { min-height: calc(100svh - 70px); }
  .rooms-page .rooms-hero .photo-hero__image { object-position: 58% center; }
  .rooms-page .rooms-feature { padding-inline: 0; }
  .rooms-page .rooms-feature__copy--between { padding-block: 3.8rem 2.6rem; }
  .rooms-page .rooms-feature__photo--bathroom { height: 62svh; min-height: 360px; }
  .rooms-page .rooms-feature__photo--bathroom img { object-position: 50% center; }
  .rooms-page .rooms-feature__copy--after { padding-block: 2.8rem 3.8rem; }
  .rooms-feature { padding-inline: var(--gutter); }
  .rooms-feature__photo--bathroom { width: min(100%, 440px); margin: 0 auto 2.5rem; }
  .rooms-feature__copy--between { margin: 0 0 2.8rem; }
  .rooms-feature__copy--after { margin: 0; }
  .rooms-feature__copy h2 { font-size: clamp(2.45rem, 11vw, 3.4rem); }
  .rooms-feature__copy p:not(.eyebrow) { font-size: .9rem; }
  .rooms-feature__actions { gap: .9rem 1.5rem; }
  .room-collection__heading { display: block; margin-bottom: 1.5rem; }
  .room-collection__heading > p { margin-top: 1rem; }
  .room-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.room-gallery__item figcaption { right: .55rem; bottom: .5rem; left: .55rem; font-size: .6rem; }
}

/* Contatti: paesaggio locale, mappa illustrata e link social riconoscibili. */
.restaurant-still-photo { height: clamp(440px, 66svh, 760px); overflow: hidden; background: #292622; }
.restaurant-still-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.contact-landscape { position: relative; grid-column: 1 / -1; height: clamp(260px, 34vw, 460px); margin: .25rem 0 0; overflow: hidden; border-radius: 26px; background: #d8ded5; }
.contact-landscape img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.contact-landscape::after { position: absolute; inset: 45% 0 0; background: linear-gradient(180deg, transparent, rgba(20,19,17,.62)); content: ""; pointer-events: none; }
.contact-landscape figcaption { position: absolute; z-index: 1; right: clamp(1.2rem, 3vw, 2rem); bottom: clamp(1rem, 2.5vw, 1.7rem); left: clamp(1.2rem, 3vw, 2rem); color: white; font: 400 clamp(1.15rem, 2vw, 1.7rem)/1.3 var(--serif); }
.contact-map__canvas { display: block; min-height: 450px; padding: 0; border-radius: 26px; background: #e9eee4; }
.contact-map__canvas::before, .contact-map__canvas::after { display: none; }
.contact-social { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem 1.1rem; }
.contact-social a { display: inline-flex; align-items: center; gap: .45rem; color: var(--ink); font-size: .67rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; transition: color .2s ease; }
.contact-social a:hover, .contact-social a:focus-visible { color: var(--copper); }
.contact-social__icon { display: block; width: 1.1rem; height: 1.1rem; flex: 0 0 auto; }
@media (max-width: 760px) {
  .contact-landscape { height: 340px; }
  .contact-map__canvas { min-height: 360px; }
}
@media (max-width: 640px) {
  .restaurant-still-photo { height: 54svh; min-height: 340px; }
  .contact-landscape { height: 260px; border-radius: 19px; }
  .contact-map__canvas { min-height: 330px; border-radius: 19px; }
}

/* Foto ristorante con titolo in sovraimpressione; mappe e contatti in ordine di lettura. */
.restaurant-still-photo { position: relative; isolation: isolate; }
.restaurant-still-photo::after { position: absolute; z-index: 0; inset: 42% 0 0; background: linear-gradient(180deg, transparent, rgba(20,18,16,.72)); content: ""; pointer-events: none; }
.restaurant-still-photo__copy { position: absolute; z-index: 1; inset: auto 0 clamp(2rem, 5.5vw, 5rem); color: #fffaf2; }
.restaurant-still-photo__copy .eyebrow { margin-bottom: .9rem; color: #f0cfb5; }
.restaurant-still-photo__copy h1 { max-width: 900px; margin: 0; font: 400 clamp(2.8rem, 6.8vw, 6rem)/.98 var(--serif); letter-spacing: -.055em; text-shadow: 0 2px 18px rgba(0,0,0,.2); }
.restaurant-intro__body > p:not(.eyebrow) { font-size: 1rem; }

.contact-page { display: flex; flex-direction: column; gap: clamp(2rem, 4vw, 3.6rem); padding-block: clamp(4.5rem, 8vw, 7rem); }
.contact-landscape { width: 100%; margin: 0; }
.contact-landscape__directions { align-self: flex-end; margin-top: -1.5rem; padding: .5rem 0; border-bottom: 1px solid var(--copper); color: var(--ink); font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.contact-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem clamp(2rem, 8vw, 8rem); padding-block: 1.5rem 2rem; border-block: 1px solid rgba(39,37,34,.13); }
.contact-map { display: grid; grid-template-columns: 1fr; gap: 1.6rem; margin-top: 0; }
.contact-map__heading { width: min(100%, 780px); margin: 0 auto; text-align: center; }
.contact-map__heading h2 { margin: .45rem 0 .8rem; }
.contact-map__heading > p:last-child { max-width: 540px; margin: 0 auto; font-size: .96rem; }
.contact-map__canvas { display: grid; min-height: clamp(340px, 42vw, 500px); place-items: center; padding: 1.5rem; overflow: hidden; border-radius: 24px; background: linear-gradient(140deg, #f1eee8, #e5e8e0); }
.contact-map__canvas::before, .contact-map__canvas::after { display: none; }
.contact-map__canvas iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.contact-property { grid-template-columns: 1fr 1fr; align-items: start; gap: 1.5rem 3rem; padding-top: 2.3rem; }
.contact-property > div:first-child { grid-column: 1 / -1; }
.contact-property h2 { margin: .35rem 0 .55rem; font-size: clamp(2rem, 4vw, 3.25rem); }
.contact-property > div:first-child > p:last-child { font-size: .95rem; }
.contact-codes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.contact-codes dt { font-size: .72rem; letter-spacing: .06em; }
.contact-codes dd { font-size: .95rem; }
.contact-company { align-self: start; font-size: .9rem; }
.contact-company strong { font-size: 1.25rem; }
.contact-social { grid-column: 1 / -1; align-self: start; gap: 1.2rem; margin: .4rem 0 0; padding-top: 1.3rem; border-top: 1px solid rgba(39,37,34,.13); }
.contact-social a { font-size: .75rem; }
 .contact-landscape__directions:focus-visible { outline: 2px solid var(--copper); outline-offset: 4px; }

@media (max-width: 760px) {
  .contact-page { gap: 2.4rem; padding-block: 4.5rem; }
  .contact-landscape__directions { margin-top: -1.4rem; }
  .contact-map__canvas { min-height: 360px; }
}
@media (max-width: 640px) {
  .restaurant-still-photo__copy h1 { font-size: clamp(2.6rem, 10vw, 4rem); }
  .contact-page { gap: 2rem; padding-block: 4rem; }
  .contact-actions { grid-template-columns: 1fr; gap: 1.5rem; }
  .contact-action strong { font-size: clamp(1.35rem, 6vw, 1.8rem); }
  .contact-map__canvas { min-height: 320px; padding: .8rem; border-radius: 19px; }
  .contact-property { grid-template-columns: 1fr; gap: 1.5rem; }
  .contact-property > div:first-child, .contact-social { grid-column: 1; }
  .contact-codes { grid-template-columns: 1fr; gap: .9rem; }
}

/* Wellness: clip a piena superficie, avanzata sulla rotella e didascalie alternate come in home. */
body.wellness-page { background: #171716; }
body.wellness-page .scroll-film { background: transparent; }
body.wellness-page .scroll-film--story {
  height: calc(var(--film-scroll-screens, 24) * 100svh);
  min-height: calc(var(--film-scroll-screens, 24) * 100vh);
}
body.wellness-page .scroll-film__sticky { top: 0; height: 100svh; min-height: 100svh; }
body.wellness-page .scroll-film__sticky::before { display: none; content: none; }
body.wellness-page .scroll-film__video { z-index: 1; object-fit: cover; object-position: center; background: #171716; }
body.wellness-page .scroll-film__shade { z-index: 2; background: linear-gradient(90deg, rgba(20,19,17,.42), rgba(20,19,17,.13) 50%, rgba(20,19,17,.42)), linear-gradient(0deg, rgba(20,19,17,.2), transparent 35%); }
body.wellness-page .scroll-film--story .scroll-film__copy { z-index: 3; display: block; padding: 0; }
body.wellness-page .scroll-film--story .scroll-film__captions--story { position: absolute; inset: 0; width: 100%; max-width: none; min-height: 0; }
body.wellness-page .scroll-film--story .scroll-film__caption {
  position: absolute;
  top: 50%;
  right: auto;
  left: 0;
  width: min(31vw, 470px);
  margin: 0;
  color: #f2e8d9;
  opacity: 0;
  text-shadow: 0 2px 14px rgba(20,19,17,.75);
  transform: translate3d(0,calc(-50% + 1.25rem),0);
  transition: opacity .24s ease, transform .3s cubic-bezier(.2,.7,.2,1);
}
body.wellness-page .scroll-film--story .scroll-film__caption.is-right { right: 0; left: auto; text-align: right; }
body.wellness-page .scroll-film--story .scroll-film__caption.is-active { opacity: 1; transform: translate3d(0,-50%,0); }
body.wellness-page .scroll-film--story .scroll-film__caption--headline { max-width: 100%; color: #f2e8d9; font: 400 clamp(2.7rem,5.7vw,5.8rem)/.97 "Palatino Linotype","Book Antiqua",Palatino,Georgia,serif; letter-spacing: -.055em; }
body.wellness-page .scroll-film--story .scroll-film__caption--headline em { color: #aa836a; font-style: normal; }
body.wellness-page .scroll-film--story .scroll-film__caption strong { display: block; margin: 0 0 .7rem; color: #aa836a; font: 400 clamp(1.8rem,3.5vw,3.15rem)/1.04 "Palatino Linotype","Book Antiqua",Palatino,Georgia,serif; letter-spacing: -.04em; }
body.wellness-page .scroll-film--story .scroll-film__caption.is-right strong { color: #f2e8d9; }
body.wellness-page .scroll-film--story .scroll-film__caption span { display: block; color: #f1e7d8; font-size: clamp(.95rem,1.3vw,1.12rem); line-height: 1.65; }
body.wellness-page .scroll-film__footer { display: none; }
@media (max-width: 760px) {
  body.wellness-page .scroll-film__sticky { min-height: 100svh; }
  body.wellness-page .scroll-film__video { object-fit: cover; }
  body.wellness-page .scroll-film__shade { background: linear-gradient(90deg,rgba(20,19,17,.6),rgba(20,19,17,.18)),linear-gradient(0deg,rgba(20,19,17,.42),transparent 48%); }
  body.wellness-page .scroll-film--story .scroll-film__caption { width: min(77vw,520px); }
  body.wellness-page .scroll-film--story .scroll-film__caption--headline { font-size: clamp(2.8rem,11vw,4.3rem); }
  body.wellness-page .scroll-film--story .scroll-film__caption strong { font-size: clamp(1.9rem,8.2vw,2.7rem); }
  body.wellness-page .scroll-film--story .scroll-film__caption span { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.wellness-page .scroll-film--story .scroll-film__caption { transition: opacity .12s linear; transform: translate3d(0,-50%,0); }
}

/* Carta del 1945: lettura editoriale per portate, senza righe da elenco. */
.menu-narrative { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: clamp(2.5rem,7vw,7rem); }
.menu-narrative__course { padding: 1.35rem 0 2rem; border-top: 1px solid #c9bdb0; }
.menu-narrative__course .eyebrow { margin-bottom: .75rem; font-size: .63rem; }
.menu-narrative__course > p:last-child { max-width: 500px; margin: 0; color: var(--ink-soft); font: 400 clamp(1.15rem,1.75vw,1.5rem)/1.55 var(--serif); }
.menu-preferences { margin: 1.2rem 0 0; padding-top: 1.3rem; border-top: 1px solid rgba(201,189,176,.63); color: var(--muted); font-size: .88rem; line-height: 1.7; }
.menu-preferences a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--copper); text-underline-offset: .22em; }

/* Contatti: apertura fotografica a tutta larghezza, mappa Google visibile e informazioni su righe pulite. */
.contact-page { display: flex; flex-direction: column; gap: 0; padding: 0 0 clamp(4rem,8vw,7rem); }
.contact-landscape { position: relative; width: 100%; height: clamp(340px,48svh,560px); margin: 0; overflow: hidden; isolation: isolate; background: #242321; color: var(--white); }
.contact-landscape img { width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.contact-landscape__shade { position: absolute; z-index: 0; inset: 0; background: linear-gradient(90deg,rgba(19,18,17,.72),rgba(19,18,17,.43) 44%,rgba(19,18,17,.04) 90%),linear-gradient(0deg,rgba(19,18,17,.42),transparent 54%); }
.contact-landscape__copy { position: absolute; z-index: 1; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; padding-block: 4rem clamp(3rem,8vh,6rem); color: var(--white); }
.contact-landscape__copy .eyebrow { color: var(--copper-light); }
.contact-landscape__copy h1 { max-width: 1100px; margin: 0 0 1rem; font: 400 clamp(2.8rem,5.8vw,5.4rem)/.98 var(--serif); letter-spacing: -.065em; text-shadow: 0 2px 20px rgba(0,0,0,.34); }
.contact-landscape__copy h1 em { color: var(--copper-light); font-style: normal; }
.contact-landscape__copy > p:last-child { max-width: 560px; margin: 0; color: rgba(255,253,249,.9); font-size: clamp(.95rem,1.2vw,1.08rem); line-height: 1.7; text-shadow: 0 1px 12px rgba(0,0,0,.5); }
.contact-landscape__directions { display: inline-flex; width: fit-content; align-self: flex-end; margin: 1.1rem max(var(--gutter),calc((100vw - var(--content))/2)) 0 auto; padding: .55rem 0; border-bottom: 1px solid var(--copper); color: var(--ink); font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.contact-reach { display: grid; grid-template-columns: minmax(0,1fr); align-items: start; gap: 1.6rem; padding-block: clamp(4rem,8vw,7rem); }
.contact-reach__intro h2 { max-width: none; margin: .35rem 0 0; font: 400 clamp(2.05rem,3.1vw,3.25rem)/1.06 var(--serif); letter-spacing: -.05em; text-wrap: balance; }
.contact-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem clamp(1.4rem,4vw,4rem); padding: 0; border: 0; }
.contact-action { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: .55rem; padding: 1.25rem 0 1.5rem; border-top: 1px solid var(--line); }
.contact-action span { color: var(--copper); font-size: .66rem; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
.contact-action strong { font: 400 clamp(1.1rem,1.8vw,1.5rem)/1.2 var(--serif); overflow-wrap: anywhere; }
.contact-action small { color: var(--muted); font-size: .78rem; line-height: 1.55; }
.contact-map { display: grid; grid-template-columns: minmax(210px,.7fr) minmax(0,1.3fr); align-items: center; gap: clamp(2rem,6vw,6rem); margin: 0 auto; padding-block: 0 clamp(4rem,8vw,7rem); }
.contact-map__heading { width: auto; margin: 0; text-align: left; }
.contact-map__heading h2 { margin: .45rem 0 .8rem; font: 400 clamp(2.2rem,4vw,3.8rem)/1.02 var(--serif); letter-spacing: -.05em; }
.contact-map__heading > p:last-child { max-width: 360px; margin: 0; color: var(--muted); font-size: .94rem; line-height: 1.7; }
.contact-map__canvas { position: relative; display: block; min-height: clamp(340px,38vw,500px); padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: #ebe8e3; }
.contact-map__canvas iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.contact-property { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 1.5rem 3rem; padding-top: 2rem; border-top: 1px solid var(--line); }
.contact-property__heading { grid-column: 1 / -1; margin-bottom: .35rem; }
.contact-property__heading h2 { margin: .3rem 0 0; font: 400 clamp(1.8rem,3.2vw,2.7rem)/1.08 var(--serif); letter-spacing: -.04em; }
.contact-codes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.4rem; margin: 0; }
.contact-codes > div { padding-top: .7rem; border-top: 1px solid var(--line); }
.contact-codes dt { color: var(--muted); font-size: .66rem; line-height: 1.5; letter-spacing: .06em; text-transform: uppercase; }
.contact-codes dd { margin: .35rem 0 0; font: 400 1rem/1.4 var(--serif); overflow-wrap: anywhere; }
.contact-company { display: flex; flex-direction: column; align-self: start; gap: .38rem; color: var(--muted); font-size: .82rem; line-height: 1.5; }
.contact-company strong { color: var(--ink); font: 400 1.25rem/1.2 var(--serif); }
.contact-social { grid-column: 1 / -1; display: flex; gap: 1.5rem; margin: .4rem 0 0; padding-top: 1.25rem; border-top: 1px solid var(--line); }
.contact-social a { display: inline-flex; align-items: center; gap: .55rem; color: var(--ink); font-size: .76rem; font-weight: 650; letter-spacing: .07em; }
.contact-social__icon { width: 21px; height: 21px; color: var(--copper); }
.contact-landscape__directions:focus-visible, .contact-action:focus-visible, .contact-social a:focus-visible { outline: 2px solid var(--copper); outline-offset: 4px; }
@media (max-width: 760px) {
  .menu-narrative { grid-template-columns: 1fr; }
  .contact-landscape { height: clamp(350px,54svh,500px); }
  .contact-landscape img { object-position: center 53%; }
  .contact-landscape__shade { background: linear-gradient(90deg,rgba(19,18,17,.7),rgba(19,18,17,.24)),linear-gradient(0deg,rgba(19,18,17,.52),transparent 70%); }
  .contact-landscape__copy { padding-block: 3rem 3rem; }
  .contact-landscape__copy h1 { font-size: clamp(2.7rem,9.2vw,4.6rem); }
  .contact-landscape__directions { margin-right: var(--gutter); }
  .contact-reach { grid-template-columns: 1fr; gap: 1.5rem; }
  .contact-map { grid-template-columns: 1fr; gap: 1.5rem; }
  .contact-property { grid-template-columns: 1fr; gap: 1.4rem; }
  .contact-property__heading, .contact-social { grid-column: 1; }
}
@media (max-width: 560px) {
  .contact-actions { grid-template-columns: 1fr; gap: .2rem; }
  .contact-map__canvas { min-height: 340px; border-radius: 20px; }
  .contact-codes { grid-template-columns: 1fr; gap: .9rem; }
  .contact-property__heading h2 { max-width: 100%; font-size: 2rem; }
}

/* Wellness: logo e navigazione si appoggiano al film come nella home, che occupa tutto il primo schermo. */
body.wellness-page .header {
  position: absolute;
  inset: 0 0 auto;
  width: 100%;
  border-bottom: 0;
  background: linear-gradient(180deg, rgba(16,17,18,.58), rgba(16,17,18,0));
  backdrop-filter: none;
}
body.wellness-page .brand__mark { color: var(--copper-light); }
body.wellness-page .brand__name,
body.wellness-page .nav a { color: #fff; }
body.wellness-page .brand__sub { color: rgba(255,255,255,.75); }
body.wellness-page .nav a:hover,
body.wellness-page .nav a:focus-visible,
body.wellness-page .nav a[aria-current="page"],
body.wellness-page .nav a.is-lit { color: var(--copper-light); }

/* Navigazione: area di selezione più ampia e risposta tattile immediata. */
.nav a { min-width: 54px; min-height: 56px; margin-inline: 0; padding-inline: .42rem; cursor: pointer; }
@media (max-width: 760px) {
  .nav a { min-width: 48px; min-height: 48px; padding: .55rem .32rem; }
}

/* Contatti: indicazioni subito sotto la mappa e meno vuoto tra i contenuti. */
.contact-map__location { min-width: 0; }
.contact-map__directions { display: flex; width: fit-content; min-height: 44px; align-items: center; margin: .3rem 0 0 auto; padding: .55rem .35rem; }
.contact-reach { padding-block: clamp(2.5rem,5vw,4rem); }
.contact-map { gap: clamp(1.5rem,3vw,3rem); padding-bottom: clamp(3rem,5vw,4.5rem); }
@media (max-width: 760px) {
  .contact-reach { gap: 1.2rem; }
  .contact-map { gap: 1.2rem; }
}

/* ==========================================================================
   Mobile e movimento: menu a schermo intero, film guidati, comparse dai lati.
   ========================================================================== */
:root {
  --header-h: 86px;
  --ease-smooth-out: cubic-bezier(.22, 1, .36, 1);
  --ease-out-expo: cubic-bezier(.16, 1, .3, 1);
  --rv-distance: 52px;
  --rv-blur: 4px;
  --rv-stagger: 45ms;
}
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
html.is-leaving main { opacity: 0; transition: opacity .25s ease; }
/* Le comparse laterali non devono mai allargare la pagina: clip non crea un'area di scorrimento e non blocca gli elementi sticky. */
main, .footer { overflow-x: clip; }
@supports not (overflow: clip) { body { overflow-x: hidden; } }
html:has(.lightbox[open]), html.menu-open { overflow: hidden; }

/* Intestazione e menu */
.menu-toggle, .nav__extra { display: none; }
@media (max-width: 900px) {
  :root { --header-h: 64px; }
  html.js .header { backdrop-filter: none; }
  html.js .header__inner { min-height: 64px; flex-wrap: nowrap; justify-content: space-between; gap: 1rem; padding-block: 0; }
  html.js .brand { position: relative; z-index: 2; margin: 0; transition: color .3s ease; }
  html.js .brand__mark { width: 34px; height: 34px; }
  html.js .brand__name { font-size: 1.12rem; }
  html.js .brand__sub { margin-top: .3rem; font-size: .5rem; letter-spacing: .14em; }
  html.js .menu-toggle {
    position: relative;
    z-index: 2;
    display: inline-flex;
    min-width: 48px;
    min-height: 48px;
    align-items: center;
    gap: .75rem;
    margin-right: -.55rem;
    padding: .5rem .55rem;
    border: 0;
    background: none;
    color: var(--ink);
    cursor: pointer;
    font: 650 .66rem/1 var(--sans);
    letter-spacing: .18em;
    text-transform: uppercase;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    transition: color .3s ease;
  }
  .menu-toggle:focus-visible { outline: 2px solid var(--copper); outline-offset: 2px; }
  .menu-toggle__icon { position: relative; display: block; width: 26px; height: 12px; }
  .menu-toggle__icon i { position: absolute; top: 0; right: 0; width: 100%; height: 1.5px; border-radius: 2px; background: currentColor; transition: top .45s var(--ease-smooth-out), width .45s var(--ease-smooth-out), transform .45s var(--ease-smooth-out); }
  .menu-toggle__icon i + i { top: 10.5px; width: 68%; }
  html.menu-open .menu-toggle__icon i { top: 5.25px; width: 100%; transform: rotate(45deg); }
  html.menu-open .menu-toggle__icon i + i { transform: rotate(-45deg); }
  html.menu-open .menu-toggle, html.menu-open .brand, html.menu-open .brand__name { color: #f6efe5; }
  html.menu-open .brand__sub { color: rgba(246,239,229,.62); }
  html.menu-open .brand__mark { color: var(--copper-light); }

  html.js .nav {
    position: fixed;
    z-index: 1;
    inset: 0;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    gap: 0;
    margin: 0;
    padding: calc(var(--header-h) + 1.25rem) var(--gutter) max(1.75rem, env(safe-area-inset-bottom));
    overflow-y: auto;
    background: radial-gradient(120% 70% at 100% 0%, #3a312a 0%, transparent 60%), #1c1a18;
    clip-path: inset(0 0 100% 0);
    visibility: hidden;
    counter-reset: nav;
    transition: clip-path .6s var(--ease-out-expo), visibility 0s linear .6s;
  }
  html.menu-open .nav { clip-path: inset(0); visibility: visible; transition: clip-path .75s var(--ease-out-expo), visibility 0s; }
  html.js .nav a {
    display: flex;
    min-width: 0;
    min-height: 0;
    align-items: baseline;
    gap: 1.1rem;
    margin: 0;
    padding: .62rem 0;
    border-bottom: 1px solid rgba(246,239,229,.09);
    color: #f4ece1;
    font: 400 clamp(1.9rem, 8.6vw, 2.75rem)/1.08 var(--serif);
    letter-spacing: -.045em;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    opacity: 0;
    translate: 48px 0;
    transition: opacity .35s ease, translate .35s ease, color .2s ease;
  }
  html.js .nav a::before { display: block; min-width: 1.7rem; color: var(--copper-light); content: counter(nav, decimal-leading-zero); counter-increment: nav; font: 650 .62rem/1 var(--sans); letter-spacing: .14em; }
  html.js .nav a > span::after { display: none; }
  html.js .nav a[aria-current="page"], html.js .nav a:hover, html.js .nav a:focus-visible { color: var(--copper-light); text-shadow: none; }
  html.menu-open .nav a { opacity: 1; translate: 0 0; transition: opacity .6s ease, translate .9s var(--ease-out-expo), color .2s ease; }
  html.menu-open .nav a:nth-child(1) { transition-delay: .12s, .12s, 0s; }
  html.menu-open .nav a:nth-child(2) { transition-delay: .17s, .17s, 0s; }
  html.menu-open .nav a:nth-child(3) { transition-delay: .22s, .22s, 0s; }
  html.menu-open .nav a:nth-child(4) { transition-delay: .27s, .27s, 0s; }
  html.menu-open .nav a:nth-child(5) { transition-delay: .32s, .32s, 0s; }
  html.menu-open .nav a:nth-child(6) { transition-delay: .37s, .37s, 0s; }
  html.menu-open .nav a:nth-child(7) { transition-delay: .42s, .42s, 0s; }
  html.js .nav__extra { display: grid; gap: .1rem; margin-top: 2rem; color: rgba(246,239,229,.62); font-size: .8rem; opacity: 0; transition: opacity .3s ease; }
  html.menu-open .nav__extra { opacity: 1; transition: opacity .8s ease .5s; }
  html.js .nav .nav__extra a { display: inline-flex; min-height: 44px; align-items: center; padding: 0; border: 0; color: #f4ece1; font: 500 .95rem/1.2 var(--sans); letter-spacing: 0; opacity: 1; translate: none; }
  html.js .nav .nav__extra a::before { display: none; }
  html.js .nav__extra span { padding-top: .35rem; }
  .rooms-page .rooms-hero { min-height: calc(100svh - var(--header-h)); }
}

/* Home e Wellness: menu sempre raggiungibile sopra il film. */
body.home-page .header, body.wellness-page .header { position: fixed; transition: background-color .4s ease; }
body.home-page .menu-toggle, body.wellness-page .menu-toggle { color: #fff; }
body.home-page .brand__mark { color: var(--copper-light); }
body.home-page .header.is-scrolled, body.wellness-page .header.is-scrolled { background: linear-gradient(180deg, rgba(16,17,18,.72), rgba(16,17,18,.18) 78%, rgba(16,17,18,0)); }
@media (min-width: 901px) {
  body.home-page .header.is-scrolled, body.wellness-page .header.is-scrolled { background: rgba(22,21,20,.42); backdrop-filter: blur(12px); }
  body.home-page .header.is-scrolled .header__inner, body.wellness-page .header.is-scrolled .header__inner { min-height: 72px; }
  .header__inner { transition: min-height .4s var(--ease-smooth-out); }
}

/* Film: poster leggero, palco a piena altezza anche quando la barra del browser si ritira. */
.scroll-film__poster { position: absolute; z-index: 0; inset: 0; }
.scroll-film__poster img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.scroll-film__video { opacity: 0; transition: opacity .7s ease; }
.scroll-film.is-ready .scroll-film__video { opacity: 1; }
body.home-page .scroll-film__sticky, body.wellness-page .scroll-film__sticky { height: 100vh; height: 100lvh; min-height: 0; }

.film-hint {
  position: absolute;
  z-index: 4;
  top: calc(100svh - 7rem);
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .85rem;
  color: rgba(255,255,255,.94);
  font: 650 .64rem/1 var(--sans);
  letter-spacing: .22em;
  text-shadow: 0 1px 12px rgba(0,0,0,.55);
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  translate: -50% 12px;
  transition: opacity .6s ease, translate .9s var(--ease-out-expo), color .4s ease;
  pointer-events: none;
}
.film-hint.is-visible { opacity: 1; translate: -50% 0; }
.film-hint.is-final { color: var(--copper-light); }
.film-hint__track { position: relative; display: block; width: 1px; height: 48px; overflow: hidden; background: rgba(255,255,255,.28); }
.film-hint__track i { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 45%; background: currentColor; animation: film-hint-drop 1.9s var(--ease-smooth-out) infinite; }
@keyframes film-hint-drop { 0% { transform: translateY(-100%); } 70%, 100% { transform: translateY(240%); } }
.film-rail { position: absolute; z-index: 4; top: 50%; right: max(8px, calc(var(--gutter) * .4)); width: 2px; height: min(32vh, 240px); overflow: hidden; border-radius: 2px; background: rgba(255,255,255,.22); translate: 0 -50%; pointer-events: none; }
.film-rail i { display: block; height: 100%; background: var(--copper-light); transform: scaleY(0); transform-origin: top; }

/* Didascalie del film: entrano dal loro lato con una scia sfocata, escono con una dissolvenza. */
:is(body.home-page, body.wellness-page) .scroll-film--story .scroll-film__caption { transform: translate3d(0,-50%,0); transition: opacity .32s ease; }
:is(body.home-page, body.wellness-page) .scroll-film--story .scroll-film__caption.is-active { transition: opacity .2s ease; }
.scroll-film--story .scroll-film__caption > strong, .scroll-film--story .scroll-film__caption > span {
  opacity: 0;
  filter: blur(6px);
  translate: calc(var(--rv-distance) * -1.2) 0;
  transition: opacity .32s ease, translate 0s linear .34s, filter 0s linear .34s;
}
.scroll-film--story .scroll-film__caption.is-right > strong, .scroll-film--story .scroll-film__caption.is-right > span { translate: calc(var(--rv-distance) * 1.2) 0; }
.scroll-film--story .scroll-film__caption.is-active > strong, .scroll-film--story .scroll-film__caption.is-active > span {
  opacity: 1;
  filter: blur(0);
  translate: 0 0;
  transition: opacity .7s ease .06s, translate 1.15s var(--ease-out-expo) .06s, filter .9s var(--ease-out-expo) .06s;
}
.scroll-film--story .scroll-film__caption.is-active > span { transition-delay: .2s; }
.scroll-film--story .scroll-film__caption--headline { translate: -40px 0; filter: blur(6px); transition: opacity .32s ease, translate 0s linear .34s, filter 0s linear .34s; }
.scroll-film--story .scroll-film__caption--headline.is-active { translate: 0 0; filter: blur(0); transition: opacity .7s ease, translate 1.2s var(--ease-out-expo), filter .9s var(--ease-out-expo); }
html.js .scroll-film--story .scroll-film__caption--headline.is-active { animation: film-headline-in 1.5s var(--ease-out-expo) .15s backwards; }
@keyframes film-headline-in { from { opacity: 0; translate: -64px 0; filter: blur(10px); } }

/* Comparse durante lo scorrimento */
.rv-word { display: inline-block; }
html.js [data-rv] { transition: opacity .9s var(--ease-smooth-out) var(--rv-delay, 0ms), translate 1.15s var(--ease-out-expo) var(--rv-delay, 0ms), filter .9s var(--ease-smooth-out) var(--rv-delay, 0ms); }
html.js [data-rv="left"]:not(.is-in) { opacity: 0; filter: blur(var(--rv-blur)); translate: calc(var(--rv-distance) * -1) 0; }
html.js [data-rv="right"]:not(.is-in) { opacity: 0; filter: blur(var(--rv-blur)); translate: var(--rv-distance) 0; }
html.js [data-rv="rise"]:not(.is-in) { opacity: 0; translate: 0 34px; }
html.js [data-rv="words"] { transition: none; }
html.js [data-rv="words"] .rv-word { transition: opacity .8s var(--ease-smooth-out), translate 1.15s var(--ease-out-expo), filter .85s var(--ease-smooth-out); transition-delay: calc(var(--rv-delay, 0ms) + var(--i, 0) * var(--rv-stagger)); }
html.js [data-rv="words"]:not(.is-in) .rv-word { opacity: 0; filter: blur(5px); translate: -.75em 0; }
html.js [data-rv="words"][data-rv-side="right"]:not(.is-in) .rv-word { translate: .75em 0; }
html.js [data-rv^="clip"] { transition: clip-path 1.35s var(--ease-out-expo) var(--rv-delay, 0ms); }
html.js [data-rv^="clip"] img { transition: scale 1.7s var(--ease-out-expo) var(--rv-delay, 0ms); }
html.js [data-rv="clip-left"]:not(.is-in) { clip-path: inset(0 100% 0 0); }
html.js [data-rv="clip-right"]:not(.is-in) { clip-path: inset(0 0 0 100%); }
html.js [data-rv="clip-up"]:not(.is-in) { clip-path: inset(100% 0 0 0); }
html.js [data-rv^="clip"]:not(.is-in) img { scale: 1.14; }
.hero-media { animation: hero-settle 2.4s var(--ease-out-expo) both; }
@keyframes hero-settle { from { scale: 1.1; } to { scale: 1; } }
@media (max-width: 760px) {
  :root { --rv-distance: 36px; --rv-blur: 3px; }
}

/* Correzioni di impaginazione su telefono */
.contact-landscape { border-radius: 0; }
.restaurant-still-photo::after { inset: 22% 0 0; background: linear-gradient(180deg, transparent, rgba(20,18,16,.55) 45%, rgba(20,18,16,.8)); }
.restaurant-still-photo__copy .eyebrow { text-shadow: 0 1px 10px rgba(0,0,0,.45); }
@media (max-width: 760px), (pointer: coarse) {
  .footer__inner { gap: 1rem; }
  .footer__address a, .footer__links a { display: inline-flex; min-height: 44px; align-items: center; }
  .footer__links { gap: 0 1.2rem; }
  .footer__address { line-height: 1.5; }
  main .line-link, .rooms-feature__link { min-height: 44px; align-items: center; }
  .madesimo-links { gap: 0 1.5rem; }
  .madesimo-links .line-link { margin-top: .6rem; }
  .menu-preferences a, .legal-copy a { display: inline-block; padding-block: .55rem; margin-block: -.55rem; }
  .contact-social a { min-height: 44px; }
}

/* Galleria a schermo intero */
.room-gallery__link { display: block; width: 100%; height: 100%; cursor: zoom-in; }
.room-gallery__link:focus-visible { outline: 2px solid var(--copper); outline-offset: 3px; }
.lightbox { width: 100vw; max-width: none; height: 100vh; height: 100dvh; max-height: none; margin: 0; padding: 0; overflow: hidden; border: 0; background: rgba(18,17,16,.985); color: #fff; }
.lightbox[open] { display: grid; place-items: center; animation: lightbox-in .3s var(--ease-smooth-out); }
.lightbox.is-closing { animation: lightbox-out .2s ease forwards; }
.lightbox::backdrop { background: rgba(18,17,16,.7); }
@keyframes lightbox-in { from { opacity: 0; scale: .97; } }
@keyframes lightbox-out { to { opacity: 0; scale: .98; } }
.lightbox__figure { display: flex; max-width: min(92vw, 1400px); flex-direction: column; align-items: center; gap: .9rem; margin: 0; }
.lightbox__image { max-width: 100%; max-height: calc(100dvh - 9.5rem); object-fit: contain; opacity: 0; translate: var(--lb-from, 0) 0; transition: opacity .35s ease, translate .55s var(--ease-smooth-out); }
.lightbox__image.is-shown { opacity: 1; translate: 0 0; }
.lightbox__caption { color: rgba(255,255,255,.82); font: 650 .68rem/1.4 var(--sans); letter-spacing: .14em; text-align: center; text-transform: uppercase; }
.lightbox__count { position: absolute; top: 1.25rem; left: var(--gutter); margin: 0; color: rgba(255,255,255,.66); font: 600 .7rem/1 var(--sans); letter-spacing: .16em; }
.lightbox button { display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(255,255,255,.06); color: #fff; cursor: pointer; transition: background-color .2s ease, border-color .2s ease; -webkit-tap-highlight-color: transparent; }
.lightbox button:hover, .lightbox button:focus-visible { border-color: var(--copper-light); background: rgba(255,255,255,.14); }
.lightbox button:focus-visible { outline: 2px solid var(--copper-light); outline-offset: 3px; }
.lightbox__close { position: absolute; top: .55rem; right: .55rem; width: 48px; height: 48px; border-color: transparent !important; background: none !important; }
.lightbox__close span, .lightbox__close span::after { display: block; width: 22px; height: 1.5px; background: currentColor; transform: rotate(45deg); content: ""; }
.lightbox__close span::after { transform: rotate(-90deg); }
.lightbox__nav { position: absolute; top: 50%; width: 52px; height: 52px; translate: 0 -50%; }
.lightbox__nav--prev { left: 1.2rem; }
.lightbox__nav--next { right: 1.2rem; }
.lightbox__nav span { display: block; width: 11px; height: 11px; border-top: 1.5px solid currentColor; border-left: 1.5px solid currentColor; transform: translateX(2px) rotate(-45deg); }
.lightbox__nav--next span { transform: translateX(-2px) rotate(135deg); }
@media (max-width: 760px) {
  .lightbox__image { max-height: calc(100dvh - 11rem); }
  .lightbox__nav { top: auto; bottom: max(1.1rem, env(safe-area-inset-bottom)); translate: none; }
  .lightbox__nav--prev { left: var(--gutter); }
  .lightbox__nav--next { right: var(--gutter); }
}

/* Film su telefono: didascalie leggibili anche sopra la neve. */
body.wellness-page .footer { display: none; }
@media (max-width: 760px) {
  body.home-page .scroll-film__shade { background: linear-gradient(180deg, rgba(14,15,16,.42) 0%, rgba(14,15,16,.1) 24%, rgba(14,15,16,.44) 42%, rgba(14,15,16,.54) 60%, rgba(14,15,16,.58) 100%); }
  :is(body.home-page, body.wellness-page) .scroll-film--story .scroll-film__caption { text-shadow: 0 2px 18px rgba(8,8,8,.78), 0 1px 3px rgba(0,0,0,.4); }
  :is(body.home-page, body.wellness-page) .scroll-film--story .scroll-film__caption strong,
  :is(body.home-page, body.wellness-page) .scroll-film--story .scroll-film__caption--headline em,
  :is(body.home-page, body.wellness-page) .scroll-film--story .scroll-film__caption strong em { color: #e9c6a4; }
  :is(body.home-page, body.wellness-page) .scroll-film--story .scroll-film__caption.is-right strong { color: #f6eee2; }
}
/* Didascalie della home leggibili anche sulla neve a schermo largo. */
@media (min-width: 761px) {
  body.home-page .scroll-film__shade { background: linear-gradient(90deg, rgba(16,16,15,.62), rgba(16,16,15,.22) 42%, rgba(16,16,15,.22) 58%, rgba(16,16,15,.62)), linear-gradient(0deg, rgba(16,16,15,.4), transparent 38%), linear-gradient(180deg, rgba(16,16,15,.35), transparent 22%); }
  body.home-page .scroll-film--story .scroll-film__caption { text-shadow: 0 2px 22px rgba(8,8,8,.7), 0 1px 3px rgba(0,0,0,.35); }
  body.home-page .scroll-film--story .scroll-film__caption strong,
  body.home-page .scroll-film--story .scroll-film__caption--headline em,
  body.home-page .scroll-film--story .scroll-film__caption strong em { color: #dcb08c; }
}

/* Menu: voci mai compresse, anche con il telefono in orizzontale. */
@media (max-width: 900px) {
  html.js .nav > * { flex-shrink: 0; }
  html.js .nav__legal { display: flex; gap: 1.4rem; padding-top: .2rem; }
  html.js .nav .nav__legal a { color: rgba(246,239,229,.62); font-size: .78rem; }
}
@media (max-width: 900px) and (max-height: 620px) {
  html.js .nav { justify-content: flex-start; padding-top: calc(var(--header-h) + .5rem); }
  html.js .nav a { padding-block: .3rem; font-size: clamp(1.35rem, 6.5vh, 1.9rem); }
  html.js .nav__extra { margin-top: 1.2rem; }
}

/* Camere: il paragrafo segue l'allineamento del titolo che lo precede. */
.rooms-page .rooms-feature__copy--after p:not(.eyebrow) { margin-inline: 0; }

/* Menu a schermo intero: solo le voci, in basso a portata di pollice, senza numerazione. */
@media (max-width: 900px) {
  html.js .nav { justify-content: flex-end; padding-bottom: max(2.2rem, env(safe-area-inset-bottom)); background: linear-gradient(180deg, #23201d 0%, #1a1816 60%); }
  html.js .nav a {
    gap: 0;
    padding: .18rem 0;
    border-bottom: 0;
    color: #efe6da;
    font: 400 clamp(2.35rem, 10.6vw, 3.4rem)/1.14 "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
    letter-spacing: -.035em;
  }
  html.js .nav a::before { display: none; content: none; }
  html.js .nav a:hover, html.js .nav a:focus-visible { color: #fff; }
  html.js .nav a[aria-current="page"] { color: var(--copper-light); font-style: italic; }
  html.js .nav a[aria-current="page"]::after { width: 2.4rem; height: 1px; margin-left: 1rem; align-self: center; background: currentColor; content: ""; opacity: .7; }
  html.js .nav__extra { gap: .05rem; margin-top: 2.4rem; padding-top: 1.4rem; border-top: 1px solid rgba(239,230,218,.14); }
  html.js .nav .nav__extra a { font-size: .92rem; }
  html.js .nav__extra > span:not(.nav__legal) { padding-top: .2rem; font-size: .78rem; }
}
@media (max-width: 900px) and (max-height: 620px) {
  html.js .nav { justify-content: flex-start; }
  html.js .nav a { font-size: clamp(1.4rem, 7vh, 2rem); }
}

/* Camere su schermo largo: la foto verticale del bagno resta nelle sue proporzioni, affiancata dal testo. */
@media (min-width: 901px) {
  .rooms-page .rooms-feature { display: grid; width: min(var(--content), calc(100% - var(--gutter) * 2)); grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: center; column-gap: clamp(3rem, 7vw, 7rem); margin-inline: auto; padding-bottom: clamp(4.5rem, 8vw, 7rem); }
  .rooms-page .rooms-feature__copy--between { grid-column: 1 / -1; width: min(100%, 980px); }
  .rooms-page .rooms-feature__photo--bathroom { grid-column: 1; width: 100%; height: auto; max-height: 86svh; aspect-ratio: 2 / 3; }
  .rooms-page .rooms-feature__copy--after { grid-column: 2; width: auto; margin: 0; padding: 0; }
}


/* Camere su schermo largo: le schede si affiancano a due a due invece di lasciare vuota metà riga. */
@media (min-width: 901px) {
  .rooms-page .room-stories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(2.5rem, 6vw, 6rem); padding: clamp(1rem, 3vw, 2.5rem) max(var(--gutter), calc((100% - var(--content)) / 2)) clamp(4rem, 7vw, 6rem); }
  .rooms-page .room-story { border-top: 1px solid var(--line); }
  .rooms-page .room-story__copy { width: 100%; padding: clamp(2.2rem, 3.6vw, 3.2rem) 0; }
}
/* Wellness: didascalie leggibili sul mosaico dorato. */
@media (min-width: 761px) {
  body.wellness-page .scroll-film__shade { background: linear-gradient(90deg, rgba(16,15,14,.66), rgba(16,15,14,.2) 40%, rgba(16,15,14,.2) 60%, rgba(16,15,14,.66)), linear-gradient(0deg, rgba(16,15,14,.35), transparent 40%), linear-gradient(180deg, rgba(16,15,14,.4), transparent 22%); }
  body.wellness-page .scroll-film--story .scroll-film__caption { text-shadow: 0 2px 22px rgba(8,8,8,.75), 0 1px 3px rgba(0,0,0,.4); }
  body.wellness-page .scroll-film--story .scroll-film__caption strong,
  body.wellness-page .scroll-film--story .scroll-film__caption--headline em { color: #f0d2b4; }
}
@media (max-width: 760px) {
  body.wellness-page .scroll-film__shade { background: linear-gradient(180deg, rgba(14,13,12,.45) 0%, rgba(14,13,12,.15) 24%, rgba(14,13,12,.48) 42%, rgba(14,13,12,.55) 62%, rgba(14,13,12,.55) 100%); }
}

/* Ristorante: una sola colonna di lettura, con testo, foto e carta allineati agli stessi margini. */
.restaurant-intro { padding-block: clamp(4rem, 7vw, 6rem) clamp(2.2rem, 4vw, 3.2rem); }
.restaurant-intro .section-index { margin-bottom: 1rem; }
.restaurant-intro__body { max-width: 820px; margin: 0; text-align: left; }
.restaurant-intro__body > p:not(.eyebrow) { max-width: none; margin: 0; color: var(--ink-soft); font: 400 clamp(1.22rem, 2.05vw, 1.65rem)/1.55 var(--serif); letter-spacing: -.02em; }
.restaurant-photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(.75rem, 1.6vw, 1.25rem); padding-bottom: clamp(4rem, 7vw, 6rem); }
.restaurant-photos figure { margin: 0; }
.restaurant-photos img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; background: var(--linen); }
.restaurant-photos figcaption { padding-top: .7rem; color: var(--muted); font: 650 .63rem/1.4 var(--sans); letter-spacing: .15em; text-transform: uppercase; }
@media (max-width: 640px) {
  .restaurant-photos { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
}

/* Film su dispositivi touch: sequenza di fotogrammi al posto del video. */
.scroll-film__canvas { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .6s ease; pointer-events: none; }
.scroll-film.is-ready .scroll-film__canvas { opacity: 1; }
.scroll-film.is-sequence .scroll-film__video { display: none; }
body.home-page .scroll-film__shade { z-index: 2; }
body.home-page .scroll-film__copy { z-index: 3; }