/* Solo la sezione dedicata alle occasioni. */
.occasions{display:grid;grid-template-columns:1.12fr .88fr;grid-template-areas:"photo copy" "photo detail";column-gap:8%;row-gap:42px;background:var(--paper);padding-top:95px;padding-bottom:95px;align-items:start}
.occasions-copy{grid-area:copy;padding-top:14px}.occasions .eyebrow{color:var(--rust);margin-bottom:25px}.occasions h2{font-size:clamp(47px,5.1vw,78px)}.occasions h2 em{color:var(--rust)}.occasions-intro{max-width:350px;color:var(--muted);font-size:16px;line-height:1.65;margin-top:26px}.occasions .cta{margin-top:26px}.occasions-note{font-size:11px;color:var(--muted);margin-top:10px}.occasions-main{grid-area:photo;height:730px}.occasions .image-window{height:100%}.occasions-main img{object-position:50% 56%}.occasions-detail{grid-area:detail;width:65%;height:275px;justify-self:end;margin-right:5%}.occasions-detail img{object-position:center 56%}
@media(max-width:1000px){.occasions{column-gap:6%;row-gap:32px;padding-top:75px;padding-bottom:75px}.occasions h2{font-size:52px}.occasions-main{height:680px}.occasions-detail{height:245px;width:75%}.occasions-intro{font-size:15px}}
@media(max-width:650px){.occasions{grid-template-columns:1fr;grid-template-areas:"copy" "photo" "detail";row-gap:30px;padding-top:58px;padding-bottom:58px}.occasions-copy{padding-top:0}.occasions .eyebrow{font-size:10px;margin-bottom:22px}.occasions h2{font-size:clamp(43px,11.5vw,61px)}.occasions-intro{max-width:340px;margin-top:22px}.occasions .cta{margin-top:22px}.occasions-main{height:470px;width:90%}.occasions-detail{position:relative;width:58%;height:235px;margin-top:-100px;margin-right:0;border:8px solid var(--paper);border-right:0;box-sizing:content-box}.occasions-detail .image-window{height:100%}}

.occasions-main,.occasions-detail{position:relative}.occasions .image-window video{width:100%;height:100%;object-fit:cover;object-position:center}.occasions .video-toggle{top:14px;right:14px;bottom:auto}

/* Navigazione in testata: tutte le ancore restano raggiungibili anche sugli schermi piccoli. */
header nav a{white-space:nowrap}
@media(max-width:1100px){html{scroll-padding-top:130px}header{height:120px;align-items:flex-start}header .brand{align-self:flex-start}header .header-call{align-self:flex-start;margin-top:12px}header nav{display:flex;position:absolute;left:6%;right:6%;bottom:10px;gap:22px;font-size:12px;overflow-x:auto;scrollbar-width:none;padding:4px 0}header nav::-webkit-scrollbar{display:none}}
@media(max-width:650px){header{height:112px}header nav{gap:20px;font-size:11px;bottom:8px}header .header-call{margin-top:8px}.hero-copy{padding-top:148px}}