/* =========================================================
   About refinements v1.9.6
   Representative story / reasons / company / area
   ========================================================= */

/* Natural heading flow */
.af-page--reasons h2,
.af-page--representative h2,
.af-page--representative h3,
.af-page--company h2,
.af-page--area h2{
  word-break:normal;
  overflow-wrap:break-word;
  text-wrap:pretty;
}

/* Representative hero: supplied real photos */
.af-page--representative .site-unified-hero .home-hero__slide img{
  object-position:center 42%;
}
.af-page--representative .site-unified-hero .home-hero__panel{
  width:min(760px,68vw)!important;
}
.af-page--representative .site-unified-hero .home-hero__panel h1{
  max-width:12.5em;
}

/* 10 reasons */
.af-ten-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.af-ten-grid .af-card{
  min-height:210px;
  padding:28px 30px 32px;
}
.af-ten-grid .af-card>span{margin-bottom:34px}
.af-ten-grid .af-card h3{font-size:clamp(22px,2vw,29px)}

/* Representative mission */
.af-rep-mission{background:#f3efe6!important}
.af-rep-mission__grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:clamp(42px,6vw,88px);
  align-items:center;
}
.af-rep-mission h2,
.af-story-section h2{
  margin:0;
  font-family:var(--cl-serif,Georgia,serif);
  font-size:clamp(38px,4.6vw,64px);
  line-height:1.28;
  font-weight:500;
  letter-spacing:.005em;
}
.af-rep-mission h3,
.af-story-section h3{
  margin:22px 0 22px;
  font-family:var(--cl-serif,Georgia,serif);
  font-size:clamp(24px,2.5vw,34px);
  line-height:1.5;
  font-weight:500;
}
.af-rep-mission__grid>div>p:not(.af-kicker):not(.af-story-no),
.af-story-copy p{
  margin:0 0 18px;
  color:#5f6d65;
  font-size:15px;
  line-height:2.05;
}
.af-rep-mission__grid>div>p:last-child,
.af-story-copy p:last-child{margin-bottom:0}
.af-story-copy strong{color:var(--af-ink);font-weight:650}
.af-story-no{
  margin:0 0 14px;
  font-family:var(--cl-serif,Georgia,serif);
  font-size:clamp(42px,5vw,72px);
  line-height:1;
  color:rgba(33,71,58,.18);
}

.af-rep-photo{
  margin:0;
  overflow:hidden;
  border-radius:32px;
  background:#dfe8e2;
}
.af-rep-photo img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:3/2;
  object-fit:cover;
  object-position:center 38%;
}
.af-rep-photo--main{transform:translateY(18px)}

/* Representative profile */
.af-rep-profile__layout{
  display:grid;
  grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr);
  gap:clamp(40px,6vw,86px);
  align-items:start;
}
.af-rep-profile__layout>.af-rep-photo img{aspect-ratio:4/5;object-position:center 34%}
.af-rep-profile__layout>div>p{
  margin:28px 0 34px;
  color:#617068;
  font-size:15px;
  line-height:2.05;
}
.af-rep-profile-list{margin:0;border-top:1px solid var(--af-line)}
.af-rep-profile-list>div{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:20px;
  padding:17px 0;
  border-bottom:1px solid var(--af-line);
}
.af-rep-profile-list dt{font-size:12px;font-weight:650;color:#50665a}
.af-rep-profile-list dd{margin:0;color:#647169;line-height:1.8}
.af-rep-profile__layout .af-profile-stats{margin-top:0}
.af-rep-profile__layout .af-profile-stats>div{padding:24px 16px}
.af-rep-profile__layout .af-profile-stats b{font-size:clamp(22px,2.2vw,32px)}
.af-rep-profile__layout .af-profile-stats span{line-height:1.6}

/* Representative long-form story */
.af-story-section{background:#fff!important}
.af-story-section--light{background:#f7f4ed!important}
.af-story-section--green{background:var(--af-green)!important;color:#fff}
.af-story-future{background:#eaf1ed!important}
.af-story-grid{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr);
  gap:clamp(42px,7vw,108px);
  align-items:start;
}
.af-story-section--green .af-kicker{
  color:#d8e6df;
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.09);
}
.af-story-section--green .af-story-no{color:rgba(255,255,255,.16)}
.af-story-section--green h2,
.af-story-section--green h3,
.af-story-section--green .af-story-copy strong{color:#fff}
.af-story-section--green .af-story-copy p{color:#d3dfda}

.af-story-link{background:#f0e9dd!important}
.af-story-link .af-story-grid{
  grid-template-columns:minmax(0,.72fr) minmax(0,.9fr) minmax(300px,.62fr);
  gap:clamp(28px,4vw,58px);
  align-items:center;
}
.af-story-link__photo{
  margin:0;
  overflow:hidden;
  border-radius:28px;
  align-self:stretch;
  min-height:420px;
}
.af-story-link__photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 34%;
}
.af-rep-sign{
  margin-top:34px!important;
  padding-top:24px;
  border-top:1px solid rgba(33,71,58,.18);
  text-align:right;
}
.af-rep-sign b{font-size:1.12em}

/* Company: cleaner compact profile, SCOPE removed */
.af-page--company .af-company-table{max-width:980px}
.af-page--company .af-company-table>div{
  grid-template-columns:190px minmax(0,1fr);
  padding:27px 4px;
}
.af-page--company .af-company-table dt{font-size:13px}
.af-page--company .af-company-table dd{font-size:15px}

/* Area */
.af-area-lead{
  max-width:760px;
  margin:20px 0 0;
  color:#66716b;
  font-size:15px;
  line-height:2;
}
.af-page--area .af-area-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  align-items:stretch;
}
.af-page--area .af-area-grid>div{
  min-height:156px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.af-page--area .af-area-grid strong{
  margin-top:28px;
  font-size:clamp(24px,2.2vw,31px);
}

@media(max-width:1080px){
  .af-rep-mission__grid,
  .af-rep-profile__layout,
  .af-story-grid{grid-template-columns:1fr 1fr}
  .af-story-link .af-story-grid{grid-template-columns:1fr 1fr}
  .af-story-link__photo{grid-column:1/-1;min-height:0;aspect-ratio:16/8}
  .af-page--area .af-area-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:820px){
  .af-page--representative .site-unified-hero .home-hero__panel{
    width:calc(100vw - 28px)!important;
  }
  .af-page--representative .site-unified-hero .home-hero__slide img{
    object-position:center 36%;
  }
  .af-ten-grid,
  .af-rep-mission__grid,
  .af-rep-profile__layout,
  .af-story-grid,
  .af-story-link .af-story-grid{grid-template-columns:1fr}
  .af-ten-grid .af-card{min-height:0}
  .af-rep-photo--main{transform:none}
  .af-rep-profile__layout>.af-rep-photo img{aspect-ratio:4/3}
  .af-rep-profile-list>div{grid-template-columns:110px 1fr;gap:14px}
  .af-story-section h2,.af-rep-mission h2{font-size:clamp(32px,8.8vw,46px);line-height:1.38}
  .af-story-section h3,.af-rep-mission h3{font-size:clamp(22px,6.4vw,29px)}
  .af-story-link__photo{grid-column:auto;aspect-ratio:4/3;min-height:0}
  .af-rep-sign{text-align:left}
  .af-page--company .af-company-table>div{grid-template-columns:1fr;gap:8px}
  .af-page--area .af-area-grid{grid-template-columns:1fr}
}


.af-nav-card--company figure img{
  object-position:center center!important;
}