.videos-banner { height:clamp(280px,27vw,430px); background-color:#43392e; background-position:center; background-size:cover; display:flex; align-items:center; }
.videos-banner .container { padding-top:20px; padding-bottom:20px; }.videos-eyebrow { font-size:11px; letter-spacing:2px; color:#ac906c; margin:0 0 16px; line-height:1.5; }
.videos-banner .videos-eyebrow { color:#d9c2a0; }.videos-banner-title { font:46px/1.15 pn-b,sans-serif; color:#fff; margin:0 0 20px; }.videos-banner p:last-child { font-size:17px; line-height:1.6; color:#e1d8cb; margin:0; }
.videos-breadcrumb { background:#f4f0ea; padding:15px 0; font-size:13px; }.videos-breadcrumb .container { display:flex; gap:14px; }.videos-breadcrumb a,.videos-breadcrumb span { color:#83735f; }
.videos-main { padding-top:65px; padding-bottom:100px; min-height:420px; }.videos-heading { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-bottom:38px; }.videos-heading h2 { font:34px/1.2 pn-b,sans-serif; color:#39342e; margin:0; }.videos-heading>p { font-size:14px; color:#938776; line-height:1.75; margin:0; }
.videos-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }.video-card-image { position:relative; overflow:hidden; background:#ede8e1; aspect-ratio:8/5; }.video-card-image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .3s; }.video-card-image::after { content:''; position:absolute; inset:0; background:rgba(35,28,19,.12); transition:background .3s; }
.video-card-play { width:46px; height:46px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; padding-left:3px; background:rgba(255,255,255,.85); color:#6c5942; z-index:1; font-size:16px; box-shadow:0 0 0 7px rgba(255,255,255,.16); transition:background .3s; }
.video-card-watch { position:absolute; right:12px; bottom:10px; z-index:1; color:#fff; font-size:10px; letter-spacing:.5px; }.video-card h3 { font:16px/1.4 pn-r,sans-serif; text-align:center; margin:20px 0 0; color:#6e655a; }.video-card-link:hover img { transform:scale(1.035); }.video-card-link:hover .video-card-play { background:#b18d5e; color:#fff; }.video-card-link:hover h3 { color:#9b784b; }
.video-modal { padding:0; border:0; width:min(960px,94vw); max-height:94vh; overflow:auto; background:#151410; color:#fff; }.video-modal::backdrop { background:rgba(15,13,10,.88); }.video-modal-bar { display:flex; justify-content:space-between; align-items:center; padding:15px 22px; background:#fff; color:#45392d; }.video-modal-bar h2 { font:18px/1.4 pn-r,sans-serif; margin:0; }.video-modal-close { border:0; background:none; color:#45392d; font:32px/1 sans-serif; cursor:pointer; padding:0 5px; }.video-modal video { display:block; width:100%; height:72vh; object-fit:contain; background:#111; }.video-play-error { margin:18px; font-size:14px; }.video-play-error a { color:#e2c493; }
.video-detail { padding-top:45px; padding-bottom:100px; }.video-detail h1 { margin:28px 0; font:32px/1.3 pn-b,sans-serif; }.video-back { color:#98764d!important; }.video-detail video { width:100%; height:70vh; background:#161411; object-fit:contain; }
.videos-page a:focus-visible,.videos-page button:focus-visible { outline:2px solid #a8885f; outline-offset:4px; }
@media(max-width:991px){ .videos-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }.videos-heading { align-items:flex-start; }.videos-heading h2 { font-size:29px; } }
@media(max-width:600px){ .videos-banner { height:280px; background-position:62% center; position:relative; isolation:isolate; }.videos-banner::before { content:''; inset:0; position:absolute; z-index:-1; background:linear-gradient(90deg,rgba(45,36,25,.85),rgba(45,36,25,.25)); }.videos-banner-title { font-size:36px; }.videos-banner p:last-child { font-size:14px; }.videos-heading { display:block; }.videos-heading>p { margin-top:18px; }.videos-main { padding-top:38px; padding-bottom:65px; }.videos-grid { grid-template-columns:1fr; gap:30px; }.video-card h3 { font-size:17px; margin-top:15px; }.video-modal video { height:65vh; }.video-modal-bar { padding:13px; }.video-modal-bar h2 { font-size:16px; }.video-detail { padding-top:30px; }.video-detail h1 { font-size:26px; } }

/* Native dialog centering must be explicit: base.css resets every margin. */
.video-modal { position:fixed; inset:0; margin:auto; width:min(960px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); border-radius:6px; box-shadow:0 22px 80px rgba(0,0,0,.35); }
.video-modal[open] { display:flex; flex-direction:column; }
.video-modal-bar { flex-shrink:0; min-height:56px; gap:16px; color:#333; }
.video-modal-close { width:36px; height:36px; flex-shrink:0; display:grid; place-items:center; color:#333; }
.video-modal-close:hover { color:var(--gd-accent, #bc5635); }
.video-modal video { height:min(72vh,calc(100dvh - 112px)); min-height:0; flex:0 1 auto; }
body.video-is-open { overflow:hidden; }
.videos-eyebrow { color:var(--gd-accent, #bc5635); }
.videos-heading h2,.video-card h3 { color:#333; }
.videos-heading>p { color:#777; }
.video-card-play { color:#333; }
.video-card-link:hover .video-card-play { background:var(--gd-accent, #bc5635); color:#fff; }
.video-card-link:hover h3 { color:var(--gd-accent, #bc5635); }
.videos-page a:focus-visible,.videos-page button:focus-visible { outline-color:var(--gd-accent, #bc5635); }
@media(max-width:600px) {
  .video-modal { width:calc(100vw - 24px); max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); }
  .video-modal video { height:min(65vh,calc(100dvh - 105px)); }
}
.video-modal-bar h2 { color:#333; text-transform:none; }
.video-modal-close:focus-visible { outline:2px solid var(--gd-accent, #bc5635); outline-offset:2px; border-radius:2px; }