:root{--ink:#1e2032;--violet:#6142c4;--cyan:#00a4b2;--line:#d7d2eb;--paper:#fcfbff;--muted:#5f6072}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72}a{color:inherit;text-decoration:none}img{display:block;width:100%}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:10;background:white;padding:10px}.labhead{display:grid;grid-template-columns:240px 1fr;min-height:60px;background:#17182b;color:white}.labbrand{font-weight:1000;font-size:22px;padding:11px 4vw;white-space:nowrap}.labbrand span{color:#a58cff}.labhead nav{display:flex;justify-content:flex-end;gap:2px;padding-right:4vw}.labhead nav a{display:flex;align-items:center;padding:10px 20px;font-size:14px;font-weight:700}.labhead nav a:hover{background:#363057}.topline{height:5px;background:linear-gradient(90deg,#6546ce,#00c1ba,#fa8495)}
.hero{padding:clamp(45px,5vw,80px) 4.5vw 30px;background:linear-gradient(135deg,#efeaff,#e9fbf9)}.hero .top{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end}.hero small{font-size:12px;font-weight:900;color:var(--violet);letter-spacing:.15em}.hero h1{font-size:clamp(42px,5.7vw,84px);letter-spacing:-.045em;line-height:1.11;margin:13px 0 0}.hero p{font-size:17px;max-width:650px;margin:0 0 9px}.hero figure{margin:40px 0 0;overflow:hidden;border:9px solid white;box-shadow:0 20px 48px #32286024;background:#d6c7e9}.hero img{width:100%;height:auto;object-fit:contain}.lab-index{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#17182b;color:white;margin-top:25px}.lab-index a{padding:24px 4vw;border-right:1px solid #494760}.lab-index a:last-child{border:0}.lab-index b{display:block;font-size:21px}.lab-index small{color:#aaa0dd;font-size:12px}.lab-index a:hover{background:#302d51}
.room{padding:75px 4.5vw 95px;scroll-margin-top:22px}.room:nth-of-type(even){background:#f0effa}.room-heading{display:grid;grid-template-columns:140px minmax(260px,450px) 1fr;gap:24px;align-items:start;margin-bottom:34px}.room-heading .code{font-weight:900;color:var(--violet);font-size:12px;letter-spacing:.16em}.room-heading h2{font-size:clamp(36px,4vw,62px);line-height:1.15;margin:0}.room-heading p{max-width:720px;margin:0;color:var(--muted);font-size:16px}.room-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px}.work{background:white;border:1px solid var(--line);overflow:hidden;box-shadow:0 15px 40px #2923500e}.work figure{margin:0;height:550px;background:#ded4ea;overflow:hidden}.work img{height:100%;object-fit:cover;object-position:center}.work-content{padding:24px 30px 32px}.work-content .kind{font-size:12px;font-weight:900;color:var(--violet);letter-spacing:.12em}.work h3{font-size:clamp(25px,2.6vw,38px);line-height:1.25;margin:10px 0 15px}.work p{font-size:16px;color:#4d4b5b;margin:0 0 16px}.work .story{border-left:3px solid var(--cyan);padding-left:17px;color:#5c5a69}.manga .work:nth-child(2){transform:translateY(55px)}.manga{padding-bottom:145px}.storyboard .room-cards{display:block}.storyboard .work{display:grid;grid-template-columns:52% 48%;margin-bottom:28px}.storyboard .work:nth-child(2){grid-template-columns:48% 52%}.storyboard .work:nth-child(2) figure{order:2}.storyboard .work figure{height:auto;min-height:360px}.storyboard .work-content{align-self:center;padding:clamp(25px,4vw,60px)}
.truth{background:#1e2032;color:#eeedff;padding:70px 4.5vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw}.truth h2{font-size:clamp(30px,3vw,48px);margin:0;line-height:1.25}.truth p{margin:0;color:#d5d4e8}.foot{padding:22px 4.5vw;font-size:13px;color:#6b6679}
@media(max-width:1000px){.labhead{grid-template-columns:1fr}.labhead nav{justify-content:flex-start;padding-left:4vw}.hero .top{display:block}.hero p{margin-top:24px}.room-heading{grid-template-columns:90px 1fr}.room-heading p{grid-column:2}.storyboard .work{display:block}.storyboard .work figure{height:auto;aspect-ratio:16/9}.storyboard .work:nth-child(2) figure{order:0}}
@media(max-width:650px){.labbrand{padding:11px 18px}.labhead nav{overflow-x:auto;white-space:nowrap;padding-left:8px;padding-right:8px}.labhead nav a{padding:8px 12px;font-size:13px}.hero{padding:42px 17px 0}.hero h1{font-size:46px}.hero p{font-size:15px}.hero figure{margin:25px -17px 0;border:0;box-shadow:none}.lab-index{margin:0 -17px;gap:0}.lab-index a{padding:14px 7px;text-align:center}.lab-index b{font-size:13px}.lab-index small{font-size:9px}.room{padding:52px 17px}.room-heading{display:block;margin-bottom:24px}.room-heading h2{font-size:42px;margin:8px 0 13px}.room-heading p{font-size:15px}.room-cards{display:block}.work{margin-bottom:24px}.work figure{height:auto;aspect-ratio:3/4}.work-content{padding:19px 20px 24px}.work h3{font-size:27px}.work p{font-size:15px}.manga{padding-bottom:52px}.manga .work:nth-child(2){transform:none}.storyboard .work figure{aspect-ratio:16/9;min-height:0}.storyboard .work-content{padding:19px 20px 25px}.truth{display:block;padding:52px 17px}.truth h2{margin-bottom:21px}}