.story-hero { min-height: 560px; padding: 110px 0 76px; display: grid; align-content: end; border-bottom: 1px solid var(--line); }
.story-hero .shell { display: grid; grid-template-columns: 220px 1fr; gap: 44px; }
.story-hero h1 { max-width: 980px; margin: 0; font-family: var(--display); font-size: clamp(54px,7vw,100px); line-height: .94; font-weight: 700; }
.story-hero h1 em { color: var(--purple); font-style: normal; }
.story-hero-copy { grid-column: 2; max-width: 680px; margin: 28px 0 0; color: var(--muted); font-size: 17px; line-height: 1.65; }
.case-paths { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); }
.case-path { min-height: 520px; padding: 34px; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: var(--panel); transition: background .3s ease; }
.case-path:last-child { border-right: 0; }.case-path:hover { background: var(--panel-2); }
.case-path > span { color: var(--purple-light); font-size: 11px; }
.path-visual { height: 110px; margin-top: 60px; position: relative; overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background-image: linear-gradient(90deg,transparent,var(--purple),var(--coral),transparent); background-size: 100% 1px; background-position: center; background-repeat: no-repeat; }
.path-visual i { position: absolute; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: #fff; box-shadow: 0 0 15px var(--purple); animation: path-packet 4s linear infinite; }.path-visual i:nth-child(2){animation-delay:-1.3s}.path-visual i:nth-child(3){animation-delay:-2.6s}
.case-path h2 { margin: 54px 0 14px; font-family: var(--display); font-size: clamp(40px,4vw,58px); line-height: 1; }
.case-path p { max-width: 520px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; }
.case-path strong { margin-top: auto; padding-top: 34px; color: var(--acid); font-size: 13px; }
.story-section { padding: 100px 0; border-bottom: 1px solid var(--line); }
.story-intro { display: grid; grid-template-columns: 220px 1fr; gap: 44px; margin-bottom: 42px; }
.story-intro h2 { max-width: 850px; margin: 0; font-family: var(--display); font-size: clamp(40px,5vw,70px); line-height: 1; }
.story-intro p:last-child { max-width: 650px; margin: 20px 0 0; color: var(--muted); font-size: 15px; line-height: 1.65; }
.work-list { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); }
.work-card { min-height: 390px; padding: 28px; display: flex; flex-direction: column; border-right: 1px solid var(--line); background: var(--panel); }
.work-card:last-child { border-right: 0; }.work-card > span { color: var(--purple-light); font-size: 11px; }
.work-card h2 { margin: 100px 0 14px; font-family: var(--display); font-size: 35px; }
.work-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.work-card ul { margin: auto 0 0; padding: 26px 0 0; display: flex; flex-wrap: wrap; gap: 7px; list-style: none; }
.work-card li { padding: 6px 8px; border: 1px solid var(--line); color: var(--acid); font-size: 10px; text-transform: uppercase; }
.work-note { margin-top: 24px; padding: 20px; border-left: 2px solid var(--purple); background: rgba(128,112,248,.07); color: var(--muted); font-size: 13px; line-height: 1.6; }
.playbook-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.playbook-box { border: 1px solid var(--line); background: var(--panel); }
.playbook-box summary { min-height: 350px; padding: 28px; display: flex; flex-direction: column; cursor: pointer; list-style: none; }
.playbook-box summary::-webkit-details-marker { display: none; }
.playbook-box summary > span { color: var(--purple-light); font-size: 11px; }
.playbook-box summary h2 { max-width: 500px; margin: 88px 0 14px; font-family: var(--display); font-size: clamp(34px,4vw,52px); line-height: 1; }
.playbook-box summary p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }
.playbook-box summary strong { margin-top: auto; padding-top: 30px; color: var(--acid); font-size: 12px; }
.playbook-box[open] summary strong { color: var(--purple-light); }
.playbook-detail { padding: 0 28px 30px; border-top: 1px solid var(--line); }
.lesson-list { display: grid; grid-template-columns: repeat(3,1fr); }
.lesson { min-height: 190px; padding: 22px 18px 18px 0; border-right: 1px solid var(--line); margin-right: 18px; }.lesson:last-child{border-right:0;margin-right:0}
.lesson b { color: var(--acid); font-size: 10px; }.lesson strong { display: block; margin-top: 60px; font-size: 15px; line-height: 1.4; }
.playbook-map { margin: 22px 0 0; color: var(--muted); font-size: 12px; }.playbook-map a { color: var(--purple-light); text-decoration: underline; text-underline-offset: 4px; }
.team-capabilities { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); }
.team-capability { min-height: 470px; padding: 34px; border-right: 1px solid var(--line); background: var(--panel); }.team-capability:last-child{border-right:0}
.team-capability > span { color: var(--purple-light); font-size: 11px; }
.team-capability h2 { margin: 105px 0 16px; font-family: var(--display); font-size: clamp(36px,4vw,56px); line-height: 1; }
.team-capability p { max-width: 520px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.65; }
.team-capability ul { margin: 30px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 7px; list-style: none; }
.team-capability li { padding: 7px 9px; border: 1px solid var(--line); color: #d8d5df; font-size: 10px; text-transform: uppercase; }
.about-page .contact::before { display: none; }.about-page .contact { background-image: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size: 72px 72px; }
@keyframes path-packet { from{left:-2%} to{left:102%} }
@media(max-width:900px){.story-hero .shell,.story-intro{grid-template-columns:1fr}.story-hero-copy{grid-column:1}.case-paths,.work-list,.playbook-grid,.team-capabilities{grid-template-columns:1fr}.case-path,.work-card,.team-capability{border-right:0;border-bottom:1px solid var(--line)}.case-path:last-child,.work-card:last-child,.team-capability:last-child{border-bottom:0}}
@media(max-width:700px){.story-hero{min-height:520px;padding:80px 0 58px}.story-hero h1{font-size:52px}.story-section{padding:76px 0}.case-path{min-height:420px;padding:24px}.path-visual{margin-top:42px}.case-path h2{margin-top:42px}.work-card{min-height:330px;padding:24px}.work-card h2{margin-top:70px}.playbook-box summary{min-height:320px;padding:24px}.playbook-detail{padding:0 24px 24px}.lesson-list{grid-template-columns:1fr}.lesson{min-height:140px;margin:0;border-right:0;border-bottom:1px solid var(--line)}.lesson:last-child{border-bottom:0}.lesson strong{margin-top:32px}.team-capability{min-height:390px;padding:24px}.team-capability h2{margin-top:78px}}
@media(prefers-reduced-motion:reduce){.path-visual i{animation:none!important}}