.story-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center;margin-top:42px}
.story-hero-grid h1{font-size:clamp(38px,4.5vw,61px);line-height:1.1;letter-spacing:-.045em;max-width:740px;margin-bottom:24px}
.story-hero-grid h1 span{color:var(--purple)}
.story-hero-grid .lead{font-size:17px;max-width:640px}
.story-hub-hero,.story-detail-hero{background:linear-gradient(145deg,var(--bg),var(--surface))}
.story-disclosure{display:flex;align-items:flex-start;gap:10px;margin:34px 0 0;font-size:12px;line-height:1.8;color:var(--muted);max-width:900px}
.story-disclosure .icon{flex:none;width:16px;height:16px;margin-top:3px}
.story-overview{padding:30px;background:var(--bg);border:1px solid var(--line);border-radius:24px}
.story-overview-label{font-size:10px;font-weight:750;letter-spacing:.12em;color:var(--muted)}
.story-overview>a{display:flex;align-items:center;gap:16px;padding:25px 0;border-bottom:1px solid var(--line)}
.story-overview>a:last-child{padding-bottom:0;border:0}.story-overview .iconbox{flex:none}
.story-overview>a>div{flex:1;min-width:0}.story-overview strong{display:block;font-size:15px;line-height:1.5}
.story-overview>a>div>span{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:6px}
.story-overview>a:hover strong,.story-card h3 a:hover{color:var(--purple)}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.story-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.story-card{display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid var(--line);border-radius:24px;background:var(--bg);transition:border-color .2s,box-shadow .2s}
.story-card:hover{border-color:var(--purple);box-shadow:0 10px 35px #361c5f0a}
.story-card-top{display:flex;gap:14px;align-items:center;margin-bottom:27px}
.story-card-top .iconbox{flex:none}.story-card-top>span:last-child{font-size:11px;color:var(--muted);line-height:1.65}
.story-card h3{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin:0 0 18px}
.story-card>p{font-size:14px;line-height:1.85;color:var(--muted);margin-bottom:25px}
.story-card-outcome{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.7;margin-bottom:22px}
.story-card-outcome .icon{color:var(--purple);flex:none;width:17px;height:17px;margin-top:2px}
.story-read{margin-top:auto;padding-top:24px;font-size:12px}
.story-identity{display:flex;gap:12px;align-items:center;padding-top:20px;margin:0 0 6px;border-top:1px solid var(--line)}
.story-portrait{display:block;flex:none;width:64px;height:64px;border-radius:50%;overflow:hidden;background:var(--surface);border:1px solid var(--line)}
.story-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.story-detail-hero .story-portrait{width:84px;height:84px}
.story-identity>div{display:grid;gap:3px}.story-identity strong{font-size:14px;line-height:1.5}
.story-identity>div>span:last-child{font-size:11px;color:var(--muted);line-height:1.6}
.story-detail-hero .story-identity{display:inline-flex;margin-top:24px;padding-top:20px;padding-right:35px}
.story-workflow{background:#2b1545;color:#fff;border-radius:26px;padding:32px}
.story-workflow-top{display:flex;align-items:center;gap:15px;font-size:12px;line-height:1.7;color:#e3d6f3}
.story-workflow-top .iconbox{flex:none}.story-workflow-title{font-size:24px;letter-spacing:-.02em;font-weight:650;line-height:1.3;margin:28px 0 24px;color:#fff}
.story-workflow ol{padding:0;margin:0;list-style:none;display:grid;gap:13px}
.story-workflow li{display:flex;gap:13px;align-items:center;border:1px solid #735290;border-radius:14px;padding:18px 14px;background:#ffffff09}
.story-workflow li>span{font-size:11px;color:#d9b8ff}.story-workflow li>strong{flex:1;font-size:13px;line-height:1.6}
.story-workflow li>.icon{width:17px;height:17px;color:#b9e9c5;flex:none}
.story-workflow-note{font-size:10px;line-height:1.6;color:#d7c2e8;margin:20px 0 0}
.story-outcomes{border-bottom:1px solid var(--line);background:var(--bg)}
.story-outcomes>.wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-block:32px}
.story-outcomes .wrap>div{display:flex;gap:13px;align-items:flex-start;font-size:14px;line-height:1.6}.story-outcomes .icon{flex:none;color:var(--purple);margin-top:2px}
.story-body-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:85px;padding-block:75px;align-items:start}
.story-sidebar{position:sticky;top:110px}.story-sidebar>span{font-size:10px;letter-spacing:.1em;color:var(--muted);font-weight:750}
.story-sidebar nav{display:grid;gap:7px;margin-top:16px}.story-sidebar nav a{font-size:13px;line-height:1.6;padding:6px 0}
.story-sidebar a:hover{color:var(--purple)}.story-modules{border-top:1px solid var(--line);padding-top:24px;margin-top:26px}
.story-modules>strong{font-size:12px}.story-modules a{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;line-height:1.7;padding:9px 0;color:var(--muted)}
.story-modules .icon{width:15px;height:15px;flex:none}
.story-body{max-width:850px;min-width:0}.story-body>section{margin-bottom:60px;scroll-margin-top:120px}.story-body>section:last-child{margin-bottom:0}
.story-section-number{font-size:11px;color:var(--purple);font-weight:750;letter-spacing:.08em}
.story-body h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.035em;line-height:1.2;margin:12px 0 22px}
.story-body p{font-size:16px;line-height:1.9;color:var(--muted)}
.story-change-grid,.story-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}
.story-change-grid>div,.story-capabilities>div{padding:25px;border:1px solid var(--line);border-radius:18px}
.story-change-grid>div:last-child{background:var(--surface)}.story-body h3{font-size:17px;line-height:1.4;margin:0 0 20px}
.story-body ul{display:grid;gap:16px;padding:0;margin:0;list-style:none}.story-body li{display:flex;gap:9px;font-size:13px;line-height:1.8;color:var(--muted)}
.story-body li>.icon{flex:none;width:15px;height:15px;margin-top:4px;color:var(--purple)}
.story-change-grid>div:first-child li>.icon{display:none}
.story-takeaway{padding:30px;background:var(--surface);border-left:3px solid var(--purple);border-radius:0 18px 18px 0;margin-top:28px}
.story-takeaway>.icon{color:var(--purple);width:25px;height:25px;margin-bottom:15px}.story-takeaway p{color:var(--ink);font-size:19px;line-height:1.65;margin:0}
.story-home,.story-related{background:var(--surface)}
.story-cta{padding-top:25px}.story-cta-shell{padding:48px;border:1px solid var(--line);border-radius:26px;background:var(--surface);display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:center}
.story-cta h2{font-size:clamp(29px,3vw,41px);line-height:1.2;letter-spacing:-.035em;margin-bottom:18px}.story-cta p{font-size:15px;line-height:1.85;color:var(--muted)}
.story-cta .button-row{display:flex;align-items:flex-start;flex-direction:column;margin-top:0}
.story-hub-hero #stories,#stories{scroll-margin-top:110px}
.story-grid a:focus-visible,.story-overview a:focus-visible,.story-sidebar a:focus-visible{outline:3px solid var(--purple);outline-offset:5px;border-radius:4px}
html[data-theme="dark"] .story-hero-grid h1 span,html[data-theme="dark"] .story-section-number,html[data-theme="dark"] .story-takeaway>.icon{color:#c9afff}
@media(max-width:1100px){.story-hero-grid{gap:35px;grid-template-columns:1.15fr 1fr}.story-card{padding:24px}.story-card h3{font-size:23px}.story-body-grid{gap:40px;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:850px){.story-hero-grid{grid-template-columns:1fr;gap:32px}.story-overview,.story-workflow{max-width:650px;width:100%}.story-grid{grid-template-columns:1fr}.story-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card h3{font-size:27px}.story-body-grid{grid-template-columns:1fr;gap:40px}.story-sidebar{position:static}.story-sidebar nav{display:flex;gap:10px 23px;flex-wrap:wrap}.story-modules{display:none}.story-outcomes>.wrap{gap:20px}.story-cta-shell{grid-template-columns:1fr;gap:30px;padding:35px}.story-cta .button-row{flex-direction:row;align-items:center}}
@media(max-width:600px){.story-hero-grid{margin-top:30px}.story-hero-grid h1{font-size:38px}.story-hero-grid .lead{font-size:15px}.story-overview,.story-workflow{padding:23px}.story-overview>a{gap:11px}.story-disclosure{font-size:11px}.story-grid-two,.story-change-grid,.story-capabilities,.story-outcomes>.wrap{grid-template-columns:1fr}.story-outcomes>.wrap{padding-block:25px}.story-outcomes .wrap>div{font-size:13px}.story-body-grid{padding-block:45px}.story-body p{font-size:15px}.story-body>section{margin-bottom:45px}.story-takeaway{padding:24px}.story-takeaway p{font-size:17px}.story-cta-shell{padding:26px}.story-cta .button-row{align-items:flex-start;flex-direction:column}.story-card{padding:26px}.story-change-grid>div,.story-capabilities>div{padding:23px}}
@media print{.story-hero-grid,.story-body-grid,.story-cta-shell{display:block}.story-sidebar,.story-cta,.story-related{display:none}.story-workflow{margin-top:30px;max-width:500px}.story-body{max-width:none}.story-body>section{break-inside:avoid}.story-workflow{color:#000;background:#fff;border:1px solid #999}.story-workflow-title,.story-workflow-top,.story-workflow-note{color:#333}.story-workflow li{border-color:#999}.story-identity{break-inside:avoid}}
