.about-opening{position:relative;isolation:isolate;overflow:hidden;min-height:580px;padding-block:64px 72px}
.about-landscape{--edge-feather:linear-gradient(0deg,transparent 0%,transparent 3%,rgba(0,0,0,.04) 7%,rgba(0,0,0,.18) 12%,rgba(0,0,0,.5) 20%,rgba(0,0,0,.82) 28%,rgba(0,0,0,.96) 35%,#000 42%,#000 82%,rgba(0,0,0,.82) 90%,rgba(0,0,0,.18) 97%,transparent 100%);position:absolute;z-index:-1;inset:0 0 0 auto;width:66%;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 42%),var(--edge-feather);mask-composite:intersect}
.about-landscape video{display:block;width:100%;height:100%;object-fit:cover;object-position:55% 50%}
.about-opening::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 31%,transparent 76%);pointer-events:none}
.about-opening-copy h1{max-width:55%}
.about-opening .intro-columns{display:block;width:43%;max-width:54ch;margin-top:30px}
.about-opening .standfirst{font-size:23px;line-height:1.5;max-width:34ch}
.about-opening .intro-detail{margin-top:24px;font-size:16px}
@media(max-width:1100px){
  .about-opening-copy h1{max-width:65%}
  .about-opening .intro-columns{width:50%}
  .about-landscape{width:70%;opacity:.85}
}
@media(max-width:760px){
  .about-opening{padding-block:40px 68px;min-height:0}
  .about-opening-copy h1{max-width:100%}
  .about-opening .intro-columns{width:100%;margin-top:28px}
  .about-opening .standfirst{font-size:21px;max-width:32ch}
  .about-opening .intro-detail{max-width:80%;margin-top:24px}
  .about-landscape{width:100%;opacity:.9;mask-image:linear-gradient(135deg,transparent 10%,#000 70%),var(--edge-feather);mask-composite:intersect}
  .about-landscape video{object-position:56% 50%}
  .about-opening::after{background:linear-gradient(125deg,var(--paper) 12%,color-mix(in srgb,var(--paper) 95%,transparent) 45%,color-mix(in srgb,var(--paper) 35%,transparent) 80%,color-mix(in srgb,var(--paper) 12%,transparent) 100%)}
}

.name-story{position:relative;isolation:isolate;overflow:clip}
.name-story .editorial-row{position:relative;z-index:1;min-height:700px}
.name-story h2{max-width:none}
.name-story-media{position:absolute;z-index:2;left:2%;top:150px;bottom:12px;width:51%;margin:0;pointer-events:none;color:var(--ink)}
.name-story-media canvas,.name-story-media svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.name-story-media canvas{display:none}
.name-story-media.is-ready canvas{display:block}
.name-story-media.is-ready .flock-still{display:none}
@media(max-width:760px){
 .name-story .editorial-row{padding-bottom:48px}
 .name-story .editorial-row>div:first-child{padding-bottom:390px}
 .name-story-media{left:0;top:115px;width:100%;height:380px;bottom:auto}
}
@media print{.name-story-media canvas{display:none!important}.name-story-media svg{display:block!important}}

.people-grid .person-portrait{position:relative;isolation:isolate;display:block;overflow:clip;background:var(--paper);min-height:330px;padding:30px 0}
.person-portrait .person-copy{position:relative;z-index:1;width:62%;max-width:38ch}
.person-portrait .founder-silhouette{position:absolute;z-index:0;right:-3%;top:16px;width:53%;height:calc(100% - 16px);object-fit:cover;object-position:50% 40%;pointer-events:none;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent 0%,#000 40%,#000 90%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 22%,#000 94%,transparent 100%);mask-composite:intersect}
html[data-theme="light"] .founder-silhouette{filter:invert(1);mix-blend-mode:multiply}
@media(min-width:761px) and (max-width:1100px){
  .people-grid{grid-template-columns:1fr}
  .person-portrait .person-copy{width:58%;max-width:46ch}
  .person-portrait .founder-silhouette{width:42%;right:0}
}
@media(max-width:760px){
  .people-grid{gap:12px}
  .people-grid .person-portrait{min-height:0;padding-block:26px 30px}
  .person-portrait .person-copy{width:65%;max-width:32ch}
  .person-portrait .founder-silhouette{width:52%;right:-8%;top:18px;max-height:360px;object-position:50% 30%}
  .person-portrait h3{font-size:var(--heading-card-size);font-weight:var(--heading-card-weight);line-height:var(--heading-card-leading);font-family:var(--font-heading)}
}
@media(max-width:370px){
  .person-portrait h3{font-size:var(--heading-card-size);font-weight:var(--heading-card-weight);line-height:var(--heading-card-leading);font-family:var(--font-heading)}
  .person-portrait .person-copy{width:65%}
}

.name-story-media .flock-links{color:var(--accent);fill:none;stroke:currentColor;stroke-width:.8;opacity:0;pointer-events:none}
.flock-notes{position:absolute;inset:0;font-size:13px;line-height:1.45}
.flock-note{position:absolute;width:38%;max-width:190px}
.flock-note strong{display:block;color:var(--accent);font-weight:600;margin-bottom:5px}
.flock-note span{display:block;color:var(--muted)}
.flock-note:nth-child(1){left:4%;top:4%}
.flock-note:nth-child(2){right:4%;top:4%}
.flock-note:nth-child(3){right:4%;bottom:10%}
.is-ready .flock-notes{opacity:0;visibility:hidden;transition:opacity 500ms ease}
.is-explained .flock-notes{opacity:1;visibility:visible}
.name-story-media.is-explained .flock-links{display:block;opacity:.65;transition:opacity 500ms ease}
.flock-replay{position:absolute;left:4%;bottom:10%;pointer-events:auto;color:var(--accent);background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;font:inherit;font-size:13px;cursor:pointer}
.flock-replay[hidden]{display:none}
@media(max-width:760px){.flock-notes{font-size:12px}.flock-note{width:40%}.flock-note:nth-child(3),.flock-replay{bottom:4%}}
@media(prefers-reduced-motion:reduce){.is-ready .flock-notes,.name-story-media.is-explained .flock-links{transition:none}}