:root{--ink:#201b22;--pink:#f168a1;--purple:#aa80d0;--tear:polygon(0 7%,8% 2%,17% 5%,28% 0,41% 4%,56% 1%,69% 4%,82% 0,98% 5%,100% 20%,98% 42%,100% 60%,97% 96%,83% 100%,66% 96%,52% 100%,35% 97%,18% 100%,1% 96%,3% 73%,0 50%,2% 26%)}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:var(--ink);background:#181619;font-family:ShouJin,'FangSong',serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}main{overflow:clip}.global-header{position:fixed;z-index:100;left:0;right:0;top:0;height:74px;display:flex;align-items:center;padding:0 3.1%;color:white;background:#171519ed;backdrop-filter:blur(14px);transition:color .12s,background .12s}.global-header.light{background:#efe7dff0;color:#211a25}.global-logo{font:italic 34px/1 'Segoe Print',cursive;white-space:nowrap;transform:rotate(-6deg)}.global-logo span{font:40px Georgia}.global-header nav{display:flex;justify-content:space-between;position:absolute;left:25%;width:57%;gap:20px}.global-header nav a{position:relative;font:400 15px/1.5 Arial;letter-spacing:.035em;padding:18px 0;transition:color .1s}.global-header nav a[aria-current]{font-weight:700}.global-header nav a[aria-current]:after{content:'';position:absolute;left:-5%;right:-5%;bottom:9px;height:3px;background:var(--accent,#be89dc);border-radius:8px}.global-header a:hover{color:var(--accent,#c991ec)}.collage-header{display:none!important}#home{height:100svh;position:relative;overflow:hidden;color:white}.collage-scene{inset:0;width:100%;height:100%;margin:0;transform:none!important}.collage-art{object-fit:fill}.seated-motion-toggle{display:none!important}.collage-next{position:absolute;bottom:20px;left:50%;translate:-50% 0;z-index:6;background:#201a21cc;border-radius:30px;padding:10px 22px;font:12px Arial;letter-spacing:3px}.paper-mask{background:#151315;width:14%;height:67%;left:85%;top:13%}.collage-paper{background-image:none!important;color:#171219;padding:13px 18px;z-index:8;clip-path:var(--tear)}.paper-0{background:#c4a0df}.paper-1{background:#bfc0c8}.paper-2{background:#f4a7c6}.paper-3{background:#97b7f2}.mobile-paper-copy{display:grid!important;grid-template-columns:30px 1fr;gap:5px;font-family:ShouJin,serif}.mobile-paper-copy i{font:italic 25px Georgia;grid-column:1/-1}.mobile-paper-copy strong{font:30px/1.1 ShouJin,serif}.mobile-paper-copy small{font:11px Arial;grid-column:1/-1;letter-spacing:.02em}.hero-note{position:absolute;z-index:7;left:4.5%;top:47%;width:22%;padding:18px 24px;background:#f2d9cc;color:#171316;clip-path:var(--tear);font:clamp(20px,2.3vw,40px)/1.5 ShouJin,serif;transform:rotate(-5deg);margin:0}.hero-patch{position:absolute;left:36%;top:10%;width:45%;height:87%;background:#191519;clip-path:var(--tear);z-index:2;box-shadow:inset 0 0 80px #b25a8220}.motion-ip{position:absolute;pointer-events:none;z-index:5}.motion-ip img,.motion-ip canvas{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.motion-ip canvas{opacity:0}.motion-ip.is-live canvas{opacity:1}.motion-ip.is-live img{opacity:0}.motion-ip video{display:none}.hero-ip-0{left:35%;bottom:3%;width:45%;height:88%}.hero-ip-1{left:8%;bottom:4%;width:18%;height:30%;background:#c2a9cf;clip-path:var(--tear);transform:rotate(-7deg)}.hero-ip-2{right:20%;bottom:14%;width:12%;height:26%;background:#cab4bb;clip-path:var(--tear);transform:rotate(5deg)}.hero-ip-3{left:59%;top:16%;width:14%;height:33%;background:#d1b8a7;clip-path:var(--tear);transform:rotate(5deg)}.motion-page{position:relative;isolation:isolate;height:100svh;min-height:650px;overflow:hidden;padding-top:74px}.unified-title{position:absolute;top:11%;left:36%;width:35%;z-index:8;text-align:center}.unified-title h2{margin:0;font:400 clamp(30px,4.1vw,70px)/1.1 ShouJin,serif;white-space:nowrap;letter-spacing:0}.unified-title em{font:italic 5.8vw/1 Georgia;color:var(--accent,#9a70bc)}.unified-title p{margin:9px 0 0;font:13px/1 Arial;letter-spacing:.35em}.page-character{background:radial-gradient(ellipse at 20% 70%,#cdb3de55,transparent 60%),repeating-linear-gradient(127deg,#50406005 0 1px,transparent 1px 4px),#eee6df;--accent:#9a70bc}.about-script{position:absolute;top:13%;right:7%;font:italic 36px 'Segoe Print',cursive;color:#a482c0;transform:rotate(-13deg)}.ski-ip{left:-7%;bottom:0;width:39%;height:72%;z-index:6;filter:drop-shadow(3px 0 #f4ede7) drop-shadow(-3px 0 #f4ede7)}.film-strip{position:absolute;left:21%;top:27%;width:82%;height:62%;overflow:hidden;z-index:3}.curved-film{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.character-cards{position:absolute;inset:0}.character-card{display:flex;flex-direction:column;position:absolute;border:1px solid #bba8bb;border-radius:12px;padding:25px 22px 20px;color:#fff9f4;background:#302a33;overflow:hidden;cursor:pointer;transform-origin:center;box-shadow:inset 0 0 65px #0006}.character-card:before{content:'';position:absolute;inset:0;background-image:url("/site/integrated-review/character-reference.webp");background-size:420% auto;background-position:29% 45%;filter:grayscale(1);opacity:.4;z-index:-1}.frame-1:before{background-position:62% 48%}.frame-2:before{background-position:96% 40%}.film-card-number{font:italic 30px Georgia;color:#d9b6ef}.character-card h3{font:400 clamp(24px,2vw,36px)/1.1 ShouJin,serif;margin:7px 0 16px}.character-card small{display:block;font:italic 13px Georgia;margin-top:7px;letter-spacing:2px}.character-card p{font:400 clamp(16px,1.2vw,21px)/1.55 ShouJin,serif;margin:0;flex:1;text-shadow:0 1px 6px #000}.card-tags{margin-top:14px;padding:10px 14px;background:#eee2ef;border-radius:28px;color:#82579f;font:400 clamp(13px,.95vw,17px)/1.4 ShouJin,serif}.native-chapter{height:100svh;position:relative}.native-chapter iframe{width:100%;height:100%;display:block;border:0}.page-works{background:#1a171b;color:#fff6ef;--accent:#f56baf}.page-works .unified-title{left:3%;top:11%;width:38%;background:#e9dfd6;clip-path:var(--tear);color:#171217;padding:16px 0}.page-works .unified-title h2{font-size:3.5vw}.page-works .unified-title em{font-size:6vw}.works-ornaments{position:absolute;inset:0;background:url("/site/integrated-review/evidence-reference.webp") center/100% 100%;mask-image:linear-gradient(to right,#000 0 5%,transparent 5% 95%,#000 95%),linear-gradient(to bottom,transparent 0 95%,#000 95%);z-index:-1}.project-tv{position:absolute;z-index:3;width:29%;height:32%;background:transparent;border:0;padding:0;color:#fff3ed;transition:translate .12s,filter .12s}.project-tv:hover{translate:0 -6px;filter:brightness(1.12)}.project-tv:active{scale:.985}.tv-0{left:9%;top:30%;transform:rotate(9deg)}.tv-1{right:7%;top:27%;transform:rotate(-8deg)}.tv-2{left:12%;top:62%;transform:rotate(-6deg)}.tv-3{right:7%;top:62%;transform:rotate(6deg)}.tv-screen{position:absolute;inset:0 0 8%;border:clamp(10px,1.3vw,23px) solid #e8b9c9;border-radius:18px;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 4px),radial-gradient(ellipse at bottom,#a6347455,transparent 70%),#16151e;box-shadow:inset 0 0 15px #000,7px 10px #9c7482,12px 18px 20px #0008;overflow:hidden}.tv-screen strong{font:italic 3vw/1 Georgia,ShouJin,serif;font-weight:400;display:block;margin:6% 0}.tv-foot{position:absolute;left:29%;bottom:0;width:47%;height:10%;background:#d5a5b7;transform:skewX(-20deg);box-shadow:3px 5px #8b6673}.screen-star,.screen-flower,.screen-wave{display:block;font:7vw/.9 Georgia;color:#ee8cc9;text-shadow:0 0 20px #f24c9f}.screen-globe{display:block;width:65%;height:66%;margin:auto;border:1px solid #ff8ac8;border-radius:50%;background:repeating-radial-gradient(ellipse,#0000 0 12px,#ed75bc 13px 14px,#0000 15px 23px);transform:rotate(-18deg);box-shadow:0 0 24px #eb5aa055}.tv-label{position:absolute;left:-23%;top:35%;padding:5% 3%;width:55%;color:#141016;background:#efe2d8;clip-path:var(--tear);transform:rotate(-13deg)}.tv-1 .tv-label,.tv-3 .tv-label{left:auto;right:-18%;transform:rotate(7deg)}.tv-label b{display:block;font:400 1.9vw/1.1 ShouJin,serif;text-decoration:underline;text-decoration-color:#ef73a9;text-decoration-thickness:6px}.tv-label small{display:block;font:400 1.3vw/1.4 ShouJin,serif;margin-top:10px}.playful-ip{left:29%;bottom:0;width:42%;height:88%;z-index:4;filter:drop-shadow(3px 0 #f5e8df) drop-shadow(-3px 0 #f5e8df)}.page-final{background:#eee6df;color:#211a25}.end-ornaments{position:absolute;inset:0;background:url("/site/integrated-review/final-reference.webp") center/100% 100%;mask-image:linear-gradient(to right,#000 0 5%,transparent 5% 95%,#000 95%),linear-gradient(to bottom,transparent 0 94%,#000 94%);z-index:-1}.end-tiles{position:absolute;left:7%;top:28%;width:43%;height:51%;display:grid;grid-template-columns:1fr 1fr;gap:6% 21%;z-index:2}.end-tiles a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#f2d5bf;clip-path:var(--tear);transform:rotate(-5deg);padding:8%;text-align:center;transition:background .1s}.end-tiles a:nth-child(2){transform:rotate(5deg)}.end-tiles a:nth-child(3){background:#eaa5c9}.end-tiles a:nth-child(4){background:#acc4f0;transform:rotate(5deg)}.end-tiles a:hover{background:#f6db63}.end-tiles i{font:32px Georgia}.end-tiles em{font:italic 25px Georgia}.end-tiles b{font:400 2vw/1.2 ShouJin,serif}.phone-ip{left:20%;bottom:9%;width:24%;height:75%;z-index:5;filter:drop-shadow(3px 0 #f4e8df) drop-shadow(-3px 0 #f4e8df)}.end-copy{position:absolute;left:55%;right:7%;top:29%;z-index:6}.end-copy h2{font:400 5vw/1.2 ShouJin,serif;transform:rotate(-4deg);margin:0}.end-english{font:italic 1.2vw Arial;letter-spacing:.3em;margin:20px 0 6vh}.end-copy>p:not(.end-english){font:400 2vw/1.9 ShouJin,serif;white-space:nowrap}.end-actions{display:flex;gap:4%;margin-top:6vh}.end-actions>a,.end-actions>button{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;border:1px solid #382d38;border-radius:24px;padding:16px 10px;background:transparent;font:17px Arial;color:#211a25;transition:translate .1s,background .1s}.end-actions b{font:400 2vw/1.5 ShouJin,serif}.end-actions button{background:#f9dd71;border-color:#dab948}.end-actions>a:hover,.end-actions>button:hover{translate:0 -4px;background:#e4c2e4}a:focus-visible,button:focus-visible{outline:3px solid #b481e4;outline-offset:4px}
#reviewDetail{width:min(760px,92vw);max-height:87svh;overflow:auto;border:1px solid #bba0ba;border-radius:10px;padding:30px 35px;background:#f6ece3;color:#251c29;box-shadow:0 30px 110px #0008}#reviewDetail::backdrop{background:#07050bbd;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-kicker{font:12px Arial;color:#8b4978;letter-spacing:.1em}.dialog-close{background:none;border:0;font:30px Arial;color:inherit}.project-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.project-tabs[hidden]{display:none}.project-tabs button{padding:8px 14px;border:1px solid #b49ab0;border-radius:30px;background:none;color:#623c60;font-family:ShouJin,serif}.project-tabs button[aria-pressed=true]{background:#5a365a;color:white}#reviewDetail h2{font:400 32px/1.3 ShouJin,Georgia,serif}.dialog-body{font:400 21px/1.8 ShouJin,serif}.dialog-body h3{font:12px Arial;margin-top:25px}.dialog-body p{margin:8px 0 20px}.dialog-body img{width:100%;height:auto}.dialog-links a{display:inline-block;border:1px solid #9f7d9d;border-radius:30px;padding:10px 18px;font:18px ShouJin,serif}
@media(max-width:760px){.global-header{height:64px;padding:0 18px}.global-logo{font-size:26px}.global-logo span{font-size:30px}.global-header nav{position:relative;left:auto;width:auto;max-width:64%;overflow-x:auto;justify-content:start;gap:20px;margin-left:auto}.global-header nav a{font-size:10px;padding:18px 0}.collage-paper{padding:10px}.mobile-paper-copy strong{font-size:22px}.mobile-paper-copy i{font-size:18px}.hero-note{display:none}.hero-patch{left:20%;top:20%;width:70%;height:53%}.hero-ip-0{left:17%;top:17%;width:76%;height:57%;bottom:auto}.hero-ip-1,.hero-ip-2,.hero-ip-3{display:none}.motion-page{height:auto;min-height:100svh;padding:100px 20px 35px}.unified-title,.page-works .unified-title{position:relative;left:auto;top:auto;width:100%;margin:0 0 30px}.unified-title h2,.page-works .unified-title h2{font-size:34px}.unified-title em,.page-works .unified-title em{font-size:58px}.unified-title p{font-size:11px}.about-script{display:none}.ski-ip{position:relative;left:-10%;bottom:auto;width:100%;height:430px;margin-top:20px}.film-strip{position:relative;left:auto;top:auto;width:100%;height:auto;overflow:visible}.character-cards{position:relative;display:flex;flex-direction:column;gap:20px}.character-card{min-height:270px;transform:none!important}.character-card h3{font-size:30px}.character-card p{font-size:21px}.card-tags{font-size:18px}.project-tv{position:relative;inset:auto;width:82%;height:280px;display:block;margin:30px auto 65px;transform:rotate(-3deg)}.tv-1,.tv-3{transform:rotate(3deg)}.tv-screen strong{font-size:32px}.screen-star,.screen-flower,.screen-wave{font-size:100px}.tv-label{left:-12%;width:56%;padding:15px 10px}.tv-1 .tv-label,.tv-3 .tv-label{right:-12%}.tv-label b{font-size:23px}.tv-label small{font-size:17px}.playful-ip{position:relative;inset:auto;width:100%;height:440px}.end-tiles{position:relative;inset:auto;width:100%;height:440px;gap:20px}.end-tiles b{font-size:25px}.phone-ip{position:relative;inset:auto;width:100%;height:440px;margin-top:-30px}.end-copy{position:relative;inset:auto;text-align:center}.end-copy h2{font-size:50px}.end-english{font-size:11px;margin-bottom:35px}.end-copy>p:not(.end-english){font-size:22px;white-space:normal}.end-actions{margin-top:30px}.end-actions b{font-size:24px}.end-actions>a,.end-actions>button{font-size:14px}.native-chapter{height:auto;min-height:100svh}.native-chapter iframe{height:2200px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.page-works .unified-title h2{font-size:4.1vw}.page-works .unified-title em{font-size:5.8vw}
@media(max-width:760px){.page-works .unified-title h2{font-size:34px}.page-works .unified-title em{font-size:58px}}
#character{margin-top:0!important}
.character-card:before{bottom:auto;height:45%;background-size:750% 1200%;background-position:35% 39%;opacity:.6}
.frame-1:before{background-position:58% 37%}
.frame-2:before{background-size:1000% 830%;background-position:97% 35%}
.hero-ip-3{left:56%;width:17%;height:39%}.hero-patch{left:34%;width:47%}
.card-tags{font-size:clamp(16px,1.15vw,20px);line-height:1.45}
.mobile-paper-copy{grid-template-columns:1fr!important}.mobile-paper-copy>*{grid-column:1/-1!important}.mobile-paper-copy strong{font-size:clamp(21px,2vw,33px);line-height:1.13}.mobile-paper-copy small{font-size:10px}
.hero-ip-0{z-index:6}.hero-ip-1,.hero-ip-2,.hero-ip-3{z-index:4}.hero-patch{background-image:url("/site/capability-study/background-plate.webp");background-size:300% 200%;background-position:50% 34%}
.motion-ip .loop-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:0}.motion-ip.is-live .loop-image{opacity:1}.motion-ip.is-live>img:not(.loop-image){opacity:0}
@media(max-width:760px){.mobile-paper-copy strong{font-size:21px}.mobile-paper-copy small{font-size:10px}}
.works-ornaments{clip-path:polygon(0 0,100% 0,100% 30%,95% 30%,95% 88%,100% 88%,100% 100%,0 100%)}
.global-header nav a{font-size:clamp(10px,1vw,15px)}

@media(max-width:760px){.page-character .film-strip{height:500px;overflow:hidden}.page-character .character-cards{position:absolute;inset:0;display:block}.page-character .character-card{position:absolute!important;min-height:0;}.page-character .character-card p{font-size:20px}.page-character .card-tags{font-size:16px}}