.geo-story{color:#191b1e;background:#f6f6f3}
.geo-story *{box-sizing:border-box}
.story-section{padding:100px 0;scroll-margin-top:150px}
.story-section .wrap{max-width:1440px}
.story-heading{margin-bottom:44px;max-width:1000px}
.story-eyebrow{font:600 11px/1.5 var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin:0 0 24px;color:#62666b}
.story-heading h2{font:500 clamp(34px,4.2vw,64px)/1.08 var(--font-display);letter-spacing:-.045em;margin:0;text-wrap:balance}
.story-intro{font:400 18px/1.65 var(--font-display);max-width:720px;margin:24px 0 0;color:#62666b}
.story-tabs{display:inline-flex;gap:4px;padding:5px;border:1px solid #d8dad6;border-radius:99px;margin-bottom:32px;background:#eceee9}
.story-tabs button{font:500 14px/1.3 var(--font-display);padding:13px 24px;border:0;border-radius:99px;background:transparent;color:#62666b;cursor:pointer;min-height:46px}
.story-tabs button[aria-selected=true]{background:#191b1e;color:#fff}
.geo-story :is(a,button,summary):focus-visible{outline:2px solid #e4522c;outline-offset:5px}
.story-problems{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.story-problems[hidden]{display:none!important}
.story-problems article{border-top:1px solid #bdc2bc;padding:24px 0}
.story-index{display:block;font:500 11px/1.5 var(--font-display);color:#747a76;margin-bottom:24px}
.geo-story h3{font:500 24px/1.25 var(--font-display);letter-spacing:-.025em;margin:0 0 16px;text-wrap:balance}
.story-problems p,.story-benefits p{font:400 16px/1.65 var(--font-display);color:#62666b;margin:0}
.story-caption{font:400 12px/1.6 var(--font-display);color:#6b716d;margin:24px 0 0}
.story-services{background:#e9ece6;border-radius:24px;margin:0 var(--frame,16px)}
.story-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.story-service{background:#f6f6f3;border:1px solid #d7dcd4;border-radius:18px;padding:36px;display:flex;flex-direction:column;align-items:flex-start}
.story-service-top{display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid #d7dcd4;padding-bottom:24px;margin-bottom:28px;font:500 18px/1.3 var(--font-display)}
.story-service-top .story-index{margin:0}
.story-service h3{font-size:clamp(28px,2.8vw,38px);max-width:450px}
.story-service>p{font:400 16px/1.7 var(--font-display);color:#62666b;margin:0 0 22px}
.story-service ul{padding:0;margin:0 0 24px;list-style:none;font:500 14px/1.6 var(--font-display)}
.story-service li{padding:8px 0 8px 22px;position:relative}
.story-service li:before{content:'↗';position:absolute;left:0;color:#e85e39}
.story-selective{padding:18px 20px;background:#f1e7dc;border-radius:10px;margin-bottom:28px;font:400 14px/1.6 var(--font-display)}
.story-selective strong{font-weight:600}.story-selective p{margin:8px 0 0}
.story-link{display:flex;justify-content:space-between;gap:24px;align-items:center;width:100%;margin-top:auto;padding-top:20px;border-top:1px solid #d7dcd4;text-decoration:none;color:#191b1e;font:600 14px/1.4 var(--font-display)}
.story-link span{font-size:24px;color:#e85e39}.story-link:hover{color:#c54725}
.story-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 40px}
.story-benefits article{border-top:1px solid #bdc2bc;padding-top:24px}
.story-benefits .story-index{color:#e85e39}.story-benefits h3{font-size:22px}
.story-founders{background:#191b1e;color:#f6f6f3;border-radius:24px;margin:0 var(--frame,16px)}
.story-founders .story-eyebrow,.story-founders .story-intro,.story-founders .story-caption{color:#b3b8b4}
.story-founders .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,7vw,100px);align-items:center}
.story-founder-copy{max-width:620px}
.story-founder-copy .story-heading{margin-bottom:32px}
.story-founder-grid{width:100%;max-width:440px;justify-self:end}
.story-founder-grid article{min-width:0}
.story-founder-portrait{position:relative;aspect-ratio:4/5;overflow:hidden;margin-bottom:24px;border:1px solid #444a46;border-radius:4px;background:#202522}
.story-founder-portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.story-founder-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#b3b8b4;font:400 12px/1.5 var(--font-display);letter-spacing:.04em}
.story-founder-placeholder svg{opacity:.7}
.story-founder-grid h3{font-size:25px;margin-bottom:8px}.story-founder-grid p{font:400 13px/1.5 var(--font-display);color:#b3b8b4;margin:0}
.story-offer{border-bottom:1px solid #d7dcd4}
.story-offer-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.story-offer-grid .story-heading{margin:0}.story-offer-body>p:first-child{font:400 20px/1.65 var(--font-display);color:#62666b;margin:0 0 30px}
.story-offer-button{display:flex;align-items:center;justify-content:space-between;gap:28px;width:fit-content;max-width:100%;padding:20px 26px;background:var(--accent,#ff7049);color:#191b1e;border-radius:99px;font:600 14px/1.4 var(--font-display);text-decoration:none}
.story-offer-button:hover{background:#ed603a}.story-offer-button span{font-size:23px}
.story-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}
.story-faq details{border-top:1px solid #bdc2bc}.story-faq details:last-child{border-bottom:1px solid #bdc2bc}
.story-faq summary{list-style:none;display:flex;justify-content:space-between;gap:24px;padding:24px 0;font:500 18px/1.45 var(--font-display);cursor:pointer}
.story-faq summary::-webkit-details-marker{display:none}.story-faq summary span{font-size:24px;color:#e85e39;flex:none}.story-faq details[open] summary span{transform:rotate(45deg)}
.story-faq details>p{margin:0;padding:0 38px 28px 0;color:#62666b;font:400 16px/1.7 var(--font-display)}
@media(max-width:900px){.story-section{padding:72px 0}.story-problems,.story-benefits{gap:24px}.geo-story h3{font-size:21px}.story-service{padding:26px}.story-offer-grid,.story-faq-grid{gap:32px}.story-heading h2{font-size:42px}}
@media(max-width:640px){.story-section{padding:56px 0;scroll-margin-top:130px}.story-heading{margin-bottom:30px}.story-heading h2{font-size:34px}.story-heading h2 br{display:none}.story-intro{font-size:16px}.story-tabs{display:flex;width:100%}.story-tabs button{flex:1;padding:12px 8px}.story-problems,.story-benefits,.story-service-grid,.story-founder-grid,.story-offer-grid,.story-faq-grid{grid-template-columns:1fr}.story-problems{gap:4px}.story-problems article{padding:20px 0}.story-index{margin-bottom:16px}.story-problems p,.story-benefits p{font-size:15px}.story-services,.story-founders{margin:0 10px;border-radius:18px}.story-service{padding:24px}.story-service h3{font-size:29px}.story-benefits{gap:28px}.story-founders .wrap{display:block}.story-founder-grid{margin:32px 0 0;max-width:none}.story-founder-grid article{display:block}.story-founder-portrait{margin-bottom:20px}.story-founder-grid h3{font-size:23px;margin:0;align-self:end}.story-founder-grid p{align-self:start;margin-top:8px}.story-offer-body>p:first-child{font-size:17px}.story-offer-button{padding:17px 20px;width:100%}.story-faq summary{font-size:17px}.story-faq-grid{gap:4px}.story-faq details>p{font-size:15px}.story-services .wrap,.story-founders .wrap{padding-inline:22px}}

/* Audience section: vertical reading order with a matching illustration. */
.story-problems--illustrated{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(36px,6vw,88px);align-items:center}
.story-problems--illustrated .story-problem-copy{min-width:0}
.story-problems--illustrated .story-problem-copy article{padding:26px 0}
.story-problems--illustrated .story-problem-copy article:last-child{border-bottom:1px solid #bdc2bc}
.story-problems--illustrated .story-problem-copy .story-index{grid-column:1;grid-row:1/3;margin:5px 0 0;color:#a24a30}
.story-problems--illustrated .story-problem-copy h3{font-size:clamp(22px,2vw,28px);margin-bottom:12px;text-wrap:pretty}
.story-problems--illustrated .story-problem-copy p{max-width:48ch;hyphens:none}
.story-problem-visual{margin:0;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:#eef0eb;isolation:isolate}
.story-problem-visual img{display:block;width:100%;height:100%;object-fit:cover}
.story-problems--illustrated:not([hidden]) .story-problem-visual{animation:audience-visual-in 360ms ease-out both}
@keyframes audience-visual-in{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.story-problems--illustrated{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px}.story-problems--illustrated .story-problem-copy article{padding:22px 0}.story-problems--illustrated .story-problem-copy h3{font-size:22px}.story-problems--illustrated .story-problem-copy p{font-size:15px}}
@media(max-width:640px){.story-problems--illustrated{grid-template-columns:1fr;gap:28px}.story-problems--illustrated .story-problem-copy article{padding:22px 0}.story-problems--illustrated .story-problem-copy h3{font-size:23px}.story-problem-visual{border-radius:18px;aspect-ratio:1/1}.story-problem-visual img{object-fit:cover;object-position:center}}
@media(prefers-reduced-motion:reduce){.story-problems--illustrated:not([hidden]) .story-problem-visual{animation:none}}
html[data-motion=reduce] .story-problems--illustrated .story-problem-visual{animation:none}