.case-editorial main{width:min(var(--studio-width),calc(100% - var(--studio-gutter)*2));max-width:var(--studio-width);margin:auto}
.case-editorial section{scroll-margin-top:90px}
.case-opening{padding:25px 0 45px;border-bottom:1px solid var(--studio-line)}
.case-opening-copy{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px}
.case-editorial .case-opening h1{font-size:clamp(42px,5.5vw,78px);font-weight:500;margin:25px 0 12px}
.case-type{font-size:15px;color:var(--studio-muted)}
.case-opening-note>p{font-size:15px;max-width:44ch}
.case-pills{display:flex;gap:19px;flex-wrap:wrap;margin:20px 0;font-size:11px;color:var(--studio-muted)}.case-pills span{padding:0;border:0;background:none;border-radius:0}
.case-play{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-size:12px;border-bottom:1px solid var(--studio-line)}.case-play svg{width:17px;height:17px}
.case-story-intro{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:80px;padding:40px 0 23px}
.case-story-intro h2{font-size:26px;max-width:28ch}.case-story-intro p{font-size:13px;max-width:45ch}
.case-visual-note{font-size:11px;padding:0 0 25px}
.case-story{display:grid;grid-template-columns:.8fr 1.35fr;align-items:center;gap:75px;padding:24px 0 64px}
.case-story+.case-story{border-top:1px solid var(--studio-line);padding-top:55px}
.case-story:nth-child(even){grid-template-columns:1.35fr .8fr}.case-story:nth-child(even) .story-copy{order:2}
.story-copy article+article{margin-top:32px;padding-top:26px;border-top:1px solid var(--studio-line)}
.case-editorial .story-copy h2{font-size:26px;max-width:24ch;margin:0 0 16px}
.story-copy p{font-size:13px;max-width:42ch}.story-aside{display:block;font-size:11px;color:var(--studio-muted);margin-top:18px}
.story-art{margin:0;min-width:0}
.generated-device{display:block;padding:0;border:0;background:var(--studio-surface);width:100%;border-radius:10px;overflow:hidden;cursor:zoom-in}
.generated-device img{display:block;width:100%;height:auto;transition:transform .65s var(--studio-ease)}
.generated-device:hover img{transform:scale(1.018)}.story-art figcaption{font-size:11px;color:var(--studio-muted);margin-top:12px}
.case-demo-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr);gap:75px;align-items:start;padding:58px 0 68px;border-top:1px solid var(--studio-line)}
.case-demo-heading{position:sticky;top:100px}.case-demo-heading h2{font-size:30px}.case-demo-heading p{font-size:14px;max-width:32ch;margin-top:20px}
.case-editorial .interactive-stage{width:100%!important;max-width:850px!important;margin:0!important;padding:20px!important;border:0!important;border-radius:10px!important;box-shadow:none!important;background:var(--studio-surface)!important;position:relative!important;transform:none!important}
.case-editorial .stage-invitation{padding:2px 0 20px;color:var(--studio-muted)}.case-editorial .stage-invitation p{font-size:12px!important;line-height:1.6}.case-editorial .product-demo{min-width:0}.case-editorial .stage-live-label{font-size:10px}
.case-capabilities{padding:50px 0;border-top:1px solid var(--studio-line)}
.case-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:30px}
.case-capability-grid article{padding-top:22px;border-top:1px solid var(--studio-line);background:none;border-radius:0}
.case-capability-grid article>svg{width:18px;height:18px;color:var(--studio-accent);margin-bottom:15px}
.case-capability-grid h3{font-size:19px;margin-bottom:12px}.case-capability-grid p{font-size:13px;line-height:1.75}
.case-details{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;padding:55px 0}.case-details h2{font-size:28px}
.case-details details{border-bottom:1px solid var(--studio-line)}.case-details details:first-child{border-top:1px solid var(--studio-line)}
.case-details summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;list-style:none;cursor:pointer;font-size:16px;min-height:62px}
.case-details summary::-webkit-details-marker{display:none}.case-details summary>i{position:relative;width:18px;height:18px;flex:none;font-style:normal}
.case-details summary>i::before,.case-details summary>i::after{content:'';position:absolute;left:4px;top:8px;width:10px;height:1px;background:var(--studio-muted)}
.case-details summary>i::after{transform:rotate(90deg);transition:transform .25s}.case-details details[open] summary>i::after{transform:rotate(0)}
.case-details details p{font-size:13px;line-height:1.8;padding:0 25px 23px 0}
.case-stack{padding:30px 0 60px}.case-stack>p{font-size:12px;margin-top:15px}.case-stack>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:25px}
.case-stack>div>span{display:grid;gap:6px;border-top:1px solid var(--studio-line);padding:18px 0;background:none;border-radius:0}
.case-stack strong{font-size:16px;font-weight:500}.case-stack small{font-size:11px;color:var(--studio-muted)}
.case-related{padding:50px 0 65px;border-top:1px solid var(--studio-line)}.case-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:28px}
.case-related a{display:block;background:none;padding:0;border-radius:0;min-width:0;overflow:hidden}
.case-related img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border-radius:10px;display:block;transition:transform .65s var(--studio-ease)}
.case-related a:hover img{transform:scale(1.02)}
.case-related a>span{display:flex;align-items:center;justify-content:space-between;font-size:19px;padding:16px 0 6px}.case-related svg{width:17px;height:17px}.case-related small{display:block;color:var(--studio-muted);font-size:11px}
@media(max-width:1000px){.case-opening-copy,.case-story-intro{gap:40px}.case-story,.case-story:nth-child(even){gap:40px}.case-demo-section{gap:40px}.case-details{gap:45px}.case-capability-grid{gap:20px}.case-editorial .story-copy h2{font-size:23px}}
@media(max-width:750px){.case-opening{padding:0 0 32px}.case-opening-copy{grid-template-columns:1fr;gap:24px}.case-editorial .case-opening h1{font-size:46px;margin-top:25px}.case-type{font-size:14px}.case-opening-note>p{font-size:14px}.case-pills{gap:13px;margin:16px 0}.case-story-intro{display:block;padding:32px 0 18px}.case-story-intro h2{font-size:24px}.case-story-intro p{margin-top:16px;font-size:13px}.case-visual-note{font-size:10px;padding-bottom:20px}.case-story,.case-story:nth-child(even){display:flex;flex-direction:column;gap:25px;align-items:stretch;padding:12px 0 38px}.case-story:nth-child(even) .story-copy{order:0}.story-art{order:-1}.story-copy article+article{margin-top:24px;padding-top:22px}.case-editorial .story-copy h2{font-size:23px}.story-copy p{max-width:55ch}.story-aside{margin-top:12px}.story-art figcaption{font-size:10px}.case-story+.case-story{padding-top:35px}.case-demo-section{display:block;padding:38px 0}.case-demo-heading{position:static;margin-bottom:25px}.case-demo-heading h2{font-size:27px}.case-demo-heading p{margin-top:14px;font-size:13px;max-width:45ch}.case-editorial .interactive-stage{padding:14px!important}.case-editorial .stage-live-label{display:none}.case-capabilities{padding:35px 0}.case-capability-grid{grid-template-columns:1fr 1fr;gap:22px}.case-capability-grid h3{font-size:18px}.case-capability-grid p{font-size:12px}.case-details{display:block;padding:40px 0}.case-details h2{font-size:26px;margin-bottom:25px}.case-details summary{font-size:15px}.case-stack{padding:15px 0 38px}.case-stack>div{grid-template-columns:1fr 1fr;gap:14px 25px}.case-related{padding:35px 0 45px}.case-related>div{gap:25px 15px;grid-template-columns:1fr 1fr}.case-related a>span{font-size:16px;gap:10px}.case-related small{font-size:10px}}
@media(max-width:420px){.case-related>div{grid-template-columns:1fr}.case-related img{aspect-ratio:1.6}.case-related a>span{font-size:20px}.case-capability-grid{gap:20px}.case-stack>div{gap:12px 20px}}
