.mobile-case-select,.mobile-case-lede{display:none}
@media(max-width:700px){
 main.wrap{padding-inline:18px}
 .hero{position:relative;padding-top:28px;display:block}
 .hero h1{font-size:40px;margin-right:70px}
 .hero .kicker{font-size:10px}
 .hero-card{position:absolute;right:0;top:34px;width:60px;max-width:60px;rotate:0;border-radius:8px;box-shadow:none}
 .hero-card img{aspect-ratio:1;object-fit:contain}
 .desktop-case-lede{display:none}
 .mobile-case-lede{display:block}
 .hero .lede{font-size:16px;line-height:1.5;margin-top:12px}
 .hero .wb{margin-top:16px;padding:10px 12px;font-size:12px;gap:8px}
 .hero .wb .n{display:none}
 .facts{margin-top:20px;border-radius:8px}
 .fact{padding:10px 12px}.fact .v{font-size:12px}.fact .k{font-size:10px}
 main>.spec-note{font-size:10px;line-height:1.5}
 .case-folders{top:54px;margin-top:22px;border-radius:9px;box-shadow:0 4px 16px #2f415609}
 .folder-heading{padding:10px 12px 0;font-size:12px;margin:0}
 .folder-location{display:none}
 .folder-tabs{padding:7px;gap:3px}
 .folder-tabs button{padding:9px 3px;font-size:10px;min-height:48px;line-height:1.35;justify-content:center}
 .folder-tabs svg{display:none}
 section.block.folder-panel{padding-top:22px;scroll-margin-top:175px}
 #walkthrough,#process,#script,#statics{scroll-margin-top:175px}
 .sec-head h2{font-size:30px}.sec-head .path{display:none}
 .folder-panel>.intro{font-size:14px;line-height:1.5;margin-top:8px}
 .walk-top{padding:12px;display:block}.walk-tabs,.walk-focus{display:none}
 .mobile-case-select{display:block;width:100%;font:13px var(--mono);color:var(--navy);background:var(--canvas);padding:12px 34px 12px 12px;border:1px solid var(--postit-edge);border-radius:7px;min-height:44px}
 .walk-panel{padding:22px 18px;min-height:0;gap:16px}
 .mobile-case-summary h3{font-size:29px;line-height:1.15;margin:0 0 12px}
 .mobile-case-summary p{font-size:15px;line-height:1.6;margin:0}
 .mobile-case-detail{width:100%;border-top:1px solid var(--hairline);margin-top:2px}
 .mobile-case-detail>summary{padding:14px 0 0;font:12px var(--mono);color:var(--teal);cursor:pointer;min-height:44px}
 .mobile-case-detail[open]>summary{padding-bottom:16px}
 .mobile-case-detail .walk-grid{gap:12px}.mobile-case-detail .walk-card{padding:14px}
 .mobile-case-detail>.walk-label,.mobile-case-detail>h3{display:none}
 .mobile-case-detail>.walk-quote{font-size:25px;line-height:1.35}
 .mobile-case-detail>*+*{margin-top:14px}
 .walk-controls{padding:12px}.walk-controls button{min-height:42px;font-size:11px}
 .steps{display:block;min-height:0}.step-list{display:none}
 #process .mobile-case-select{margin:12px;width:calc(100% - 24px)}
 #process .panel{padding:20px 18px;min-height:0}
 #process .mobile-case-summary h3{font:normal 27px/1.2 Milyuna,Georgia,serif}
 #process .mobile-case-detail{margin-top:16px}
 .script-stage .script-window{width:100%;max-width:none}
 .script{padding:12px 16px}.script-part,.script-part:first-child{margin:0}
 .script-part>.mobile-case-detail{margin:0;border-top:1px solid var(--hairline)}
 .script-part:first-child>.mobile-case-detail{border-top:0}
 .script-part>.mobile-case-detail>summary{font-size:13px;font-weight:500;padding:16px 0;min-height:52px}
 .script-part>.mobile-case-detail>.part-lbl{display:none}
 .hook.has-visual,.lines li.has-visual{grid-template-columns:24px minmax(0,1fr);min-height:0}
 .script .dialogue{font-size:15px;line-height:1.6}
 .hook{padding:14px;gap:10px}.hooks{gap:10px}
 .hook.has-visual .visual-frame,.lines li.has-visual .visual-frame{grid-column:2;width:100px;height:178px;margin-top:10px}
 .cta-layout>.visual-frame{width:100px;height:178px}
 .direction{font-size:12px}.lines li{padding:14px 0}
 .static-grid{gap:20px;margin-top:18px}.static-caption{padding:14px}
 .static-caption h3,.static-caption p{display:none}
 .static-caption .btn{margin-top:8px;padding:9px 12px;font-size:12px}
 .static-test{font-size:13px;margin-top:18px}
 .case-content>.links{gap:10px;margin-top:24px}.case-content>.links .btn{font-size:12px;padding:12px}
}