@charset "UTF-8";
:root{color-scheme:dark;--bg:#090909;--fg:#f0f0eb;--muted:#92928f;--line:#2c2c2a;--red:#f14b36}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,"Microsoft YaHei",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{background:var(--red);color:white}.skip{position:fixed;top:-60px;left:20px;z-index:20;background:white;color:black;padding:12px}.skip:focus{top:10px}.header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:14px;line-height:1.5;letter-spacing:1px}.brand-mark{font-size:44px;font-weight:800;line-height:1}.brand-mark span{color:var(--red)}.brand small{font-size:12px;letter-spacing:2px}.header nav{display:flex;gap:42px;font-size:14px}.header nav span{font-size:12px;color:var(--red);margin-left:7px}.edition{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.hero{margin:0 5%;padding:52px 0 0}.hero-meta,.hero-line{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:1.8px}.hero h1{font-size:clamp(64px,9.5vw,148px);font-weight:400;letter-spacing:-.055em;line-height:1.12;margin:48px 0 30px}.red{color:var(--red)}.hero-english{display:block;font-size:clamp(28px,6.45vw,100px);letter-spacing:-.055em;font-weight:400;line-height:1.2;color:#a1a19b}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding:4px 0 48px}.hero-bottom p{font-size:16px;line-height:1.9;color:#bababa}.text-link{min-width:190px;border-bottom:1px solid #777;padding:15px 0;display:flex;justify-content:space-between;font-size:14px}.plus{color:var(--red);font-size:24px}.hero-line{padding:20px 0;border-top:1px solid var(--line)}.works,.index{margin:70px 5% 0}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.section-head h2{font-size:22px;font-weight:400;margin:0}.section-head small{font-size:12px;letter-spacing:1.4px;color:var(--muted);margin-left:16px}.section-head>span{font-size:14px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 32px}.project{display:block;min-width:0}.project-wide{grid-column:span 2}.cover{position:relative;overflow:hidden;background:#141414;display:flex;align-items:center;justify-content:center;aspect-ratio:1.23;gap:5%}.cover img{transition:transform .7s cubic-bezier(.2,.7,.2,1);display:block;object-fit:contain}.project:hover .cover img{transform:scale(1.035)}.campus{aspect-ratio:2.3;background:#090c1a}.campus img{width:100%;height:100%;object-fit:cover;object-position:center}.salon{background:#111127;padding:8% 9%}.salon img{width:44%;height:90%;box-shadow:0 25px 35px #0008}.salon img:first-child{transform:translateY(-15px)}.salon img:nth-child(2){transform:translateY(15px)}.social{background:#282220;padding:8% 9%}.social img{width:44%;height:95%;box-shadow:0 25px 35px #0005}.material{aspect-ratio:2.4;background:#0d1325;padding:3% 8%;gap:5%}.material img{width:45%;height:100%;box-shadow:0 20px 40px #0006}.view-tag{position:absolute;right:20px;bottom:20px;border:1px solid #ffffff55;background:#111c;padding:12px 16px;font-size:13px;backdrop-filter:blur(8px)}.project-info{display:flex;gap:18px;align-items:flex-start;padding:23px 0 0}.number{font-size:13px;color:var(--red);padding-top:5px}.project h3{font-size:23px;font-weight:400;margin:0;line-height:1.5}.project h3 small{display:block;font-size:14px;color:var(--muted);margin-top:5px}.project-type{margin-left:auto;font-size:12px;color:var(--muted);padding-top:8px;text-align:right;line-height:1.8}.project:not(.project-wide) .project-type{display:none}.index{margin-top:120px;margin-bottom:110px}.index>a{display:flex;align-items:center;gap:26px;padding:28px 4px;border-top:1px solid var(--line)}.index>a:last-child{border-bottom:1px solid var(--line)}.index>a>span{color:var(--muted);font-size:13px}.index h3{font-weight:400;font-size:22px;margin:0}.index small{margin-left:auto;color:var(--muted);font-size:12px;letter-spacing:1px}.index b{color:var(--red);font-size:26px;font-weight:400;margin-left:5%}.index a:hover h3{color:var(--red)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 5%;padding:30px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted);letter-spacing:1px}footer a{color:var(--fg)}[hidden]{display:none!important}.detail-heading{padding:42px 5% 58px}.back{font-size:14px;color:var(--muted);display:inline-block;padding:10px 0}.detail-kicker{margin:50px 0 15px;font-size:12px;letter-spacing:2px;color:var(--red)}.detail-heading h1{font-size:clamp(36px,5vw,76px);font-weight:400;margin:0 0 24px;letter-spacing:-2px;line-height:1.25}.detail-intro{display:flex;gap:50px;justify-content:space-between;max-width:1120px}.detail-intro p{color:#b2b2ae;max-width:680px;font-size:16px;line-height:1.9;margin:0}.detail-intro span{font-size:13px;color:var(--muted);line-height:1.9;flex-shrink:0}.detail-nav{display:flex;gap:24px;overflow:auto;padding:20px 5%;border-block:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:3}.detail-nav a{white-space:nowrap;font-size:14px;color:#aaa}.detail-nav a:hover{color:white}.gallery-section{padding:55px 5% 15px;scroll-margin-top:20px}.gallery-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.gallery-title h2{font-size:22px;font-weight:400;margin:0}.gallery-title span{color:var(--muted);font-size:12px;letter-spacing:1px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px}.gallery-grid.landscape{grid-template-columns:repeat(2,minmax(0,1fr))}.artwork{padding:0;border:0;background:#141414;width:100%;display:block;overflow:hidden;position:relative}.artwork img{display:block;width:100%;height:auto;transition:opacity .2s}.artwork:hover img{opacity:.88}.artwork.long{max-height:590px}.artwork.long:after{content:'展开完整长图 ＋';position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(transparent,#000);font-size:14px;color:white}.next-project{display:block;margin:85px 5%;border-block:1px solid var(--line);padding:35px 0}.next-project span{color:var(--red);font-size:12px;letter-spacing:1px}.next-project h2{font-size:32px;font-weight:400;margin:15px 0 0}dialog{padding:0;border:1px solid #333;background:#101010;color:white;width:96vw;max-width:1600px;height:94vh;max-height:94vh}dialog::backdrop{background:#000e}.lightbox-toolbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);gap:15px}.lightbox-toolbar span{font-size:14px}.lightbox-toolbar button{background:none;color:white;border:1px solid #555;padding:8px 16px;white-space:nowrap}.image-scroll{height:calc(100% - 62px);overflow:auto;text-align:center;padding:24px}.image-scroll img{max-width:100%;height:auto;display:inline-block;max-height:none}body.modal-open{overflow:hidden}@media(min-width:1500px){body{max-width:1800px;margin:auto}}@media(max-width:760px){.header{height:82px}.edition{display:none}.header nav{gap:20px}.hero{padding-top:30px}.hero-meta{font-size:12px;letter-spacing:.4px}.hero-meta span:last-child{display:none}.hero h1{font-size:clamp(58px,13.5vw,98px);margin:42px 0 22px}.hero-english{font-size:clamp(24px,6.4vw,48px);letter-spacing:-1px;margin-top:10px}.hero-bottom{padding-bottom:30px;gap:24px}.hero-bottom p{font-size:14px}.text-link{min-width:120px}.hero-line{letter-spacing:.4px}.hero-line span:nth-child(2){display:none}.works{margin-top:38px}.section-head>span{display:none}.section-head small{display:block;margin:8px 0 0;font-size:12px}.project-grid{grid-template-columns:1fr;gap:38px}.project-wide{grid-column:auto}.campus{aspect-ratio:1.55}.campus img{object-fit:contain}.project h3{font-size:20px}.project-info{gap:12px;padding-top:16px}.project-type{display:none}.material{aspect-ratio:1.45;padding:7%;gap:4%}.material img{width:48%}.view-tag{font-size:12px;padding:9px 12px;right:12px;bottom:12px}.index{margin-top:65px;margin-bottom:60px}.index>a{gap:18px;padding:23px 0}.index h3{font-size:18px}.index small{display:none}.index b{margin-left:auto}footer{flex-wrap:wrap;line-height:1.8}footer span:nth-child(2){display:none}.detail-heading{padding-top:23px;padding-bottom:32px}.detail-kicker{margin-top:30px}.detail-intro{display:block}.detail-intro span{display:block;margin-top:20px}.detail-nav{gap:20px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-grid.landscape{grid-template-columns:1fr}.gallery-section{padding-top:32px}.gallery-title h2{font-size:20px}.gallery-title span{display:none}.artwork.long{max-height:350px}.image-scroll{padding:8px}.lightbox-toolbar{padding:0 12px}.next-project{margin-top:55px;margin-bottom:55px}.next-project h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}