.about-page .visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* About and Films: page-scoped compositions built around existing Nova content. */
.about-page .about-hero { padding-top: 115px; padding-bottom: 100px; }
.about-page .about-hero h1 { max-width: 1080px; font-size: clamp(52px,6.2vw,90px); line-height: 1.07; }
.about-page .about-lead { max-width: 800px; margin-top: 38px; font-size: clamp(20px,1.8vw,27px); line-height: 1.55; }
.about-page .about-principles { padding-block: 100px 120px; background: var(--surface-stone); }
.about-page .about-principles-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12%; }
.about-page .about-principles article:last-child { padding-top: 90px; }
.about-page .about-principles h2 { font-size: clamp(32px,3.2vw,48px); max-width: 530px; margin-top: 24px; }
.about-page .about-principles article > p:last-child { max-width: 520px; color: var(--muted); font-size: 18px; line-height: 1.7; margin-top: 28px; }
.about-page .about-founders { background:#111314; color:#f5f5f7; padding-block: 112px; }
.about-page .about-founders .eyebrow { color:#a2adb2; }
.about-page .about-founders blockquote { font-size:clamp(35px,4.6vw,66px); font-weight:400; letter-spacing:-.04em; line-height:1.17; max-width:1050px; margin:35px 0 43px; text-wrap:balance; }
.about-page .about-founder-names { display:flex; flex-direction:column; gap:7px; font-size:16px; }
.about-page .about-founder-names strong { font-weight:450; }
.about-page .about-founder-names span { color:#a2adb2; font-size:14px; }
.about-page .about-founders .text-link { margin-top:24px; }
.about-page .about-story-grid { display:grid; grid-template-columns:1fr 1fr; gap:10%; }
.about-page .about-story h2 { font-size:clamp(32px,3.1vw,46px); }
.about-page .about-story .section-heading p:last-child,
.about-page .about-ecosystem .section-heading p:last-child { font-size:18px; color:var(--muted); line-height:1.7; margin-top:25px; }
.about-page .about-story .section-heading .eyebrow,
.about-page .about-ecosystem .section-heading .eyebrow { margin-bottom:23px; }
.about-page .about-ecosystem { background:var(--surface-stone); }
.about-page .about-ecosystem-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:8%; }
.about-page .about-ecosystem figure { margin:0; }
.about-page .about-ecosystem img { width:100%; height:440px; object-fit:contain; }
.about-page .about-ecosystem h2 { font-size:clamp(34px,3.8vw,54px); }
.about-page .about-ecosystem .text-link { margin-top:20px; }
.about-page .about-services .wrap,
.about-page .about-approach .wrap { display:grid; grid-template-columns:1fr 1.15fr; gap:12%; }
.about-page .about-services h2,
.about-page .about-approach h2,
.about-page .about-audiences h2 { font-size:clamp(33px,3.3vw,48px); margin-top:22px; }
.about-page .about-services ol,
.about-page .about-process-list { list-style:none; padding:0; margin:0; }
.about-page .about-services li,
.about-page .about-process-list li { display:flex; align-items:start; gap:24px; padding-block:23px; border-bottom:1px solid #dfe4e6; }
.about-page .about-services li:first-child,
.about-page .about-process-list li:first-child { padding-top:0; }
.about-page .about-services li > span,
.about-page .about-process-list li > span { color:#859198; font-size:13px; padding-top:6px; flex:0 0 23px; }
.about-page .about-services strong { font-weight:400; font-size:22px; letter-spacing:-.025em; line-height:1.35; }
.about-page .about-approach { padding-top:0; }
.about-page .about-approach .section-heading > p:last-child { color:var(--muted); font-size:17px; margin-top:25px; }
.about-page .about-process-list h3 { font-size:25px; line-height:1.2; }
.about-page .about-process-list p { color:var(--muted); font-size:16px; margin-top:11px; line-height:1.65; }
.about-page .about-audiences { background:var(--surface-stone); }
.about-page .about-audiences .section-heading { max-width:850px; }
.about-page .about-audience-list { display:grid; grid-template-columns:repeat(2,1fr); column-gap:12%; margin-top:55px; }
.about-page .about-audience-list article { padding-block:28px; border-top:1px solid #d8dfe1; }
.about-page .about-audience-list h3 { font-size:28px; }
.about-page .about-audience-list p { margin-top:14px; font-size:17px; line-height:1.65; color:var(--muted); max-width:500px; }
.about-page .about-project-note { padding-block:65px; }
.about-page .about-project-note .wrap { display:flex; justify-content:space-between; gap:8%; align-items:center; }
.about-page .about-project-note h2 { font-size:clamp(27px,2.6vw,38px); max-width:760px; }
.about-page .about-project-note p { color:var(--muted); font-size:16px; margin-top:14px; }
.about-page .about-project-note a { flex-shrink:0; }

.videos-page {
  --ink:#f5f5f7;
  --muted:#a1a1a6;
  --paper:#000;
  --line:#2c2c30;
  color-scheme:dark;
  background:#000;
  color:var(--ink);
}
.videos-page .global-footer,
.videos-page .global-menu { background:#000; color:var(--ink); }
@media(min-width:801px){.videos-page .global-header--dark { position:relative;background:#000; }}
@media(max-width:800px){.videos-page .global-menu { background:rgba(12,15,18,.92); }}
.videos-page .global-brand img { filter:none; }
.videos-page .global-menu::backdrop { background:#000; }
.videos-page .global-menu nav a:hover,
.videos-page .global-menu nav a[aria-current],
.videos-page .global-footer p,
.videos-page .global-footer-bottom,
.videos-page .eyebrow,
.videos-page .page-intro { color:var(--muted); }
.videos-page .global-footer-bottom { border-color:var(--line); }
.videos-page .contact { background:#000; color:var(--ink); }
.videos-page .contact .section-label,
.videos-page .contact-support { color:var(--muted); }
.videos-page .video-intro { max-width:1180px; padding-bottom:64px; }
.videos-page .video-intro h1 { max-width:900px; }
.videos-page .video-intro .page-intro { max-width:770px; }
.videos-page .film-poster { display:block; width:100%; background:#101112; border:0; padding:0; position:relative; overflow:hidden; cursor:pointer; }
.videos-page .film-poster img { width:100%; height:auto; object-fit:contain; transition:transform .6s ease; }
.videos-page .film-poster:hover img { transform:scale(1.018); }
.videos-page .film-poster:focus-visible { outline:2px solid currentColor; outline-offset:6px; }
.videos-page .film-play-hint { position:absolute; right:28px; bottom:18px; font-size:42px; font-weight:300; color:#fff; text-shadow:0 1px 15px #000; }
.videos-page .film-feature .film-copy { display:grid; grid-template-columns:1fr 1fr; column-gap:10%; padding-top:34px; }
.videos-page .film-feature .eyebrow { grid-column:1; margin-bottom:14px; }
.videos-page .film-feature h2 { grid-column:1; font-size:clamp(30px,3.1vw,45px); max-width:560px; }
.videos-page .film-feature .film-description { grid-column:2; grid-row:1 / 3; align-self:center; }
.videos-page .film-feature .film-actions { grid-column:2; margin-top:13px; }
.videos-page .film-description { color:var(--muted); font-size:18px; line-height:1.65; margin:0; }
.videos-page .film-actions { display:flex; align-items:center; gap:28px; margin-top:24px; }
.videos-page .film-duration { color:var(--muted); font-size:13px; white-space:nowrap; }
.videos-page .film-library { padding-block:126px 100px; }
.videos-page .film-library-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:12%; align-items:end; margin-bottom:66px; }
.videos-page .film-library-heading h2 { font-size:clamp(36px,3.8vw,56px); margin-top:19px; max-width:640px; }
.videos-page .film-library-heading > p { max-width:425px; color:var(--muted); font-size:18px; line-height:1.65; }
.videos-page .film-story { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:9%; padding-block:42px; border-top:1px solid var(--line); }
.videos-page .film-story:nth-of-type(even) { grid-template-columns:1fr 1.2fr; }
.videos-page .film-story:nth-of-type(even) .film-poster { grid-column:2; grid-row:1; }
.videos-page .film-story:nth-of-type(even) .film-copy { grid-column:1; grid-row:1; }
.videos-page .film-story h3 { font-size:clamp(34px,3.6vw,52px); margin-top:19px; }
.videos-page .film-story .film-description { margin-top:24px; max-width:440px; }
.videos-page .film-story .eyebrow { max-width:350px; }
.videos-page .film-context { background:#000; padding-block:90px; }
.videos-page .film-context-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:12%; align-items:center; }
.videos-page .film-context h2 { font-size:clamp(35px,3.6vw,52px); margin-top:22px; }
.videos-page .film-context-copy > p:not(.eyebrow) { color:var(--muted); font-size:18px; line-height:1.65; margin-top:24px; }
.videos-page .film-context-copy .text-link { margin-top:18px; }
.videos-page .film-notice-list { list-style:none; margin:0; padding:0; }
.videos-page .film-notice-list li { padding-block:20px; border-color:var(--line); border-bottom:1px solid var(--line); font-size:18px; line-height:1.5; }
.videos-page .film-notice-list li:first-child { padding-top:0; }
.videos-page .film-project-note { padding-block:68px; }
.videos-page .film-project-grid { display:flex; align-items:center; justify-content:space-between; gap:8%; }
.videos-page .film-project-grid h2 { font-size:clamp(28px,2.7vw,39px); max-width:700px; margin-top:18px; }
.videos-page .film-project-grid .about-actions { display:flex; flex-direction:column; align-items:start; flex-shrink:0; gap:6px; }
.videos-page .film-dialog { padding:0; width:min(1240px,calc(100% - 48px)); max-width:none; max-height:calc(100svh - 48px); border:0; background:#101112; color:#fff; overflow:auto; }
.videos-page .film-dialog::backdrop { background:#000c; backdrop-filter:blur(12px); }
.videos-page .film-dialog-header { display:flex; align-items:start; justify-content:space-between; gap:30px; padding:24px 28px; position:sticky; top:0; z-index:1; background:#101112; }
.videos-page .film-dialog-header h2 { font-size:clamp(23px,2.3vw,34px); margin-top:9px; line-height:1.15; }
.videos-page .film-dialog-header .eyebrow { color:#9ca8ae; }
.videos-page .film-dialog-header > button { flex-shrink:0; white-space:nowrap; font-size:14px; }
.videos-page .film-player { display:block; width:100%; max-height:70svh; background:#000; aspect-ratio:16/9; }
.videos-page.video-open { overflow:hidden; }
@media(max-width:1000px) {
 .about-page .about-principles-grid, .about-page .about-story-grid { gap:7%; }
 .about-page .about-services .wrap, .about-page .about-approach .wrap { gap:7%; }
 .about-page .about-ecosystem-grid { gap:5%; }
 .about-page .about-project-note .wrap { align-items:start; }
 .videos-page .film-story { gap:6%; }
 .videos-page .film-description, .videos-page .film-library-heading > p { font-size:16px; }
}
@media(max-width:760px) {
 .about-page .about-hero { padding-top:63px; padding-bottom:65px; }
 .about-page .about-hero h1 { font-size:clamp(43px,8vw,60px); line-height:1.1; }
 .about-page .about-lead { font-size:20px; margin-top:28px; }
 .about-page .about-principles { padding-block:60px; }
 .about-page .about-principles-grid, .about-page .about-story-grid { display:block; }
 .about-page .about-principles article:last-child { padding-top:53px; }
 .about-page .about-principles h2 { font-size:34px; margin-top:19px; }
 .about-page .about-principles article > p:last-child { font-size:17px; margin-top:22px; }
 .about-page .about-founders { padding-block:64px; }
 .about-page .about-founders blockquote { font-size:36px; line-height:1.23; margin-block:28px 31px; text-wrap:pretty; }
 .about-page .about-founder-names { font-size:15px; }
 .about-page .about-story-grid > div + div { margin-top:48px; }
 .about-page .about-story h2, .about-page .about-ecosystem h2 { font-size:34px; }
 .about-page .about-story .section-heading p:last-child, .about-page .about-ecosystem .section-heading p:last-child { font-size:17px; }
 .about-page .about-ecosystem-grid { display:flex; flex-direction:column-reverse; gap:30px; }
 .about-page .about-ecosystem img { height:280px; }
 .about-page .about-services .wrap, .about-page .about-approach .wrap { display:block; }
 .about-page .about-services ol, .about-page .about-process-list { margin-top:35px; }
 .about-page .about-services h2, .about-page .about-approach h2, .about-page .about-audiences h2 { font-size:34px; }
 .about-page .about-services strong { font-size:21px; }
 .about-page .about-process-list h3 { font-size:24px; }
 .about-page .about-audience-list { display:block; margin-top:35px; }
 .about-page .about-audience-list h3 { font-size:27px; }
 .about-page .about-project-note { padding-block:50px; }
 .about-page .about-project-note .wrap { display:block; }
 .about-page .about-project-note a { margin-top:22px; }
 .videos-page .video-intro { padding-bottom:38px; }
 .videos-page .film-play-hint { right:17px; bottom:10px; font-size:31px; }
 .videos-page .film-feature .film-copy { display:block; padding-top:26px; }
 .videos-page .film-feature h2 { font-size:32px; }
 .videos-page .film-feature .film-description { margin-top:20px; }
 .videos-page .film-feature .film-actions { margin-top:17px; }
 .videos-page .film-library { padding-block:67px 53px; }
 .videos-page .film-library-heading { display:block; margin-bottom:35px; }
 .videos-page .film-library-heading h2 { font-size:35px; }
 .videos-page .film-library-heading > p { margin-top:23px; }
 .videos-page .film-story, .videos-page .film-story:nth-of-type(even) { display:block; padding-block:29px 39px; }
 .videos-page .film-story .film-copy { padding-top:26px; }
 .videos-page .film-story h3 { font-size:33px; margin-top:14px; }
 .videos-page .film-story .film-description { margin-top:18px; }
 .videos-page .film-actions { margin-top:18px; gap:23px; }
 .videos-page .film-context { padding-block:59px; }
 .videos-page .film-context-grid { display:block; }
 .videos-page .film-context h2 { font-size:34px; }
 .videos-page .film-context-copy > p:not(.eyebrow) { font-size:17px; }
 .videos-page .film-notice-list { margin-top:32px; }
 .videos-page .film-notice-list li { font-size:17px; padding-block:17px; }
 .videos-page .film-project-note { padding-block:49px; }
 .videos-page .film-project-grid { display:block; }
 .videos-page .film-project-grid h2 { font-size:29px; }
 .videos-page .film-project-grid .about-actions { margin-top:21px; }
 .videos-page .film-dialog { width:calc(100% - 20px); max-height:calc(100svh - 20px); }
 .videos-page .film-dialog-header { padding:18px; gap:15px; flex-direction:column-reverse; }
 .videos-page .film-dialog-header > button { align-self:flex-end; }
 .videos-page .film-dialog-header h2 { font-size:25px; }
 .videos-page .film-dialog-header .eyebrow { font-size:11px; }
}
@media(max-width:360px) {
 .about-page .about-hero h1 { font-size:39px; }
 .about-page .about-founders blockquote { font-size:32px; }
 .videos-page .film-feature h2 { font-size:29px; }
 .videos-page .film-dialog-header h2 { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) { .videos-page .film-poster img { transition:none; } }

.film-preview { position:relative; overflow:hidden; border-radius:24px; background:#000; aspect-ratio:16/9; }
.film-preview video { display:block; width:100%; height:100%; object-fit:contain; }
.film-preview-toggle { position:absolute; right:16px; bottom:12px; min-height:44px; padding:8px 15px; border-radius:24px; border:1px solid #ffffff55; background:#000a; color:#fff; font-size:13px; cursor:pointer; }
.film-preview-toggle[hidden] { display:none; }
.film-preview-toggle:focus-visible { outline:2px solid #fff; outline-offset:3px; }
@media(max-width:700px) { .film-preview { border-radius:18px; } .film-preview-toggle { right:10px; bottom:8px; font-size:12px; } }

@media(max-width:760px) {
 .videos-page :is(.page-intro,.film-description,.film-library-heading>p,.film-context-copy>p,.film-notice-list p) { font-size:18px; line-height:1.6; }
 .videos-page .film-actions { flex-wrap:wrap; gap:12px 24px; }
 .videos-page .film-actions .text-link { font-size:18px; min-height:48px; }
 .videos-page .film-preview-toggle { font-size:15px; min-height:48px; }
}