/* Full-frame concept films and compact, accessible media controls. */
.media-actions{display:flex;align-items:center;gap:8px;min-width:0}.video-quality-label{display:inline-flex;align-items:center;margin:0}.video-quality{border:1px solid #98b9d5;border-radius:5px;background:#f3f9fff2;color:#154e89;font:inherit;font-size:10px;line-height:1.5;padding:7px 10px;max-width:145px;min-height:32px;cursor:pointer}.video-quality:focus-visible{outline:2px solid #04b7d3;outline-offset:3px}.hero-note{max-width:calc(100% - 80px);flex-wrap:wrap}.hero-note .concept-tag{color:#496e8b}.hero-note .video-toggle{min-height:32px}.hero-art{object-position:center 50%}.hero-video{object-position:center 50%}.discipline-visual{height:auto;aspect-ratio:16/9;background:#0a213d}.discipline-visual .dialog-hero,.discipline-video{height:100%;object-fit:contain}.discipline-visual>.media-actions{position:absolute;bottom:18px;right:22px;z-index:2}.discipline-visual-label{max-width:calc(100% - 350px);line-height:1.6;bottom:22px;left:25px;font-size:8px;letter-spacing:.12em;background:#08243bbf;padding:7px 10px;border-radius:4px;text-shadow:none}.discipline-visual:after{background:linear-gradient(180deg,transparent 70%,#071d386b)}.film-choices{display:flex;gap:8px;flex-wrap:wrap;background:#fff;padding:15px 25px 10px;border-bottom:1px solid #d3e4f3}.film-choices button{background:#f0f7ff;border:1px solid #b8d5eb;border-radius:5px;padding:8px 14px;font-size:11px;color:#28699d;line-height:1.5}.film-choices button[aria-pressed=true]{background:#1769d7;color:#fff;border-color:#1769d7}.concept-focus{border:1px solid #cce0f2;background:#f1f8fe;border-radius:8px;padding:23px 26px;margin-top:20px}.concept-focus h3{font-size:16px;color:#175b99;margin-bottom:13px}.concept-focus ul{font-size:13px;color:#4b6e89;line-height:1.9;padding-left:18px;margin:0}.lifecycle-film-link{border-top:1px solid #cee2f3;margin-top:25px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.lifecycle-film-link p{font-size:12px;margin:0}.lifecycle-film-link .text-link{font-size:12px;gap:17px}.project-type{font-size:8px}.project-photo img{object-position:center}.project-card .project-photo:after{content:"▶";position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #deefffa6;border-radius:50%;background:#123e6aba;color:white;font-size:11px;transition:background .2s}.project-card .project-photo:hover:after{background:#176be1}.hero-note .note-line{display:none}
@media(min-width:1400px){.discipline-dialog .discipline-visual{max-height:580px}.discipline-dialog .discipline-visual .dialog-hero,.discipline-dialog .discipline-video{object-fit:contain}}
@media(max-width:960px){.discipline-visual-label{font-size:7px;max-width:calc(100% - 310px);left:18px;bottom:18px}.discipline-visual>.media-actions{right:17px;bottom:15px;gap:6px}.video-quality{font-size:9px;padding:7px 8px}.discipline-visual>.media-actions .video-toggle{font-size:9px;padding:8px 9px}}
@media(max-width:700px){.hero-note{right:12px;left:12px;max-width:calc(100% - 24px);justify-content:space-between;gap:8px;padding:9px 10px}.hero-note #hero-media-label{font-size:7px;letter-spacing:.08em}.hero-note .media-actions{gap:5px}.hero-note .video-quality{font-size:8px;max-width:104px;padding:6px 7px;min-height:30px}.hero-note .video-toggle{font-size:8px;padding:7px;min-height:30px}.hero-video{object-position:center bottom}.discipline-visual{aspect-ratio:16/9;min-height:0}.discipline-visual-label{left:12px;bottom:auto;top:12px;max-width:calc(100% - 72px);font-size:6px;letter-spacing:.08em;padding:5px 7px}.discipline-visual>.media-actions{right:12px;bottom:10px}.discipline-visual>.media-actions .video-quality{font-size:8px;min-height:30px;max-width:118px;padding:6px 8px}.discipline-visual>.media-actions .video-toggle{font-size:8px;min-height:30px;padding:6px 8px}.film-choices{padding:12px 15px;gap:6px}.film-choices button{font-size:10px;padding:7px 10px}.lifecycle-film-link{align-items:flex-start;flex-direction:column;gap:14px;padding-top:20px;margin-top:22px}.lifecycle-film-link p{font-size:11px}.lifecycle-film-link .text-link{font-size:11px}.concept-focus{padding:20px}.concept-focus h3{font-size:15px}.concept-focus ul{font-size:12px}.project-card .project-photo:after{width:29px;height:29px;font-size:9px;right:10px;bottom:10px}}
@media(max-width:380px){.hero-note{gap:6px}.hero-note #hero-media-label{font-size:6px}.hero-note .video-quality{font-size:7px;padding:6px 5px;max-width:94px}.hero-note .video-toggle{font-size:7px;padding:6px}.media-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){.project-card .project-photo:after{transition:none}}

.discipline-visual:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;max-height:none;background:#06182c}.discipline-visual:fullscreen .dialog-hero,.discipline-visual:fullscreen .discipline-video{object-fit:contain}.film-fullscreen{font-size:17px!important;line-height:1!important;min-width:34px;padding:6px 9px!important}.film-fullscreen[hidden]{display:none}.discipline-visual:fullscreen>.media-actions{right:25px;bottom:25px}.discipline-visual:fullscreen .discipline-visual-label{bottom:28px;top:auto}

@media(max-width:700px){.discipline-visual-label{font-size:8px;letter-spacing:.04em}.hero-note #hero-media-label{font-size:8px}.hero-note .video-quality,.hero-note .video-toggle{font-size:9px;min-height:34px}.discipline-visual>.media-actions .video-quality,.discipline-visual>.media-actions .video-toggle{font-size:9px;min-height:34px}}