/* wf-insights: the Insights block of kora.framer.media, measured 10 Sep 2026 and ported for world 1.
   A 423px column (80px heading, 20/600 grey intro, "View All" pill at the foot) beside two 372x496
   photo cards (r30, p30): the picture under a 40 percent dark veil that deepens on hover, a dark tag
   pill top-left, the date and a 30px title at the foot. Phone: the column first, the cards stacked.
   Source of truth: products/_wf-nav/wf-insights.css */
.wfi{--i-ink:#242424;--i-grey:#616161;--i-cream:#F5F5E9;--i-ease:cubic-bezier(.2,.7,.2,1);
  position:relative;z-index:4;background:var(--bg,#FCFCFA);color:var(--i-ink);padding:0 clamp(20px,4.2vw,60px) clamp(80px,10vw,140px);font-family:var(--font,"Inter",system-ui,sans-serif)}
.wfi *{box-sizing:border-box}
.wfi-in{width:100%;max-width:1320px;margin:0 auto;display:flex;gap:50px;align-items:stretch}
.wfi-head{flex:0 0 423px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.wfi-h{margin:0 0 30px;font-weight:400;font-size:clamp(48px,5.6vw,80px);line-height:1.05;letter-spacing:-.04em}
.wfi-head p{margin:0;max-width:420px;font-size:20px;font-weight:600;letter-spacing:-.03em;line-height:1.35;color:var(--i-grey)}
.wfi-all{align-self:flex-start;display:inline-flex;align-items:center;gap:25px;padding:10px 15px;border-radius:40px;background:var(--i-ink);color:var(--i-cream);text-decoration:none;
  font-size:15px;font-weight:600;letter-spacing:-.03em;line-height:1.5;transition:background-color .3s var(--i-ease),transform .3s var(--i-ease)}
.wfi-all i{width:10px;height:10px;border-radius:50%;background:var(--i-cream);transition:transform .3s var(--i-ease)}
.wfi-all:hover{background:var(--accent,#3157E5)}
.wfi-all:hover i{transform:translateX(4px)}
.wfi-all:focus-visible{outline:2px solid var(--i-ink);outline-offset:3px}
.wfi-cards{flex:1 1 auto;display:flex;justify-content:flex-end;gap:20px;min-width:0}
.wfi-card{position:relative;flex:0 1 372px;max-width:372px;aspect-ratio:372/496;border-radius:30px;padding:30px;overflow:hidden;isolation:isolate;
  display:flex;flex-direction:column;justify-content:space-between;color:#FCFCFA;text-decoration:none;background:var(--i-ink)}
.wfi-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s var(--i-ease)}
.wfi-card::after{content:"";position:absolute;inset:0;background:#242424;opacity:.5;z-index:-1;transition:opacity .5s var(--i-ease)}
.wfi-card:hover::after,.wfi-card:focus-visible::after{opacity:.72}
.wfi-card:hover img{transform:scale(1.04)}
.wfi-card:focus-visible{outline:2px solid #FCFCFA;outline-offset:-8px}
.wfi-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:2px 11px 2px 2px;border-radius:15px;background:var(--i-ink);color:#FCFCFA;font-size:13px;font-weight:600;letter-spacing:-.025em;line-height:1.5}
.wfi-tag i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff;color:var(--i-ink)}
.wfi-tag svg{width:15px;height:15px}
.wfi-meta{display:flex;flex-direction:column;gap:7px}
.wfi-meta time{font-size:13px;font-weight:600;letter-spacing:-.025em;line-height:1.5;color:#FCFCFA}
.wfi-meta h3{margin:0;font-weight:400;font-size:clamp(24px,2.1vw,30px);line-height:1.3;letter-spacing:-.04em;color:#FCFCFA}

/* entrance */
.wfi-card{opacity:0;transform:translateY(30px);transition:opacity .9s var(--i-ease),transform .9s var(--i-ease)}
.wfi-card+.wfi-card{transition-delay:.12s}
.wfi.is-in .wfi-card,html.pt-arrived .wfi-card{opacity:1;transform:none}

@media (max-width:1100px){.wfi-head{flex-basis:320px}.wfi-in{gap:30px}}
@media (max-width:900px){
  .wfi{padding-left:20px;padding-right:20px}
  .wfi-in{flex-direction:column;gap:40px}
  .wfi-head{flex:none;gap:30px}
  .wfi-h{margin-bottom:16px}
  .wfi-head p{font-size:17px}
  .wfi-cards{flex-direction:column;justify-content:flex-start}
  .wfi-card{flex:none;max-width:none;width:100%;aspect-ratio:350/440;padding:24px}
  .wfi-meta h3{font-size:26px}
}
@media (prefers-reduced-motion:reduce){
  .wfi-card,.wfi-card img,.wfi-card::after,.wfi-all,.wfi-all i{transition:none}
  .wfi-card{opacity:1;transform:none}
}