.exp-page{padding-block:4.2rem 5rem}
.exp-lead{max-width:63rem;margin-bottom:2.6rem}
.exp-kicker{display:flex;align-items:center;gap:.65rem;margin:0 0 1rem;font:600 .7rem/1.45 ui-monospace,Consolas,monospace;text-transform:uppercase}
.exp-kicker>span{width:1.6rem;height:1px;flex:none;background:var(--copper)}
.exp-lead h1{font-size:4rem;line-height:1.02;margin:0 0 1rem;overflow-wrap:anywhere}
.exp-overview .exp-lead h1{font-size:4.75rem}
.exp-intro,.exp-service-intro{font-size:1.1rem;line-height:1.65;color:#48453f;max-width:59ch}
.exp-intro p,.exp-service-intro{margin:0}
.exp-standfirst{font:750 1.56rem/1.25 Manrope,system-ui,sans-serif;margin:0 0 .75rem;max-width:37ch}
.exp-back{display:inline-flex;gap:.45rem;align-items:center;margin:0 0 1.55rem;font-size:.82rem;font-weight:700}
.exp-back span,.exp-arrow,.exp-number{color:var(--copper)}
.exp-number,.exp-study figcaption{font:600 .72rem/1.5 ui-monospace,Consolas,monospace}
.exp-index{list-style:none;padding:0;margin:0;border-top:1px solid var(--fine)}
.exp-index li{border-bottom:1px solid var(--fine)}
.exp-row{display:grid;grid-template-columns:3.25rem minmax(0,1fr) minmax(10rem,19rem) 2rem;align-items:center;gap:1.25rem;min-height:8rem;padding:.8rem .75rem;text-decoration:none;box-sizing:border-box;transition:background-color .16s}
.exp-row:hover,.exp-row:focus-visible{background:#ebe6df}
.exp-row:focus-visible,.exp-related li a:focus-visible{outline-offset:-2px}
.exp-row h2{margin:0 0 .32rem;font-size:1.9rem;line-height:1.12;overflow-wrap:anywhere}
.exp-row p{margin:0;color:#4c4842;max-width:44ch;font-size:.95rem}
.exp-row img{display:block;width:100%;height:6.15rem;object-fit:cover;background:#e9e7e1}
.exp-row .exp-arrow{justify-self:end;font-size:1.35rem}
.exp-next{margin-top:3.5rem;padding:2.25rem 0;border-block:1px solid var(--fine);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem}
.exp-next h2,.exp-related-head h2{font-size:2rem;line-height:1.15;margin:0}
.exp-button{display:inline-flex;gap:.6rem;align-items:center;min-height:2.75rem;padding:.5rem .9rem;box-sizing:border-box;border-radius:4px;background:var(--copper);text-decoration:none;font-weight:700;font-size:.84rem}
.s2-site .exp-button{color:#fff}
.exp-button:hover{background:#873423}
.s2-site .exp-button:focus-visible{outline-color:var(--charcoal)}
.exp-study{margin:0}
.exp-study img{width:100%;height:auto;display:block;aspect-ratio:1200 / 545;background:#e9e7e1;object-fit:cover}
.exp-study figcaption{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.55rem 0;color:#5a554f;border-bottom:1px solid var(--fine);text-transform:uppercase}
.exp-work{display:grid;grid-template-columns:minmax(10rem,.65fr) minmax(0,2fr);gap:2.4rem;align-items:start;padding:3.4rem 0 4rem}
.exp-text-link,.exp-related-head>a{font-size:.89rem;font-weight:700}
.exp-prose{max-width:65ch;min-width:0;font-size:1.05rem;line-height:1.65;overflow-wrap:anywhere}
.exp-prose h2{font-size:1.65rem;line-height:1.2;margin:2rem 0 .6rem}
.exp-prose h2:first-child,.exp-prose .ProseMirror h2:first-child{margin-top:0}
.exp-prose p,.exp-prose ul{margin:.55rem 0 1rem;color:#48453f}
.exp-prose ul{padding-left:1.25rem}
.exp-prose li+li{margin-top:.35rem}
.exp-related{border-top:1px solid var(--fine);padding-top:1.65rem}
.exp-related-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}
.exp-related ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--fine)}
.exp-related li{border-bottom:1px solid var(--fine)}
.exp-related li a{min-height:3.35rem;padding:.4rem .5rem;box-sizing:border-box;display:grid;grid-template-columns:2rem minmax(0,1fr) 1.25rem;gap:.6rem;align-items:center;text-decoration:none;font-weight:680}
.exp-related li a:hover,.exp-related li a:focus-visible{background:#ebe6df}
@media(max-width:1024px){
  .exp-page{padding-block:3.35rem 4rem}
  .exp-row{grid-template-columns:2.1rem minmax(0,1fr) minmax(8rem,14rem) 1.4rem;gap:.9rem}
}
@media(max-width:700px){
  .exp-page{padding-block:2.3rem 3.2rem}
  .exp-lead{margin-bottom:1.65rem}
  .exp-lead h1,.exp-overview .exp-lead h1{font-size:2.7rem}
  .exp-kicker{margin-bottom:.7rem}
  .exp-intro,.exp-service-intro{font-size:1rem}
  .exp-standfirst{font-size:1.22rem}
  .exp-row{grid-template-columns:1.5rem minmax(0,1fr) 1.1rem;gap:.4rem .65rem;padding:.8rem .15rem}
  .exp-row h2{font-size:1.24rem}
  .exp-row p{font-size:.85rem}
  .exp-row img{grid-column:2;height:4.2rem}
  .exp-row .exp-arrow{grid-column:3;grid-row:1}
  .exp-row .exp-number{align-self:start;padding-top:.15rem}
  .exp-next{margin-top:2rem;padding-block:1.45rem}
  .exp-next h2,.exp-related-head h2{font-size:1.56rem}
  .exp-work{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:2.25rem 0 2.7rem}
  .exp-work-aside .exp-kicker{display:none}
  .exp-prose{font-size:1rem}
  .exp-prose h2{font-size:1.4rem}
}
@media(max-width:360px){
  .exp-lead h1,.exp-overview .exp-lead h1{font-size:2.3rem}
}
@media(prefers-reduced-motion:reduce){
  .exp-row{transition:none}
}