/* Team: distinct art practices, held together by the same closed grid. */
.team-page .people-grid article{text-align:center}
.team-page .people-grid p{margin-left:auto;margin-right:auto;max-width:540px}
.big-later-link{text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
.big-later-link:hover{text-decoration-thickness:2px}
.big-later-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.brainchild-scene{position:relative;isolation:isolate;min-height:clamp(760px,88svh,1060px);border-bottom:var(--line);overflow:hidden;background:#332d26}
.brainchild-room{position:absolute;inset:0;margin:0;z-index:-2}
.brainchild-room img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.brainchild-scene::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,15,19,.76),rgba(12,15,19,.43) 34%,rgba(12,15,19,.06) 60%,transparent 78%);pointer-events:none}
.team-hero .brainchild-scene .content-heading{display:block;position:relative;padding:clamp(54px,5vw,90px) var(--gutter);border:0;color:#fff}
.team-hero .brainchild-scene h1{font-size:clamp(72px,6.6vw,112px);line-height:.99;max-width:1480px;text-wrap:balance;letter-spacing:-.02em}
.team-hero .brainchild-scene h1 span{white-space:nowrap}
.team-hero>.content-deck{padding:64px var(--gutter)}
.team-hero>.content-deck p{max-width:920px}
.team-argument>.section-title h2{max-width:1200px}
.pitch-wall{margin:0;border-bottom:var(--line);background:#fff}
.pitch-stage{position:relative;height:clamp(580px,49vw,790px);overflow:hidden;isolation:isolate;background-image:linear-gradient(to right,transparent calc(33.333% - .5px),#171717 calc(33.333% - .5px),#171717 calc(33.333% + .5px),transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#171717 calc(66.666% - .5px),#171717 calc(66.666% + .5px),transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#171717 calc(50% - .5px),#171717 calc(50% + .5px),transparent calc(50% + .5px))}
.pitch-card{position:absolute;left:var(--x);top:var(--y);width:clamp(260px,29vw,465px);padding:24px 28px;background:white;border:1px solid #c7ccd1;border-radius:3px;box-shadow:0 5px 15px #00000018;transform:translate(-50%,-50%) rotate(var(--angle));z-index:calc(2 + var(--i));pointer-events:none}
.pitch-profile{display:flex;align-items:center;gap:12px;font:600 14px/1.3 var(--body);color:#24282d}
.pitch-connection{display:block;color:#72777c;font-size:12px;font-weight:400;margin-top:3px}
.pitch-avatar{display:block;flex:0 0 35px;height:35px;border-radius:50%;background:radial-gradient(circle at 50% 37%,#8394a2 0 6px,transparent 6.5px),radial-gradient(ellipse at 50% 110%,#8394a2 0 16px,transparent 16.5px),#e4ebef}
.team-page .pitch-card p{font-size:clamp(18px,1.8vw,28px);line-height:1.25;letter-spacing:-.025em;margin:20px 0 0;font-weight:600}
.argument-prose{display:grid;grid-template-columns:42% 58%}
.argument-prose p{padding:75px var(--gutter);margin:0}
.argument-prose p:first-child{font-size:clamp(25px,2.7vw,42px);line-height:1.35;border-right:var(--line)}
.team-page .principle-grid>article{padding:0;display:flex;flex-direction:column}
.value-copy{padding:76px var(--gutter) 64px;flex:1}
.team-page .value-copy h3{font-size:clamp(40px,4vw,64px);line-height:1.03}
.value-copy p{margin-bottom:0}
.value-art{position:relative;overflow:hidden;border-top:var(--line);aspect-ratio:3/2;background:#fff;isolation:isolate}
.value-art img{width:100%;height:100%;object-fit:cover;display:block}
.is-paused .pitch-card{opacity:1!important;transform:translate(-50%,-50%) rotate(var(--angle))!important;transition:none!important}
@media(max-width:900px){
 .argument-prose{grid-template-columns:1fr}
 .argument-prose p{padding:50px var(--gutter)}
 .argument-prose p:first-child{border-right:0;border-bottom:var(--line)}
}
@media(max-width:700px){
 /* The brain rises behind the headline and the floor is cut below the bench, so the intro
    starts near the bottom of the first screen. The picture scales with the scene height. */
 .brainchild-scene{--scene:clamp(460px,calc(100svh - 170px),640px);min-height:0;height:var(--scene)}
 .brainchild-room{inset:auto 0;top:calc(var(--scene) * -.115);height:calc(var(--scene) * 1.52)}
 .team-hero .brainchild-scene .content-heading{padding:42px 26px}
 .team-hero .brainchild-scene h1{font-size:clamp(42px,12.8vw,76px);line-height:1.02;text-wrap:balance}
 .brainchild-room img{object-position:50% 0}
 .team-hero>.content-deck{padding:44px 26px}
 .pitch-stage{height:740px}
 .pitch-card{width:245px;padding:19px 20px}
 .pitch-card:nth-child(3n+1){left:27%}.pitch-card:nth-child(3n+2){left:72%}.pitch-card:nth-child(3n){left:48%}
 .pitch-profile{font-size:12px}.pitch-connection{font-size:12px}.pitch-avatar{flex-basis:30px;height:30px}
 .team-page .pitch-card p{font-size:19px;margin-top:15px}
 .value-copy{padding:60px 26px 48px}
 .team-page .value-copy h3{font-size:44px}
}
@media(prefers-reduced-motion:reduce){
 .pitch-card{opacity:1!important;transform:translate(-50%,-50%) rotate(var(--angle))!important;transition:none!important}
}

/* Art is built from moving parts, not a shutter over a finished illustration. */
.kinetic-stage{aspect-ratio:40/27;isolation:isolate;overflow:hidden}
.kinetic-stage>svg{width:100%;height:100%;display:block;overflow:visible}
.kinetic-stage svg g,.kinetic-stage svg image{transform-box:view-box}
@media(max-width:700px){
 .kinetic-stage{aspect-ratio:40/29}
}

/* The manifesto reads as one statement, with one typographic scale. */
.manifesto-word{white-space:nowrap}
.manifesto-red{color:#c83226}

/* Photographic layers retain the authored image's coordinate system. */
.kinetic-stage.photographic-stage{aspect-ratio:3/2;background:#fff}
.photographic-stage>svg{overflow:hidden}
.photo-chess-queen{transform:translate(236px,-472px)}
.photo-chess-king{transform:translate(-118px,0)}
.photo-chess-hand{opacity:0}