/* =====================================================================
   SKF design layer, phase 1: brand graphic system, motion, polish.
   Loaded after style.css.
   ===================================================================== */

:root{
  --skf-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5l3.1 6.6 7.2.9-5.3 5 1.4 7.1L12 17.6l-6.4 3.5L7 14l-5.3-5 7.2-.9z'/%3E%3C/svg%3E");
  --skf-stars3:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 90'%3E%3Cpath d='M25 34l4.4 9.4 10.2 1.2-7.5 7 2 10.1L25 56.8l-9.1 4.9 2-10.1-7.5-7 10.2-1.2zM75 2l6.6 14 15.4 1.9-11.3 10.6 3 15.2L75 36.3l-13.7 7.4 3-15.2L53 17.9 68.4 16zM125 34l4.4 9.4 10.2 1.2-7.5 7 2 10.1-9.1-4.9-9.1 4.9 2-10.1-7.5-7 10.2-1.2z'/%3E%3C/svg%3E");
  --skf-curve:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 64' preserveAspectRatio='none'%3E%3Cpath d='M0 64V40C240 8 480 0 720 12s480 40 720 20v32z'/%3E%3C/svg%3E");
}

/* ---------- Star motif on section labels ---------- */
.skf-eyebrow{display:inline-flex!important;align-items:center;gap:10px}
.skf-eyebrow::before{content:"";width:15px;height:15px;flex:none;background:currentColor;-webkit-mask:var(--skf-star) center/contain no-repeat;mask:var(--skf-star) center/contain no-repeat}
.fusion-text[style*="center"] .skf-eyebrow,.skf-eyebrow--center{justify-content:center;display:flex!important}

/* ---------- Hero: curved bottom edge, star cluster, entrance ---------- */
.skf-hero,.fusion-fullwidth:has(.skf-page-header){position:relative;overflow:hidden}
.skf-hero::after,.fusion-fullwidth:has(.skf-page-header)::after{content:"";position:absolute;left:-2%;right:-2%;bottom:-1px;height:64px;background:var(--awb-color1);-webkit-mask:var(--skf-curve) bottom/100% 100% no-repeat;mask:var(--skf-curve) bottom/100% 100% no-repeat;pointer-events:none;z-index:2}
.fusion-fullwidth:has(.skf-page-header)::after{height:44px}
.skf-hero::before,.fusion-fullwidth:has(.skf-page-header)::before{content:"";position:absolute;right:7%;top:20%;width:160px;height:96px;opacity:.18;z-index:0;background:#fff;-webkit-mask:var(--skf-stars3) center/contain no-repeat;mask:var(--skf-stars3) center/contain no-repeat;pointer-events:none}
.skf-hero .fusion-builder-row,.fusion-fullwidth:has(.skf-page-header) .fusion-builder-row{position:relative;z-index:1}
@media(max-width:800px){.skf-hero::before,.fusion-fullwidth:has(.skf-page-header)::before{display:none}.skf-hero::after,.fusion-fullwidth:has(.skf-page-header)::after{height:28px}}
@keyframes skf-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .skf-hero .fusion-column-wrapper>*,.skf-page-header>*{animation:skf-rise .8s cubic-bezier(.2,.7,.2,1) both}
  .skf-hero .fusion-column-wrapper>*:nth-child(2),.skf-page-header>*:nth-child(2){animation-delay:.1s}
  .skf-hero .fusion-column-wrapper>*:nth-child(3),.skf-page-header>*:nth-child(3){animation-delay:.2s}
  .skf-hero .fusion-column-wrapper>*:nth-child(4){animation-delay:.3s}
}

/* ---------- Scroll reveal (classes added by skf.js) ---------- */
.skf-js .skf-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease var(--skf-delay,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--skf-delay,0ms)}
.skf-js .skf-reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.skf-js .skf-reveal{opacity:1;transform:none;transition:none}}

/* ---------- K-I-D-S colours on impact numbers ---------- */
.skf-counter{position:relative;padding-top:24px}
.skf-counter::before{content:"";position:absolute;top:0;left:50%;width:44px;height:6px;border-radius:6px;transform:translateX(-50%);background:var(--k,var(--awb-color5))}
.skf-counter:nth-child(4n+1){--k:var(--awb-color4)}
.skf-counter:nth-child(4n+2){--k:var(--awb-color5)}
.skf-counter:nth-child(4n+3){--k:var(--awb-color6)}
.skf-counter:nth-child(4n+4){--k:#0f7c45}
.skf-counters--light .skf-counter__value{color:var(--k)}
.skf-counters--dark .skf-counter::before{background:rgba(255,255,255,.6)}

/* ---------- Buttons & cards: tactile hover ---------- */
.fusion-button{transition:transform .18s ease,box-shadow .18s ease,background-color .18s,color .18s!important}
.fusion-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(30,42,36,.45)}
.skf-card{overflow:hidden}
.skf-card__img{transition:transform .5s ease}
.skf-card:hover .skf-card__img{transform:scale(1.04)}

