/* Compact editorial edition of the About Reese review. */
.ra-section {
  position: relative;
  isolation: isolate;
  overflow: clip;
  padding-block: clamp(48px, 5vw, 72px) 36px;
  color: var(--reese-ink);
}
.ra-section .ra-container {
  width: min(1080px, calc(100% - var(--reese-gutter) * 2));
  margin-inline: auto;
}
.ra-composition {
  display: grid;
  grid-template-columns: minmax(0, 1.14fr) minmax(0, 1fr);
  gap: clamp(40px, 4.5vw, 72px);
  align-items: center;
}
.ra-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 25px;
  color: #657f8d;
  font-size: 10px;
  letter-spacing: .07em;
  line-height: 1.5;
}
.ra-eyebrow > span { width: 24px; height: 1px; background: #8babb8; }
.ra-headline {
  margin: 0 0 34px;
  font-family: "Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;
  font-size: clamp(34px, 3.1vw, 43px);
  font-weight: 400;
  letter-spacing: -.05em;
  line-height: 1.43;
}
.ra-headline em { font-style: normal; font-weight: inherit; color: #718d98; }
.ra-section:lang(en) .ra-headline { font-size: clamp(34px, 3.1vw, 43px); letter-spacing: -.04em; line-height: 1.22; }
.ra-capability-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 26px;
}
.ra-capability {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  min-height: 71px;
  padding: 15px 0;
  border: 0;
  border-top: 1px solid #dce5e8;
  border-radius: 0;
  color: #6c818a;
  background: transparent;
  text-align: left;
  font-family: inherit;
  cursor: pointer;
  transition: color .25s;
}
.ra-capability::before {
  content: '';
  position: absolute;
  top: -1px;
  inset-inline: 0;
  height: 1px;
  background: #547e8f;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s ease;
}
.ra-active::before { transform: scaleX(1); }
.ra-capability:hover, .ra-capability.ra-active { color: #254e60; }
.ra-capability:focus-visible { outline: 2px solid #537d94; outline-offset: 4px; }
.ra-number { flex: 0 0 15px; color: #8fa6b0; font-size: 9px; font-variant-numeric: tabular-nums; align-self: flex-start; padding-top: 5px; }
.ra-capability-text { min-width: 0; }
.ra-capability-text strong { display: block; font-size: 17px; font-weight: 500; letter-spacing: -.02em; line-height: 1.4; }
.ra-english { display: block; color: #8299a3; font-size: 9px; letter-spacing: .015em; line-height: 1.6; margin-top: 3px; }
.ra-capability-arrow { margin-left: auto; flex: 0 0 10px; font-size: 15px; opacity: 0; transform: translate(-3px,3px); transition: opacity .25s, transform .25s; }
.ra-active .ra-capability-arrow, .ra-capability:hover .ra-capability-arrow { opacity: 1; transform: none; }
.ra-section:lang(en) .ra-capability-text strong { font-size: 15px; }
.ra-detail { margin: 18px 0 0; min-height: 53px; max-width: 475px; font-size: 13px; line-height: 1.9; color: #667f89; }
.ra-visual { position: relative; min-width: 0; align-self: center; }
.ra-visual::before { content: ''; position: absolute; inset: 3% -10% 0; z-index: -1; background: radial-gradient(ellipse at center,#d8eaf262,transparent 70%); pointer-events: none; }
.ra-visual-top { display: flex; justify-content: space-between; gap: 12px; color: #91a8b2; font-size: 9px; letter-spacing: .04em; }
.ra-visual-top b { color: #597e8e; font-size: 10px; font-weight: 500; }
.ra-visual-bottom { position: relative; text-align: center; padding-top: 4px; }
.ra-visual-bottom strong { display: block; font-family: Georgia,serif; font-size: 17px; font-weight: 400; font-style: italic; line-height: 1.6; color: #708a96; }
.ra-art-stage { position: relative; width: 100%; height: 386px; isolation: isolate; }
.ra-art { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; opacity: 0; transform: translate3d(18px,8px,0) scale(.965); transition: opacity .55s ease, transform .75s cubic-bezier(.22,.8,.2,1); }
.ra-art.is-active { opacity: 1; z-index: 1; transform: translate3d(0,0,0) scale(1); }
.ra-art img { width: 112%; max-width: none; height: 100%; object-fit: contain; display: block; animation: ra-art-drift 8s ease-in-out infinite; }
.ra-art-stage:not(:has(.is-active)) .ra-art:first-child { opacity: 1; }
@keyframes ra-art-drift { 0%,100% { translate: 0 0; } 50% { translate: 0 -4px; } }
.ra-insights { display: flex; justify-content: space-between; align-items: center; gap: 28px; margin-top: 39px; padding-top: 21px; border-top: 1px solid #dce5e8; }
.ra-insights-copy { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.ra-insights-copy > span:not(.ra-intelligence-dot) { color: #426677; font-family: Georgia,serif; font-size: 14px; }
.ra-intelligence-dot { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #79a69f; box-shadow: 0 0 0 4px #79a69f0c; }
.ra-insights-copy p { margin: 0; font-size: 11px; line-height: 1.7; color: #7b929b; }
.ra-insights-links { display: flex; flex: 0 0 auto; gap: 25px; align-items: center; }
.ra-insights-links a { display: inline-flex; gap: 9px; align-items: center; color: #587b8c; font-size: 11px; text-decoration: none; line-height: 1.7; }
.ra-insights-links a span { transition: transform .25s; }
.ra-insights-links a:hover span { transform: translate(2px,-2px); }
.ra-insights-links a:focus-visible { outline: 2px solid #537d94; outline-offset: 5px; }
.ra-section:not(.ra-is-visible) *, .ra-section:not(.ra-is-visible) *::before { animation-play-state: paused; }
@media(max-width:980px) {
  .ra-composition { gap: 28px; }
  .ra-headline { font-size: 35px; }
  .ra-insights { flex-wrap: wrap; gap: 12px; }
}
@media(max-width:760px) {
  .ra-composition { grid-template-columns: 1fr; gap: 25px; }
  .ra-eyebrow { margin-bottom: 18px; }
  .ra-headline { font-size: clamp(29px, 6.8vw, 40px); margin-bottom: 27px; }
  .ra-section:lang(en) .ra-headline { font-size: clamp(27px, 7.4vw, 40px); }
  .ra-detail { min-height: 50px; }
  .ra-visual { width: min(430px,100%); justify-self: center; }
  .ra-art-stage { height: 280px; }
  .ra-art img { width: 106%; }
  .ra-visual-top { font-size: 8px; }
  .ra-visual-bottom strong { font-size: 16px; }
  .ra-insights { margin-top: 26px; padding-top: 18px; }
}
@media(max-width:430px) {
  .ra-section { padding-block: 42px 22px; }
  .ra-capability-list { gap: 0 18px; }
  .ra-capability { gap: 7px; min-height: 72px; }
  .ra-capability-text strong { font-size: 15px; }
  .ra-number { flex-basis: 11px; font-size: 8px; }
  .ra-english { font-size: 8px; letter-spacing: 0; }
  .ra-capability-arrow { display: none; }
  .ra-detail { min-height: 72px; font-size: 12px; line-height: 1.85; margin-top: 14px; }
  .ra-section:lang(en) .ra-capability-text strong { font-size: 13px; }
  .ra-section:lang(en) .ra-detail { min-height: 72px; }
  .ra-art-stage { height: 248px; }
  .ra-art img { width: 108%; }
  .ra-visual-bottom strong { font-size: 15px; }
  .ra-insights-copy { gap: 6px 10px; }
  .ra-insights-copy p { width: 100%; padding-left: 15px; font-size: 10px; }
  .ra-insights-links { flex-wrap: wrap; gap: 10px 23px; padding-left: 15px; }
  .ra-insights-links a { min-height: 30px; font-size: 10px; }
}
@media(prefers-reduced-motion:reduce) {
  .ra-section *, .ra-section *::before { animation: none !important; transition: none !important; }
}