/* Saratoga-only V3: professional photography and refined storyboard layout. */
.site-header .logo-mark path,.site-header .logo-mark circle,.footer-logo .logo-mark path,.footer-logo .logo-mark circle { stroke: #218eff; }
.site-header .logo-mark circle,.footer-logo .logo-mark circle { fill:#71bcff; }
.site-header .logo-mark path,.footer-logo .logo-mark path { stroke-width:5; }
.site-header .logo-ratio {font-size:1.73rem;letter-spacing:-.055em;}
.site-header .logo-it {font-size:1.47rem;}
.site-header .logo-capsule {height:34px;}
.site-header .logo-solutions {font-size:1.02rem;}
.footer-logo {gap:5px;max-width:270px;margin-bottom:5px;}
.footer-logo .logo-ratio {font-size:1.62rem;}
.footer-logo .logo-mark {width:27px;height:27px;}
.footer-logo .logo-capsule {height:30px;}
.footer-logo .logo-it {font-size:1.33rem;padding-left:6px;}
.footer-logo .logo-solutions {font-size:.87rem;padding-inline:5px 8px;}
.footer-brand .footer-region {font-size:.7rem;}
.site-footer .footer-brand p {line-height:1.18;}
/* Maintain natural photo aspect ratio, crop overflow; never scale width and height independently. */
.preview-hero-media {
  background-size:100% 100%,auto 130%;
  /* Pull the office photograph inside the same 1520px layout as the header and hero copy. */
  background-position:center center,right max(20px, calc((100vw - 1520px) / 2)) center;
  background-repeat:no-repeat;
  background-color:#02142f;
}
/* Blend the inset photo into the full-width navy hero rather than leaving a hard right edge. */
.preview-hero-media::after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:calc(max(20px, (100vw - 1520px) / 2) + 120px);
  background:linear-gradient(to right,transparent 0,#02142f 120px);
  pointer-events:none;
}
@media (max-width:780px) {
  .preview-hero-media {background-position:center center,right center;}
  .preview-hero-media::after {display:none;}
}
.preview-blog-head {position:relative;justify-content:center;text-align:center;}
.preview-blog-head > div {margin:0 auto;}
.preview-blog-head h2 {margin:0 0 4px;}
.preview-blog-head .preview-section-subtitle {margin:0 auto;}
.preview-blog-head .preview-view-all {position:absolute;right:0;top:50%;transform:translateY(-50%);}
.preview-services-grid {grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;}
.preview-service {font-size:.72rem;}
.preview-service span:last-child {max-width:140px;}
.preview-service-icon {flex-shrink:0;}
/* The original Soro article list is a single stacked column. Replace it with photography-led tiles. */
.preview-archive .preview-blog-head h2::after {content:none;}
.preview-archive .preview-blog-head h2 {font-size:1.8rem;}
.preview-archive .preview-blog-head h2::before {content:"All Articles";display:inline;}
.preview-archive #blog-heading {font-size:0;}
.preview-archive .preview-section-subtitle {font-size:.9rem;}
.preview-archive #soro-blog .soro-blog,.preview-archive #soro-blog .soro-blog-content {max-width:none!important;margin:0!important;padding:0!important;}
.preview-archive #soro-blog .soro-blog-list {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
}
.preview-archive #soro-blog .soro-blog-card {
  display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;
  margin:0!important;padding:0!important;overflow:hidden!important;min-height:0!important;
  border:1px solid #dce6f2!important;border-radius:12px!important;
  box-shadow:0 5px 20px rgba(11,42,73,.065)!important;background:#fff!important;
}
.preview-archive #soro-blog .soro-blog-card-image {
  display:block!important;width:100%!important;height:165px!important;aspect-ratio:auto!important;
  object-fit:cover!important;border-radius:0!important;margin:0!important;
}
.preview-archive #soro-blog .soro-blog-card-content {
  padding:15px 17px 16px!important;display:flex!important;flex:1!important;flex-direction:column!important;text-align:left!important;
}
.preview-archive #soro-blog .soro-blog-card-title {font-size:1.06rem!important;line-height:1.35!important;margin:0 0 9px!important;color:#0a254b!important;}
.preview-archive #soro-blog .soro-blog-card-excerpt {font-size:.85rem!important;line-height:1.49!important;color:#51637b!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0 0 12px!important;}
.preview-archive #soro-blog .soro-blog-card-date {font-size:.74rem!important;color:#728398!important;margin-top:auto!important;}
.preview-archive #soro-blog .soro-blog-card.is-hidden-by-paging {display:none!important;}
.preview-archive .preview-archive-pagination:not([hidden]) {display:flex;align-items:center;justify-content:center;gap:18px;margin:30px auto 10px;}
.preview-archive .preview-archive-count {font-size:.79rem;color:#697b8d;}
.preview-archive .preview-blog-container {max-width:1420px;}
.preview-archive .preview-blog-section {padding-top:34px;}
.preview-archive .preview-blog-head {margin-bottom:24px;}
.preview-article .soro-blog-article-image {object-fit:cover!important;max-height:470px!important;}
@media (max-width:1400px) {
 .preview-services-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:7px 10px;}
}
@media (max-width:1020px) {
 .site-header .logo-ratio {font-size:1.43rem;}
 .site-header .logo-capsule {height:31px;}
 .site-header .logo-it {font-size:1.3rem;}
 .site-header .logo-solutions {font-size:.88rem;}
 .preview-archive #soro-blog .soro-blog-list {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 .footer-logo .logo-ratio {font-size:1.19rem;}
 .footer-logo .logo-mark {width:22px;height:24px;}
 .footer-logo .logo-capsule {height:24px;}
 .footer-logo .logo-it {font-size:1.03rem;}
 .footer-logo .logo-solutions {font-size:.72rem;}
}
@media (max-width:780px) {
 .preview-services-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
 .preview-hero-media {background-size:100% 100%,auto 120%;}
}
@media (max-width:520px) {
 .preview-blog-head {display:flex;flex-direction:column;align-items:center;justify-content:center;}
 .preview-blog-head .preview-view-all {position:static;transform:none;margin-top:12px;}
 .preview-archive #soro-blog .soro-blog-list {grid-template-columns:1fr!important;gap:17px!important;}
 .preview-archive #soro-blog .soro-blog-card-image {height:178px!important;}
 .preview-archive .preview-archive-pagination:not([hidden]) {flex-direction:column;gap:8px;}
 .preview-hero-media {background-size:100% 100%,auto 120%;}
}
/* Shorter desktop viewports: keep the first three stories visible above the fixed footer. */
@media (min-width:1401px) and (max-height:950px) {
 .preview-hero {height:262px;}
 .preview-hero h1 {font-size:2.3rem;}
 .preview-hero-inner {padding-block:16px;}
 .preview-services-section {padding-block:11px;}
 .preview-services-grid {margin-top:8px;}
 .preview-service-icon {width:36px;height:36px;}
 .preview-service-icon svg {width:21px;height:21px;}
 .preview-blog-section {padding-block:12px 13px;}
 .preview-home #soro-blog .soro-blog-card-image {height:107px!important;}
 .preview-home #soro-blog .soro-blog-card-content {padding:8px 12px 9px!important;}
 .preview-home #soro-blog .soro-blog-card-excerpt {-webkit-line-clamp:2!important;}
}

