.video-database{padding:clamp(52px,7vw,108px) 0;background:linear-gradient(135deg,#102f34 0%,#1f4240 52%,#4c3d59 100%);color:#f7f4ed}
.video-database .eyebrow{color:#cfdfd7}.video-database .eyebrow::before{background:#e9d297}
.video-db-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:end;margin-bottom:30px}.video-db-heading h2{font:300 clamp(38px,5vw,68px)/1.05 MagicGrotesk,Jost,sans-serif;letter-spacing:-.035em;margin:14px 0 0;color:#f7f4ed}.video-db-heading p{max-width:49ch;line-height:1.75;margin:0;color:#d8e2da}
.video-db-feature{display:grid;grid-template-columns:minmax(0,1fr);margin:0 0 clamp(48px,6vw,78px);background:#f7f4ed;color:#24474b;border-radius:8px 52px 8px 8px;overflow:hidden;box-shadow:0 20px 55px #071d2455}.video-db-feature .video-db-media video{aspect-ratio:16/9;object-fit:contain}.video-db-feature .video-db-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,3vw,38px)}.video-db-feature .video-db-copy h3{font-size:clamp(28px,3vw,48px);line-height:1.05}.video-db-feature .video-db-copy p{font-size:15px;line-height:1.7}.video-db-feature .video-db-type{background:#183c3bdd}
.video-db-library-head{display:flex;justify-content:space-between;align-items:end;gap:28px;border-top:1px solid #b9c8bf66;padding-top:25px;margin-bottom:22px}.video-db-library-head h3{font:300 clamp(28px,3vw,42px)/1.1 MagicGrotesk,Jost,sans-serif;margin:10px 0 0;color:#f7f4ed}.video-db-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin:0}.video-db-filters button{border:1px solid #b9c8bf99;border-radius:999px;padding:9px 14px;color:#edf1e8;background:#ffffff0d;font:inherit;font-size:13px;cursor:pointer}.video-db-filters button:hover,.video-db-filters button.is-active{color:#173c3b;background:#e9d297;border-color:#e9d297}.video-db-filters span{opacity:.75;font-size:11px;margin-left:4px}
.video-db-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.video-db-card{min-width:0;background:#f7f4ed;color:#24474b;border-radius:6px 36px 6px 6px;overflow:hidden;box-shadow:0 14px 35px #071d2440}.video-db-card[hidden]{display:none}.video-db-media{position:relative;background:#071c21}.video-db-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#204e52,#7f6a8e)}.video-db-type{position:absolute;left:13px;top:12px;padding:5px 9px;border:1px solid #ffffff88;border-radius:999px;background:#0b2526d9;color:#fff;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.video-db-copy{padding:16px 17px 19px}.video-db-copy h3{margin:0 0 6px;font:400 22px/1.15 MagicGrotesk,Jost,sans-serif}.video-db-copy p{margin:0;color:#5c706c;font-size:13px;line-height:1.55}.video-db-note{margin:24px 0 0;max-width:75ch;color:#c7d5cc;font-size:12px;line-height:1.65}.video-db-card:focus-within{outline:3px solid #e9d297;outline-offset:4px}
.video-database{scroll-margin-top:100px}.video-db-duration{position:absolute;top:12px;right:13px;padding:5px 9px;border-radius:999px;background:#0b2526e8;color:#fff;font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none}.video-db-type{max-width:calc(100% - 95px);pointer-events:none}.video-db-media video{object-fit:contain}.video-db-filters{max-width:600px}.video-db-filters button{min-height:44px}.video-db-error{margin-top:12px!important}.video-db-error[hidden]{display:none}.video-db-error a{color:inherit;text-underline-offset:3px}
@media(max-width:900px){.video-db-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-db-heading{grid-template-columns:1fr;gap:18px}.video-db-feature{grid-template-columns:1fr}.video-db-feature .video-db-copy{padding:30px}.video-db-library-head{align-items:start;flex-direction:column}.video-db-filters{justify-content:flex-start}}
@media(max-width:600px){.video-db-grid{grid-template-columns:1fr}.video-db-heading h2{font-size:42px}.video-db-filters{gap:6px}.video-db-filters button{padding:8px 11px;font-size:12px}.video-db-feature{border-radius:6px 30px 6px 6px}.video-db-feature .video-db-copy h3{font-size:34px}}