/* Studio photography: preserve the full original compositions. */
.studio-page .studio-collage{display:grid;grid-template-columns:minmax(0,700px) minmax(180px,1fr);align-items:center;gap:clamp(32px,6vw,100px);padding:70px max(var(--pad),8vw)}
.studio-page .studio-collage>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none}
.studio-page .studio-note{position:static;transform:none;justify-self:start;box-shadow:none;padding:30px;line-height:2}
.studio-page .team-grid{gap:80px 6vw;align-items:start}
.studio-page .team-person{padding-top:18px}
.studio-page .team-person>.mono{display:block;margin-bottom:18px}
.studio-page .team-portrait{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#eee}
.studio-page .team-person h3{margin-top:28px}
.studio-page .founder-feature video{height:auto;object-fit:contain}
@media(max-width:760px){.studio-page .studio-collage{grid-template-columns:1fr;gap:24px;padding:35px var(--pad) 55px}.studio-page .studio-note{justify-self:stretch;padding:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.studio-page .studio-note strong{margin-top:0}.studio-page .team-grid{gap:48px}.studio-page .team-portrait{width:100%;height:auto}.studio-page .team-person h3{font-size:32px}}

/* Four perspectives: an animated editorial contact sheet. */
.studio-page .team-lab{padding:0 0 100px;overflow:clip;scroll-margin-top:100px}
.team-lab header{background:var(--hl,#ffff93);padding:36px var(--pad) 52px;border-bottom:1px solid var(--ink);position:relative}
.team-topline{display:flex;justify-content:space-between;gap:20px;align-items:center}
.team-topline .kicker{margin:0}
.team-topline>.mono,.team-invitation{font-size:11px;letter-spacing:.08em}
.studio-page .team-lab h2{font-size:clamp(58px,9.2vw,150px);line-height:.93;letter-spacing:-.065em;margin:60px 0 34px;font-weight:600}
.team-lab h2>span{display:block}
.team-headline-bottom{padding-left:8vw;position:relative}
.team-lab h2 em{font-family:var(--font-display);font-weight:400;letter-spacing:-.075em}
.team-spark{width:clamp(40px,6vw,94px);height:auto;margin-left:3vw;vertical-align:middle;transform-origin:center}
.team-invitation{margin:0;text-align:right}
.studio-page .team-lab .team-grid{padding:0 var(--pad);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:start}
.studio-page .team-lab .team-person{border:0;padding:0;min-width:0;margin-top:calc(var(--person-index) * 44px)}
.team-frame{position:relative;isolation:isolate;overflow:hidden;background:#e9e9e9;border:1px solid var(--ink)}
.studio-page .team-lab .team-portrait{width:100%;height:auto;display:block;transition:filter .45s ease}
.team-number{position:absolute;bottom:0;left:0;background:var(--hl,#ffff93);font-size:14px;padding:12px 17px;border-top:1px solid;border-right:1px solid;z-index:2}
.studio-page .team-lab .team-person h3{font-size:clamp(24px,2.5vw,39px);line-height:1.02;margin:24px 0 14px;letter-spacing:-.045em}
.studio-page .team-lab .team-role{font-size:10px;line-height:1.6;margin:0 0 24px;max-width:25ch}
.team-bio{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.team-bio summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0;cursor:pointer;font-family:var(--font-mono);font-size:12px}
.team-bio summary::-webkit-details-marker{display:none}
.team-bio summary svg{width:22px;height:22px;flex-shrink:0;transition:transform .3s}
.team-bio[open] summary svg{transform:rotate(45deg)}
.team-bio summary:hover,.team-bio summary:focus-visible{background:var(--hl,#ffff93)}
.team-bio p{font-size:15px;line-height:1.7;margin:0;padding:8px 0 24px}
.team-lab.motion-ready:not(.team-visible) .team-frame{clip-path:inset(0 0 100% 0)}
.team-lab.motion-ready .team-frame{transition:clip-path 1s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--person-index) * 140ms);clip-path:inset(0)}
.team-lab.team-visible .team-spark{animation:team-spark-arrive 1.3s cubic-bezier(.22,1,.36,1) both}
@keyframes team-spark-arrive{from{transform:scale(.15);opacity:0}to{transform:scale(1);opacity:1}}
@media(hover:hover){.team-frame:hover .team-portrait{filter:contrast(1.12)}.team-frame:hover .team-number{padding-left:26px;padding-right:26px;transition:padding .25s}}
@media(max-width:1000px){.studio-page .team-lab .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 28px}.studio-page .team-lab .team-person{margin-top:0}.studio-page .team-lab .team-person:nth-child(even){margin-top:64px}}
@media(max-width:600px){.team-lab header{padding-top:28px;padding-bottom:34px}.team-topline>.mono{font-size:9px}.team-topline .kicker{font-size:11px;letter-spacing:.1em}.studio-page .team-lab h2{font-size:clamp(45px,11.8vw,70px);margin:42px 0 30px}.team-headline-bottom{padding-left:0}.team-spark{width:30px;margin-left:8px}.team-invitation{text-align:left;font-size:9px;line-height:1.8}.studio-page .team-lab .team-grid{gap:36px 16px}.studio-page .team-lab .team-person:nth-child(even){margin-top:40px}.studio-page .team-lab .team-person h3{font-size:24px;overflow-wrap:anywhere}.studio-page .team-lab .team-role{font-size:9px;min-height:44px}.team-number{font-size:11px;padding:8px 12px}.team-bio summary{font-size:10px;line-height:1.5}.team-bio p{font-size:14px;line-height:1.6}.studio-page .team-lab{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){.team-lab *{animation:none!important;transition:none!important}.team-lab.motion-ready:not(.team-visible) .team-frame{clip-path:none}}