/* ---------- Designed report tiles (replace scanned covers in listings) ---------- */
.skf-tile{position:relative;aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 24px;color:#fff;overflow:hidden;background:var(--tile,var(--awb-color5))}
.skf-tile::before{content:"";position:absolute;right:-18px;top:-14px;width:150px;height:96px;background:#fff;opacity:.16;-webkit-mask:var(--skf-stars3) center/contain no-repeat;mask:var(--skf-stars3) center/contain no-repeat;transition:transform .5s ease}
.skf-card:hover .skf-tile::before{transform:translate(-8px,6px) rotate(-4deg)}
.skf-tile__year{font-family:"Plus Jakarta Sans",sans-serif;font-size:64px;font-weight:800;line-height:.95;letter-spacing:-.03em}
.skf-tile__type{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.9;margin-top:8px}
.skf-tile--annual{--tile:linear-gradient(135deg,#0A6B3A,#064527)}
.skf-tile--mid-year{--tile:linear-gradient(135deg,#124B8F,#0b2f5c)}
.skf-tile--year-end{--tile:linear-gradient(135deg,#1E2A24,#0A6B3A)}
.skf-tile--scholarship{--tile:linear-gradient(135deg,#B0202A,#6e1018)}
.skf-tile__pdf{position:absolute;left:24px;top:22px;font-size:12px;font-weight:700;letter-spacing:.08em;background:rgba(255,255,255,.18);padding:5px 10px;border-radius:999px}

/* ---------- Rising Star journey ---------- */
.skf-journey{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative;margin-top:16px;counter-reset:j}
.skf-journey::before{content:"";position:absolute;top:38px;left:8%;right:8%;height:3px;background:repeating-linear-gradient(90deg,var(--awb-color5) 0 10px,transparent 10px 18px);opacity:.5}
.skf-journey__step{position:relative;text-align:center;padding:0 6px}
.skf-journey__icon{position:relative;z-index:1;width:78px;height:78px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid var(--c,var(--awb-color5));box-shadow:0 10px 24px -12px rgba(30,42,36,.35)}
.skf-journey__icon svg{width:34px;height:34px;fill:none;stroke:var(--c,var(--awb-color5));stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.skf-journey__step:nth-child(1){--c:#6b7a72}
.skf-journey__step:nth-child(2){--c:var(--awb-color5)}
.skf-journey__step:nth-child(3){--c:var(--awb-color6)}
.skf-journey__step:nth-child(4){--c:var(--awb-color5)}
.skf-journey__step:nth-child(5){--c:var(--awb-color4)}
.skf-journey__when{display:block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin-bottom:6px}
.skf-journey h3{font-size:19px;margin:0 0 8px}
.skf-journey p{font-size:15px;line-height:1.55;margin:0;color:#4a564f}
@media(max-width:900px){
  .skf-journey{grid-template-columns:1fr;gap:0}
  .skf-journey::before{top:20px;bottom:20px;left:38px;right:auto;width:3px;height:auto;background:repeating-linear-gradient(180deg,var(--awb-color5) 0 10px,transparent 10px 18px)}
  .skf-journey__step{display:grid;grid-template-columns:78px 1fr;gap:18px;text-align:left;padding:0 0 26px}
  .skf-journey__icon{margin:0}
}

/* ---------- Photo band with quote ---------- */
.skf-photoband{position:relative}
.skf-photoband .skf-quote{color:#fff;border-left-color:var(--awb-color4);font-size:clamp(22px,2.6vw,32px)}
.skf-photoband .skf-quote cite{color:rgba(255,255,255,.85)}

/* ---------- Overlapping story block ---------- */
.skf-overlap{position:relative}
.skf-overlap__media{position:relative}
.skf-overlap__media::before{content:"";position:absolute;inset:28px -28px -28px 28px;border-radius:22px;background:var(--awb-color3);z-index:0}
.skf-overlap__media img{position:relative;z-index:1}
.skf-overlap__card{position:relative;z-index:2;background:#fff;border-radius:22px;padding:44px;box-shadow:0 30px 60px -30px rgba(30,42,36,.35);margin-left:-90px}
@media(max-width:1024px){.skf-overlap__card{margin-left:0;margin-top:-60px;padding:30px}.skf-overlap__media::before{inset:18px -12px -18px 12px}}

/* ---------- Bar chart ---------- */
.skf-chart{margin:8px 0 0}
.skf-chart__title{font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:18px;color:var(--awb-color7);margin:0 0 4px}
.skf-chart__sub{font-size:14px;color:#5b665f;margin:0 0 18px}
.skf-chart__rows{list-style:none;margin:0;padding:0}
.skf-chart__row{display:grid;grid-template-columns:minmax(120px,38%) 1fr;align-items:center;gap:14px;padding:5px 0;position:relative}
.skf-chart__label{font-size:14px;color:#34403a;line-height:1.3}
.skf-chart__track{position:relative;height:24px;display:flex;align-items:center}
.skf-chart__bar{height:18px;width:var(--w);background:var(--awb-color5);border-radius:0 4px 4px 0;transform-origin:left;transition:filter .15s}
.skf-chart__val{margin-left:8px;font-size:13px;font-weight:700;color:var(--awb-color7);white-space:nowrap;font-variant-numeric:tabular-nums}
.skf-chart__row:hover .skf-chart__bar,.skf-chart__row:focus-within .skf-chart__bar{filter:brightness(1.15)}
.skf-chart__row:hover,.skf-chart__row:focus{background:rgba(10,107,58,.05);outline:none}
.skf-chart__tip{position:absolute;right:0;top:-30px;background:var(--awb-color7);color:#fff;font-size:12px;padding:5px 10px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .15s;white-space:nowrap;z-index:3}
.skf-chart__row:hover .skf-chart__tip,.skf-chart__row:focus .skf-chart__tip{opacity:1}
.skf-js .skf-chart .skf-chart__bar{transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i,0) * 60ms)}
.skf-js .skf-chart.is-visible .skf-chart__bar,.skf-js .skf-chart:not(.skf-reveal) .skf-chart__bar{transform:none}
@media (prefers-reduced-motion:reduce){.skf-js .skf-chart .skf-chart__bar{transform:none;transition:none}}
.skf-chart details{margin-top:14px;font-size:14px}
.skf-chart summary{cursor:pointer;color:var(--awb-color6);font-weight:600}
.skf-chart table{width:100%;border-collapse:collapse;margin-top:10px}
.skf-chart td,.skf-chart th{padding:6px 8px;border-bottom:1px solid #e3e7e4;text-align:left}
.skf-chart td:last-child,.skf-chart th:last-child{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:560px){.skf-chart__row{grid-template-columns:1fr;gap:4px}}

/* ---------- Centers map ---------- */
.skf-map{border-radius:20px;overflow:hidden;box-shadow:0 18px 40px -20px rgba(30,42,36,.35)}
.skf-centers{display:grid;gap:16px}
.skf-centers>div{background:#fff;border-radius:16px;padding:20px 22px;border-left:5px solid var(--awb-color5);box-shadow:0 2px 14px rgba(30,42,36,.06)}
.skf-centers>div:nth-child(2){border-left-color:var(--awb-color4)}
.skf-centers h3{margin:0 0 4px;font-size:20px}
.skf-centers p{margin:0;font-size:15px}

/* ---------- Menu dropdown polish ---------- */
.awb-menu__sub-ul{box-shadow:0 18px 40px -16px rgba(30,42,36,.28)!important;border:1px solid rgba(30,42,36,.06)!important;padding:8px 0!important}
.awb-menu__sub-a{transition:padding-left .18s ease,background-color .18s!important}
.awb-menu__sub-li:hover>.awb-menu__sub-a{padding-left:26px!important}
@media(min-width:1181px){
  .awb-menu__main-li>.awb-menu__main-a{position:relative}
  .awb-menu__main-li>.awb-menu__main-a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--awb-color5);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
  .awb-menu__main-li:hover>.awb-menu__main-a::after,.awb-menu__main-li.current-menu-ancestor>.awb-menu__main-a::after,.awb-menu__main-li.current-menu-item>.awb-menu__main-a::after{transform:scaleX(1)}
}

/* ---------- Footer: K-I-D-S colour rule ---------- */
.skf-footer{position:relative}
.skf-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--awb-color4) 0 25%,var(--awb-color5) 25% 50%,var(--awb-color6) 50% 75%,#0f7c45 75%)}
.skf-footer-links a{transition:color .15s,padding-left .15s}
.skf-footer-links a:hover{padding-left:4px}

/* ---------- 404 ---------- */
.skf-404 .skf-404__num{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(90px,14vw,160px);font-weight:800;line-height:1;color:var(--awb-color3);letter-spacing:-.04em}

/* ---------- Fixes after visual review ---------- */
.skf-journey{list-style:none!important;padding:0!important;margin-left:0!important}
.skf-journey__step{list-style:none!important}
.skf-journey__step::marker{content:none}
blockquote.skf-quote{background:none!important;padding:0 0 0 24px!important;margin:0!important;border-top:0!important;border-right:0!important;border-bottom:0!important;font-style:normal!important}
.skf-photoband blockquote.skf-quote{color:#fff!important}
.skf-overlap .fusion-layout-column:first-child .fusion-column-wrapper{position:relative}
.skf-overlap .fusion-layout-column:first-child .fusion-column-wrapper::before{content:"";position:absolute;inset:32px -32px -32px 32px;border-radius:22px;background:var(--awb-color3);z-index:0}
.skf-overlap .fusion-layout-column:first-child .fusion-imageframe{position:relative;z-index:1}
.skf-overlap .fusion-layout-column:last-child{position:relative;z-index:2}
.skf-overlap__card h2{margin:6px 0 18px}
@media(max-width:1024px){.skf-overlap .fusion-layout-column:first-child .fusion-column-wrapper::before{inset:18px -12px -18px 12px}}
.fusion-layout-column:has(.skf-program)>.fusion-column-wrapper,.fusion-layout-column:has(.skf-program) .fusion-text,.fusion-layout-column:has(.skf-step)>.fusion-column-wrapper{height:100%}
.fusion-layout-column:has(.skf-program) .fusion-text{display:flex}
.skf-program{width:100%}

/* 404: no empty title-bar strip */
.error404 .avada-page-titlebar-wrapper,.error404 .fusion-page-title-bar{display:none!important}
.error404 #main{padding-top:0!important}
.skf-map{display:none}

/* Phone heading scale */
@media(max-width:640px){.fusion-body h2,.fusion-body .fusion-title h2{font-size:30px!important;line-height:1.2!important}.fusion-body h3{font-size:22px}.skf-overlap__card{padding:26px}.skf-overlap__card h2{font-size:28px!important}}

/* News sidebar */
.skf-more-news{background:var(--awb-color2);border-radius:16px;padding:22px 24px}
.skf-more-news ul{list-style:none;margin:10px 0 14px;padding:0}
.skf-more-news li{padding:10px 0;border-bottom:1px solid rgba(30,42,36,.08)}
.skf-more-news li a{display:block;font-weight:600;color:var(--awb-color7);line-height:1.35;text-decoration:none}
.skf-more-news li a:hover{color:var(--awb-color5)}
.skf-more-news li span{font-size:13px;color:#5b665f}
.skf-single-body>.fusion-column-wrapper>.fusion-tb-content img,.skf-single-body .post-content img{border-radius:14px}

/* ---------- Photo grids (cohorts, Peshawar center) ---------- */
.skf-photo-grid{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:16px}
.skf-photo-grid--3{--cols:3}.skf-photo-grid--4{--cols:4}
.skf-photo-grid figure{margin:0}
.skf-photo-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 25%;border-radius:14px;display:block}
.skf-photo-grid figcaption{font-size:13px;color:#5b665f;margin-top:6px}
@media(max-width:640px){.skf-photo-grid{--cols:1!important}}
/* Impact outcomes beside a photo: facts in two columns */
.skf-impact-outcomes .skf-facts{grid-template-columns:1fr 1fr}
@media(max-width:560px){.skf-impact-outcomes .skf-facts{grid-template-columns:1fr}}

/* Eight counters (Impact page): two rows of four on desktop */
@media(min-width:900px){.skf-counters:has(>.skf-counter:nth-child(7)){grid-template-columns:repeat(4,1fr)}}

/* Volunteers: names only */
.skf-name-list{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 28px}
.skf-name-list li{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:18px;color:var(--awb-color7);padding:12px 0 12px 30px;border-bottom:1px solid rgba(30,42,36,.1);position:relative}
.skf-name-list li::before{content:"";position:absolute;left:0;top:50%;width:16px;height:16px;margin-top:-8px;background:var(--awb-color5);-webkit-mask:var(--skf-star) center/contain no-repeat;mask:var(--skf-star) center/contain no-repeat}
@media(max-width:900px){.skf-name-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.skf-name-list{grid-template-columns:1fr}}

/* =====================================================================
   Modern photo presentation: bento galleries, transformation cards, framed photos
   ===================================================================== */

/* ---------- Bento gallery (feature + supporting photos, repeats every 4) ---------- */
.skf-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,16vw,230px);gap:14px;grid-auto-flow:dense}
.skf-bento__item{position:relative;display:block;overflow:hidden;border-radius:20px;background:var(--awb-color3);box-shadow:0 14px 34px -22px rgba(30,42,36,.55)}
.skf-bento__item:nth-child(4n+1){grid-column:span 2;grid-row:span 2}
.skf-bento__item:nth-child(4n+2){grid-column:span 2}
.skf-bento__item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}
.skf-bento__item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(18,24,21,.35));opacity:0;transition:opacity .4s}
.skf-bento__item::before{content:"";position:absolute;right:14px;bottom:14px;width:38px;height:38px;border-radius:50%;z-index:2;background:rgba(255,255,255,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E2A24' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E") center/16px no-repeat;opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s}
.skf-bento__item:hover img{transform:scale(1.06)}
.skf-bento__item:hover::after,.skf-bento__item:hover::before{opacity:1;transform:none}
.skf-bento__item:focus-visible{outline:3px solid var(--awb-color5);outline-offset:3px}
@media(max-width:900px){.skf-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:160px}.skf-bento__item:nth-child(4n+2){grid-column:span 2}}
@media(max-width:480px){.skf-bento{grid-auto-rows:140px;gap:10px}}

/* ---------- Transformation cards (before SKF → Rising Star) ---------- */
.skf-transform{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.skf-transform__card{background:#fff;border-radius:24px;padding:14px;box-shadow:0 18px 44px -26px rgba(30,42,36,.5);transition:transform .35s,box-shadow .35s}
.skf-transform__card:hover{transform:translateY(-6px);box-shadow:0 28px 54px -26px rgba(30,42,36,.55)}
.skf-transform__pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.skf-transform__pair figure{position:relative;margin:0;overflow:hidden;border-radius:16px;aspect-ratio:3/4.4;background:var(--awb-color3)}
.skf-transform__pair img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transform:scale(1.1)}
.skf-transform__pair figure:first-child img{filter:saturate(.75)}
.skf-tag{position:absolute;left:10px;bottom:10px;z-index:1;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--awb-color7);background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 10px;border-radius:999px}
.skf-tag--star{background:var(--awb-color4);color:#fff;display:inline-flex;align-items:center;gap:5px}
.skf-tag--star::before{content:"";width:11px;height:11px;background:#fff;-webkit-mask:var(--skf-star) center/contain no-repeat;mask:var(--skf-star) center/contain no-repeat}
.skf-transform__arrow{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;z-index:2;border-radius:50%;background:var(--awb-color5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/20px no-repeat;box-shadow:0 0 0 5px #fff,0 8px 18px -6px rgba(10,107,58,.6)}
@media(max-width:1024px){.skf-transform{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.skf-transform{grid-template-columns:1fr;gap:20px}}

/* ---------- Framed single photo: rounded, offset colour block behind ---------- */
.skf-framed{position:relative;display:block}
.skf-framed::before{content:"";position:absolute;inset:22px -22px -22px 22px;border-radius:22px;background:var(--awb-color3);z-index:0}
.skf-framed img{position:relative;z-index:1;border-radius:20px;box-shadow:0 20px 44px -24px rgba(30,42,36,.5)}
@media(max-width:640px){.skf-framed::before{inset:12px -8px -12px 8px}}
.skf-framed{margin:0 22px 22px 0!important}
.skf-framed .fusion-image-wrapper,.skf-framed>span{position:relative;z-index:1;display:block}
/* wpautop wraps the arrow in <p>: take it out of the grid so the pair stays side by side. */
.skf-transform__pair>p{display:contents}
.skf-transform__pair>br{display:none}
.skf-transform__pair figure img{max-width:none;height:100%!important}
.fusion-imageframe.skf-framed{overflow:visible!important;display:block!important}
.fusion-imageframe.skf-framed{width:fit-content;max-width:calc(100% - 22px);margin-left:0!important}