/* StillMind Videos: Featured section only. Baseline website CSS is untouched. */
#videos-featured {
  box-sizing:border-box!important;
  width:auto!important; max-width:none!important; min-width:0!important;
  margin-top:0!important; margin-bottom:0!important;
  margin-left:calc(-1 * var(--wp--style--root--padding-left, 0px))!important;
  margin-right:calc(-1 * var(--wp--style--root--padding-right, 0px))!important;
  padding:88px 0 96px!important;
  background:#071426; color:#FAF8F4;
}
/* Same container values as the approved breadcrumb system. */
#videos-featured #videos-featured-inner {
  box-sizing:border-box!important; width:calc(100% - 64px)!important;
  max-width:1180px!important; min-width:0!important;
  margin:0 auto!important; padding:0!important; text-align:left!important;
}
#videos-featured-inner > p:first-child {
  margin:0 0 16px!important; color:#F0A83A!important;
  font:700 13px/1.5 Manrope,sans-serif!important;
  letter-spacing:.12em; text-transform:uppercase;
}
#videos-featured-inner > h2 {
  margin:0 0 20px!important; max-width:900px!important;
  color:#FAF8F4!important; font:600 44px/1.15 Manrope,sans-serif!important;
  letter-spacing:-.025em; overflow-wrap:break-word;
}
#videos-featured-inner > h2 + p {
  margin:0!important; max-width:760px!important;
  color:#AEB9C9!important; font:400 18px/1.7 Lato,sans-serif!important;
}
#videos-featured-inner .smvs-featured-grid {
  display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:28px!important; width:100%!important; max-width:none!important;
  margin:44px 0 0!important; padding:0!important; align-items:stretch;
}
.smvs-featured-grid, .smvs-featured-grid * {box-sizing:border-box;}
.smvs-featured-grid .smvs-video-item {min-width:0; margin:0; padding:0;}
.smvs-featured-grid .smvs-video-card {
  height:100%; min-width:0; display:flex; flex-direction:column;
  margin:0; padding:0; border:1px solid rgba(174,185,201,.18);
  border-radius:16px; overflow:hidden; background:#0D203A;
  box-shadow:0 12px 32px rgba(0,0,0,.12);
}
.smvs-featured-grid .smvs-video-media {
  position:relative; width:100%; aspect-ratio:16/9; flex-shrink:0; background:#071426;
}
.smvs-featured-grid .smvs-video-poster {
  position:absolute; inset:0; display:block; padding:0; margin:0;
  border:0; border-radius:0; color:#071426; overflow:hidden; text-decoration:none;
}
.smvs-featured-grid .smvs-video-poster img {
  display:block; width:100%!important; height:100%!important;
  max-width:none; object-fit:cover; transition:transform .25s ease;
}
.smvs-featured-grid .smvs-play-icon {
  position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%);
  display:flex; align-items:center; justify-content:center;
  width:56px; height:56px; border-radius:50%; background:#F0A83A;
  color:#071426; box-shadow:0 4px 24px rgba(0,0,0,.3); transition:background .2s ease;
}
.smvs-featured-grid .smvs-video-duration {
  position:absolute; bottom:12px; right:12px; padding:4px 7px;
  border-radius:4px; background:rgba(7,20,38,.92); color:#FAF8F4;
  font:600 12px/1.3 Manrope,sans-serif;
}
.smvs-featured-grid .smvs-video-copy {
  display:flex; flex-direction:column; gap:14px; flex:1; min-width:0; padding:24px;
}
.smvs-featured-grid .smvs-video-playlist {
  margin:0!important; color:#F0A83A!important;
  font:600 12px/1.6 Manrope,sans-serif!important; overflow-wrap:anywhere;
}
.smvs-featured-grid h3 {
  margin:0!important; color:#FAF8F4!important;
  font:600 21px/1.35 Manrope,sans-serif!important; letter-spacing:-.015em;
  overflow-wrap:break-word;
}
.smvs-featured-grid .smvs-video-excerpt {
  margin:0!important; color:#AEB9C9!important;
  font:400 16px/1.65 Lato,sans-serif!important; overflow-wrap:break-word;
}
.smvs-featured-grid .smvs-video-actions {
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px;
  margin-top:auto; padding-top:6px;
}
.smvs-featured-grid .smvs-youtube-link,
.smvs-featured-grid .smvs-close-video {
  display:inline-flex; align-items:center; gap:6px; min-height:44px;
  margin:0; padding:0; border:0; border-radius:0; background:none;
  box-shadow:none; color:#F0A83A!important;
  font:600 14px/1.5 Manrope,sans-serif!important; text-decoration:none!important; cursor:pointer;
}
.smvs-featured-grid .smvs-close-video {color:#AEB9C9!important;}
.smvs-featured-grid [hidden] {display:none!important;}
.smvs-featured-grid a:focus-visible, .smvs-featured-grid button:focus-visible {
  outline:2px solid #F0A83A!important; outline-offset:4px;
}
.smvs-featured-grid .smvs-video-poster:focus-visible {outline-offset:-4px;}
.smvs-featured-grid .smvs-is-playing .smvs-video-media {min-height:200px;}
.smvs-featured-grid .smvs-player {
  position:absolute; inset:0; display:block; width:100%!important; height:100%!important;
  min-height:200px; max-width:none!important; border:0!important; margin:0!important;
}
@media (hover:hover) {
  .smvs-featured-grid .smvs-video-poster:hover img {transform:scale(1.025);}
  .smvs-featured-grid .smvs-video-poster:hover .smvs-play-icon {background:#F4B44D;}
  .smvs-featured-grid .smvs-youtube-link:hover {color:#F5F0E8!important;}
}
@media (min-width:787px) and (max-width:1024px) {
  #videos-featured {padding-top:72px!important; padding-bottom:80px!important;}
  #videos-featured #videos-featured-inner {width:calc(100% - 40px)!important;}
  #videos-featured-inner > h2 {font-size:38px!important;}
  #videos-featured-inner .smvs-featured-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:24px!important; margin-top:36px!important;}
}
@media (max-width:786px) {
  #videos-featured {padding-top:56px!important; padding-bottom:64px!important;}
  #videos-featured #videos-featured-inner {width:calc(100% - 32px)!important;}
  #videos-featured-inner > h2 {font-size:34px!important;}
  #videos-featured-inner > h2 + p {font-size:16px!important;}
  #videos-featured-inner .smvs-featured-grid {grid-template-columns:minmax(0,1fr)!important; gap:24px!important; margin-top:32px!important;}
  .smvs-featured-grid .smvs-video-copy {padding:22px;}
}
@media (prefers-reduced-motion:reduce) {
  .smvs-featured-grid * {transition:none!important;}
}
