/* Springsan — About section 03 V1.1; follows the supplied right-side card layout.
   Only #spr-home-about and children; no shared Header/Banner changes. */
.spr-site .spr-home-about {
  --spr-home-about-accent: #479ee3;
  position: relative;
  isolation: isolate;
  min-height: clamp(33rem, 45.8vw, 55.2rem);
  overflow: hidden;
  background: #dcd8d4;
}
.spr-site .spr-home-about__media {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
}
.spr-site .spr-home-about__media picture { display:block; width:100%; height:100%; }
.spr-site .spr-home-about__media img {
  display:block; width:100%; height:100%; object-fit:cover; object-position:center;
}
.spr-site .spr-home-about__layout {
  position: relative;
  min-height: inherit;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-top: clamp(6rem, 8.8vw, 8.7rem);
  padding-bottom:0;
}
/* Important: enforce Bootstrap 12-grid 6/12 width even in legacy CSS environments.
   No more full-width panel starting at the container's left edge. */
.spr-site .spr-home-about__row {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  width:100%;
  margin:0;
}
.spr-site .spr-home-about__column {
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
  margin-inline-start:auto;
  padding:0;
  position:relative;
  min-width:0;
}
.spr-site .spr-home-about__panel {
  position:relative;
  width:100%;
  min-height:clamp(20.5rem,23vw,24rem);
  padding-block: clamp(2rem, 2.9vw, 3.35rem);
  padding-left: clamp(2rem, 4.5vw, 4.4rem);
  padding-right: clamp(1rem, 1.3vw, 1.35rem);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  background: #101010;
  color: #fff;
}
.spr-site .spr-home-about__panel::after {
  content:"";
  position:absolute;
  top:0; bottom:0; left:100%;
  width:100vw;
  background:#101010;
  pointer-events:none;
}
.spr-site .spr-home-about__title {
  color:#fff;
  font:500 clamp(1.55rem, 2.03vw, 2rem)/1.28 var(--spr-font, Arial, sans-serif);
  letter-spacing:-.023em;
  margin:0 0 1.12rem;
}
.spr-site .spr-home-about__title span { color:var(--spr-home-about-accent, #479ee3); }
.spr-site .spr-home-about__description {
  margin:0 0 1.5rem;
  color:#f2f2f2;
  font:400 clamp(.88rem, .99vw, 1rem)/1.42 var(--spr-font, Arial, sans-serif);
  overflow-wrap:anywhere;
  white-space:pre-line;
  display:-webkit-box;
  -webkit-line-clamp:7;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.spr-site .spr-home-about__link {
  display:inline-flex;
  align-items:center;
  gap:.95rem;
  color:var(--spr-home-about-accent, #479ee3);
  border-bottom:2px solid currentColor;
  padding-bottom:.32rem;
  font:600 .9rem/1.4 var(--spr-font, Arial, sans-serif);
  text-decoration:none;
  transition:color .2s;
}
.spr-site .spr-home-about__link:hover,
.spr-site .spr-home-about__link:focus-visible { color:#fff; }
.spr-site .spr-home-about__link span { font-size:1.18rem; }
@media(max-width:991.98px){
  .spr-site .spr-home-about { min-height:0; display:flex; flex-direction:column; }
  .spr-site .spr-home-about__media { position:relative; inset:auto; z-index:0; width:100%; height:clamp(19rem,48vw,27rem); }
  .spr-site .spr-home-about__media img { object-position:25% 50%; }
  .spr-site .spr-home-about__layout { display:block; min-height:0; width:100%; max-width:none; padding:0; }
  .spr-site .spr-home-about__row { width:100%; margin:0; }
  .spr-site .spr-home-about__column { flex:0 0 100%; width:100%; max-width:100%; padding:0; }
  .spr-site .spr-home-about__panel { min-height:0; padding:2.6rem max(1.5rem,calc((100vw - 720px)/2 + 1rem)) 2.7rem; }
  .spr-site .spr-home-about__panel::after { display:none; }
  .spr-site .spr-home-about__description { -webkit-line-clamp:unset; display:block; }
}
@media(max-width:575.98px){
  .spr-site .spr-home-about__media { height:17.5rem; }
  .spr-site .spr-home-about__media img { object-position:16% 50%; }
  .spr-site .spr-home-about__panel { padding:2.1rem 1.2rem 2.35rem; }
  .spr-site .spr-home-about__description { font-size:.88rem; line-height:1.62; }
}
@media(prefers-reduced-motion:reduce){
  .spr-site .spr-home-about__link { transition:none; }
}