.story-mode main>.case-story{display:block;padding:40px 28px 100px;overflow-y:auto;text-align:left}.case-story-inner{width:100%;max-width:1060px;margin:auto}.case-story-chat{max-width:620px;margin:0 0 36px auto;padding-left:18px}.case-story-chat>p{text-align:right;font-size:12px;opacity:.7;margin:0 8px 10px}.case-story-chat>div{background:#244d3d;border-radius:18px 3px 18px 18px;padding:22px;line-height:1.95;font-size:17px}.case-story-change{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;border-block:1px solid #63877366;padding:24px 0;margin:0 0 40px}.case-story-change h3{font-size:12px;font-weight:400;opacity:.75;margin:0 0 12px}.case-story-change p{font-size:17px;line-height:1.8;margin:2px 0}.case-story-change>div:first-child{opacity:.7}.case-story-change>span{font-size:25px}.case-story h2{font-size:38px;line-height:1.5;margin:0 0 36px;max-width:850px}.case-story-shot{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin:32px 0 56px;align-items:start}.case-story-shot h3{font-size:23px;line-height:1.65;margin:0 0 14px}.case-story-shot figcaption{font-size:15px;line-height:1.9}.case-story-crop{display:block;position:relative;overflow:hidden;background:white;border:1px solid #bbcbc5;border-radius:5px;width:100%}.case-story-crop img{position:absolute;max-width:none;height:auto}.case-story-crop span{position:absolute;bottom:0;right:0;background:white;color:#244b3b;padding:6px 10px;font-size:11px;border:1px solid #ccd8d1}.case-story-note{font-size:11px;line-height:1.9;opacity:.7}.case-story-role{border-top:1px solid #63877366;margin-top:30px;padding-top:24px;max-width:760px}.case-story-role h3{font-size:13px;margin:0 0 12px}.case-story-role>p{font-size:14px;line-height:1.9}.case-story-role .project-credit{font-size:11px;margin-top:20px}[data-theme=light] .case-story-chat>div{background:#d5ebdf;color:#173b32}@media(max-width:800px){.story-mode main>.case-story{padding:28px 20px 90px}.case-story-chat{padding-left:12px}.case-story-chat>div{font-size:15px;padding:18px}.case-story-change{gap:8px;padding:20px 0;margin-bottom:30px}.case-story-change p{font-size:12px}.case-story-change h3{font-size:11px}.case-story-change>span{font-size:18px}.case-story h2{font-size:27px}.case-story-shot{display:block;margin:28px 0 38px}.case-story-shot h3{font-size:20px;margin-bottom:8px}.case-story-shot figcaption{font-size:13px;margin-bottom:16px}.case-story-crop{margin-top:14px}}
.case-crop-style-1{aspect-ratio:480/440}
.case-crop-style-2{width:300.000%;left:-113.333%;top:-62.955%}
.case-crop-style-3{aspect-ratio:603/314}
.case-crop-style-4{width:238.806%;left:-41.791%;top:-145.541%}
.case-crop-style-5{aspect-ratio:690/443}
.case-crop-style-6{width:208.696%;left:-59.275%;top:-125.056%}
.case-crop-style-7{aspect-ratio:786/455}
.case-crop-style-8{width:183.206%;left:-18.830%;top:-168.352%}
.case-crop-style-9{aspect-ratio:730/468}
.case-crop-style-10{width:197.260%;left:-13.151%;top:-147.009%}
.case-crop-style-11{aspect-ratio:1020/239}
.case-crop-style-12{width:141.176%;left:-9.412%;top:-286.611%}
.case-story-chat .case-message+.case-message{margin-top:12px}.case-story-chat .case-typing{display:flex;align-items:center;gap:5px;width:fit-content;margin:12px 0 0 auto;padding:12px 18px;font-size:12px;border-radius:18px 3px 18px 18px;min-height:46px}.case-typing span{margin-right:7px;opacity:.7}.case-typing i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:case-dot 900ms ease-in-out infinite}.case-typing i:nth-of-type(2){animation-delay:150ms}.case-typing i:nth-of-type(3){animation-delay:300ms}.case-story-chat [hidden]{display:none!important}.case-waiting{visibility:hidden;pointer-events:none}@keyframes case-dot{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.case-typing i{animation:none}}

.case-client{font-size:14px;color:var(--muted);margin:0 0 20px}
.case-recap{margin:32px 0 0;padding-top:24px;border-top:1px solid var(--line);text-align:left}
.case-recap h2{font-size:clamp(20px,2.5vw,26px);margin:0 0 12px}
.case-recap ul{list-style:none;padding:0;margin:0;display:grid;gap:12px 24px}
.case-recap strong,.case-recap span{display:block;font-size:14px;line-height:1.65}
.case-recap span{color:var(--muted)}
@media(min-width:900px){.case-recap ul{grid-template-columns:repeat(2,minmax(0,1fr))}}

.scope-case-bridge{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:14px;line-height:1.7;color:var(--muted)}

#scope .scope-case-next{margin-top:14px;min-height:52px}

.story-mode main>.case-story[data-case-playing]{overflow-y:hidden}