.story-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:end;padding:8px 0 38px}.story-intro h1{font-size:clamp(38px,4.2vw,60px);line-height:1.07;margin:15px 0 0;letter-spacing:-.055em}.story-intro h1 span{color:#bda2f2}.story-intro-copy>p{font-size:16px;line-height:1.7;color:#c7b7d5;margin:0 0 23px}.story-intro .hero-buttons{gap:10px}.story-intro .btn{font-size:12px;padding:12px 18px;min-height:46px}.story-intro .eyebrow{font-size:10px}
.story-showcase{--story-ink:#f4eafa;--story-muted:#c6b5d2;--story-line:#554160;--story-card:#21172c;--story-soft:#2c2038;color:var(--story-ink);background:var(--story-card);border:1px solid var(--story-line);border-radius:23px;box-shadow:0 22px 65px #110a1c24;overflow:hidden;margin-bottom:64px;scroll-margin-top:100px}
.story-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px 20px}.story-kicker{font-size:10px;letter-spacing:.1em;font-weight:750;color:#bfa0ee;margin:0 0 7px}.story-toolbar p:last-child{font-size:13px;color:var(--story-muted);margin:0}.story-navigation{display:flex;align-items:center;gap:8px;flex:none}.story-count{font-size:11px;letter-spacing:.08em;color:var(--story-muted);margin-right:9px}.story-navigation button{width:37px;height:37px;border:1px solid var(--story-line);border-radius:50%;background:transparent;color:var(--story-ink);font-size:18px}
.story-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));padding:0 20px 20px;gap:5px;border-bottom:1px solid var(--story-line)}.story-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 5px;background:var(--story-soft);color:var(--story-muted);border:1px solid transparent;border-radius:10px;font-size:11px;font-weight:650;line-height:1.25}.story-tabs button span{font-size:9px;opacity:.65}.story-tabs button[aria-selected=true]{background:#7856ce;color:#fff;box-shadow:0 5px 14px #110a1c24}.story-showcase button:focus-visible{outline:3px solid #b295e5;outline-offset:2px}
.story-panel[hidden]{display:none}.story-main{display:grid;grid-template-columns:1.16fr 1fr;align-items:start;gap:34px;padding:28px}.story-visual{margin:0;min-width:0;border:1px solid var(--story-line);border-radius:17px;overflow:hidden;background:#faf8fd}.story-image-wrap{aspect-ratio:15/11;overflow:hidden}.story-visual img{display:block;width:100%;height:100%;object-fit:contain}.story-visual figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:8px 12px;background:var(--story-soft);color:var(--story-muted);font-size:9px;line-height:1.4}.story-motion{flex:none;border:1px solid var(--story-line);border-radius:7px;background:var(--story-card);color:var(--story-ink);padding:6px 9px;font-size:10px}
.story-overview{padding:8px 0 0}.story-overview h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.04em;line-height:1.12;margin:10px 0 16px;color:var(--story-ink)}.story-summary{font-size:14px;line-height:1.65;color:var(--story-muted);margin:0}.story-capabilities{list-style:none;padding:0;margin:19px 0;display:grid;gap:9px}.story-capabilities li{display:flex;gap:9px;font-size:12px;line-height:1.5;color:var(--story-muted)}.story-capabilities li>span{color:#b9e4a6;font-weight:750}.story-overview blockquote{margin:20px 0 0;padding:15px 17px;border-radius:11px;background:var(--story-soft);border:1px solid var(--story-line);font-size:13px;line-height:1.6;color:var(--story-ink)}.story-overview blockquote>span{display:block;font-size:9px;letter-spacing:.09em;font-weight:750;color:#bfa0ee;margin-bottom:6px}
.story-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 28px 18px;border-top:1px solid var(--story-line)}.story-detail-heading h3{font-size:22px;letter-spacing:-.03em;margin:0;color:var(--story-ink)}.story-detail-heading>span{font-size:11px;color:var(--story-muted)}.story-detail-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:18px;padding:0 28px 28px}.story-detail{border:1px solid var(--story-line);border-radius:14px;background:var(--story-soft);padding:20px}.story-detail h4{font-size:17px;line-height:1.25;margin:9px 0 19px;color:var(--story-ink);letter-spacing:-.02em}.story-detail dl{margin:0;display:grid;gap:18px}.story-detail dt{font-size:12px;font-weight:750;color:var(--story-ink)}.story-detail dd{margin:5px 0 0;font-size:12px;line-height:1.6;color:var(--story-muted)}.story-detail ol{padding:0;margin:0;list-style:none;counter-reset:handoff;display:grid;gap:16px}.story-detail ol li{counter-increment:handoff;padding-left:30px;position:relative}.story-detail ol li::before{content:counter(handoff);position:absolute;left:0;top:0;display:grid;place-items:center;width:21px;height:21px;border:1px solid var(--story-line);border-radius:50%;font-size:10px;color:#bfa0ee}.story-detail ol strong{font-size:12px;line-height:1.5;color:var(--story-ink)}.story-detail ol p{font-size:12px;line-height:1.6;margin:5px 0 0;color:var(--story-muted)}.story-deliverables>ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.story-deliverables>ul li{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--story-ink)}.story-deliverables .icon{width:16px;height:16px;color:#bfa0ee}.story-input,.story-review{margin-top:20px;padding-top:15px;border-top:1px solid var(--story-line)}.story-input strong,.story-review strong{font-size:11px;color:var(--story-ink)}.story-input p,.story-review p{font-size:11px;line-height:1.6;color:var(--story-muted);margin:6px 0 0}.story-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;border-top:1px solid var(--story-line)}.story-bottom p{font-size:12px;color:var(--story-muted);margin:0}.story-bottom a{font-size:12px;font-weight:700;white-space:nowrap;color:#c4a4f3}
html[data-theme=light] .story-intro h1 span{color:#7754ce}html[data-theme=light] .story-intro-copy>p{color:#655772}html[data-theme=light] .story-showcase{--story-ink:#30233e;--story-muted:#6b5b79;--story-line:#e5dced;--story-card:#fff;--story-soft:#faf7fd;box-shadow:0 18px 65px #71528c12}html[data-theme=light] .story-kicker,html[data-theme=light] .story-overview blockquote>span,html[data-theme=light] .story-detail ol li::before,html[data-theme=light] .story-deliverables .icon,html[data-theme=light] .story-bottom a{color:#8059ad}html[data-theme=light] .story-capabilities li>span{color:#638851}
@media(max-width:1100px){.story-intro{gap:30px}.story-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.story-main{gap:22px;padding:22px}.story-detail-grid{gap:10px;padding:0 22px 22px}.story-detail{padding:16px}.story-overview h2{font-size:29px}.story-summary{font-size:13px}.story-visual figcaption{flex-wrap:wrap}.story-detail-heading{padding-inline:22px}}
@media(max-width:850px){.story-intro{grid-template-columns:1fr;gap:20px;padding-bottom:28px}.story-intro h1{font-size:44px}.story-intro-copy>p{max-width:680px}.story-main{grid-template-columns:1fr}.story-overview{padding-top:0}.story-visual{max-width:100%}.story-detail-grid{grid-template-columns:1fr}.story-detail-heading{align-items:start;flex-direction:column;gap:6px}.story-detail dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.story-detail ol{grid-template-columns:repeat(3,minmax(0,1fr))}.story-deliverables>ul{grid-template-columns:repeat(3,minmax(0,1fr))}.story-bottom{align-items:start;flex-direction:column;gap:10px}}
@media(max-width:640px){.story-intro h1{font-size:37px}.story-intro .eyebrow{font-size:9px}.story-intro-copy>p{font-size:14px}.story-intro .hero-buttons{flex-wrap:wrap}.story-intro .btn{font-size:11px}.story-showcase{border-radius:16px;margin-bottom:40px}.story-toolbar{padding:18px 16px;align-items:start;gap:12px}.story-toolbar p:last-child{font-size:11px}.story-toolbar .story-kicker{font-size:9px;line-height:1.5}.story-navigation{gap:5px}.story-navigation button{width:30px;height:30px}.story-count{display:none}.story-tabs{padding:0 12px 14px;gap:4px}.story-tabs button{font-size:9px;min-height:44px;padding:6px 3px}.story-tabs button span{display:none}.story-main{padding:14px;gap:23px}.story-visual{border-radius:11px}.story-visual figcaption{padding:8px;font-size:8px}.story-motion{font-size:9px}.story-overview h2{font-size:28px}.story-summary{font-size:14px}.story-capabilities li{font-size:13px}.story-overview blockquote{font-size:13px}.story-detail-heading{padding:23px 16px 15px}.story-detail-heading h3{font-size:21px}.story-detail-grid{padding:0 14px 20px;gap:12px}.story-detail{padding:19px}.story-detail dl,.story-detail ol,.story-deliverables>ul{grid-template-columns:1fr}.story-detail dd,.story-detail ol p{font-size:13px}.story-detail dt,.story-detail ol strong{font-size:13px}.story-bottom{padding:18px 16px}}