/* Polish: article pagination button was suppressed by V1's archive link rule. */
.preview-archive .preview-archive-pagination #blog-more:not([hidden]) { display:inline-flex!important; align-items:center; justify-content:center; }
.preview-archive .preview-archive-pagination #blog-more[hidden] { display:none!important; }
.preview-hero-media {
 background-image:linear-gradient(90deg,#02142f 0%,#02142f 28%,rgba(2,20,47,.98) 39%,rgba(2,20,47,.78) 51%,rgba(2,20,47,.28) 66%,rgba(2,20,47,.03) 88%),url("/assets/storyboard-office.webp");
}
.footer-inner {grid-template-columns:290px minmax(0,1fr) 90px;}
.footer-logo {max-width:280px;}
.footer-logo .logo-ratio {font-size:1.86rem;}
.footer-logo .logo-mark {width:30px;height:30px;}
.footer-logo .logo-capsule {height:33px;}
.footer-logo .logo-it {font-size:1.47rem;}
.footer-logo .logo-solutions {font-size:.99rem;}
@media (min-width:1401px) and (max-height:900px) {
 .preview-hero {height:238px;}
 .preview-services-section {padding-block:8px;}
 .preview-home #soro-blog .soro-blog-card-image {height:95px!important;}
}
@media (max-width:1400px) {
 .footer-inner {grid-template-columns:250px minmax(0,1fr) 88px;}
 .footer-logo .logo-ratio {font-size:1.50rem;}
 .footer-logo .logo-capsule {height:29px;}
 .footer-logo .logo-it {font-size:1.26rem;}
 .footer-logo .logo-solutions {font-size:.85rem;}
}
@media (max-width:1020px) {
 .footer-inner {grid-template-columns:minmax(0,1fr) 78px;}
 .footer-logo .logo-ratio {font-size:1.2rem;}
 .footer-logo .logo-capsule {height:25px;}
 .footer-logo .logo-it {font-size:1.03rem;}
 .footer-logo .logo-solutions {font-size:.72rem;}
}
@media (max-width:520px) {
 .preview-hero-media {background-image:linear-gradient(90deg,rgba(2,18,42,.96) 0%,rgba(2,18,42,.66) 100%),url("/assets/storyboard-office.webp");}
}

.preview-archive #blog-heading {font-size:1.85rem;}
.preview-archive .preview-blog-head h2::before,.preview-archive .preview-blog-head h2::after {content:none;}