.story-hero{padding:145px 0 75px;background:radial-gradient(ellipse at 90% 20%,#d5ebed,transparent 50%),linear-gradient(135deg,#eff5fa,#edf8f7)}
.story-hero-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:65px;align-items:center}
.story-hero .proof-kicker{margin-bottom:25px}
.story-hero h1{font-size:clamp(43px,4.5vw,62px);line-height:1.13;font-weight:800;letter-spacing:-.05em;color:#193447;margin:0 0 26px}
.story-hero h1>span{color:#327f85}
.story-intro{font-size:16px;line-height:1.9;color:#587382;max-width:610px;margin:0}
.story-mark{position:relative;width:100%;max-width:390px;justify-self:center;aspect-ratio:1181/1212;isolation:isolate}
.story-mark>img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.story-mark>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:9px;gap:7px}
.story-mark strong{font-size:clamp(19px,2vw,26px);font-weight:750;line-height:1.3;letter-spacing:-.025em;color:#193447}
.story-mark strong:nth-child(2){color:#2e8285}.story-mark strong:nth-child(3){color:#8d4b84}
.story-purpose{padding:88px 0 85px;background:#fff}
.story-purpose-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:85px;align-items:start}
.story-purpose .proof-kicker,.story-origins .proof-kicker{font-size:10px;line-height:1.8;letter-spacing:.13em;margin-bottom:18px}
.story-purpose h2,.story-origins h2{font-size:clamp(33px,3.3vw,44px);font-weight:800;line-height:1.22;letter-spacing:-.04em;color:#193447;margin:0}
.story-purpose h2>span{color:#327f85}.story-origins h2>span{color:#8d4b84}
.story-prose>p{font-size:14px;line-height:1.95;color:#5c7484;margin:0 0 22px}
.story-prose>p:last-child{margin-bottom:0}
.story-prose>p.story-lead{font-size:19px;line-height:1.8;color:#34566b;margin:0 0 22px;letter-spacing:-.015em}
.story-prose strong{color:#24485e;font-weight:700}
.story-origins{padding:80px 0 88px;background:linear-gradient(140deg,#f4f1f6,#f7f8fb 57%,#eff6f8)}
.story-origins-heading{margin-bottom:40px}
.story-origins-heading .proof-kicker::before{background:#8d4b84}
.story-origins-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:65px;align-items:start}
.story-prose>p.story-turning-point{padding:17px 0 17px 22px;border-left:3px solid #49b0b2;font-size:25px;line-height:1.4;letter-spacing:-.025em;margin:27px 0}
.story-turning-point strong{font-weight:800}
.story-origin-visual{position:sticky;top:110px;min-width:0}
.story-origin-visual .who-product-frame{transform:none}
.story-preview-context{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:13px;font-size:9px;line-height:1.7;color:#657e8c}
.story-preview-context a{display:inline-flex;align-items:center;gap:12px;min-height:32px;color:#316c88;font-size:10px;font-weight:700;text-decoration:none;border-bottom:1px solid #b5ceda;white-space:nowrap}
.story-preview-context a:hover{color:#224a64;border-color:#316c88}
.story-origin-visual blockquote{font-size:22px;line-height:1.6;letter-spacing:-.025em;color:#75456f;font-weight:600;margin:30px 0 20px;padding-left:20px;border-left:3px solid #cab2c8;font-style:italic}
.story-origin-visual>p{font-size:13px;line-height:1.9;color:#5d7685;margin:0}
.story-principle{padding:75px 0 50px;background:#fff}
.story-principle-panel{position:relative;padding:48px 58px;background:#eef7f7;border:1px solid #d9e9ea;border-radius:23px;overflow:hidden}
.story-principle-panel::after{content:"";position:absolute;right:-70px;bottom:-100px;width:250px;height:250px;border:1px solid #cce3e5;border-radius:50%;pointer-events:none}
.story-principle h2{font-size:clamp(29px,3.2vw,43px);line-height:1.25;letter-spacing:-.035em;font-weight:750;color:#193447;max-width:950px;margin:23px 0}
.story-principle h2>span{color:#327f85}
.story-principle-panel>p:last-child{font-size:14px;line-height:1.85;color:#5b7685;margin:0}
.story-connect{background:#fff;padding:0 0 85px}
@media(max-width:1100px){.story-hero-layout{gap:35px;grid-template-columns:1.4fr .8fr}.story-hero h1{font-size:51px}.story-purpose-layout{gap:50px}.story-origins-layout{gap:40px}.story-mark strong{font-size:21px}}
@media(max-width:850px){.story-hero{padding:125px 0 55px}.story-hero-layout{grid-template-columns:1fr;gap:35px}.story-hero h1{font-size:54px;max-width:690px}.story-intro{max-width:680px}.story-mark{max-width:300px}.story-mark strong{font-size:23px}.story-purpose{padding:60px 0}.story-purpose-layout{grid-template-columns:1fr;gap:30px}.story-origins{padding:60px 0}.story-origins-layout{grid-template-columns:1fr;gap:35px}.story-origin-visual{position:static}.story-origins-heading{margin-bottom:30px}.story-principle{padding:55px 0 35px}.story-principle-panel{padding:35px}.story-connect{padding-bottom:60px}}
@media(max-width:540px){.story-hero{padding:110px 0 45px}.story-hero h1{font-size:40px;line-height:1.15}.story-hero .proof-kicker{font-size:10px;margin-bottom:21px}.story-intro{font-size:14px;line-height:1.85}.story-hero-layout{gap:30px}.story-mark{max-width:260px}.story-mark strong{font-size:20px}.story-purpose,.story-origins{padding:48px 0}.story-purpose h2,.story-origins h2{font-size:32px}.story-purpose .proof-kicker,.story-origins .proof-kicker{font-size:9px}.story-prose>p{font-size:13px;line-height:1.9;margin-bottom:20px}.story-prose>p.story-lead{font-size:17px}.story-origin-visual blockquote{font-size:19px;margin:25px 0 19px;padding-left:17px}.story-origin-visual>p{font-size:12px}.story-principle{padding:40px 0 28px}.story-principle-panel{padding:28px 22px;border-radius:18px}.story-principle h2{font-size:28px}.story-principle-panel>p:last-child{font-size:13px}.story-principle .proof-kicker{font-size:9px}.story-connect{padding-bottom:48px}}