/* Reference-aligned visual refinement. Titles only retain ShouJin. */
body{font-family:'KaiTi','STKaiti',serif}.character-card h3,.character-card p,.card-tags,.tv-label b,.tv-label small,.end-tiles b,.end-copy>p:not(.end-english),.end-actions b,.dialog-body,.dialog-links a,.project-tabs button,.mobile-paper-copy strong{font-family:'KaiTi','STKaiti',serif}
.global-header{background:linear-gradient(#100f0dee,#100f0d50,transparent);backdrop-filter:none;height:74px}.global-header.light{background:linear-gradient(#f1e9e1ee,#f1e9e188,transparent)}.global-header nav{left:50.3%;width:45%;gap:18px}.global-header nav a{font-size:clamp(11px,1.2vw,21px)}.global-logo{font-size:clamp(30px,3.2vw,54px)}
#home .collage-scene{inset:0;margin:0;width:100%;height:100%;animation:none}#home .collage-art{object-fit:fill}#home .seated-ip-canvas{z-index:1}#home .paper-mask{z-index:2;left:85%;top:12%;width:15%;height:68%;background:#131210;clip-path:polygon(0 5%,96% 0,100% 97%,0 100%)}
#home .collage-paper{z-index:3;left:85.8%;width:12%;height:15.2%;padding:1.6vh 1vw;clip-path:polygon(0 3%,13% 5%,25% 0,43% 3%,61% 0,83% 4%,99% 0,100% 26%,96% 35%,100% 44%,100% 96%,81% 100%,62% 96%,41% 100%,21% 97%,0 100%,2% 73%,0 61%)}
#home .paper-0{top:13.5%}#home .paper-1{top:29.9%}#home .paper-2{top:46.2%}#home .paper-3{top:62.5%}.mobile-paper-copy{gap:3px}.mobile-paper-copy i{font-size:clamp(20px,1.9vw,32px)}.mobile-paper-copy strong{font-size:clamp(20px,1.7vw,31px);font-weight:700}.mobile-paper-copy small{font-size:clamp(9px,.9vw,16px)}
.page-character{background-color:#eee6df}.ski-ip{left:-6%;width:35%;height:65%;filter:none;z-index:6}.film-strip{left:13%;width:90%;top:28%;height:61%;mask-image:linear-gradient(to right,transparent,#000 13%,#000 96%,transparent)}.character-card{border:0;box-shadow:none;border-radius:7px}.character-card:before{height:100%;background-size:750% 540%;opacity:.4}.character-card p{font-size:clamp(17px,1.35vw,23px)}.card-tags{font-size:clamp(15px,1.15vw,20px)}
.page-works{background:#f3e9de;color:#18151a}.evidence-plate{position:absolute;inset:0;background:url("/site/reference-refine/evidence-plate.webp") center/100% 100% no-repeat;z-index:-1}.page-works .unified-title{left:33%;top:8.5%;width:34%;background:none;clip-path:none;padding:0}.page-works .unified-title em{color:#201b21}.project-paper{position:absolute;background:none;border:0;padding:0;z-index:7;color:#18151a;text-align:center;transition:translate .12s,filter .12s}.project-paper b{display:block;font:italic 700 clamp(22px,2.4vw,43px)/1.1 Georgia,'KaiTi',serif;white-space:nowrap}.project-paper span{display:block;font:400 clamp(18px,1.5vw,27px)/1.45 'KaiTi','STKaiti',serif;margin-top:3.3vh}.project-0{left:4.8%;top:26.4%;width:15.8%;height:17%;transform:rotate(-5deg)}.project-1{left:81%;top:27%;width:15%;height:17%;transform:rotate(-5deg)}.project-2{left:1.7%;top:59%;width:15.6%;height:17%;transform:rotate(-4deg)}.project-3{left:84%;top:61%;width:15.2%;height:17%;transform:rotate(-3deg)}.project-paper:hover{translate:0 -4px;filter:brightness(1.1)}.laptop-hotspot{position:absolute;z-index:2;border:0;background:transparent;border-radius:10px;cursor:pointer}.laptop-hotspot:hover{box-shadow:0 0 0 2px #ce779454,0 0 28px #efc3d166}.laptop-0{left:20%;top:22%;width:21%;height:26%;transform:rotate(7deg)}.laptop-1{left:61%;top:23%;width:18%;height:27%;transform:rotate(-6deg)}.laptop-2{left:15%;top:52%;width:25%;height:30%;transform:rotate(-5deg)}.laptop-3{left:61%;top:56%;width:23%;height:28%;transform:rotate(4deg)}.playful-ip{left:41.4%;bottom:4.3%;width:14%;height:73.5%;filter:none;z-index:4}
@media(max-width:760px){.global-header{height:64px}.global-header nav{position:relative;left:auto;width:auto;gap:18px;max-width:66%}.global-header nav a{font-size:10px}.global-logo{font-size:26px}#home .collage-scene{width:177.7svh;height:100svh;left:50%;margin-left:-88.85svh}#home .collage-paper{display:none}.page-character .ski-ip{position:relative;left:-15%;width:85%;height:420px;margin-top:-90px;z-index:6}.page-character .film-strip{position:relative;left:0;top:auto;width:100%;height:500px;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}.page-works{height:940px;padding:90px 12px 0}.page-works .unified-title{position:relative;inset:auto;width:100%;margin:0}.evidence-plate{top:170px;height:650px;background-size:auto 100%;background-position:center}.project-paper{height:130px;width:42%;transform:none;background:#f5eadcdd;clip-path:var(--tear);padding:12px}.project-paper b{font-size:24px}.project-paper span{font-size:18px;margin-top:8px}.project-0{left:3%;top:26%}.project-1{left:55%;top:26%}.project-2{left:3%;top:69%}.project-3{left:55%;top:69%}.playful-ip{position:absolute;left:36%;bottom:21%;width:28%;height:45%}.laptop-hotspot{display:none}}
#home .paper-3 strong{font-size:clamp(18px,1.45vw,27px)}#home .paper-3 .mobile-paper-copy{gap:1px}#home .paper-3{padding-top:1vh}.global-logo span{color:#ee4f91}
.project-3 b{font-size:clamp(20px,2.05vw,36px)}.project-paper span{margin-top:2.7vh}.project-0 span{margin-top:2.4vh}
.character-card:before{inset:0;height:100%;background-image:url("/site/reference-refine/film-photos.webp");background-size:300% 100%;background-position:0 0;opacity:.68;filter:none}.frame-1:before{background-size:300% 100%;background-position:50% 0}.frame-2:before{background-size:300% 100%;background-position:100% 0}.character-card{background:#25232a}.character-card h3,.character-card p{text-shadow:0 1px 5px #000,0 0 15px #0009}.project-3 b{font-size:clamp(20px,2vw,35px)}
html{scroll-padding-top:0!important;overflow-anchor:none}main>section{scroll-margin-top:0!important}
