@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#fafaf7;--ink:#20201e;--blue:#1647e9;--line:#d9d9d3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Microsoft YaHei',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}button{border:0}header,main,footer{max-width:1600px;margin:auto}.header{padding:38px 5% 34px;display:flex;align-items:center;gap:5%}.logo{font-family:'Space Grotesk',sans-serif;font-size:38px;line-height:.85;font-weight:700;letter-spacing:-2.2px;position:relative;flex-shrink:0}.logo>span:first-child{color:var(--blue);margin-left:5px}.logo-dot{font-size:15px;position:absolute;right:-17px;top:34px;letter-spacing:0}.intro{font-size:12px;line-height:1.8;margin-left:20px}.header nav{display:flex;gap:34px;margin-left:auto;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600}.header nav span{display:block;font-size:12px;font-weight:400;margin-top:7px}.header nav a:hover{color:var(--blue)}.menu-button{display:none}.notice{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin:0 5%;padding:17px 0;display:flex;align-items:center;gap:28px;font-size:12px}.notice-label{font-family:'Space Grotesk',sans-serif;color:var(--blue);font-weight:700;letter-spacing:1px}.edition{margin-left:auto;letter-spacing:1px}.featured{padding:30px 5% 70px}.hero-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;margin-bottom:20px}.hero-label span:last-child{letter-spacing:2px}.stage{height:clamp(340px,40vw,560px);position:relative;background:#efeee8;display:flex;justify-content:center;align-items:center;overflow:hidden}.hero-art{width:100%;height:100%;padding:0;background:#f2f1eb;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art>img{width:100%;height:100%;object-fit:contain;background:#fff;transition:transform .7s}.hero-art:hover>img{transform:scale(1.025)}.side-caption{position:absolute;left:18px;bottom:25px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:1.5px;pointer-events:none}.feature-sticker{position:absolute;right:28px;top:24px;background:var(--blue);color:white;width:105px;height:105px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:.94;font-size:23px;font-weight:700;transform:rotate(13deg);pointer-events:none}.feature-sticker i{font-family:Georgia,serif}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:23px}.project-type{font-size:11px;letter-spacing:1.1px}h1{font-size:19px;font-weight:500;margin:9px 0 0}h1>span{font-size:14px;color:#777;margin-left:12px}.carousel-controls{display:flex;align-items:center;gap:24px;font-family:'Space Grotesk',sans-serif;font-size:14px}.carousel-controls button{width:45px;height:45px;border:1px solid var(--ink);border-radius:50%;background:transparent;font-size:23px;transition:.2s}.carousel-controls button:hover{background:var(--ink);color:white}.carousel-controls i{font-style:normal;color:#858581;margin-left:7px}.works{padding:55px 5% 95px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}h2{margin:0}.section-heading h2{font-size:64px;letter-spacing:-3px;font-family:'Space Grotesk',sans-serif;display:flex;align-items:center;gap:18px}.section-heading h2 span{font-size:14px;font-weight:400;letter-spacing:2px}.section-heading sup{align-self:flex-start;font-size:15px;letter-spacing:0;margin-top:12px}.small-note{font-size:11px;letter-spacing:.5px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.work-card{display:block;text-align:left;padding:0;background:none;min-width:0}.card-visual{aspect-ratio:4/4.3;overflow:hidden;transition:transform .4s;position:relative}.work-card:hover .card-visual{transform:translateY(-7px)}.illustration{background:#e8ecf5;display:flex;align-items:center}.illustration img{width:100%;height:100%;object-fit:cover}.card-meta{display:flex;justify-content:space-between;font-size:11px;margin-top:20px;letter-spacing:.6px}.work-card h3{font-size:19px;font-weight:500;margin:11px 0}.work-card h3 span{float:right}.work-card>p{font-size:13px;color:#74746e;line-height:1.7;margin:0}.poster{background:#1647e9;color:#fff;padding:7%;display:flex;flex-direction:column;justify-content:space-between}.poster-top{font-size:9px;letter-spacing:1px}.poster strong{font-family:'Space Grotesk',sans-serif;font-size:clamp(25px,4.8vw,76px);line-height:.91;letter-spacing:-2px}.poster strong i{font-family:Georgia,serif;font-weight:400;color:#f5e353}.poster-bottom{font-size:13px;display:flex;justify-content:space-between}.poster-bottom>span{font-size:10px}.branding{background:#f3e846;padding:8%;color:#ef482f;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.brand-top{font-size:9px;letter-spacing:1.5px;position:absolute;top:8%}.branding strong{font-family:Georgia,serif;font-size:clamp(30px,4.7vw,74px);font-weight:700;letter-spacing:-4px;line-height:1}.branding strong span{font-family:Arial,sans-serif;font-size:14px;letter-spacing:0;vertical-align:top}.branding p{font-size:13px;letter-spacing:3px;margin-top:18px}.brand-bottom{position:absolute;bottom:8%;font-size:10px;line-height:1.5;letter-spacing:1px}.about{border-top:1px solid var(--line);margin:0 5%;padding:85px 0 95px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.about-label{font-size:12px;letter-spacing:1px;line-height:1.5}.about-label span{display:block;margin-top:9px;letter-spacing:2px}.about h2{font-size:clamp(32px,4vw,58px);font-weight:500;letter-spacing:1px;line-height:1.5}.blue{color:var(--blue)}.about-copy{margin-top:28px}.about-copy p{font-size:15px;line-height:2}.about-copy .english{font-size:13px;color:#75756e;line-height:1.8}.disciplines{display:flex;gap:9px;margin-top:27px}.disciplines span{font-size:12px;border:1px solid #bfbfb7;border-radius:30px;padding:8px 17px}.contact{margin:0 5%;border-top:1px solid var(--ink);padding:52px 0 40px}.contact>span{font-size:12px;letter-spacing:1px}.contact h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(50px,10.5vw,155px);letter-spacing:-5px;line-height:1.35;font-weight:500;display:flex;justify-content:space-between}.contact h2 span{color:var(--blue)}.contact-bottom{display:flex;justify-content:space-between;font-size:13px;gap:25px}.contact-placeholder{color:#787871}footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}footer .footer-mark{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700}dialog{border:0;width:min(850px,92vw);max-height:90vh;padding:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#181817b8;backdrop-filter:blur(6px)}.close-dialog{position:sticky;top:15px;float:right;margin:15px;z-index:2;background:var(--paper);border:1px solid var(--ink);padding:12px 18px;border-radius:25px;font-size:12px}#detail-visual{clear:both}#detail-visual .card-visual{aspect-ratio:1.7;height:auto;margin:0 30px}#detail-visual .illustration img{object-fit:contain}#detail-visual .poster strong{font-size:clamp(35px,6vw,75px)}#detail-visual .branding strong{font-size:70px}#detail-visual .poster{padding:25px}.detail-copy{padding:30px}.detail-copy>span{font-size:12px;color:var(--blue);letter-spacing:1px}.detail-copy h2{font-size:29px;margin:14px 0}.detail-copy p{font-size:16px;line-height:1.9}dl{border-top:1px solid var(--line);padding-top:12px}dl>div{display:flex;font-size:13px;line-height:1.8;margin:12px 0}dt{min-width:90px;color:#777}dd{margin:0}.hero-art>.card-visual{width:100%;height:100%;aspect-ratio:auto}.hero-art>.poster{padding:25px 18%;text-align:left}.hero-art>.poster strong{font-size:clamp(45px,7vw,100px)}.hero-art>.branding strong{font-size:clamp(60px,12vw,175px)}.mobile-nav{padding:20px 6%;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;padding:14px 0;font-size:18px}
@media(min-width:1500px){.intro{font-size:14px}.header nav{font-size:16px}}
@media(max-width:900px){.intro{display:none}.header{padding-top:27px;padding-bottom:27px}.header nav{gap:24px}.section-heading h2{font-size:50px}.small-note{font-size:10px}.work-grid{gap:18px}.work-card>p{font-size:12px}.feature-sticker{width:85px;height:85px;font-size:19px}.about{grid-template-columns:1fr 2.3fr}}
@media(max-width:600px){.header{padding:25px 6%}.logo{font-size:30px}.logo-dot{top:26px;font-size:12px;right:-14px}.header nav{display:none}.menu-button{display:block;margin-left:auto;background:none;font-size:12px;letter-spacing:1px}.menu-button span{font-size:22px;margin-left:9px}.notice{margin:0 6%;gap:15px;padding:14px 0;font-size:10px}.notice-label{font-size:9px;letter-spacing:0}.edition{display:none}.featured{padding:25px 6% 43px}.hero-label{font-size:9px;margin-bottom:15px}.hero-label span:last-child{letter-spacing:0}.stage{height:340px}.hero-art>img{object-fit:cover}.feature-sticker{right:13px;top:13px;width:65px;height:65px;font-size:15px}.side-caption{display:none}.hero-bottom{align-items:flex-end;gap:10px}.project-type{font-size:9px;letter-spacing:.3px}h1{font-size:16px;line-height:1.6}h1>span{display:block;font-size:11px;margin:0}.carousel-controls{gap:9px;font-size:11px}.carousel-controls button{width:32px;height:32px;font-size:18px}.carousel-controls i{margin-left:2px}.works{padding:36px 6% 48px}.section-heading{align-items:flex-start;gap:10px;margin-bottom:27px}.section-heading h2{font-size:43px;gap:9px;letter-spacing:-2px}.section-heading h2 span{font-size:11px;letter-spacing:0}.section-heading sup{font-size:11px;margin-top:7px}.small-note{font-size:9px;max-width:88px;text-align:right;line-height:1.7}.work-grid{grid-template-columns:1fr;gap:36px}.card-visual{aspect-ratio:1.15}.poster strong{font-size:65px}.branding strong{font-size:68px}.work-card>p{font-size:14px}.card-meta{font-size:11px}.about{margin:0 6%;padding:42px 0;grid-template-columns:1fr;gap:25px}.about-label span{display:inline;margin-left:10px}.about h2{font-size:33px}.about-copy p{font-size:14px}.contact{margin:0 6%;padding-top:33px}.contact h2{letter-spacing:-2px;font-size:14vw;margin-top:15px}.contact-bottom{display:block;line-height:1.8}footer{padding:22px 6%;flex-wrap:wrap;font-size:10px}footer>span{order:3;width:100%}.contact>span{font-size:10px}.hero-art>.poster{padding:25px 12%}.hero-art>.poster strong{font-size:65px}#detail-visual .card-visual{margin:0 16px;aspect-ratio:1.1}.detail-copy{padding:24px 20px}.detail-copy h2{font-size:25px}.detail-copy p{font-size:14px}.disciplines{flex-wrap:wrap}}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}