/* One mobile composition per chapter; desktop artwork retains its coordinates. */
.mobile-computer{display:none}.motion-ip img{transition:opacity .2s ease}.cover-upper-motion img{transition:opacity .2s ease}.cover-upper-motion .cover-loop{position:absolute;inset:0;opacity:0}.cover-upper-motion.is-live .cover-loop{opacity:1}.cover-upper-motion.is-live .cover-still{opacity:0}
@media(max-width:760px){
 html,body{width:100%;overflow-x:clip}main{overflow:clip}.global-header{height:94px!important;display:block;padding:9px 16px!important;background:#17131beF}.global-header.light{background:#f1e9e1f5}.global-logo{display:inline-block;font-size:25px!important}.global-logo span{font-size:30px}.global-header nav{position:absolute!important;left:16px!important;right:16px;bottom:0;width:auto!important;max-width:none!important;gap:0!important;justify-content:space-between!important;overflow:visible!important}.global-header nav a{font:10px/1.4 Arial!important;padding:13px 0!important;letter-spacing:0}.global-header nav a[aria-current]:after{bottom:7px}.chapter-pager{position:relative!important;inset:auto!important;justify-content:space-between;padding:12px 16px 24px;background:#1b1720;gap:8px}.chapter-pager a{font-size:14px}.motion-page{min-height:0!important;height:auto!important;padding:120px 16px 20px!important;overflow:hidden}.unified-title,.page-works .unified-title{position:relative!important;inset:auto!important;width:100%!important;margin:0 0 22px!important;padding:0!important;background:none}.unified-title h2,.page-works .unified-title h2{font-size:34px!important}.unified-title em,.page-works .unified-title em{font-size:56px!important}.unified-title p{font-size:11px!important;letter-spacing:.24em}.about-script{display:none}
 /* Keep the complete landscape collage in view, with reachable chapter papers below. */
 #home{height:auto!important;min-height:100svh;padding:105px 0 74px;background:#121011;overflow:hidden}#home .collage-scene{position:relative!important;inset:auto!important;margin:0!important;width:100%!important;height:auto!important;aspect-ratio:1672/941;container-type:size;overflow:visible}#home .collage-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;mask-image:none!important;clip-path:none!important}#home .cover-foreground{inset:0!important;width:100%!important;height:100%!important}#home .cover-upper-motion{left:32.3%;top:12.2%;width:32.5%;height:124.9%}#home .paper-mask{display:none}#home .collage-paper{display:flex!important;position:absolute;left:5%!important;top:calc(100% + 22px)!important;bottom:auto!important;width:43%!important;height:110px!important;padding:12px 16px!important;transform:rotate(-2deg)}#home .paper-1,#home .paper-3{left:52%!important;transform:rotate(2deg)}#home .paper-2,#home .paper-3{top:calc(100% + 144px)!important}#home .collage-scene{margin-bottom:278px!important}#home .mobile-paper-copy{display:flex!important;flex-direction:column;gap:4px!important}#home .mobile-paper-copy i{font-size:23px!important}#home .mobile-paper-copy strong,#home .paper-3 strong{font-size:23px!important;line-height:1.1!important}#home .mobile-paper-copy small,#home .paper-3 small{font-size:10px!important}#home .collage-next{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);translate:none;white-space:nowrap}
 .page-character{background-size:auto 100%!important;background-position:center!important}.page-character .film-strip{position:relative!important;inset:auto!important;width:calc(100% + 32px)!important;margin:0 -16px;height:470px!important;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);z-index:3}.page-character .ski-ip{position:relative!important;inset:auto!important;margin:-65px 0 0 -40px!important;width:85%!important;height:370px!important;z-index:6}.page-character .character-card{padding:18px 17px!important}.character-card h3{font-size:28px!important}.character-card p{font-size:19px!important;line-height:1.5}.card-tags{font-size:16px!important;padding:8px 10px}.film-card-number{font-size:26px}
 /* Project groups keep their laptop and label together in a vertically sized orbit. */
 .page-works{height:870px!important;padding:120px 0 0!important}.page-works .unified-title{z-index:30}.page-works .evidence-plate{position:absolute!important;inset:0!important;height:100%!important;background-size:auto 100%!important;opacity:.55}.orbit-group{inset:210px 0 0!important;height:610px;transform-origin:var(--cx) var(--cy)}.orbit-laptop,.orbit-label{background-size:100% 100%}.orbit-label{display:none}.orbit-group .project-paper{position:absolute!important;left:var(--label-x)!important;top:var(--label-y)!important;width:43%!important;height:auto!important;min-height:95px;padding:10px!important;background:#f5e9dedf!important;clip-path:var(--tear);transform:none!important}.orbit-group .project-paper b{font-size:22px!important;white-space:normal}.orbit-group .project-paper span{font-size:17px!important;line-height:1.35;margin-top:7px!important}.orbit-group .laptop-hotspot{display:block!important}.page-works .playful-ip{position:absolute!important;left:37%!important;bottom:13%!important;width:26%!important;height:45%!important;z-index:10}.northstar-screen{background-size:100% 100%}
 .page-final{padding:125px 16px 34px!important;display:grid;grid-template-columns:1fr 1fr;gap:14px;color:#fff3e5}.final-art{background-size:auto 100%!important;opacity:.55}.final-copy{position:relative!important;inset:auto!important;grid-column:1/-1;text-align:center}.final-copy h2{font-size:44px!important}.final-english{font-size:11px;letter-spacing:.2em;margin:14px 0 22px}.final-thanks{font-size:20px!important;line-height:1.6;white-space:normal!important}.final-tiles{position:relative!important;inset:auto!important;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;height:auto!important;margin:12px 0}.final-tile{position:relative!important;inset:auto!important;width:100%!important;height:140px!important;background:#c8a3e6;clip-path:var(--tear)}.final-tile-1{background:#c7c3c7}.final-tile-2{background:#e9aac8}.final-tile-3{background:#b0c7ec}.final-tile em{font-size:38px!important}.final-tile b{font-size:24px!important}.final-tile i{font-size:24px!important}.final-phone{position:relative!important;inset:auto!important;grid-column:1/-1;width:100%!important;height:340px!important;margin:-10px 0;z-index:6}.final-resume,.final-contact{position:relative!important;inset:auto!important;width:100%!important;height:88px!important;background:#f0dfce;clip-path:var(--tear)}.final-contact{background:#9869bc}.final-resume b,.final-contact b{font-size:25px!important}.final-resume span,.final-contact span{font-size:14px!important}
 .orbit-group{inset:0 auto auto 0!important;width:156px!important;height:230px!important}.orbit-laptop,.orbit-label,.orbit-group .northstar-screen,.orbit-group .laptop-hotspot{display:none!important}.mobile-computer{display:block;width:156px;height:116px;background:url('/site/reference-refine/evidence-plate.webp') var(--computer-x) var(--computer-y)/450% 300%;border-radius:8px;box-shadow:0 8px 22px #38232c44;pointer-events:auto}.mobile-northstar{background:white url('/site/interaction-refine/northstar-screen.webp') center/cover;cursor:pointer;border:7px solid #aaa39e;border-bottom-width:13px}.orbit-group .project-paper{position:relative!important;inset:auto!important;width:100%!important;min-height:105px!important;margin-top:8px}.native-chapter{min-height:100svh;height:auto}#reviewDetail{padding:24px 20px}.dialog-body{font-size:19px;line-height:1.6}
}

@media(max-width:760px){#home{min-height:0!important}#home .collage-paper{height:122px!important}#home .paper-2,#home .paper-3{top:calc(100% + 156px)!important}#home .collage-scene{margin-bottom:302px!important}#home .paper-3 strong{font-size:21px!important}}

@media(max-width:760px){.page-works .playful-ip{left:28%!important;width:44%!important;height:540px!important;bottom:12%!important}.orbit-group .project-paper b{font-size:20px!important}}