.page-character{background:url("/site/interaction-refine/character-background.webp") center/100% 100% no-repeat}
/* The lower body and all surrounding collage stay in the original cover coordinates. */
.cover-upper-motion{position:absolute;left:32.3%;top:12.2%;width:32.5%;height:124.9%;z-index:1;pointer-events:none;clip-path:inset(0 0 60% 0)}.cover-upper-motion img{width:100%;height:100%;object-fit:fill}.cover-foreground{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}#home .paper-mask{z-index:3}#home .collage-paper{z-index:4}
.page-works .evidence-plate{background-image:url("/site/interaction-refine/orbit-background.webp")}.orbit-group{position:absolute;inset:0;pointer-events:none;will-change:transform;transform-origin:var(--cx) var(--cy)}.orbit-group .project-paper,.orbit-group .laptop-hotspot{pointer-events:auto}.orbit-laptop,.orbit-label{position:absolute;inset:0;background:url("/site/reference-refine/evidence-plate.webp") center/100% 100%;pointer-events:none}.orbit-group .project-paper span{font-family:'FangSong','STFangsong',serif;font-weight:700}.northstar-screen{position:absolute;left:20.7%;top:22.6%;width:18.1%;height:24.2%;background:white url("/site/interaction-refine/northstar-screen.webp") center/100% 100%;clip-path:polygon(0 0,94% 18%,100% 100%,8% 84%);pointer-events:none}.page-works .playful-ip{z-index:10;pointer-events:none}.orbit-group .laptop-hotspot{box-shadow:none}.orbit-group .laptop-hotspot:hover{filter:brightness(1.12)}
.page-final{color:#fff3e5;background:#8f6c52}.final-art{position:absolute;inset:0;background:url("/site/interaction-refine/final-background.webp") center/100% 100%;z-index:-1}.final-tile{position:absolute;width:18%;height:22%;text-align:center;color:#171319;z-index:4;display:flex;flex-direction:column;justify-content:center;text-decoration:none;transition:filter .12s,translate .12s}.final-tile:hover{filter:brightness(1.2);translate:0 -4px}.final-tile em{font:italic 4vw/1 Georgia;color:#47354b}.final-tile i{position:absolute;right:9%;top:11%;font:2.6vw Georgia}.final-tile b{font:400 2.4vw/1.2 'KaiTi','STKaiti',serif;margin-top:8px}.final-tile-0{left:6%;top:23%;transform:rotate(-5deg)}.final-tile-1{left:34%;top:25%;transform:rotate(5deg)}.final-tile-2{left:5%;top:54%;transform:rotate(-5deg)}.final-tile-3{left:33%;top:54%;transform:rotate(5deg)}.final-phone{position:absolute;left:23%;bottom:9%;width:12%;height:79%;z-index:6;pointer-events:none}.final-copy{position:absolute;left:60.5%;top:20%;right:4%;z-index:5}.final-copy h2{font:400 5.2vw/1.3 ShouJin,serif;margin:0;white-space:nowrap}.final-english{font:italic 1.2vw Arial;letter-spacing:.35em;margin:1.8vh 0 7vh}.final-thanks{font:400 2.1vw/1.7 'KaiTi','STKaiti',serif;white-space:nowrap}.final-resume,.final-contact{position:absolute;top:65%;width:17%;height:12%;z-index:7;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;border:0;background:none;padding:0;color:#18141b;transition:translate .12s}.final-resume{left:60%}.final-contact{left:79%;color:#fff5fa}.final-resume b,.final-contact b{font:400 2.5vw/1.2 'KaiTi',serif}.final-resume span,.final-contact span{font:1.3vw Arial;margin-top:6px}.final-resume:hover,.final-contact:hover{translate:0 -4px}
@media(max-width:760px){.page-character{background-size:auto 100%;background-position:20% center}.page-works{height:100svh;min-height:700px}.page-works .evidence-plate{inset:0;height:100%;background-size:auto 100%}.page-works .unified-title{position:absolute;top:13%;left:0;width:100%;z-index:30}.orbit-group .project-paper{font-size:12px;width:25%;height:auto;background:#f4e6d8;left:0;top:40%;padding:5px;clip-path:var(--tear)}.orbit-group .project-paper b{font-size:13px}.orbit-group .project-paper span{font-size:11px;margin-top:3px}.orbit-group .project-1,.orbit-group .project-3{left:75%}.page-works .playful-ip{left:37%;width:26%;bottom:15%;height:50%}.page-final{height:1050px;padding:0}.final-art{background-size:auto 100%;background-position:30% center}.final-copy{left:8%;right:8%;top:10%;text-align:center}.final-copy h2{font-size:52px}.final-english{font-size:11px;margin-bottom:20px}.final-thanks{font-size:20px;white-space:normal}.final-tiles{position:absolute;left:0;right:0;top:32%;height:45%}.final-tile{width:40%;height:36%;background:#c8a3e6;clip-path:var(--tear)}.final-tile em{font-size:35px}.final-tile i{font-size:24px}.final-tile b{font-size:25px}.final-tile-0{left:3%;top:0}.final-tile-1{left:57%;top:0;background:#c7c3c7}.final-tile-2{left:3%;top:56%;background:#e9aac8}.final-tile-3{left:57%;top:56%;background:#b0c7ec}.final-phone{left:37%;bottom:27%;height:40%;width:26%}.final-resume,.final-contact{top:80%;width:42%;height:85px;background:#eddfd1;clip-path:var(--tear)}.final-resume{left:5%}.final-contact{left:53%;background:#9869bc}.final-resume b,.final-contact b{font-size:27px}.final-resume span,.final-contact span{font-size:15px}}
#home .paper-3 .mobile-paper-copy small{font-size:clamp(8px,.75vw,13px);margin-top:2px}#home .paper-3 strong{font-size:clamp(17px,1.3vw,25px)}#home .paper-3{padding-bottom:1vh}
.northstar-screen{clip-path:polygon(1% 2%,88% 26%,96% 90%,9% 86%)}
@media(min-width:761px){.final-phone{left:21.5%;width:16%;height:82%;bottom:9%}}