/* The film is an editorial image, with the headline on its own quiet canvas. */
.civic-home .site-nav{position:relative;color:var(--ink)}
.civic-home #nav-toggle{background:#e5e8e1;border-color:#18201c14;color:var(--ink);backdrop-filter:none}
.c-hero.c-hero-editorial{height:auto;min-height:0;max-height:none;display:block;isolation:auto;background:transparent;color:var(--ink);padding-top:62px;padding-bottom:0}
.c-hero-heading{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:end;margin-bottom:52px}
.c-hero-editorial .c-kicker{color:var(--muted);margin-bottom:25px;font-size:.7rem}
.civic-site .c-hero-editorial h1{font-size:clamp(4.4rem,6.8vw,7.2rem);letter-spacing:-.072em;line-height:.98;max-width:none}
.c-hero-aside{padding-bottom:7px}
.civic-site .c-hero-aside>p{color:var(--muted);font-size:1.04rem;line-height:1.55;letter-spacing:-.02em;margin:0 0 29px}
.c-hero-aside .c-actions{display:flex;align-items:flex-start;flex-direction:column;gap:17px;margin:0}
.c-hero-aside .c-button{padding:15px 19px;min-height:49px;font-size:.77rem}
.c-hero-aside .c-link{font-size:.73rem;gap:24px}
.c-hero-editorial .hero-film{position:relative;inset:auto;z-index:auto;width:100%;margin:0}
.c-hero-editorial .hero-film .film-screen{height:clamp(280px,28vw,440px);aspect-ratio:auto;border-radius:2px;overflow:hidden}
.c-hero-editorial .hero-film .film-screen>img,.c-hero-editorial .hero-film .film-screen>video{object-position:center 53%}
.c-hero-editorial .film-control{right:20px;bottom:18px}
.c-hero-footnote{display:flex;justify-content:space-between;align-items:center;padding:17px 0 0;color:var(--muted);font-size:.65rem}
.c-hero-footnote a{display:flex;gap:28px;color:var(--ink)}
.c-everyday-journey{margin-bottom:64px}
.c-workflow-story{padding-top:25px;padding-bottom:110px}
.c-workflow-story>span:empty{position:absolute}
.c-workflow-story>.c-film{margin-top:42px}
/* Playback belongs to the caption row, clear of labels baked into the film. */
.civic-site .c-film>.film-meta{display:flex;align-items:center;gap:16px;min-height:44px;margin:8px 0 0;padding:0;font-size:.66rem;line-height:1.5}
.film-meta>span{flex:1;min-width:0}
.film-meta a{display:inline-flex;align-items:center;gap:18px;color:var(--ink)}
.civic-site .film-meta .film-control{position:static;inset:auto;flex:0 0 auto;z-index:auto;min-height:36px;padding:8px 11px;border:1px solid var(--line);border-radius:3px;background:transparent;color:var(--ink);font-size:.65rem;box-shadow:none}
.civic-site .film-meta .film-control:hover{background:var(--soft)}
.film-meta .film-control[hidden]{display:none}
.civic-site .cinematic-film .film-screen{aspect-ratio:16/9;height:auto}
@media(max-width:760px){.c-everyday-journey{margin-bottom:40px}.c-workflow-story{padding-bottom:72px}.c-workflow-story>.c-film{margin-top:28px}}
@media(min-width:1600px){.c-hero.c-hero-editorial{padding-top:76px}.c-hero-heading{margin-bottom:62px}}
@media(max-width:1000px){.c-hero-heading{grid-template-columns:minmax(0,1fr) 235px;gap:30px}.civic-site .c-hero-editorial h1{font-size:clamp(3.4rem,7.4vw,5rem)}.c-hero-aside>p{font-size:.9rem}}
@media(max-width:760px){.c-hero.c-hero-editorial{padding-top:36px}.c-hero-heading{display:block;margin-bottom:30px}.civic-site .c-hero-editorial h1{font-size:clamp(3.3rem,10.3vw,4.8rem);letter-spacing:-.065em;line-height:1}.c-hero-editorial .c-kicker{margin-bottom:23px;font-size:.63rem}.c-hero-aside{margin-top:28px;padding:0}.civic-site .c-hero-aside>p{font-size:.9rem;line-height:1.55;margin-bottom:24px;max-width:280px}.c-hero-aside>p br{display:none}.c-hero-aside>p br:after{content:' '}.c-hero-aside .c-actions{flex-direction:row;align-items:center;gap:18px}.c-hero-aside .c-button{font-size:.65rem;padding:12px 14px;min-height:43px}.c-hero-aside .c-link{font-size:.63rem;gap:8px}.c-hero-editorial .hero-film .film-screen{height:230px}.c-hero-editorial .hero-film .film-screen>img,.c-hero-editorial .hero-film .film-screen>video{object-position:58% center}.c-hero-editorial .film-control{bottom:13px;right:12px}.c-hero-footnote{font-size:.57rem;padding-top:13px}.c-hero-footnote a{gap:11px}}