.phase-four--about .about-video{position:relative;width:100%;isolation:isolate}
.about-video video{display:block;width:100%;aspect-ratio:1365/2048;object-fit:cover;object-position:var(--image-focus,center 25%);border-radius:var(--radius-l)}
.about-video__poster{position:absolute;inset:0;pointer-events:none}
.phase-four--about .about-video__poster img{width:100%;height:100%;object-fit:cover;object-position:var(--image-focus,center 25%)}
.about-video[data-started] .about-video__poster{display:none}
.about-video__controls{position:absolute;right:var(--d-s);bottom:var(--d-s);display:flex;gap:var(--d-xs)}
.about-video__controls[hidden]{display:none}
.about-video__controls button{display:grid;place-items:center;width:var(--d-touch);height:var(--d-touch);min-width:44px;min-height:44px;padding:10px;border:1px solid color-mix(in srgb,var(--color-paper) 55%,transparent);border-radius:calc(var(--radius-l) * 3);background:color-mix(in srgb,var(--color-ink) 72%,transparent);color:var(--color-paper);cursor:pointer}
.content-page .about-video__controls button:focus-visible{outline:3px solid var(--color-paper);outline-offset:3px;box-shadow:0 0 0 6px var(--color-ink)}
.about-video__controls svg{width:22px;height:22px;fill:currentColor}
.about-video__controls [data-sound] svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.about-video__controls .icon-pause,.about-video__controls .icon-sound{display:none}
.about-video__controls [aria-pressed="true"] :is(.icon-pause,.icon-sound){display:block}
.about-video__controls [aria-pressed="true"] :is(.icon-play,.icon-muted){display:none}
.about-video__credit{font-size:1rem;line-height:1.5;margin-block:.5rem 0;text-align:right;color:var(--color-ink)}
.about-video__credit a{color:inherit;text-decoration:underline;text-underline-offset:.15em}
.about-video__credit a:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media(min-width:48rem){
 .content-page main .phase-four--about .service-hero.shell{width:100%;padding:0;grid-template-columns:var(--e10-gutter) minmax(0,1fr) var(--e10-gutter);gap:0}
 .phase-four--about .service-hero .about-video{grid-column:1/-1;grid-row:1;max-width:none}
 .phase-four--about .service-hero .service-hero__title{grid-column:2;grid-row:2;padding-block:var(--d-l) var(--d-s);justify-content:flex-start}
 .about-video video{height:auto;aspect-ratio:1998/1080;max-height:max(0px,calc(85svh - var(--about-header-height,calc(var(--size-logo) * 337.26 / 657.74 + 2 * var(--d-s)))));border-radius:0}
 .phase-four--about .service-hero .about-video__poster img{height:100%;border-radius:0}
}