/* Scoped video section: the surrounding page keeps its current presentation. */
.project-videos{background:var(--paper,#f9f9fb);border-block:1px solid var(--line,#d9dce1)}
.project-videos .section-heading{margin-bottom:38px}
.project-videos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.project-video-card{min-width:0;background:#fff;border:1px solid var(--line,#d9dce1);border-radius:3px;overflow:hidden}
.project-video-frame{position:relative;aspect-ratio:16/10;min-width:0;background:#111}
.project-video-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#111}
.project-video-copy{min-width:0;padding:28px}
.project-video-label{font-size:10px;font-weight:500;letter-spacing:1.6px;color:var(--muted,#2c3036);margin-bottom:15px}
.project-video-copy h3{font-family:var(--heading,Georgia,serif);font-size:clamp(27px,3vw,36px);line-height:1.2;font-weight:400;margin:0 0 17px;overflow-wrap:anywhere}
.project-video-copy>p:not(.project-video-label){font-size:14px;line-height:1.85;color:var(--muted,#2c3036)}
.project-video-file{display:inline-flex;align-items:center;gap:18px;min-height:44px;margin-top:21px;padding-block:8px;border-bottom:1px solid currentColor;font-size:12px;color:var(--ink,#111)}
.project-video-file svg{width:17px;height:17px;flex-shrink:0}
.project-video-file:focus-visible,.project-video-frame video:focus-visible{outline:2px solid var(--ink,#111);outline-offset:4px}
.project-video-error{margin-top:16px;padding:12px;border:1px solid var(--line,#d9dce1);background:var(--paper,#f9f9fb)}
.project-video-error[hidden]{display:none}
.project-video-card:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center}
.project-video-card:only-child .project-video-frame{aspect-ratio:16/10;max-height:520px}
.project-video-card:only-child .project-video-copy{padding:40px}
.project-videos-empty{grid-column:1/-1;padding:28px;border:1px solid var(--line,#d9dce1)}
@media(max-width:800px){.project-videos-grid{grid-template-columns:minmax(0,1fr)}.project-video-card:only-child{display:block}.project-video-card:only-child .project-video-copy,.project-video-copy{padding:26px}.project-video-frame,.project-video-card:only-child .project-video-frame{aspect-ratio:4/3;max-height:460px}}
@media(max-width:480px){.project-video-copy h3{font-size:28px}.project-video-card:only-child .project-video-copy,.project-video-copy{padding:23px}.project-video-frame,.project-video-card:only-child .project-video-frame{aspect-ratio:1/1}}
