.on-sf-wrap{--sf-coral:#ff6b4a;--sf-deep:#e8472a;--sf-amber:#ff9a3c;--sf-gold:#ffd166;--sf-charcoal:#1a1614;--sf-warm:#5c4f47;--sf-stone:#f0ebe5;--sf-white:#fefaf7;--sf-blush:#fff3e8;--sf-border:rgba(26,22,20,.08);--sf-card-w:360px;--sf-gap:28px;background:var(--sf-white);padding:74px 0 78px}.on-sf-inner{margin:0 auto;max-width:1240px;padding:0 28px}.on-sf-head{margin-bottom:36px}.on-sf-eyebrow{color:var(--sf-coral);font-family:Open Sans,sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;margin-bottom:12px;text-transform:uppercase}.on-sf-heading{color:var(--sf-charcoal);font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(28px,4vw,40px);font-weight:300;letter-spacing:-.01em;line-height:1.08;margin:0}.on-sf-heading em{color:var(--sf-coral);font-style:italic;font-weight:600}.on-sf-carousel{align-items:center;display:flex;gap:14px}.on-sf-track{display:flex;flex:1;gap:var(--sf-gap);min-width:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;padding-bottom:4px;scrollbar-width:none}.on-sf-track::-webkit-scrollbar{display:none}.on-sf-card{flex:0 0 var(--sf-card-w);scroll-snap-align:start;width:var(--sf-card-w)}@media(max-width:1180px){.on-sf-wrap{--sf-card-w:330px}}@media(max-width:820px){.on-sf-wrap{--sf-card-w:300px}}@media(max-width:560px){.on-sf-wrap{--sf-card-w:100%}.on-sf-arrow-side{display:none}.on-sf-carousel{gap:0}}.on-sf-arrow-side{align-items:center;background:#d8cfc4;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:54px;justify-content:center;transition:background .25s,box-shadow .25s,transform .2s;width:54px}.on-sf-arrow-side svg{height:23px;width:23px}.on-sf-arrow-side:hover{transform:scale(1.05)}.on-sf-arrow-side.is-active,.on-sf-arrow-side:hover{background:linear-gradient(135deg,var(--sf-amber),var(--sf-coral),var(--sf-deep));box-shadow:0 12px 30px rgba(232,71,42,.32)}.on-sf-card{background:#fff;border:1px solid var(--sf-border);border-radius:14px;box-shadow:0 1px 3px rgba(26,22,20,.06);color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s}.on-sf-card:hover{box-shadow:0 20px 44px -18px rgba(26,22,20,.3);transform:translateY(-5px)}.on-sf-banner{align-items:center;color:#fff;display:flex;font-family:Open Sans,sans-serif;font-size:.76rem;font-weight:700;gap:10px;letter-spacing:.14em;padding:16px 22px;text-transform:uppercase}.on-sf-on-logo{flex-shrink:0;height:27px;object-fit:contain;width:27px}.on-sf-banner--insight,.on-sf-banner--placement{background:linear-gradient(135deg,#ff9a3c,#ff6b4a 50%,#e8472a)}.on-sf-banner--article{background:linear-gradient(135deg,#ffd166,#ff9a3c 50%,#ff6b4a)}.on-sf-banner--case-study{background:linear-gradient(135deg,#e8472a,#ff9a3c 55%,#ffd166)}.on-sf-banner--talent-report{background:linear-gradient(135deg,#5c4f47,#8a7a6e)}.on-sf-banner--news{background:linear-gradient(135deg,#ff9a3c,#ff6b4a)}.on-sf-media{aspect-ratio:16/10;background:var(--sf-stone);overflow:hidden;position:relative}.on-sf-media-img{display:block;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1);width:100%}.on-sf-card:hover .on-sf-media-img{transform:scale(1.05)}.on-sf-media-overlay{background:linear-gradient(0deg,rgba(26,22,20,.5),transparent 55%);inset:0;opacity:0;position:absolute;transition:opacity .3s}.on-sf-card:hover .on-sf-media-overlay{opacity:1}.on-sf-media-cta{bottom:14px;color:#fff;font-family:Open Sans,sans-serif;font-size:.72rem;font-weight:700;left:20px;letter-spacing:.1em;opacity:0;position:absolute;text-transform:uppercase;transform:translateY(6px);transition:opacity .3s,transform .3s}.on-sf-card:hover .on-sf-media-cta{opacity:1;transform:none}.on-sf-media-empty{align-items:center;background:linear-gradient(135deg,#f5ede6,var(--sf-blush));display:flex;height:100%;justify-content:center;width:100%}.on-sf-media-empty span{color:rgba(92,79,71,.5);font-family:Open Sans,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.on-sf-accent{height:5px;width:100%}.on-sf-accent--insight,.on-sf-accent--placement{background:linear-gradient(90deg,#ff9a3c,#ff6b4a,#e8472a)}.on-sf-accent--article{background:linear-gradient(90deg,#ffd166,#ff9a3c,#ff6b4a)}.on-sf-accent--case-study{background:linear-gradient(90deg,#e8472a,#ff9a3c,#ffd166)}.on-sf-accent--talent-report{background:linear-gradient(90deg,#5c4f47,#c9b8a8)}.on-sf-accent--news{background:linear-gradient(90deg,#ff9a3c,#ffcba8)}.on-sf-info{display:flex;flex:1;flex-direction:column;padding:24px 24px 26px}.on-sf-title{color:var(--sf-charcoal);font-family:Cormorant Garamond,Georgia,serif;font-size:1.5rem;font-weight:600;letter-spacing:-.005em;line-height:1.22;margin:0 0 11px;overflow-wrap:break-word}.on-sf-summary{color:var(--sf-warm);flex:1;font-size:.88rem;font-weight:300;line-height:1.62;margin:0 0 18px;overflow-wrap:break-word}.on-sf-meta,.on-sf-summary{font-family:Open Sans,sans-serif}.on-sf-meta{color:rgba(92,79,71,.6);font-size:.72rem;font-weight:600;letter-spacing:.08em;margin-top:auto;text-transform:uppercase}.on-sf-card--placement .on-sf-title{font-size:1.6rem;font-style:italic;font-weight:500;text-align:center}.on-sf-card--placement .on-sf-summary{text-align:center}.on-sf-card--placement .on-sf-meta{align-self:center;text-align:center}.on-sf-foot{flex-direction:column;gap:26px;margin-top:42px}.on-sf-dots,.on-sf-foot{align-items:center;display:flex}.on-sf-dots{gap:9px}.on-sf-dots span{background:#d8cfc4;border-radius:50%;cursor:pointer;height:8px;transition:all .22s ease;width:8px}.on-sf-dots span:hover{background:var(--sf-amber)}.on-sf-dots span.is-active{background:var(--sf-coral);border-radius:5px;width:26px}.on-sf-cta-btn{background:transparent;border:1.5px solid var(--sf-coral);border-radius:8px;color:var(--sf-coral);display:inline-block;font-family:Open Sans,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:.14em;padding:15px 36px;text-decoration:none;text-transform:uppercase;transition:all .2s ease-out}.on-sf-cta-btn:hover{background:var(--sf-coral);color:var(--sf-white)}@media(max-width:700px){.on-sf-wrap{padding:56px 0 64px}.on-sf-inner{padding:0 18px}.on-sf-carousel{gap:6px}.on-sf-arrow-side{height:44px;width:44px}.on-sf-arrow-side svg{height:19px;width:19px}}