
/* Reference-inspired numbered dual headline, independent of legacy carousel. */
.pan-hero-numbered{background:transparent!important;padding:0!important;border:0!important;margin-top:0!important}
.pan-hero-numbered>h2{display:none!important}
.pan-reference-headlines{display:grid;grid-template-columns:minmax(0,2.04fr) minmax(0,1fr);gap:14px;align-items:stretch}
.pan-reference-slider{min-width:0;display:flex;flex-direction:column;background:#fff}
.pan-reference-viewport{position:relative;height:420px;overflow:hidden;background:#26313b}
.pan-reference-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .4s ease}
.pan-reference-slide.is-active{opacity:1;visibility:visible}
.pan-reference-slide>a{display:block;width:100%;height:100%;position:relative;color:#fff}
.pan-reference-slide img,.pan-reference-noimage{width:100%;height:100%;display:block;object-fit:cover}
.pan-reference-noimage{background:#3d4952}
.pan-reference-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:18px 16px 20px;background:linear-gradient(transparent 40%,rgba(0,0,0,.9))}
.pan-reference-overlay small{font-size:11px;background:var(--accent,#cb1520);padding:4px 7px;font-weight:800;margin-bottom:7px;text-transform:uppercase}
.pan-reference-overlay strong{font-size:clamp(23px,2.2vw,33px);line-height:1.15;letter-spacing:-.025em;max-width:95%;font-weight:800}
.pan-reference-side .pan-reference-overlay strong{font-size:clamp(19px,1.55vw,25px)}
.pan-reference-numbers{display:flex;min-height:43px;background:#fff}
.pan-reference-numbers button{flex:1;min-width:0;border:0;border-right:1px solid #eee;background:#fff;color:#111;font:600 14px/1 Arial,sans-serif;cursor:pointer;padding:0 2px}
.pan-reference-side .pan-reference-numbers{background:#080808}
.pan-reference-side .pan-reference-numbers button{background:#080808;color:#fff;border-color:#222;font-size:12px}
.pan-reference-numbers button.is-active,.pan-reference-side .pan-reference-numbers button.is-active{background:#c7a15b;color:#fff}
.pan-hero-numbered+.pan-home-featured{margin-top:14px!important;padding:0!important;background:transparent!important}
.pan-hero-numbered+.pan-home-featured>h2{display:none}
.pan-hero-numbered+.pan-home-featured .panorama-builder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pan-hero-numbered+.pan-home-featured .panorama-builder-card img{width:100%;aspect-ratio:1.65;object-fit:cover}
.pan-hero-numbered+.pan-home-featured .panorama-builder-card h3{font-size:15px;line-height:1.3;margin:7px 0}
@media(max-width:800px){.pan-reference-viewport{height:340px}.pan-reference-headlines{grid-template-columns:minmax(0,1fr)}.pan-reference-side .pan-reference-viewport{height:280px}}
@media(max-width:520px){.pan-reference-viewport{height:260px}.pan-reference-overlay strong{font-size:23px}.pan-reference-numbers{overflow-x:auto}.pan-reference-numbers button{flex:0 0 29px}.pan-hero-numbered+.pan-home-featured .panorama-builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 1.10.1: compact reference-aligned double headline and four-card strip */
.pan-reference-headlines{grid-template-columns:minmax(0,2.04fr) minmax(0,1fr);gap:16px}
.pan-reference-viewport{height:490px}
.pan-reference-overlay{padding:16px 16px 18px;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 52%)}
.pan-reference-numbers{min-height:50px}
.pan-reference-numbers button{font-size:16px;font-weight:500}
.pan-reference-side .pan-reference-numbers button{font-size:13px}
.pan-hero-numbered+.pan-home-featured .panorama-builder-grid{gap:16px}
.pan-hero-numbered+.pan-home-featured .panorama-builder-card img{aspect-ratio:1.7}
.pan-hero-numbered+.pan-home-featured .panorama-builder-card h3{font-size:16px;font-weight:800;line-height:1.3}
@media(max-width:900px){.pan-reference-viewport{height:390px}}
@media(max-width:800px){.pan-reference-headlines{grid-template-columns:1fr}.pan-reference-viewport{height:340px}.pan-reference-side .pan-reference-viewport{height:290px}}
@media(max-width:520px){.pan-reference-viewport{height:265px}.pan-reference-numbers{min-height:44px}.pan-reference-numbers button{font-size:14px}}

/* v1.14.5 — Readable headlines: prevent clipped and overlapping titles. */
.pan-hero-numbered .pan-reference-headlines,
.pan-hero-numbered .pan-reference-slider,
.pan-hero-numbered .pan-reference-viewport,
.pan-hero-numbered .pan-reference-slide,
.pan-hero-numbered .pan-reference-slide > a { min-width:0; max-width:100%; }
.pan-hero-numbered .pan-reference-overlay { box-sizing:border-box; width:100%; max-width:100%; min-width:0; overflow:hidden; }
.pan-hero-numbered .pan-reference-overlay strong {
 display:block; box-sizing:border-box; width:100%; max-width:100%; min-width:0;
 white-space:normal!important; overflow-wrap:break-word!important; word-break:normal!important;
 line-height:1.16; font-size:clamp(19px,2.05vw,29px);
 max-height:none; overflow:visible; text-overflow:clip;
}
/* News cards must wrap within their own columns, including narrow screens. */
.pan-independent-block .panorama-builder-grid { min-width:0; }
.pan-independent-block .panorama-builder-card,
.pan-independent-block .panorama-builder-card > a { min-width:0; max-width:100%; box-sizing:border-box; }
.pan-independent-block .panorama-builder-card > a { display:block; }
.pan-independent-block .panorama-builder-card h3,
.pan-independent-block .panorama-builder-card p {
 display:block; min-width:0; max-width:100%; width:auto;
 white-space:normal!important; overflow-wrap:break-word!important; word-break:normal!important;
 overflow:visible; text-overflow:clip; box-sizing:border-box;
}
.pan-independent-block .panorama-builder-card h3 { font-size:clamp(14px,1.25vw,17px); line-height:1.38; margin:9px 0 7px; }
.pan-independent-block .panorama-builder-card p { line-height:1.5; margin:5px 0 12px; }
@media(max-width:800px){
 .pan-hero-numbered .pan-reference-overlay strong{font-size:clamp(19px,3.8vw,27px)}
 .pan-independent-block .panorama-builder-card h3{font-size:15px}
}
@media(max-width:520px){
 .pan-hero-numbered .pan-reference-overlay{padding:12px 12px 16px}
 .pan-hero-numbered .pan-reference-overlay strong{font-size:clamp(18px,5vw,23px);line-height:1.18}
 .pan-independent-block .panorama-builder-card h3{font-size:15px;line-height:1.35}
}
