@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}:root{color-scheme:dark;--bg:#030303;--ink:#f8f8f8;--line:#ffffff38;--soft-line:#ffffff21;--primary:#8a55ff;--primary-2:#9ecbff;--font-main:"Outfit", "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-width:320px;color:var(--ink);font-family:var(--font-main);background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/54px 54px,linear-gradient(90deg,#ffffff05 1px,#0000 1px) 0 0/54px 54px,radial-gradient(circle at 70% 0,#8a55ff33,#0000 34rem),#030303;margin:0;overflow-x:hidden}body:before{z-index:50;pointer-events:none;content:"";opacity:.18;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img,svg{display:block}.container{box-sizing:border-box;width:100%;max-width:1840px;margin-left:auto;margin-right:auto;padding-left:60px;padding-right:60px}.header{z-index:10;background:#050505;margin-bottom:4rem;position:relative}.head-top{color:#fff;text-align:center;background:#000;padding:6px;font-size:13px;font-weight:500}.head-top span{color:var(--primary-2);font-weight:800}.head-wrap{z-index:1;border-bottom:1px solid var(--ink);background:#050505;align-items:center;min-height:92px;display:flex;position:relative}.logo{align-items:center;width:174px;height:72px;display:flex;overflow:hidden}.logo img{-o-object-fit:cover;object-fit:cover;filter:contrast(1.08);width:160px;height:160px;transform:translateY(2px)}.nav{flex-grow:1;justify-content:center;gap:clamp(30px,4.4vw,72px);display:flex}.nav a{color:#f9f9f9;align-items:center;min-height:92px;font-size:18px;font-weight:500;display:flex;position:relative}.nav a:after{content:"";background:var(--primary-2);transform-origin:100%;height:1px;transition:transform .35s;position:absolute;bottom:24px;left:0;right:0;transform:scaleX(0)}.nav a:hover:after{transform-origin:0;transform:scaleX(1)}.nav a.active:after{transform:scaleX(1)}.menu-btn{background:0 0;border:0;display:none}.sitemap-btn{background:0 0;border:0;gap:7px;width:44px;display:grid}.sitemap-btn i{background:#fff;width:38px;height:2px;display:block}.mobile-panel{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000f0;align-content:center;gap:0;padding:70px clamp(24px,8vw,90px);display:grid;position:fixed;inset:0}.mobile-panel a{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;align-items:center;min-height:86px;font-size:clamp(2.2rem,7vw,5.8rem);font-weight:900;display:grid}.mobile-panel span{color:var(--primary-2);font-size:.9rem;font-weight:800}.mobile-close{border:1px solid var(--line);background:0 0;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:36px;right:48px}.main{position:relative}.sub-title{letter-spacing:0;text-transform:uppercase;margin:0 0 4rem;font-size:clamp(4.5rem,10vw,11rem);font-weight:800;line-height:.92}.main-title-hidden{display:none}.visual{margin-bottom:10rem}.slogan{letter-spacing:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:5rem;font-size:clamp(3rem,4.1vw,80px);font-weight:700;line-height:1.08;display:flex}.slogan .left,.slogan .right{opacity:0;min-width:0;animation-duration:1s;animation-delay:2.3s;animation-fill-mode:forwards}.slogan .left{animation-name:visualSloganLeft}.slogan .right{text-align:right;flex-grow:1;animation-name:visualSloganRight}.slogan p{margin:0}.slogan .right p:first-child{color:#77767e}.slogan .right p:last-child{font-size:clamp(1.28rem,1.55vw,2.2rem)}.plus-svg{width:clamp(34px,2.5vw,49px);height:clamp(34px,2.5vw,49px);fill:var(--primary);margin-top:4px}.visual-frame{border:1px solid var(--line);opacity:0;background:radial-gradient(circle at 50% 45%,#ffffff1f,#0000 25rem),linear-gradient(135deg,#050505,#101010 46%,#030303);height:min(63vw,760px);min-height:430px;margin:0;animation-name:visualFigure;animation-duration:2.5s;animation-delay:.35s;animation-fill-mode:forwards;position:relative;overflow:hidden;transform:translateY(-250px)}.visual-frame:before,.visual-frame:after{pointer-events:none;content:"";position:absolute;inset:0}.visual-frame:before{background:linear-gradient(120deg,#0000 0 45%,#ffffff12 45% 46%,#0000 46%),repeating-linear-gradient(90deg,#ffffff0e 0 1px,#0000 1px 90px)}.visual-frame:after{background:linear-gradient(#ffffff09 1px,#0000 1px) 0 0/90px 90px,linear-gradient(90deg,#ffffff08 1px,#0000 1px) 0 0/90px 90px,radial-gradient(circle,#0000 0 30%,#000000c7 77%)}.visual-canvas{position:absolute;inset:0}.visual-canvas canvas{width:100%!important;height:100%!important}.visual-wordmark{z-index:1;text-align:center;justify-items:center;gap:18px;display:grid;position:absolute;bottom:12%;left:8%;right:8%}.visual-wordmark span{color:#ffffffe6;text-shadow:0 28px 70px #00000094;font-size:clamp(5rem,14vw,16rem);font-weight:900;line-height:.78}.visual-wordmark b{color:#ffffffc7;letter-spacing:.02em;text-transform:uppercase;font-size:clamp(1rem,2vw,2.45rem);font-weight:500}.lab-intro{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,6vw,120px);margin-bottom:10rem;padding-top:34px;display:grid}.lab-intro p{color:#ffffffbd;margin:0;font-size:clamp(1.05rem,1.25vw,1.35rem);line-height:1.75}.sub-page{min-height:68vh}.cont-wrap{padding-top:1rem;padding-bottom:clamp(90px,12vw,160px)}.sub-slogan{gap:8px;margin-bottom:clamp(54px,9vw,110px);font-size:clamp(2.2rem,4.5vw,5.3rem);font-weight:800;line-height:1.05;display:grid}.sub-slogan p{margin:0}.sub-slogan p:nth-child(2){color:#ffffff94;font-size:.66em}.cont-group{border-top:1px solid var(--line);grid-template-columns:96px .42fr 1fr;align-items:start;gap:clamp(24px,4vw,70px);margin-bottom:clamp(64px,9vw,110px);padding-top:30px;display:grid}.cont-group .num,.about-list .num{color:var(--primary-2);letter-spacing:.04em;font-weight:900}.cont-group .subj{color:#fff;margin:0;font-size:clamp(1.4rem,2.2vw,2.5rem);font-weight:800}.cont-group p{color:#ffffffb8;margin:0 0 16px;font-size:clamp(1rem,1.2vw,1.22rem);line-height:1.9}.object-band{border:1px solid var(--line);background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 80px),#050505;grid-template-columns:repeat(4,1fr);min-height:230px;margin-bottom:clamp(64px,9vw,110px);display:grid}.object-band span{border-right:1px solid var(--soft-line);color:#ffffff8f;place-items:center;font-size:clamp(1.3rem,2vw,2.4rem);font-weight:800;display:grid}.object-band span:last-child{border-right:0}.about-list{border-top:1px solid var(--line);gap:0;margin:0;padding:0;list-style:none;display:grid}.about-list li{border-bottom:1px solid var(--soft-line);grid-template-columns:.42fr 1fr;gap:clamp(24px,4vw,70px);padding:28px 0;display:grid}.about-list .subj{color:#fff;margin:0;font-size:clamp(1.2rem,1.6vw,1.9rem);font-weight:800}.about-list .num{min-width:52px;display:inline-block}.about-list .comment{color:#ffffffad;margin:0;line-height:1.85}.professor-label{color:var(--primary-2);letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;font-size:.9rem;font-weight:900;display:block}.people-grid-page{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.people-card{border:1px solid var(--line);background:#ffffff06;min-height:390px;padding:clamp(28px,3.4vw,54px)}.people-card span{color:var(--primary-2);font-weight:900}.people-card h2{margin:72px 0 10px;font-size:clamp(1.6rem,2.4vw,3rem);line-height:1}.people-card h3{color:#ffffffb8;margin:0 0 26px;font-size:1.1rem}.people-card p{color:#ffffffa8;margin:0;line-height:1.75}.works-page{gap:26px;display:grid}.work-row{border-bottom:1px dotted #fff9;grid-template-columns:minmax(280px,.52fr) 1fr;align-items:end;gap:clamp(28px,5vw,86px);padding-bottom:26px;display:grid}.work-row figure{border:1px solid var(--soft-line);margin:0;overflow:hidden}.work-row img{aspect-ratio:1.35;-o-object-fit:cover;object-fit:cover;filter:grayscale()brightness(.62)contrast(1.1);width:100%}.work-row span{color:var(--primary-2);font-weight:900}.work-row h2{margin:16px 0 18px;font-size:clamp(2rem,4vw,5rem);line-height:.98}.work-row p{color:#ffffffad;max-width:780px;margin:0;font-size:clamp(1rem,1.2vw,1.25rem);line-height:1.85}.board-page{border-top:1px solid var(--line)}.board-head,.board-row{border-bottom:1px solid var(--soft-line);grid-template-columns:150px .5fr 1fr;align-items:center;gap:28px;padding:22px 0;display:grid}.board-head{color:var(--primary-2);letter-spacing:.14em;font-size:.86rem;font-weight:900}.board-row strong{color:#fff;font-size:clamp(1.2rem,1.5vw,1.7rem)}.board-row span,.board-row p{color:#ffffffa8;margin:0;line-height:1.7}.contact-container{border-top:1px solid var(--line);gap:0;display:grid}.contact-container .item{border-bottom:1px solid var(--soft-line);grid-template-columns:180px 1fr;gap:40px;padding:clamp(32px,4vw,62px) 0;display:grid}.contact-container .label{color:var(--primary-2);letter-spacing:.16em;font-weight:900}.contact-container .address{color:#ffffffc7;margin:0;font-size:clamp(1.3rem,2vw,2.5rem);font-weight:700;line-height:1.35}.mb-latest section{margin-bottom:10rem}.main-title{border-bottom:1px solid var(--ink);justify-content:space-between;margin-bottom:10px;padding-bottom:10px;font-size:20px;font-weight:800;display:flex}.news .main-title{border-bottom:0}.main-title h2{font-size:inherit;font-weight:inherit;flex-grow:1;margin:0}.main-title a{color:var(--ink);transition:color .25s}.main-title a:hover{color:var(--primary-2)}.news-list,.exhibition-list,.project-list,.archive-list{margin:0;padding:0;list-style:none}.news-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.news-list li{color:#fff;border:1px solid #ffffff7a;min-height:360px;transition:border-color .3s,background .3s,transform .3s}.news-list li:hover{border-color:var(--primary-2);background:#9ecbff0e;transform:translateY(-4px)}.news-list a{flex-direction:column;justify-content:space-between;gap:20px;height:100%;padding:clamp(32px,4vw,64px);display:flex}.news-list .subj{min-height:2.4em;font-size:clamp(1.45rem,1.8vw,2rem);font-weight:600;line-height:1.18;overflow:hidden}.news-list .cont{color:#ffffffad;flex-grow:1;font-size:16px;line-height:1.75;overflow:hidden}.date{color:#ffffff8f;font-weight:500}.news-list .date{text-align:right;display:block}.exhibition-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8rem 20px;display:grid}.exhibition-list a{flex-direction:column-reverse;display:flex}.exhibition-list .item{justify-content:space-between;gap:16px;margin-bottom:10px;font-size:16px;display:flex}.exhibition-list .subj{text-overflow:ellipsis;white-space:nowrap;flex-grow:1;padding-right:20px;font-weight:600;display:block;overflow:hidden}.thumb{border:1px solid var(--soft-line);background:#111;display:block;overflow:hidden}.thumb img{aspect-ratio:1/1.16;-o-object-fit:cover;object-fit:cover;filter:grayscale()brightness(.58)contrast(1.1);width:100%;transition:transform .7s,filter .7s}.exhibition-list a:hover img{filter:grayscale(.25)brightness(.86)contrast(1.02);transform:scale(1.08)}.more-btn{color:#fff;text-transform:uppercase;justify-content:center;align-items:center;gap:8px;padding-top:22px;font-weight:800;display:flex}.project-list{flex-wrap:wrap;gap:20px;display:flex}.project-list li{border-bottom:1px dotted #ffffffc7;flex-shrink:0;width:calc(50% - 10px);padding-bottom:10px}.project-list a{min-height:138px;display:flex}.project-list .subj{width:100%;padding-bottom:4rem;padding-right:52px;font-size:clamp(1.35rem,1.8vw,2.1rem);font-weight:800;line-height:1.18;display:block;position:relative;overflow:hidden}.project-list .subj:after{content:"";background:linear-gradient(#fff,#fff) 0 7px/25px 2px no-repeat,linear-gradient(45deg,#0000 48%,#fff 50% 56%,#0000 58%) right 1px top 0/16px 16px no-repeat;width:28px;height:16px;transition:transform .25s;position:absolute;top:10px;right:0}.project-list a:hover .subj:after{transform:translate(6px)}.archive-list{border-bottom:1px solid var(--ink)}.archive-list li{color:#ffffffa8;border-bottom:1px dotted #fff9;margin-bottom:10px;padding-bottom:10px;font-size:16px}.archive-list li:last-child{border-bottom:0}.archive-list a{justify-content:space-between;gap:28px;display:flex}.archive-list span:first-child{color:#fff;flex-shrink:0;font-weight:700}.footer{border-top:1px solid var(--line);color:#ffffffad;padding:34px 0 56px}.footer .container{grid-template-columns:1fr auto auto;align-items:start;gap:28px;display:grid}.footer p{margin:0}.footer a{color:#fff;text-transform:uppercase;justify-items:center;font-size:13px;font-weight:800;display:grid}.reveal-item{opacity:0;transform:translateY(50px)}@keyframes visualFigure{0%{opacity:0;transform:scale(1.1)translateY(-250px)}25%{opacity:1;transform:scale(1.1)translateY(-200px)}75%{opacity:1;transform:scale(1)translateY(-200px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes visualSloganLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes visualSloganRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:1240px){.nav{gap:28px}.exhibition-list{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.exhibition-list li{scroll-snap-align:start;min-width:38vw}}@media(max-width:980px){.container{padding-left:24px;padding-right:24px}.header{margin-bottom:2.5rem}.head-wrap{min-height:74px}.nav,.sitemap-btn{display:none}.menu-btn{background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.logo{width:140px;height:62px}.logo img{width:126px;height:126px}.slogan,.lab-intro,.news-list{grid-template-columns:1fr}.slogan{gap:28px;font-size:clamp(2.4rem,9vw,5.2rem);display:grid}.slogan .right{text-align:left}.visual{margin-bottom:6rem}.visual-frame{height:68vh;min-height:420px}.lab-intro,.mb-latest section{margin-bottom:6rem}.news-list li{min-height:300px}.project-list li{width:100%}.archive-list a{flex-direction:column;gap:8px}.footer .container{grid-template-columns:1fr}.sub-title{margin-bottom:3rem;font-size:clamp(4rem,18vw,6.8rem)}.sub-slogan{font-size:clamp(2rem,10vw,4.8rem)}.cont-group,.about-list li,.work-row,.contact-container .item{grid-template-columns:1fr;gap:18px}.object-band{grid-template-columns:repeat(2,1fr)}.object-band span:nth-child(2){border-right:0}.object-band span:nth-child(-n+2){border-bottom:1px solid var(--soft-line)}.people-grid-page{grid-template-columns:1fr}.people-card{min-height:300px}.people-card h2{margin-top:48px}.board-head{display:none}.board-row{grid-template-columns:1fr;align-items:start;gap:10px;padding:28px 0}.board-row strong{font-size:1.45rem}}@media(max-width:640px){.container{padding-left:18px;padding-right:18px}.head-top{font-size:11px}.visual-wordmark span{font-size:clamp(4.3rem,20vw,7.5rem)}.exhibition-list li{min-width:78vw}.news-list a{padding:30px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}