/* DRAF V11 | Rotating focus-area strip. Scoped to .features only. */
.features.features-carousel {
  position: relative;
  overflow: hidden;
  background: #fff;
  border-top: 1px solid #edf0f3;
  border-bottom: 1px solid #edf0f3;
}
.features.features-carousel .features-carousel-viewport {
  width: min(calc(100% - 9.5vw), 1380px);
  margin-inline: auto;
  overflow: hidden;
  padding: 0;
  touch-action: pan-y;
}
.features.features-carousel .features-inner {
  display: flex;
  gap: 0;
  width: 100%;
  min-height: 133px;
  align-items: stretch;
  margin: 0;
  padding: 0;
  transform: translate3d(0,0,0);
  will-change: transform;
}
.features.features-carousel .features-inner > article {
  flex: 0 0 33.333333%;
  width: 33.333333%;
  padding: 26px 25px 26px 23px;
  min-height: 133px;
  display: flex;
  align-items: center;
  gap: 16px;
  border-left: 0;
  border-right: 1px solid #dce2e8;
  background: #fff;
  transition: background .25s ease;
}
.features.features-carousel .features-inner > article:hover {background: #fbfaf7;}
.features.features-carousel .features-inner > article > svg {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  color: var(--gold);
  stroke-width: 1.8;
}
.features.features-carousel .features-inner > article h3 {
  margin: 0 0 7px;
  font-size: clamp(15px,1.18vw,17px);
  font-family: var(--serif);
  letter-spacing: -.022em;
  line-height: 1.2;
  color: var(--navy);
}
.features.features-carousel .features-inner > article p {
  font-size: 11.6px;
  max-width: 285px;
  line-height: 1.5;
  color: #65778a;
  margin: 0;
}
.features.features-carousel .focus-carousel-control {
  display: grid;
  place-items: center;
  position: absolute;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border: 1px solid #d8dee6;
  border-radius: 50%;
  background: rgba(255,255,255,.96);
  box-shadow: 0 4px 13px #061a3010;
  color: #b68a3b;
  transition: color .2s ease, background .2s ease, border-color .2s ease;
}
.features.features-carousel .focus-carousel-control:hover,
.features.features-carousel .focus-carousel-control:focus-visible {
  color: #fff; background: #b58b40; border-color: #b58b40;
}
.features.features-carousel .focus-carousel-control:focus-visible {outline: 2px solid #0c3158;outline-offset: 3px;}
.features.features-carousel .focus-carousel-control svg {width:17px;height:17px;}
.features.features-carousel .focus-carousel-control--prev {left: max(8px, calc((100% - 1470px)/2));}
.features.features-carousel .focus-carousel-control--next {right: max(8px, calc((100% - 1470px)/2));}
.features.features-carousel .focus-carousel-sr {position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap;}
@media(max-width:1050px){
  .features.features-carousel .features-inner > article {flex-basis:50%;width:50%;padding:24px 19px;gap:13px;}
  .features.features-carousel .features-inner > article > svg {flex-basis:37px;width:37px;height:37px;}
  .features.features-carousel .features-carousel-viewport {width:calc(100% - 105px);}
}
@media(max-width:650px){
  .features.features-carousel .features-carousel-viewport {width:calc(100% - 83px);}
  .features.features-carousel .features-inner {min-height:110px;}
  .features.features-carousel .features-inner > article {
    flex-basis:100%;width:100%;min-height:110px;
    padding:17px 14px;gap:13px;
  }
  .features.features-carousel .features-inner > article h3 {font-size:16px;}
  .features.features-carousel .features-inner > article p {font-size:11px;}
  .features.features-carousel .focus-carousel-control {width:30px;height:30px;}
  .features.features-carousel .focus-carousel-control--prev {left:6px;}
  .features.features-carousel .focus-carousel-control--next {right:6px;}
}
@media(prefers-reduced-motion:reduce){
  .features.features-carousel .features-inner,
  .features.features-carousel .focus-carousel-control,
  .features.features-carousel .features-inner > article {transition:none!important;scroll-behavior:auto!important;}
}