/* Loaded only at <=600px. Desktop styling stays untouched. */
@media(max-width:600px){
 .film-header{inset:10px 12px auto;padding:8px 12px;min-height:58px}
 .film-name{font-size:17px}.film-header .mode-switch{font-size:14px;min-height:44px}
 .film-scene{padding:98px 22px 100px;display:flex;justify-content:flex-start;gap:22px;min-height:100svh}
 .film-kicker{font-size:12px;line-height:1.55;letter-spacing:.025em;max-width:100%;margin:0;flex-shrink:0}
 .film-type{margin:auto 0;flex-shrink:0}
 .film-type h1,.film-type h2{font-size:clamp(3.2rem,16vw,4.5rem);line-height:.99;letter-spacing:-.06em;text-wrap:initial;overflow-wrap:normal}
 .film-type em{letter-spacing:-.065em}
 .film-bottom{margin:0;gap:20px;flex-shrink:0;width:100%}
 .film-bottom p{font-size:18px;line-height:1.5;max-width:34ch;text-wrap:initial}
 .film-bottom a,.film-bottom button{font-size:16px;min-height:48px;padding:10px 0}
 .film-aside{font-size:13px;line-height:1.5}
 .film-company{font-size:22vw;bottom:82px;right:20px;opacity:.045}
 .film-enhanced .film-controls{left:22px;right:22px;bottom:18px;gap:12px!important}
 .film-controls button{min-width:44px;min-height:44px;font-size:24px}
 .film-counter{font-size:12px}.film-current{font-size:12px;max-width:none;line-height:1.3}
 .film-work,.film-contact{padding:64px 22px 50px}
 .film-work h2,.film-contact h2{font-size:clamp(3rem,13vw,4.5rem)}
 .film-work-heading>p:last-child,.film-contact>div p{font-size:18px;line-height:1.5}
 .film-work-list>button{gap:12px;padding:25px 0}.film-work-list strong{font-size:20px;line-height:1.25}
 .film-work-note,.film-personal{font-size:14px}
 .film-page footer{padding:24px 22px;gap:14px 24px}
 .film-page footer a,.film-page footer button{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
 .film-page .case-modal{width:calc(100% - 12px);max-height:calc(100svh - 12px);margin:auto}
 .film-page .reader-toolbar{padding:8px 14px}.film-page .reader-position{font-size:11px}
 .film-page .case-content{padding:24px 16px}.film-page .case-content h2{font-size:clamp(2.2rem,10vw,3.2rem)}
 .film-page .case-content .case-lead,.film-page .case-chapter p{font-size:17px}
 .film-page .case-chapter{grid-template-columns:22px minmax(0,1fr);gap:12px}
 .film-page .workbench-bar{align-items:flex-start}.film-page .workbench-reset{min-height:44px;font-size:13px}
 .film-page .workbench-stage{height:440px}
 .film-page .work-object{padding:12px 10px;min-height:174px;height:174px}
 .film-page .work-object strong{font-size:21px}.film-page .object-meta{font-size:10px}
 .film-page .workbench-detail strong{font-size:22px}.film-page .case-content .workbench-detail p{font-size:17px}
 .film-page .case-content .workbench-caption{font-size:13px}
 .personal-index{padding:32px 22px 28px}.index-header{gap:12px;margin-bottom:32px;align-items:center}
 .index-header h1{font-size:22px}.index-header p{font-size:14px}
 .personal-index .mode-switch{font-size:13px;min-height:44px;padding:0}
 .index-intro{font-size:18px;line-height:1.65}.index-experience{margin-top:36px}
 .index-company{font-size:17px}.index-company small{font-size:14px}
 .index-dates{font-size:12px;gap:10px}.index-detail{font-size:16px}.index-detail a{font-size:15px;display:inline-block;min-height:44px}
 .index-contact{font-size:16px}.index-contact a{min-height:44px;align-items:center}
 .index-footer{margin-top:38px}.index-footer button{font-size:14px;min-height:44px}
 .resume-page .resume-main{padding-left:22px;padding-right:22px}.resume-page p{overflow-wrap:break-word}
}
@media(max-width:360px){
 .film-scene{padding-left:18px;padding-right:18px;gap:18px}
 .film-type h1,.film-type h2{font-size:15.8vw}
 .film-bottom p{font-size:17px}
 .film-name{font-size:16px}.film-header .mode-switch{font-size:12px}
 .film-page .work-object strong{font-size:19px}.film-page .object-meta{font-size:9px}
 .index-header h1{font-size:20px}.personal-index{padding-left:18px;padding-right:18px}
}
@media(max-width:600px) and (max-height:740px){
 .film-scene{padding-top:88px;padding-bottom:88px;gap:16px}
 .film-type h1,.film-type h2{font-size:clamp(3rem,14.5vw,4rem)}
 .film-bottom{gap:14px}.film-bottom p{font-size:17px;line-height:1.45}
 .film-kicker{font-size:11px}.film-aside{font-size:12px}
}