.about-studio .page-top {
  background:radial-gradient(ellipse at 80% 30%,#303033 0%,#171719 45%,#101011 80%);
}
.about-studio .page-top::before { display:none; }
.about-studio .page-top .team-hero--photo {
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(36px,6vw,96px);
  padding-block:154px 88px;
}
.about-studio .team-intro-copy .eyebrow { color:#d7d7dc; font-size:11px; letter-spacing:.18em; }
.about-studio .team-hero--photo h1 { font-size:clamp(64px,7.25vw,112px); line-height:.99; letter-spacing:-.065em; margin:32px 0; }
.about-studio .team-hero--photo h1 span { color:#9e9ea5; }
.about-studio .team-intro-copy > p:not(.eyebrow) { max-width:36ch; font-size:17px; line-height:1.8; }
.team-discover { display:inline-flex; align-items:center; gap:28px; margin-top:36px; font-size:14px; }
.team-discover > span { display:grid; place-items:center; width:46px; height:46px; border:1px solid #65656b; border-radius:50%; transition:background .2s,color .2s; }
.team-discover:hover > span { background:#f4f4f2; color:#141415; }
.team-joint-frame { margin:0; padding:10px; background:#f0efeb; color:#181819; border-radius:24px; box-shadow:0 28px 70px #0005; transform:rotate(1.5deg); }
.about-studio .team-joint-photo { border-radius:16px; }
.team-joint-frame figcaption { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:20px 18px 12px; }
.team-joint-frame figcaption a { font-size:15px; font-weight:650; line-height:1.6; }
.team-joint-frame figcaption span { display:block; font-weight:400; font-size:12px; color:#656568; }
.team-joint-frame figcaption a:hover { text-decoration:underline; text-underline-offset:4px; }
.about-studio .team-profiles { padding-block:76px 90px; background:#eeede9; scroll-margin-top:100px; border-radius:32px 32px 0 0; margin-top:-24px; position:relative; }
.team-section-heading { display:flex; justify-content:space-between; align-items:start; gap:32px; margin-bottom:46px; }
.team-section-heading .eyebrow { font-size:11px; letter-spacing:.14em; padding-top:12px; }
.team-section-heading > p:last-child { font-size:clamp(34px,4vw,58px); line-height:1.1; letter-spacing:-.045em; font-weight:500; margin-right:15%; }
.team-section-heading > p:last-child span { color:#7b7b7f; }
.about-studio .team-photo-grid { gap:24px; }
.about-studio .team-photo-grid .team-person { background:#fafaf8; padding:28px; border:1px solid #deddd8; border-radius:22px; box-shadow:0 12px 28px #15151a05; transition:box-shadow .25s,border-color .25s; }
.about-studio .team-photo-grid .team-person:hover { border-color:#b5b5b7; box-shadow:0 18px 36px #15151a0c; }
.person-card-head { display:grid; grid-template-columns:minmax(0,200px) minmax(0,1fr); gap:26px; align-items:center; }
.about-studio .team-photo-grid .team-portrait { margin:0; border-radius:12px; }
.about-studio .team-photo-grid .team-person h2 { font-size:clamp(26px,2.8vw,40px); line-height:1.06; }
.about-studio .person-role { font-size:12px; margin-top:12px; }
.about-studio .team-photo-grid .person-focus { font-size:15px; line-height:1.55; margin-top:24px; font-weight:500; }
.about-studio .team-photo-grid .person-description { margin-top:28px; }
.about-studio .person-description .person-lead { color:#57575c; font-size:15px; line-height:1.8; }
.about-studio .person-responsibilities { margin:24px 0 0; }
.about-studio .person-responsibilities li { font-size:13px; padding-block:12px; }
.person-story summary { display:flex; align-items:center; justify-content:space-between; gap:12px; cursor:pointer; list-style:none; min-height:58px; font-size:14px; font-weight:550; }
.person-story summary::-webkit-details-marker { display:none; }
.story-icon { width:24px; height:24px; position:relative; flex-shrink:0; }
.story-icon::before,.story-icon::after { content:''; position:absolute; background:currentColor; top:11px; left:5px; width:14px; height:1px; }
.story-icon::after { transform:rotate(90deg); transition:transform .2s; }
.person-story[open] .story-icon::after { transform:rotate(0deg); }
.person-story-copy { padding:2px 0 22px; }
.person-story-copy p { color:#65656b; font-size:15px; line-height:1.85; }
.person-story-copy p + p { margin-top:18px; }
.about-studio .person-description .text-link { display:flex; justify-content:space-between; border-top:1px solid #ddddd9; min-height:50px; padding-top:12px; font-size:13px; }
.about-studio .team-contact:has(.team-work-photo) { grid-template-columns:180px minmax(0,1fr); max-width:1000px; gap:64px; padding-block:72px; }
.about-studio .team-work-photo { border-radius:16px; }
.about-studio .team-contact-copy h2 { font-size:clamp(32px,4vw,56px); }
.about-studio a:focus-visible,.about-studio summary:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
@media(min-width:761px) and (max-width:1100px) {
  .person-card-head { grid-template-columns:minmax(0,150px) minmax(0,1fr); gap:18px; }
  .about-studio .team-photo-grid .team-person { padding:20px; }
  .about-studio .team-photo-grid .person-focus { font-size:13px; }
}
@media(max-width:760px) {
  .about-studio .page-top .team-hero--photo { grid-template-columns:minmax(0,1fr); padding-block:132px 66px; gap:40px; }
  .about-studio .team-hero--photo h1 { font-size:clamp(48px,13vw,86px); margin:24px 0; }
  .about-studio .team-intro-copy > p:not(.eyebrow) { font-size:15px; }
  .team-discover { margin-top:24px; gap:20px; font-size:13px; }
  .team-discover > span { width:40px; height:40px; }
  .team-joint-frame { transform:none; border-radius:18px; padding:7px; }
  .about-studio .team-joint-photo { border-radius:12px; }
  .team-joint-frame figcaption { padding:14px 8px 8px; gap:10px; }
  .team-joint-frame figcaption a { font-size:12px; }
  .team-joint-frame figcaption span { font-size:10px; }
  .about-studio .team-profiles { padding-block:40px 48px; border-radius:24px 24px 0 0; }
  .team-section-heading { display:block; margin-bottom:28px; }
  .team-section-heading .eyebrow { padding:0; margin-bottom:20px; font-size:10px; }
  .team-section-heading > p:last-child { font-size:36px; margin:0; }
  .about-studio .team-photo-grid { gap:18px; }
  .about-studio .team-photo-grid .team-person { padding:18px; border:1px solid #deddd8; border-radius:18px; }
  .person-card-head { grid-template-columns:100px minmax(0,1fr); gap:16px; }
  .about-studio .team-photo-grid .team-person h2 { font-size:26px; }
  .about-studio .person-role { font-size:10px; margin-top:7px; }
  .about-studio .team-photo-grid .person-focus { font-size:12px; margin-top:12px; }
  .about-studio .team-photo-grid .person-description { margin-top:22px; }
  .about-studio .person-description .person-lead,.person-story-copy p { font-size:14px; }
  .about-studio .person-responsibilities li { font-size:12px; }
  .about-studio .team-contact:has(.team-work-photo) { grid-template-columns:84px minmax(0,1fr); gap:20px; padding-block:40px; align-items:start; }
  .about-studio .team-contact-copy h2 { font-size:26px; }
  .about-studio .team-contact-copy p { font-size:13px; }
  .about-studio .team-contact-copy .button { padding:14px 12px; font-size:12px; margin-top:22px; }
}
@media(prefers-reduced-motion:reduce) { .about-studio * { transition:none!important; } }