/* Round 29 design layer, sk-agency.com (2 Nov 2026). Loaded last from head.php.
   Refine, not redesign: one type family, one radius scale (12px cards, 8px controls),
   brand teal as the only accent, footer in deep teal instead of near black, legal pages on
   the same reading standard as the money pages. Motion only on hover, reduced-motion guarded.
   Rollback: remove the r29.css link at the end of head.php. */
:root{--sk-r-card:12px;--sk-r-ctl:8px}

/* 1. One typeface. Bootstrap set body to the system stack, so hero captions, the intro
      lead, stat numbers and footer chrome rendered in a different face from the rest. */
body,.hs-caption .hs-title,.hs-caption .hs-text,.sk-intro,.sk-stat,.btn,button,input,select,textarea{font-family:'Open Sans',sans-serif}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,.title{text-wrap:balance}
p{text-wrap:pretty}

/* 2. Hero captions */
.main .hs-caption .hs-title{font-weight:700;letter-spacing:-.02em;line-height:1.12}
.main .hs-caption .hs-btn{border-radius:var(--sk-r-ctl)}

/* 3. Homepage headings and intro */
.main .expertise .title,.main .sk-agency .title,.main .affiliation .title{letter-spacing:-.015em}
.main .expertise .sub-title{max-width:70ch;margin-left:auto;margin-right:auto}
.main .expertise .wrapp{border-radius:var(--sk-r-card)}

/* 4. Stats band: number and plus on one line, brand scrim over the photo */
.couting .count-box .sk-stat,.couting .count-box .plus{display:inline-block;vertical-align:baseline}
.couting .count-box .plus{font-size:30px;line-height:42px;margin-left:2px}
.couting .count-box .sk-stat{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.main .couting{background-image:linear-gradient(rgba(12,45,46,.74),rgba(12,45,46,.74)),url(/images/service_images/parrelex.jpg)}

/* 5. Affiliation tiles */
.affiliation .image_item{border-radius:var(--sk-r-card);border-color:var(--sk-line);box-shadow:0 2px 10px rgba(2,32,33,.06);overflow:hidden}

/* 6. Intro Read More: brand teal primary (was a translucent grey pill on a light panel) */
.sk-agency .info-box .btn{background:var(--sk-teal);color:#fff;width:auto;height:auto;padding:12px 22px}
.sk-agency .info-box .btn:hover,.sk-agency .info-box .btn:focus{background:var(--sk-teal-dark);color:#fff}

/* 7. Footer in brand deep teal (was #0d0d0d). Every text style stays above 4.5:1. */
footer,footer .footer{background:#123f40}
body .sk-groupbar{background:#0f3536;border-top:1px solid rgba(255,255,255,.08)}
body .sk-groupbar p{color:rgba(255,255,255,.78)}
body .sk-groupbar a{color:#fff}
footer .btm-strip{background:#0c2d2e}
footer .footer p,footer .footer a,footer .btm-strip p,footer .btm-strip a{color:rgba(255,255,255,.80)}
footer .footer a:hover,footer .footer a:focus,footer .btm-strip a:hover{color:#fff}

/* 8. Privacy and Terms missed the Round 24 reading styles (system font, 130 character
      lines, 4.54:1 grey, 13px on phones). Same standard as the other content pages. */
.privacy-content h2{font-family:'Open Sans',sans-serif;font-weight:600;font-size:clamp(25px,2vw + 10px,32px);letter-spacing:-.01em;color:var(--sk-ink)}
.privacy-content h2::after{content:"";display:block;width:44px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--sk-teal),var(--sk-teal-bright));margin-top:12px}
.privacy-content p{color:var(--sk-body);max-width:78ch;line-height:1.7}
.privacy-content h3.sk-h3-policy{color:var(--sk-ink) !important;max-width:60ch;margin:40px 0 0 !important}
.privacy-content h3.sk-h3-policy + p{margin-top:10px}
@media (max-width:767px){
  .privacy-content{padding:40px 0}
  .privacy-content p{font-size:15px}
  .privacy-content h3.sk-h3-policy{font-size:18px !important;line-height:1.35 !important;margin-top:32px !important}
}

/* 9. Controls: one radius, tactile press */
.main .btn,.apply_form .submit_btn,.contact .submit_btn{border-radius:var(--sk-r-ctl)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .main .btn,.enquiry-btn,.hs-btn,.sk-loc-cta a{transition:background-color .2s ease,color .2s ease,transform .15s ease}
  .main .btn:active,.enquiry-btn:active,.hs-btn:active,.sk-loc-cta a:active{transform:translateY(1px)}
}