/* Homepage brand/product highlights: the default is bold white live-text overlay.
   Add future highlights with .editorial-interlude.highlight, .highlight-copy,
   eyebrow, title, optional maker/detail and .highlight-cta. Keep text out of photos. */
.editorial-interlude.highlight{height:clamp(475px,56.7vw,730px);color:#fff;text-decoration:none}
.editorial-interlude.highlight::after{inset:0;background:linear-gradient(135deg,rgba(0,0,0,.53),transparent 68%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 24%);z-index:1}
.highlight-copy{position:absolute;z-index:2;top:clamp(32px,4.5vw,72px);left:var(--pad);right:var(--pad);display:flex;flex-direction:column;align-items:flex-start;font-family:Arial,Helvetica,sans-serif;text-shadow:0 1px 12px rgba(0,0,0,.12)}
.highlight-eyebrow{font-size:clamp(11px,1.1vw,16px);font-weight:500;letter-spacing:.24em;text-transform:uppercase;margin-bottom:18px;line-height:1.4}
.highlight-title{display:block;font-size:clamp(65px,10vw,153px);font-weight:500;line-height:.92;letter-spacing:-.065em;text-transform:none}
.highlight-maker{font-size:clamp(24px,3.3vw,51px);line-height:1.1;letter-spacing:-.045em;margin-top:12px}
.highlight-detail{font-size:clamp(16px,2.1vw,30px);line-height:1.35;letter-spacing:-.025em;margin-top:10px;max-width:30ch}
.highlight-cta{position:absolute;z-index:2;bottom:clamp(24px,3.2vw,48px);right:var(--pad);display:flex;align-items:center;gap:16px;font-size:clamp(11px,1.1vw,16px);line-height:1.5;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.75);padding-bottom:7px}
.highlight-cta svg{width:24px;height:24px}
.highlight:hover .highlight-cta{border-color:#fff}
.highlight--long .highlight-title{font-size:clamp(51px,6vw,94px);line-height:1.02;letter-spacing:-.055em}
/* Tacchini: room fills the banner; Giusi remains clearly visible at lower left. */
.tacchini-highlight.highlight .editorial-interlude-pair{display:block}
.tacchini-highlight.highlight .editorial-interlude-pair img:last-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.tacchini-highlight.highlight .editorial-interlude-pair img:first-child{position:absolute;z-index:2;left:var(--pad);bottom:28px;width:clamp(120px,13.6vw,196px);height:clamp(153px,17vw,247px);object-fit:cover;object-position:50% 25%}
.highlight--brand .highlight-title{font-size:clamp(65px,8.9vw,133px)}
.highlight--brand .highlight-detail{font-size:clamp(15px,1.5vw,22px);max-width:34ch}
@media(max-width:700px){
 .editorial-interlude.highlight{height:510px}
 .highlight-copy{top:30px}
 .highlight-title{font-size:clamp(54px,13.6vw,95px)}
 .highlight-maker{font-size:28px;margin-top:12px}
 .highlight-detail{font-size:17px;max-width:27ch}
 .highlight-eyebrow{font-size:10px;margin-bottom:16px;letter-spacing:.2em}
 .highlight-cta{bottom:24px;font-size:10px;gap:10px;max-width:calc(100% - 2 * var(--pad))}
 .highlight--long .highlight-title{font-size:clamp(31px,7.3vw,51px);line-height:1.05}
 .highlight--brand .highlight-title{font-size:clamp(56px,13.6vw,94px)}
 .highlight--brand .highlight-detail{max-width:24ch;font-size:16px}
 .tacchini-highlight.highlight .editorial-interlude-pair img:first-child{bottom:80px;width:98px;height:128px}
 .tacchini-highlight.highlight .editorial-interlude-pair img:last-child{object-position:62% center}
}
@media(prefers-reduced-motion:reduce){.editorial-interlude.highlight img{transition:none}.editorial-interlude.highlight:hover img{transform:none}}