/* Facility tour: portrait Shorts, loaded only when a visitor presses play. */
.tour-intro { max-width:65ch; color:var(--text-muted); margin-bottom:24px; }
.tour-videos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-bottom:32px; }
#overview .tour-videos { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:790px; }
.tour-video { margin:0; min-width:0; border:1px solid var(--pale-300); border-radius:var(--r-md); overflow:hidden; background:#fff; box-shadow:var(--shadow-sm); }
.tour-video__player { position:relative; aspect-ratio:9/16; background:var(--navy-900); }
.tour-video__launch { display:block; width:100%; height:100%; position:relative; color:white; overflow:hidden; }
.tour-video__launch[hidden] { display:none; }
.tour-video__launch img { width:100%; height:100%; object-fit:cover; }
.tour-video__launch::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 55%,rgba(6,34,79,.85)); }
.tour-video__play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1; display:grid; place-items:center; width:64px; height:64px; padding-left:4px; border-radius:50%; background:var(--blue-600); border:2px solid white; color:white; font-size:26px; box-shadow:var(--shadow-md); }
.tour-video__label { position:absolute; bottom:20px; left:20px; z-index:1; color:white; font-weight:700; }
.tour-video__launch:hover .tour-video__play { background:var(--navy-900); }
.tour-video__launch:focus-visible { outline:4px solid var(--blue-300); outline-offset:-4px; }
.tour-video__player iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.tour-video figcaption { padding:22px; }
.tour-video h3 { font-size:1.125rem; margin-bottom:8px; }
.tour-video p { color:var(--text-muted); font-size:.9375rem; }
.tour-video__external { display:inline-block; margin-top:14px; font-size:.875rem; font-weight:600; }
.tour-playlist { margin-block:0 32px; }
@media (min-width:1100px) { #production .tour-videos { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:899px) { .tour-videos { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:599px) { .tour-videos,#overview .tour-videos { grid-template-columns:minmax(0,1fr); max-width:360px; margin-inline:auto; } }
@media print { .tour-video { break-inside:avoid; } .tour-video__player { display:none; } }