.about-hero{background:var(--color-background-cinematic);min-block-size:145svh;color:var(--color-text-inverse);position:relative}.about-hero__scene{block-size:100svh;padding:calc(var(--site-navigation-height) + var(--space-8)) var(--layout-page-gutter) var(--space-8);place-items:center;display:grid;position:sticky;inset-block-start:0;overflow:hidden}.about-hero__composition{gap:clamp(var(--space-6), 4vw, var(--space-12));text-align:center;inline-size:min(100%,92rem);min-inline-size:0;display:grid}.about-hero__title{font-family:var(--font-family-display);font-size:clamp(2.15rem,9.25vw,4.5rem);font-weight:var(--font-weight-regular);letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance;margin:0;line-height:1.08}.about-hero__line{padding-block:.04em;display:block}.about-hero__line em{font-style:italic;font-weight:inherit}.about-hero__word{vertical-align:bottom;display:inline-block}.about-hero__character{display:inline-block}.about-hero__caption{inline-size:100%;max-inline-size:calc(var(--layout-max-reading) + var(--space-8));padding-inline:var(--space-4);font-family:var(--font-family-body);font-size:var(--text-caption-size);font-weight:var(--font-weight-medium);letter-spacing:var(--text-navigation-letter-spacing);line-height:var(--text-caption-line-height);text-transform:uppercase;text-wrap:balance;opacity:.74;margin:0 auto}.about-hero[data-about-title-motion=active]:not([data-about-title-revealed=true]) .about-hero__character{opacity:0;transform:translateY(105%)}.about-hero[data-about-title-motion=active][data-about-title-revealed=true] .about-hero__character{opacity:1;transition:opacity var(--motion-stagger-text-duration) var(--motion-easing-cinematic), transform var(--motion-stagger-text-duration) var(--motion-easing-cinematic);transition-delay:calc(var(--about-character-index) * 40ms);transform:translateY(0)}.about-mosaic,.about-mosaic__list{inline-size:100%;margin:0;padding:0}.about-mosaic{background:var(--color-background-cinematic);overflow:clip}.about-mosaic__list{column-count:2;column-gap:2px;line-height:0;list-style:none}.about-mosaic__item{break-inside:avoid;margin:0 0 2px}.about-media{background:var(--color-background-cinematic);color:var(--color-text-inverse);isolation:isolate;margin:0;position:relative;overflow:hidden}.about-media__visual{transition:filter var(--motion-duration-slow) var(--motion-easing-cinematic), transform var(--motion-duration-cinematic) var(--motion-easing-cinematic)}.about-media picture,.about-media img{block-size:auto;inline-size:100%;display:block}.about-media__shade{z-index:1;background:linear-gradient(to top, color-mix(in srgb, var(--color-background-cinematic) 88%, transparent), transparent 62%), color-mix(in srgb, var(--color-background-cinematic) 18%, transparent);opacity:0;pointer-events:none;transition:opacity var(--motion-duration-slow) var(--motion-easing-standard);position:absolute;inset:0}.about-media__caption{z-index:2;inset:auto var(--space-4) var(--space-4);font-family:var(--font-family-display);font-size:clamp(.875rem,1.15vw,1.25rem);font-weight:var(--font-weight-regular);letter-spacing:var(--text-heading-md-letter-spacing);line-height:var(--text-heading-md-line-height);text-wrap:balance;pointer-events:none;margin:0;position:absolute;overflow:hidden}.about-media__caption span{opacity:0;transition:opacity var(--motion-duration-standard) var(--motion-easing-standard), transform var(--motion-duration-slow) var(--motion-easing-cinematic);display:block;transform:translateY(115%)}@media (hover:hover) and (pointer:fine){.about-media:hover .about-media__visual{filter:saturate(.82)contrast(1.08);transform:scale(1.035)}.about-media:hover .about-media__shade{opacity:1}.about-media:hover .about-media__caption span{opacity:1;transform:translateY(0)}}@media (width>=40rem){.about-mosaic__list{column-count:3}}@media (width>=48rem){.about-mosaic__list{column-count:4}}@media (width>=64rem){.about-mosaic__list{column-count:5}.about-hero__title{font-size:clamp(4.5rem,7vw,9rem)}}@media (width>=80rem){.about-mosaic__list{column-count:6}}@media (width>=80rem) and (width<=95.999rem){.about-mosaic__item[data-desktop-column-start=true]{break-before:column}}@media (width>=96rem){.about-mosaic__list{column-count:7}}@media (prefers-reduced-motion:reduce){.about-hero{min-block-size:100svh}.about-hero__scene{position:relative}.about-hero__character{transform:none;opacity:1!important}.about-media__visual,.about-media__shade,.about-media__caption span{transition:none}}