/*!
Theme Name: Sync Shepherd
Theme URI: https://syncshepherd.com/
Template: kadence
Author: Web Design by Mark
Author URI: https://webdesignbymark.com/
Description: A new child theme for Sync Shepherd.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: syncshepherd
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* SyncShepherd refresh 2026-09-03 (v4): self-hosted webfonts. Big Shoulders Display + Archivo (OFL, Google), IBM Plex Mono (OFL). No Google Fonts requests. */
@font-face{font-family:'Big Shoulders Display';src:url('fonts/bigshoulders-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Big Shoulders Display';src:url('fonts/bigshoulders-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Big Shoulders Display';src:url('fonts/bigshoulders-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url('fonts/archivo-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url('fonts/archivo-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url('fonts/archivo-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url('fonts/archivo-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('fonts/plexmono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('fonts/plexmono-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}

/* SyncShepherd hero fan (2026-09-03, approved by Mark): the five hero cards positioned exactly like the approved mockup (home-v4.html): a fixed-height band, cards at 2/19/35/52/72% with 26–30% widths, stepped heights, slight tilt, clipped at the arc's bottom edge. Scoped to .ss-fan-arc / .ss-fan; nothing else uses these rules. */
.ss-hero{overflow:hidden}
.ss-hero .wp-block-kadence-advancedheading,.ss-hero .wp-block-kadence-advancedbtn{position:relative;z-index:2}
.ss-fan-arc{position:relative}
.ss-fan-arc::before{content:'';position:absolute;left:50%;bottom:-8%;width:130%;max-width:1700px;height:118%;transform:translateX(-50%);background:#eaf5fc;border-radius:50% 50% 0 0 / 100% 100% 0 0;z-index:0}
.ss-fan-arc > .kt-row-column-wrap{position:relative;z-index:1;padding-top:0}
.ss-fan > .kt-row-column-wrap{display:block;position:relative;height:clamp(280px,34vw,520px);max-width:1360px;margin:0 auto;padding:0}
.ss-fan > .kt-row-column-wrap > .wp-block-kadence-column{position:absolute;bottom:0;margin:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 30px 70px rgba(18,33,58,.18);border:1px solid rgba(18,33,58,.08)}
.ss-fan .wp-block-kadence-column > .kt-inside-inner-col{position:relative;height:100%;width:100%}
.ss-fan .wp-block-kadence-image,.ss-fan .kb-img{height:100%;width:100%;margin:0}
.ss-fan .kb-img{object-fit:cover;object-position:top;display:block}
.ss-fan .ss-pill{position:absolute;left:14px;bottom:14px;z-index:2;box-shadow:0 6px 18px rgba(18,33,58,.15);white-space:nowrap}
@media (max-width:767px){.ss-fan .ss-pill{left:8px;bottom:8px;padding:4px 8px!important;font-size:11px!important;white-space:normal;max-width:calc(100% - 16px);line-height:1.25}.ss-fan .ss-c1 .ss-pill,.ss-fan .ss-c2 .ss-pill,.ss-fan .ss-c4 .ss-pill,.ss-fan .ss-c5 .ss-pill{display:none}}
.ss-fan .ss-c1{left:2%;width:26%;height:72%;transform:rotate(-4deg);z-index:1}
.ss-fan .ss-c2{left:19%;width:30%;height:86%;transform:rotate(-1.5deg);z-index:2}
.ss-fan .ss-c3{left:35%;width:30%;height:100%;z-index:3}
.ss-fan .ss-c4{left:52%;width:30%;height:86%;transform:rotate(1.5deg);z-index:2}
.ss-fan .ss-c5{left:72%;width:26%;height:72%;transform:rotate(4deg);z-index:1}
@media (prefers-reduced-motion:no-preference){
  .ss-fan > .kt-row-column-wrap > .wp-block-kadence-column{animation:ssFanIn .8s cubic-bezier(.2,.7,.2,1) both}
  .ss-fan .ss-c3{animation-delay:.25s}.ss-fan .ss-c2,.ss-fan .ss-c4{animation-delay:.4s}.ss-fan .ss-c1,.ss-fan .ss-c5{animation-delay:.55s}
  @keyframes ssFanIn{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}
}