/* v8 editorial refresh */
:root{--v8-ink:#26232E;--v8-plum:#2E2747;--v8-lime:#8FC73E;--v8-mint:#C9F08A;--v8-cream:#F4FBE8;--v8-vio:#4A3F7A}
html,body{overflow-x:clip}
/* split hero */
.wrap:has(>#hero-title){display:grid;grid-template-columns:minmax(0,1fr);column-gap:3rem;position:relative}
.wrap:has(>#hero-title)>*{grid-column:1;min-width:0}
#hero-title{font-size:clamp(3.6rem,15vw,9.5rem)!important;letter-spacing:-.03em;line-height:.84!important}
#hero-title>span:first-child{font-style:italic}
.v8-hero-photo{margin:2rem auto .5rem;width:min(78%,340px);background:#fff;padding:12px 12px 46px;transform:rotate(-3deg);box-shadow:12px 12px 0 var(--v8-lime),12px 12px 0 3px var(--v8-ink);border:3px solid var(--v8-ink);position:relative;justify-self:center}
.v8-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:600/812;object-fit:cover;filter:saturate(1.05) contrast(1.03)}
.v8-cap{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%) rotate(4deg);background:var(--v8-mint);color:var(--v8-ink);border:3px solid var(--v8-ink);font:900 .95rem/1 var(--font-display,inherit);letter-spacing:.14em;padding:.55rem .9rem;white-space:nowrap;box-shadow:4px 4px 0 var(--v8-ink)}
@media (min-width:900px){
 .wrap:has(>#hero-title){grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr)}
 .wrap:has(>#hero-title)>ul,.wrap:has(>#hero-title)>div{grid-column:1/-1}
 .v8-hero-photo{grid-column:2!important;grid-row:1/span 3;margin:1rem 0 0;width:100%;max-width:380px;align-self:start}
}
/* oversized section numbers */
main{counter-reset:v8s}
main>section[id]>.wrap>header{position:relative;counter-increment:v8s}
main>section[id]>.wrap>header::before{content:counter(v8s,decimal-leading-zero);display:block;font:900 clamp(4.5rem,20vw,10rem)/.8 var(--font-display,inherit);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:2px var(--v8-lime);margin-bottom:.4rem}
main>section[id] h2.display{letter-spacing:-.02em}
/* magazine pull quote: the equity text */
#sofi-lakes article.slab:first-child:has(h3){grid-column:1/-1;background:var(--v8-plum)!important;color:var(--v8-cream)!important;border-radius:0!important;padding:3.5rem 1.4rem 2rem!important;position:relative;box-shadow:10px 10px 0 var(--v8-lime)!important;overflow:hidden}
#sofi-lakes article.slab:first-child:has(h3)::before{content:"\201C";position:absolute;top:-.25em;left:.05em;font:900 11rem/1 Georgia,serif;color:var(--v8-lime);pointer-events:none}
#sofi-lakes article.slab:first-child:has(h3) h3{color:var(--v8-mint);font-size:.85rem!important;letter-spacing:.2em;text-transform:uppercase;position:relative}
#sofi-lakes article.slab:first-child:has(h3) p{font-size:clamp(1.35rem,5.4vw,2.3rem);line-height:1.2;font-weight:800;position:relative}
/* she said rail on mobile */
/* cards & type everywhere */
.slab{border-radius:18px}
main h1.display:not(#hero-title){letter-spacing:-.03em}
/* who's who photo */
aside[aria-labelledby="who-heading"]>div::before{content:none!important;display:none!important}
.v8-who-photo{width:128px;height:128px;border-radius:50%;object-fit:cover;border:4px solid var(--v8-ink);box-shadow:6px 6px 0 var(--v8-lime);transform:rotate(-4deg)}
/* bolder footer */
footer>div:first-child{background:linear-gradient(135deg,var(--v8-mint),var(--v8-lime))!important;border-width:6px 0!important}
footer .kicker{font-size:1rem}
footer p.max-w-3xl{font-size:clamp(1.15rem,4.5vw,1.6rem)!important;font-weight:800!important;line-height:1.3!important}
/* sticky CTA */
.v8-cta{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:60;background:var(--v8-lime);color:var(--v8-ink);border:3px solid var(--v8-ink);border-radius:999px;padding:.8rem 1.4rem;font-weight:900;letter-spacing:.04em;text-decoration:none;box-shadow:4px 4px 0 var(--v8-ink);white-space:nowrap}
@media (min-width:768px){.v8-cta{display:none}}
@media (max-width:767px){body{padding-bottom:72px}}
@media (prefers-reduced-motion:no-preference){.v8-hero-photo{animation:v8in .7s cubic-bezier(.2,.9,.3,1.3) both}@keyframes v8in{from{transform:rotate(-12deg) translateY(30px);opacity:0}}.v8-cta{transition:transform .2s}.v8-cta:hover{transform:translateX(-50%) scale(1.05)}}
.v8-who-photo{width:140px!important;height:140px!important;max-width:140px!important}
.v8-pdfrow{margin:0;padding:.9rem 1rem 1.1rem}
.v8-pdf{display:inline-flex;align-items:center;gap:.4rem;background:var(--v8-ink);color:var(--v8-mint)!important;border:2px solid var(--v8-lime);border-radius:999px;padding:.5rem .95rem;font-weight:800;font-size:.85rem;text-decoration:none;box-shadow:3px 3px 0 var(--v8-lime)}
.v8-pdf::before{content:"PDF";background:var(--v8-lime);color:var(--v8-ink);border-radius:4px;padding:.1rem .3rem;font-size:.65rem;letter-spacing:.08em}
.v9-short{position:relative;margin:1.25rem 0 1.5rem;padding:1.6rem 1.25rem 1.25rem;background:#fff;color:#1a1020;border:3px solid #1a1020;border-radius:18px;box-shadow:8px 8px 0 #c6f432;max-width:40rem}
.v9-label{position:absolute;top:-.95rem;left:1rem;margin:0;background:#c6f432;color:#1a1020;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;padding:.3rem .7rem;border:2px solid #1a1020;border-radius:6px;transform:rotate(-2deg)}
.v9-body{margin:0;font-size:1.08rem;line-height:1.6;font-weight:500}
@media(min-width:900px){.wrap:has(>#hero-title)>.v9-short{grid-column:1}}
