.niwa-agent-page{color:var(--pt-ink)}
.agent-wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}
.agent-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(40px,6vw,100px);padding-block:85px 90px}
.agent-hero h1{margin:0 0 28px;max-width:12ch;text-wrap:balance}
.agent-lead{max-width:30ch;margin:0;font:300 clamp(22px,2.5vw,34px)/1.35 var(--niwa-font-display)}
.agent-hero__image{min-width:0;margin:0;min-height:570px;aspect-ratio:4/5;overflow:hidden;background:#e9e9ef}
.agent-hero__image img{display:block;width:100%;height:100%;object-fit:cover}
.agent-intro{padding:70px max(40px,8%);background:#e9e9ef}
.agent-intro h2{margin:0 0 26px;text-wrap:balance}
.agent-intro p{max-width:850px;margin:0;font:300 clamp(22px,2.3vw,31px)/1.5 var(--niwa-font-display)}
.agent-story{padding-block:30px 90px;scroll-margin-top:120px}
.agent-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,120px);padding-block:85px;border-bottom:1px solid #d9dade}
.agent-section h2{max-width:16ch;margin:0;text-wrap:balance}
.agent-section--prose{display:block}
.agent-section--prose .agent-section__body{max-width:760px;margin-inline:auto}
.agent-section__body{max-width:620px}
.agent-section__body p{margin:0 0 22px;color:var(--pt-muted);font-size:16px;line-height:1.85}
.agent-section__body p:last-child{margin-bottom:0}
.agent-next{padding-block:85px;border-bottom:1px solid #d9dade}
.agent-next>a{display:flex;align-items:center;justify-content:space-between;gap:25px;font:300 clamp(35px,5vw,72px)/1.12 var(--niwa-font-display);letter-spacing:-.035em}
.agent-next>a:is(:hover,:focus-visible){color:#496553}
.agent-actions{display:flex;justify-content:center;padding-block:65px 110px}
.agent-actions>div{display:flex;flex-wrap:wrap;gap:12px}
.niwa-agent-page a:focus-visible{outline:2px solid #496553;outline-offset:5px}
@media(max-width:1000px){
  .agent-wrap{width:calc(100% - 48px)}
  .agent-hero{grid-template-columns:1fr;gap:42px;padding-block:64px}
  .agent-hero__image{min-height:0;aspect-ratio:16/10}
  .agent-intro{padding:52px 34px}
  .agent-section{grid-template-columns:1fr;gap:32px;padding-block:62px}
  .agent-actions{padding-block:55px 85px}
}
@media(max-width:480px){
  .agent-wrap{width:calc(100% - 40px)}
  .agent-hero{padding-block:50px 55px}
  .agent-hero h1{margin-bottom:20px}
  .agent-hero__image{aspect-ratio:4/5}
  .agent-intro{padding:40px 26px}
  .agent-section{padding-block:50px}
  .agent-next{padding-block:60px}
  .agent-actions>div{flex-direction:column;align-items:flex-start}
}