/* Staff stories: portrait slots and editorial copy await real interviews. */
.staff-stories {
  --staff-rule:#514d3f35;
  padding:90px 8% 75px;
  color:#292820;
  background:#f0ede4;
  scroll-margin-top:76px;
}
.staff-stories-heading {display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:end;}
.staff-kicker {font-size:11px;letter-spacing:.14em;margin-bottom:24px;}
.staff-stories h2 {font-family:Shippori,serif;font-weight:500;font-size:clamp(35px,4.5vw,62px);line-height:1.5;letter-spacing:.025em;}
.staff-stories h2>span {display:block;}
.staff-intro {font-family:Shippori,serif;font-size:18px;line-height:2.05;letter-spacing:.04em;padding-bottom:6px;}
.staff-intro-line {display:block;}
.staff-intro-phrase {display:inline-block;white-space:nowrap;}
.staff-sample-note {font-size:11px;line-height:1.85;color:#69675f;border-top:1px solid var(--staff-rule);padding-top:16px;margin-top:35px;}
.staff-stories-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5%;margin-top:30px;align-items:start;}
.staff-story {min-width:0;}
.staff-story-opening {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:25px;align-items:center;}
.staff-portrait {position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;min-width:0;overflow:hidden;background:repeating-linear-gradient(0deg,#7d745502 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#7d745504 0 1px,transparent 1px 4px),linear-gradient(125deg,#e5dfce,#f6f2e8);border:1px solid #93866b26;}
.staff-portrait-service {background:repeating-linear-gradient(0deg,#455d5003 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#455d5004 0 1px,transparent 1px 4px),linear-gradient(125deg,#dce1d7,#eff0e7);}
.staff-portrait-letter {font-family:Shippori,serif;font-size:clamp(72px,8vw,120px);font-weight:400;line-height:1;color:#6a644c38;transform:translateY(-12px);}
.staff-portrait-service .staff-portrait-letter {color:#42534736;}
.staff-portrait-note {position:absolute;bottom:17px;left:12px;right:12px;font-size:10px;line-height:1.75;letter-spacing:.02em;color:#6e695c;text-align:center;text-wrap:balance;}
.staff-role {display:flex;gap:16px;align-items:center;font-size:12px;letter-spacing:.12em;}
.staff-role>span {font-family:Shippori,serif;font-size:19px;letter-spacing:.02em;color:#817055;}
.staff-stories h3 {font-family:Shippori,serif;font-size:clamp(23px,2.4vw,36px);font-weight:500;line-height:1.65;letter-spacing:.02em;margin:16px 0;}
.staff-stories h3>span {display:block;white-space:nowrap;}
.staff-role-copy {font-size:12px;line-height:1.9;color:#625f53;}
.staff-interview {border-top:1px solid var(--staff-rule);border-bottom:1px solid var(--staff-rule);margin-top:25px;}
.staff-interview>summary {list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:55px;padding:12px 0;font-size:12px;letter-spacing:.06em;cursor:pointer;}
.staff-interview>summary::-webkit-details-marker {display:none;}
.staff-interview>summary:focus-visible {outline:2px solid #826a44;outline-offset:5px;}
.staff-expand {font-size:21px;font-weight:400;line-height:1;transition:transform .25s ease;}
.staff-interview[open] .staff-expand {transform:rotate(45deg);}
.staff-interview-content {padding:5px 0 25px;}
.staff-interview-label {font-size:10px;letter-spacing:.08em;color:#777363;margin-bottom:22px;}
.staff-question+.staff-question {margin-top:24px;}
.staff-question h4 {display:flex;gap:12px;align-items:baseline;font-size:13px;line-height:1.8;font-weight:500;margin:0 0 9px;}
.staff-question h4>span {flex-shrink:0;font-family:Shippori,serif;color:#867052;font-size:16px;}
.staff-question>p {font-size:13px;line-height:1.9;color:#5e5c51;margin-left:28px;}
.staff-stories-bottom {display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px;}
.staff-stories-bottom>p {font-family:Shippori,serif;font-size:19px;letter-spacing:.04em;}
.staff-stories-bottom>a {display:flex;gap:35px;align-items:center;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--staff-rule);padding:14px 0;min-height:48px;}
.staff-stories-bottom>a>span {font-size:23px;line-height:1;}
@media(max-width:1000px) {
  .staff-story-opening {gap:17px;}
  .staff-role-copy br {display:none;}
  .staff-portrait-note {left:8px;right:8px;font-size:9px;bottom:12px;}
}
@media(max-width:760px) {
  .staff-stories {padding:42px 6% 34px;}
  .staff-stories-heading {grid-template-columns:1fr;gap:18px;}
  .staff-kicker {font-size:10px;letter-spacing:.1em;margin-bottom:14px;}
  .staff-stories h2 {font-size:clamp(27px,7.2vw,42px);line-height:1.5;}
  .staff-intro {font-size:14px;line-height:1.85;padding:0;letter-spacing:.01em;}
  .staff-sample-note {font-size:10px;line-height:1.8;margin-top:22px;padding-top:13px;}
  .staff-stories-grid {grid-template-columns:1fr;gap:24px;margin-top:24px;}
  .staff-story-opening {grid-template-columns:106px minmax(0,1fr);gap:22px;}
  .staff-portrait {aspect-ratio:3/4;}
  .staff-portrait-letter {font-size:65px;transform:translateY(-13px);}
  .staff-portrait-note {font-size:9px;line-height:1.65;bottom:12px;left:10px;right:10px;}
  .staff-role {font-size:11px;gap:12px;}
  .staff-role>span {font-size:16px;}
  .staff-stories h3 {font-size:23px;line-height:1.5;margin:9px 0 10px;}
  .staff-role-copy {font-size:11px;line-height:1.8;}
  .staff-interview {margin-top:17px;}
  .staff-interview>summary {min-height:45px;font-size:11px;padding:10px 0;}
  .staff-interview-content {padding:6px 0 22px;}
  .staff-interview-label {margin-bottom:17px;}
  .staff-question h4 {font-size:12px;gap:10px;}
  .staff-question>p {font-size:13px;line-height:1.8;margin-left:26px;}
  .staff-stories-bottom {display:block;margin-top:26px;}
  .staff-stories-bottom>p {font-size:17px;}
  .staff-stories-bottom>a {font-size:12px;padding:12px 0;margin-top:8px;}
}
@media(max-width:360px) {
  .staff-story-opening {grid-template-columns:94px minmax(0,1fr);gap:15px;}
  .staff-stories h3 {font-size:21px;}
  .staff-role-copy {font-size:10px;}
  .staff-portrait-letter {font-size:58px;}
}
@media(prefers-reduced-motion:reduce) {.staff-expand {transition:none;}}