/* Header adjustment is independent of the reversible rounded-corner trial. */
.header{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}

/* Remove data-corners="rounded" from <html> to restore the previous corners.
   No photo edits, layout changes, moving masks or JavaScript are needed. */
html[data-corners="rounded"]{
  --corner-control:10px;
  --corner-media:20px;
  --corner-card:16px;
}
html[data-corners="rounded"] :is(.button,.nav-booking,.rail-controls button,.lightbox-prev,.lightbox-next,.form-submit,.skip-link){border-radius:var(--corner-control)}
html[data-corners="rounded"] :is(.photo-grid button,.video-feature,.video-thumb,.photo-dialog-image img){border-radius:var(--corner-media)}
html[data-corners="rounded"] :is(.rider,.video-card){border-radius:var(--corner-card)}
html[data-corners="rounded"] .document-icon{border-radius:5px}
html[data-corners="rounded"] .video-dialog{border-radius:var(--corner-media);overflow:hidden}
@media(max-width:800px){
  html[data-corners="rounded"]{--corner-control:9px;--corner-media:14px;--corner-card:12px}
}

/* One broad, slightly lowered shadow supplies the entire soft falloff.
   Follow the rounded frame without three overlapping blurs or image filters. */
:is(.photo-grid button,.video-feature,.video-thumb){
  box-shadow:0 6px 36px -3px #060309eb;
}
/* Leave room inside the horizontal scroller so the halo isn't cut off.
   Negative margins preserve the existing card widths and alignment. */
.video-rail{
  --shadow-gutter:min(24px,var(--pad));
  padding:24px var(--shadow-gutter) 12px;
  margin:12px calc(-1 * var(--shadow-gutter)) 0;
  scroll-padding-inline:var(--shadow-gutter);
}
@media(max-width:520px){
  .video-rail{margin-top:2px}
}
@media(forced-colors:active){
  :is(.photo-grid button,.video-feature,.video-thumb){box-shadow:none}
}