/* Current, already made HAM work. Keep the story entrance and original pages. */
.home-current-work{margin:48px auto 64px;padding:40px 0;border-block:1px solid #d9d4cc;max-width:1280px;color:#1c1814;scroll-margin-top:80px}
.home-current-work>header{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}
.home-current-work h2{font-size:clamp(26px,3vw,40px);line-height:1.3;letter-spacing:-.04em;margin:8px 0}
.home-current-work>header p{font-size:16px;line-height:1.7;margin:0;max-width:36ch}
.current-work-layout{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:36px}
.current-work-feature{display:block;color:inherit;text-decoration:none;min-width:0}
.current-work-feature>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#080c10}
.current-work-feature h3{font-size:26px;line-height:1.4;margin:16px 0 8px;letter-spacing:-.03em}
.current-work-feature p,.current-work-item p{font-size:16px;line-height:1.75;margin:8px 0}
.current-work-kind{font-size:13px!important;color:#4a423c;line-height:1.6!important}
.current-work-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px;text-decoration:underline;text-underline-offset:5px;color:#00704a}
.current-work-side{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.current-work-item{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;align-items:start;padding-bottom:24px;border-bottom:1px solid #d9d4cc}
.current-work-item>img{width:80px;height:120px;object-fit:contain;background:#080c10}
.current-work-item h3{font-size:22px;line-height:1.45;margin:4px 0 8px;letter-spacing:-.03em}
.home-current-jump{display:inline-flex;align-items:center;min-height:44px;font-size:15px;color:#00704a;text-underline-offset:5px;margin-top:12px}
.home-current-work a:focus-visible,.book-film a:focus-visible,.book-film button:focus-visible{outline:3px solid #00704a;outline-offset:5px}
.book-film{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:64px;align-items:center;border-block:1px solid #d9d4cc;padding-block:48px;scroll-margin-top:80px}
.book-film h2{font-size:clamp(28px,3vw,40px);line-height:1.3;letter-spacing:-.04em;margin:8px 0 24px}
.book-film-copy>p{font-size:17px;line-height:1.8;max-width:40ch}
.book-film-copy ol{padding:0;list-style:none;counter-reset:brief;margin:24px 0;border-top:1px solid #d9d4cc;max-width:40ch}
.book-film-copy li{counter-increment:brief;font-size:17px;line-height:1.7;padding:12px 0;border-bottom:1px solid #d9d4cc}
.book-film-copy li::before{content:'0' counter(brief);font-size:13px;color:#00704a;margin-right:16px}
.book-film-actions{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:24px}
.book-film-actions a{min-height:44px;display:inline-flex;align-items:center}
.book-film-player{margin:0;width:min(100%,288px);justify-self:center;min-width:0}
.book-film .colleague-player{aspect-ratio:9/16;width:100%;background:#080c10;overflow:hidden}
.book-film .colleague-player a{display:block;width:100%;height:100%;position:relative;color:white}
.book-film .colleague-player img{display:block;width:100%;height:100%;object-fit:cover}
.book-film .colleague-player iframe{border:0;display:block;width:100%;height:100%}
.book-film .colleague-play-label{position:absolute;inset:auto 16px 20px;background:#1c1814;color:white;padding:12px;text-align:center}
.book-film .colleague-video-controls{display:flex;gap:8px;margin-top:12px}
.book-film .colleague-video-controls[hidden]{display:none}
.book-film .colleague-video-controls button{font:inherit;min-height:48px;padding:10px 14px;flex:1;color:#1c1814;background:#f9f7f3;border:1px solid #4a423c;cursor:pointer}
.book-film figcaption{font-size:14px;line-height:1.75;color:#4a423c;margin-top:12px}
.book-film figcaption a{display:inline-flex;min-height:44px;align-items:center;color:inherit;text-underline-offset:4px}
@media(max-width:760px){
 .home-current-work{margin:32px 0 40px;padding:28px 20px;box-sizing:border-box}
 .home-current-work>header{display:block}
 .home-current-work>header>p{margin-top:16px}
 .current-work-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .current-work-feature h3{font-size:24px}
 .current-work-side{gap:20px}
 .current-work-item{grid-template-columns:64px minmax(0,1fr);gap:16px}
 .current-work-item>img{width:64px;height:100px}
 .current-work-item h3{font-size:20px}
 .book-film{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:32px}
 .book-film h2{font-size:30px}
 .book-film-copy>p,.book-film-copy li{font-size:16px}
}