@charset "UTF-8";
:root{--paper:#f4f4f0;--ink:#242722;--muted:#62685e;--line:#d8dad1;--blue:#164ec4;--serif:"Songti SC","STSong","Noto Serif CJK SC","SimSun",serif;--sans:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}button{border:0;background:none}::selection{background:#c8d7fb}em{font-style:normal}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:8px;left:20px;background:white;padding:15px;z-index:200}.section-pad{padding:110px 5.6%}.section-kicker,.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:500}.section-kicker{color:var(--muted)}.site-header{height:88px;padding:0 5.6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(244,244,240,.95);position:relative;z-index:10}.brand{font-weight:700;font-size:35px;letter-spacing:-1.1px;line-height:1;display:inline-flex;align-items:baseline;white-space:nowrap}.brand-dot{color:var(--blue);letter-spacing:0;margin-left:.035em}.brand-name{font-size:12px;font-weight:400;letter-spacing:2px;margin-left:17px}.site-header nav{display:flex;gap:39px;align-items:center}.site-header nav a{font-size:12px;position:relative}.site-header nav span{font-size:10px;margin-left:6px;color:var(--muted)}.site-header nav a:after{position:absolute;content:"";height:1px;background:var(--ink);left:0;right:100%;bottom:-7px;transition:right .25s}.site-header nav a:hover:after{right:0}.hero{position:relative;min-height:720px;height:calc(100svh - 88px);max-height:1050px;overflow:hidden;background:#c8c9c6}.hero-art{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 72%}.hero-copy{position:relative;z-index:1;padding:6vh 5.6% 0}.eyebrow{display:flex;align-items:center;gap:10px;color:#383c37}.blue-dot{width:6px;height:6px;border-radius:50%;background:var(--blue);display:inline-block}.hero h2{font-family:var(--serif);font-size:clamp(48px,6.8vw,104px);font-weight:400;letter-spacing:-3px;margin-top:29px;line-height:1.2}.hero h2 span{color:var(--blue)}.hero-intro{font-size:12px;line-height:2.05;margin:24px 0;color:#444a43;letter-spacing:.6px}.hero-bottom{position:absolute;bottom:30px;left:5.6%;right:5.6%;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-caption{font-size:11px;letter-spacing:.5px}.hero-caption i{font-style:normal;margin-left:16px;opacity:.6}.hero-link{font-size:12px;display:flex;align-items:center;gap:22px}.circle-arrow{width:49px;height:49px;border:1px solid #7e8580;border-radius:50%;display:grid;place-items:center;font-size:23px;transition:background .25s,color .25s,transform .25s}.hero-link:hover .circle-arrow{background:var(--ink);color:white;transform:rotate(45deg)}.intro{display:grid;grid-template-columns:1fr 1.7fr auto;gap:55px;align-items:start;padding-top:95px;padding-bottom:95px;border-bottom:1px solid var(--line)}.intro h2{font-family:var(--serif);font-size:32px;font-weight:400;margin-bottom:23px}.intro p:not(.section-kicker){font-size:14px;line-height:2.1;color:#676c64}.intro .section-kicker{padding-top:10px}.text-link{font-size:12px;border-bottom:1px solid var(--ink);padding:10px 0;display:inline-flex;gap:48px;justify-content:space-between;white-space:nowrap}.text-link span{font-size:20px;line-height:14px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:54px}.section-heading h2{font-family:var(--serif);font-weight:400;font-size:48px;line-height:1.4;letter-spacing:-1px;margin-top:27px}.filters{display:flex;gap:24px;align-items:center;padding-bottom:8px}.filters button{padding:9px 0;font-size:12px;color:var(--muted);border-bottom:1px solid transparent;transition:color .2s}.filters button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.filters sup{font-size:9px;margin-left:4px;position:relative;top:-1px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 36px}.project-card[hidden]{display:none}.project-card:nth-child(even){padding-top:105px}.project-image{background:#e4e6df;overflow:hidden;position:relative;aspect-ratio:1.18}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-card:nth-child(3n+2) .project-image{aspect-ratio:1.05}.project-card a:hover img{transform:scale(1.04)}.project-view{position:absolute;right:20px;bottom:20px;background:var(--paper);border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:24px;transform:translateY(65px);transition:transform .3s}.project-card a:hover .project-view,.project-card a:focus-visible .project-view{transform:translateY(0)}.project-meta{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-top:21px}.project-title{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:.3px}.project-category{color:var(--muted);font-size:10px;white-space:nowrap}.project-subtitle{margin-top:8px;font-size:11px;letter-spacing:.25px;color:var(--muted)}.project-num{font:10px var(--sans);margin-right:13px;vertical-align:middle;color:var(--muted)}.process{background:#e7e9e1;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:38px;align-items:start}.process h2{font:400 37px/1.5 var(--serif);margin-top:32px}.process p:not(.section-kicker){font-size:13px;line-height:2;color:#62685e;margin-top:24px}.process figure{margin-top:0}.process figure:last-child{margin-top:90px}.process figure img{width:100%;height:345px;object-fit:cover;filter:saturate(.7)}.process figcaption{font-size:10px;letter-spacing:.3px;color:var(--muted);margin-top:17px}.about{display:grid;grid-template-columns:.95fr 1.3fr;gap:12%;align-items:center;padding-top:145px;padding-bottom:145px}.portrait-wrap{position:relative}.portrait-wrap img{width:100%;aspect-ratio:.78;object-fit:cover;filter:saturate(.72)}.portrait-note{position:absolute;bottom:25px;left:25px;color:white;font-size:10px;line-height:1.7;letter-spacing:2px;text-shadow:0 1px 8px #000}.about-copy h2{font:400 38px/1.6 var(--serif);margin:28px 0}.about-copy h2 em{color:var(--muted)}.about-copy>p:not(.section-kicker){font-size:13px;line-height:2.2;color:#6b7066;margin-bottom:17px}.about-facts{margin:30px 0 25px}.about-facts>div{display:grid;grid-template-columns:85px 1fr;font-size:11px;gap:15px;border-top:1px solid var(--line);padding:15px 0}.about-facts dt{color:var(--muted)}.about-facts dd{margin:0;line-height:1.8}.contact{background:#254dc6;color:#f5f6f2;padding-top:65px;padding-bottom:48px}.contact .section-kicker{color:#d1dcff}.contact-top{display:flex;justify-content:space-between;align-items:start}.contact-mark{font-size:90px;font-weight:200;line-height:.85}.contact h2{font:400 clamp(42px,5.6vw,83px)/1.45 var(--serif);margin:24px 0 64px;letter-spacing:1px}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #ffffff4a;padding-top:31px}.email-link{font-size:25px;letter-spacing:-.6px}.email-link span{margin-left:20px}.wechat-copy{font-size:11px;padding:10px 0;display:flex;gap:25px;color:#e7edff}.wechat-copy span{color:#d3dfff}.copy-status{font-size:11px;min-height:15px;margin-top:8px;text-align:right;color:white}.site-footer{display:flex;padding:33px 5.6%;justify-content:space-between;align-items:center;gap:20px}.site-footer>span,.site-footer>a:last-child{font-size:10px;color:var(--muted)}.footer-brand{font-size:28px}.project-intro{padding:55px 5.6% 48px}.back-link{font-size:11px;color:var(--muted);display:inline-block;margin-bottom:48px}.project-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.project-heading h1{font:400 clamp(38px,5vw,73px)/1.4 var(--serif);margin:16px 0 8px}.project-heading h1.long-title{font-size:clamp(32px,4.5vw,64px)}.project-en{font-size:12px;color:var(--muted);letter-spacing:.7px}.project-heading>p{font-size:12px;color:var(--muted);max-width:220px;line-height:2}.project-hero{margin:0 5.6%;background:#e2e3de}.project-hero img{width:100%;max-height:760px;object-fit:contain}.project-story{display:grid;grid-template-columns:1fr 2fr;gap:9%;padding-top:84px;padding-bottom:90px}.project-specs{margin:0}.project-specs>div{padding:16px 0;border-top:1px solid var(--line)}.project-specs dt{font-size:10px;color:var(--muted);margin-bottom:9px}.project-specs dd{font-size:12px;margin:0;line-height:1.8}.story-body h2{font:400 34px/1.6 var(--serif);margin-bottom:24px}.story-body p{font-size:14px;line-height:2.2;color:#646b61;margin-bottom:20px}.project-gallery{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:34px}.gallery-item{margin:0}.gallery-item.wide{grid-column:1 / -1}.gallery-button{display:block;padding:0;width:100%;background:#e8e9e4;position:relative;overflow:hidden}.gallery-button img{width:100%;height:540px;object-fit:contain;transition:transform .5s}.gallery-item.wide .gallery-button img{height:650px;object-fit:contain}.gallery-button:hover img{transform:scale(1.025)}.gallery-zoom{position:absolute;right:16px;bottom:16px;background:#f4f4f0e6;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:23px}.gallery-item figcaption{font-size:11px;color:var(--muted);margin-top:15px;line-height:1.8}.next-project{background:#e7e9e1;padding:65px 5.6%;display:flex;justify-content:space-between;align-items:center;gap:30px}.next-project h2{font:400 42px/1.5 var(--serif);margin:20px 0 10px}.next-project>a:last-child{font-size:50px}.loading-message{padding:60px}.lightbox{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;padding:0;border:0;background:#121411f5;color:white}.lightbox::backdrop{background:#121411}.lightbox[open]{display:grid;grid-template-columns:80px 1fr 80px;grid-template-rows:65px 1fr;align-items:center}.lightbox-toolbar{grid-column:1 / -1;display:flex;justify-content:space-between;padding:20px 32px;font-size:12px}.lightbox figure{height:calc(100svh - 105px);display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.lightbox figure img{max-width:100%;max-height:calc(100svh - 155px);object-fit:contain}.lightbox figcaption{font-size:12px;margin-top:16px;color:#bdc2b8}.lightbox-prev,.lightbox-next{font-size:32px;height:60px;color:white}.lightbox-close{color:white}.error-state{padding:100px 6%;min-height:60vh}.error-state h1{font:400 42px var(--serif);margin-bottom:30px}.error-state p{margin-bottom:30px;color:var(--muted)}
@media(min-width:1600px){.hero-copy{padding-top:8vh}.project-image{aspect-ratio:1.3}.section-pad{padding-left:max(5.6%,calc((100vw - 1500px)/2));padding-right:max(5.6%,calc((100vw - 1500px)/2))}}
@media(max-width:1000px){.site-header{padding:0 5%;height:76px}.section-pad{padding:80px 5%}.hero{height:800px;min-height:650px;max-height:calc(100svh - 76px)}.hero-art{object-position:50% 70%}.hero-copy{padding:45px 5% 0}.hero h2{font-size:66px;letter-spacing:-3px}.hero-intro{font-size:11px}.intro{grid-template-columns:.75fr 1.5fr;gap:35px}.intro>.text-link{grid-column:2;justify-self:start}.section-heading h2{font-size:42px}.filters{gap:16px}.project-grid{gap:46px 24px}.project-card:nth-child(even){padding-top:75px}.project-title{font-size:23px}.project-meta{flex-wrap:wrap;gap:7px}.project-category{padding-left:28px}.process{grid-template-columns:1fr 1fr;gap:26px}.process-heading{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.process h2{margin:0;font-size:33px}.process-heading>p:last-child{grid-column:2;margin:0 0 15px}.process figure:last-child{margin-top:60px}.about{gap:7%}.about-copy h2{font-size:30px}.about-facts>div{grid-template-columns:66px 1fr}.contact h2{font-size:64px}.project-story{gap:7%}.gallery-button img{height:390px}.gallery-item.wide .gallery-button img{height:540px}}
@media(max-width:640px){html{scroll-padding-top:20px}.section-pad{padding:65px 6%}.site-header{height:70px;padding:0 6%}.brand{font-size:30px;letter-spacing:-.8px}.brand-name{font-size:10px;margin-left:10px;letter-spacing:1px}.site-header nav{gap:22px}.site-header nav a{font-size:11px}.site-header nav span{display:none}.hero{min-height:640px;height:calc(100svh - 70px);max-height:800px}.hero-art{object-fit:cover;object-position:51% 70%;width:100%;height:100%}.hero-copy{padding:37px 6% 0}.eyebrow{font-size:8px;letter-spacing:1.15px;gap:7px}.hero h2{font-size:clamp(35px,8.8vw,54px);letter-spacing:-1.5px;margin-top:23px;white-space:nowrap}.hero-intro{font-size:10px;margin-top:18px;line-height:2}.hero-bottom{left:6%;right:6%;bottom:22px;align-items:end}.hero-caption{font-size:9px;line-height:1.9}.hero-caption i{display:block;font-size:8px;margin:0}.hero-link{font-size:10px;gap:12px}.circle-arrow{width:39px;height:39px;font-size:21px}.intro{grid-template-columns:1fr;gap:28px}.intro .section-kicker{padding:0}.intro h2{font-size:29px;margin-bottom:20px}.intro p:not(.section-kicker){font-size:12px}.intro>.text-link{grid-column:auto;justify-self:start;margin-top:0}.desktop-break{display:none}.section-kicker{font-size:9px;letter-spacing:1.2px}.section-heading{display:block;margin-bottom:29px}.section-heading h2{font-size:37px;line-height:1.4;margin-top:22px}.filters{margin-top:30px;gap:25px;padding:0}.filters button{font-size:11px}.filters sup{font-size:8px}.project-grid{display:block}.project-card{margin-bottom:36px}.project-card:last-child{margin-bottom:0}.project-card:nth-child(even){padding-top:0}.project-image,.project-card:nth-child(3n+2) .project-image{aspect-ratio:1.2}.project-meta{padding-top:16px;justify-content:space-between;flex-wrap:nowrap}.project-title{font-size:23px}.project-num{margin-right:8px;font-size:9px}.project-category{font-size:9px;padding:0}.project-subtitle{font-size:10px}.project-view{width:34px;height:34px;transform:none;right:12px;bottom:12px;font-size:20px;background:#f4f4f0cc}.process{gap:20px;align-items:start}.process-heading{display:block;grid-column:1 / -1;margin-bottom:15px}.process h2{font-size:32px;margin-top:24px}.process p:not(.section-kicker){font-size:12px;margin-top:20px}.process figure img{height:230px}.process figure:last-child{margin-top:45px}.process figcaption{font-size:9px;line-height:1.9}.about{display:flex;flex-direction:column;gap:45px}.portrait-wrap{width:75%;align-self:start}.portrait-wrap img{aspect-ratio:.85}.portrait-note{font-size:8px;left:18px;bottom:18px}.about-copy h2{font-size:30px;margin-top:24px}.about-copy>p:not(.section-kicker){font-size:12px}.about-facts>div{font-size:10px;grid-template-columns:68px 1fr}.contact{padding-top:40px;padding-bottom:30px}.contact-mark{font-size:58px}.contact .section-kicker{font-size:8px;letter-spacing:1px;max-width:240px;line-height:1.8}.contact h2{font-size:44px;margin:20px 0 40px;line-height:1.5}.contact-bottom{display:block;padding-top:25px}.email-link{font-size:22px;letter-spacing:-.7px;white-space:nowrap}.email-link span{margin-left:7px}.wechat-copy{margin-top:18px;font-size:10px;gap:22px}.copy-status{text-align:left;font-size:10px}.site-footer{padding:27px 6%;flex-wrap:wrap;gap:24px}.site-footer>span{order:3;width:100%;font-size:9px}.site-footer>a:last-child{font-size:9px}.footer-brand{font-size:27px}.project-intro{padding:34px 6%}.back-link{margin-bottom:32px}.project-heading{display:block}.project-heading h1{font-size:40px}.project-heading h1.long-title{font-size:32px}.project-heading>p{margin-top:25px;font-size:11px;max-width:100%}.project-hero{margin:0 6%}.project-story{display:flex;flex-direction:column-reverse;gap:32px}.story-body h2{font-size:28px}.story-body p{font-size:12px}.project-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.project-specs dd{font-size:11px}.project-gallery{padding-top:0;display:block}.gallery-item{margin-bottom:28px}.gallery-button img,.gallery-item.wide .gallery-button img{height:auto;max-height:520px;object-fit:contain}.gallery-item figcaption{font-size:10px;margin-top:10px}.next-project{padding:42px 6%}.next-project h2{font-size:30px;margin-top:15px}.next-project>a:last-child{font-size:38px}.lightbox[open]{grid-template-columns:42px 1fr 42px}.lightbox-toolbar{padding:20px;font-size:11px}.lightbox-prev,.lightbox-next{font-size:24px}.lightbox figure img{max-height:calc(100svh - 175px)}.lightbox figcaption{font-size:10px;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.lightbox figure{grid-column:2;grid-row:2}.lightbox-prev{grid-column:1;grid-row:2}.lightbox-next{grid-column:3;grid-row:2}

.hero-bottom{color:#f4f4f0}.hero-bottom .circle-arrow{border-color:#f4f4f0a6}
.portrait-wrap img{aspect-ratio:4/5;object-position:50% 62%;filter:none}
@media(min-width:641px){.hero-intro{position:absolute;top:6vh;right:5.6%;margin:0;line-height:1.9}}

.project-image.portrait-cover{aspect-ratio:4/5}.project-image.portrait-cover img{object-fit:contain}
.gallery-group-title{grid-column:1/-1;font:400 27px/1.5 var(--serif);border-top:1px solid var(--line);padding-top:30px;margin-top:25px}
@media(max-width:640px){.gallery-group-title{font-size:24px;margin:20px 0 24px}.project-image.portrait-cover{aspect-ratio:4/5}}
@media(max-width:360px){.site-header nav{gap:14px}.brand-name{margin-left:8px}.site-header .brand{font-size:27px}}

.filters{flex-wrap:wrap;row-gap:8px}
.project-grid[data-filter="exhibition"] .project-card{padding-top:0}
@media(max-width:640px){.filters{gap:8px 22px}}

img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}.about-copy>.rights-note{font-size:11px;color:var(--muted);margin-top:22px}

/* Keep the full group of sculptures visible on narrow screens. */
@media(max-width:640px){
  .hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;background:var(--paper)}
  .hero-copy{order:0;padding:32px 6% 20px}
  .hero-intro{margin:16px 0 0}
  .hero-art{order:1;position:static;inset:auto;width:100%;height:auto;object-fit:contain}
  .hero-bottom{order:2;position:static;padding:20px 6% 24px;color:var(--ink)}
  .hero-bottom .circle-arrow{border-color:#7e8580}
}

/* First-visit editorial guide. */
.start-here{display:grid;grid-template-columns:1fr 1.7fr;gap:55px;border-bottom:1px solid var(--line);padding-top:70px;padding-bottom:70px}.start-heading h2{font:400 34px/1.5 var(--serif);margin-top:22px}.start-heading>p:last-child{font-size:12px;color:var(--muted);line-height:2;margin-top:17px}.start-links{list-style:none;padding:0;margin:0}.start-links li{border-top:1px solid var(--line)}.start-links li:last-child{border-bottom:1px solid var(--line)}.start-links a{display:flex;gap:24px;align-items:baseline;padding:24px 0;transition:color .2s}.start-links a:hover{color:var(--blue)}.start-number{font-size:10px;color:var(--blue)}.start-links h3{font:400 23px/1.5 var(--serif)}.start-links p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:6px}.start-links a>span:last-child{margin-left:auto;font-size:24px}
.site-header nav a{min-height:44px;display:inline-flex;align-items:center}.filters button,.wechat-copy{min-height:44px}.lightbox-close{min-height:44px;padding:0 12px}.lightbox figcaption{max-width:100%;overflow-wrap:anywhere}
@media(max-width:1000px){.start-here{gap:35px;grid-template-columns:.75fr 1.5fr}}
@media(max-width:640px){.start-here{display:block;padding-top:46px;padding-bottom:46px}.start-heading h2{font-size:29px;margin-top:17px}.start-heading>p:last-child{margin-top:10px}.start-links{margin-top:27px}.start-links a{gap:16px;padding:21px 0}.start-links h3{font-size:22px}.start-links p{font-size:11px}.site-header nav{gap:16px}.hero-copy{padding-bottom:24px}}
@media(max-width:360px){.site-header nav{gap:12px}.site-header{padding-left:5%;padding-right:5%}.brand-name{margin-left:7px}}

/* Keep the hero caption and project link above the artwork. */
.hero-bottom{z-index:2;flex-wrap:wrap}.hero-copy{position:relative;z-index:1}
@media(max-width:640px){.hero-bottom{gap:18px}}

/* Keep each work's awards, selections and exhibition records visible. */
.project-media-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;border-top:1px solid var(--line);padding-top:32px;margin-bottom:38px}.project-media-heading h2{font:400 38px/1.5 var(--serif);margin-top:16px}.project-media-heading>p{max-width:360px;justify-self:end;font-size:12px;line-height:2;color:var(--muted)}.project-gallery>.project-media-heading{grid-column:1/-1;margin-bottom:4px}
.project-gallery.has-model-studies{padding-bottom:40px}.model-studies{padding-top:0;padding-bottom:90px}.model-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;border-top:1px solid var(--line);padding-top:32px}.model-item{display:block;width:100%;padding:0;background:#fff;aspect-ratio:4/3;overflow:hidden}.model-item img{width:100%;height:100%;object-fit:contain}
@media(max-width:1000px){.model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.model-studies{padding-bottom:75px}.project-media-heading{gap:30px}}
@media(max-width:640px){.project-media-heading{display:block;padding-top:26px;margin-bottom:26px}.project-media-heading h2{font-size:28px;margin-top:12px}.project-media-heading>p{font-size:11px;max-width:100%;width:100%;justify-self:auto;margin-top:15px}.project-gallery>.project-media-heading{margin-bottom:26px}.project-gallery.has-model-studies{padding-bottom:30px}.model-studies{padding-bottom:55px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:25px}}
.project-recognition{font-size:10px;line-height:1.8;color:var(--blue);margin-top:10px;overflow-wrap:anywhere}.project-recognition span{margin-right:9px;font-size:9px;letter-spacing:.6px}
.project-records{margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.project-records h3{font-size:14px;font-weight:500;letter-spacing:.4px}.project-records dl{margin:18px 0 0}.project-records dl>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:18px;padding:8px 0;align-items:baseline}.project-records dt{font-size:10px;color:var(--muted)}.project-records dd{margin:0;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.project-hero.portrait-hero{width:min(560px,88%);margin:0 auto;background:transparent}.project-hero.portrait-hero img{width:100%;height:auto;max-height:none}.project-hero figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:15px}
@media(max-width:640px){.project-recognition{font-size:10px;margin-top:8px}.project-records{margin-top:27px;padding-top:22px}.project-records h3{font-size:13px}.project-records dl>div{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:7px 0}.project-records dd{font-size:12px}.project-hero figcaption{font-size:10px;margin-top:12px}}

/* A blue, refracted-light cover, followed by the original featured artwork. */
.cover-header{position:absolute;top:0;left:0;width:100%;border:0;background:transparent;color:#f5f9ff;height:100px}.cover-header .brand{font-size:29px;letter-spacing:-1px}.cover-header .brand-dot{color:#a9d9ff}.cover-header .brand-name{color:#dceaff;opacity:.8;font-size:11px}.cover-mark{width:27px;height:34px;margin-right:14px;align-self:center}.cover-header nav a:after{background:#e5f0ff}.cover-header nav span{color:#b6cee8}.cover-header a:focus-visible,.cover a:focus-visible{outline-color:#d8efff}
.cover{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;height:100svh;min-height:720px;overflow:hidden;background:#367caa;color:#f7faff}.cover-background{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,#145c8424 0,#c1efff21 4.5%,#17578135 4.6%,#145c8424 4.8%),radial-gradient(ellipse at var(--cover-light-x,50%) var(--cover-light-y,40%),#b7e9fa 0,#6cbbdf 20%,#3b8dba 38%,transparent 65%),linear-gradient(120deg,#4389b6,#2f6b98 60%,#5a9bc4);background-size:100% 100%,160% 160%,100% 100%;animation:cover-backdrop-drift 16s ease-in-out infinite alternate}.cover-background:has(.cover-canvas[data-ready]){animation:none}.cover-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .8s}.cover-canvas[data-ready]{opacity:1}.cover-background:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#16416b12,transparent 28%,transparent 76%,#16416b12)}
.cover-content{position:relative;width:100%;padding:160px 5.6% 180px;text-align:center}.cover-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:500;letter-spacing:1.6px;color:#e3efff}.cover-eyebrow>span{width:4px;height:4px;background:#b7e5ff}.cover h1{font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(72px,7.8vw,132px);font-weight:400;line-height:1.04;letter-spacing:-.055em;margin:29px auto 0}.cover h1>span{display:block}.cover-description{font-size:14px;font-weight:400;line-height:1.85;letter-spacing:.4px;color:#e0eafb;margin:38px auto 0}.cover-description>span{display:block;font-size:13px;letter-spacing:.1px;color:#b3cbe8;margin-top:5px}
.cover-footer{position:absolute;left:5.6%;right:5.6%;bottom:32px;border-top:1px solid #c4dfff40;padding-top:24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.cover-signature{font-size:10px;letter-spacing:1.7px;line-height:1.9}.cover-signature>span{display:block;font-size:8px;letter-spacing:1.3px;color:#b8d0ef}.cover-scroll{display:inline-flex;align-items:center;gap:23px;min-height:44px;font-size:11px;letter-spacing:1px}.cover-scroll>span{font-size:23px;transition:transform .3s}.cover-scroll:hover>span{transform:translateY(4px)}.cover-disciplines{text-align:right;font-size:9px;letter-spacing:1.4px;color:#c0d4ed}
@media(max-width:1000px){.cover-header{height:88px;padding:0 5%}.cover-content{padding-left:5%;padding-right:5%}.cover h1{font-size:clamp(66px,8.7vw,96px)}.cover-eyebrow{font-size:9px}.cover-footer{left:5%;right:5%}.cover-disciplines{max-width:180px;justify-self:end;line-height:1.8}}
@media(max-width:640px){.cover{min-height:600px}.cover-header{height:78px;padding:0 6%}.cover-header .brand{font-size:26px}.cover-header .brand-name{display:none}.cover-mark{width:20px;height:28px;margin-right:10px}.cover-header nav{gap:20px}.cover-header nav a{font-size:10px}.cover-content{padding:140px 6% 160px}.cover-eyebrow{font-size:7px;letter-spacing:1.1px;gap:8px}.cover h1{font-size:clamp(37px,11.3vw,68px);line-height:1.1;letter-spacing:-.055em;margin-top:27px}.cover-description{font-size:11px;letter-spacing:0;line-height:1.9;margin-top:30px}.cover-description>span{font-size:10px;margin-top:6px}.cover-footer{left:6%;right:6%;bottom:25px;padding-top:18px;grid-template-columns:1fr auto;gap:20px}.cover-signature{font-size:8px;letter-spacing:1.25px}.cover-signature>span{font-size:7px;letter-spacing:1px}.cover-scroll{font-size:10px;gap:17px}.cover-disciplines{display:none}}

@keyframes cover-backdrop-drift{from{background-position:0 0,5% 5%,0 0}to{background-position:0 0,95% 85%,0 0}}

/* The glass cover stays pinned for one viewport of scroll, then transitions onto the artwork (see cover.js: glass clears / flutes rise, alternating). */
.reveal{--open:0}
html.has-reveal{scroll-padding-top:0}
/* 过渡完成后再多固定 --reveal-hold 的滚动距离（只是延长 sticky 区，不拦截滚轮/键盘），让精选作品停留片刻再滚走 */
html.has-reveal .reveal{--reveal-hold:70vh;height:calc(100svh + 100vh + var(--reveal-hold))}
html.has-reveal .reveal-sticky{position:sticky;top:0;height:100svh}
html.has-reveal .reveal-sticky .hero{position:absolute;inset:0;z-index:1;height:100%;min-height:0;max-height:none}
html.has-reveal .reveal-sticky .cover{position:absolute;inset:0;z-index:3;height:100%;min-height:0;max-height:none;background:transparent;overflow:visible;pointer-events:none}
html.has-reveal .reveal-sticky .cover-header{z-index:6;pointer-events:none}
html.has-reveal .cover a,html.has-reveal .cover-header a{pointer-events:auto}
html.has-reveal .cover-content,html.has-reveal .cover-footer{opacity:clamp(0,calc(1 - var(--open) * 2.25),1);transform:translate3d(0,calc(var(--open) * -36px),0)}
html.has-reveal .cover-header{opacity:clamp(0,calc(1 - var(--open) * 1.75),1)}
html.has-reveal .reveal.is-clearing .cover a,html.has-reveal .reveal.is-clearing .cover-header a{pointer-events:none}
html.has-reveal .cover-background::after{opacity:calc(1 - var(--open))}








@media(max-width:640px){
  html.has-reveal .reveal-sticky .hero{display:flex;flex-direction:column;justify-content:center;background:var(--paper);overflow:hidden}
  html.has-reveal .reveal-sticky .hero-art{width:100%;max-height:54svh;height:auto;object-fit:contain}
  
}

/* ===== 2026-11 首屏：浅色玻璃竖条封面（图片 = 《璃&韵》，效果见 cover.js） ===== */
.cover{background:#d7d8da;color:#0f1b26}
/* 无 WebGL / 图片加载失败时的静态兜底：直接显示作品图 */
.cover-background{background:#d7d8da url(assets/hero-liyun-reset.webp) 50% 72%/cover no-repeat;animation:none}
.cover-background:after{background:radial-gradient(46% 38% at 50% 41%,rgba(242,244,246,.58) 0,rgba(242,244,246,.24) 55%,rgba(242,244,246,0) 100%)}
.cover-header{color:#0f1b26}
.cover-header .brand-dot{color:var(--blue)}
.cover-header .brand-name{color:#3d4b57;opacity:1}
.cover-header nav span{color:#5a6875}
.cover-header nav a:after{background:#0f1b26}
.cover-header a:focus-visible,.cover a:focus-visible{outline-color:#164ec4}
.cover-nav{position:relative;isolation:isolate;height:58px;padding:6px 6px 6px 28px;gap:30px}
.cover-nav:before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.36);border:1px solid rgba(255,255,255,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.site-header .cover-nav .nav-cta{height:100%;padding:0 20px;display:inline-flex;align-items:center;background:#0f1b26;color:#fff;transition:background .3s}
.site-header .cover-nav .nav-cta span{color:#b9c9d8}
.site-header .cover-nav .nav-cta:after{display:none}
.site-header .cover-nav .nav-cta:hover{background:var(--blue)}
.cover-eyebrow{color:#1c3348;font-weight:600}
.cover-eyebrow>span{background:var(--blue)}
.cover h1{font-weight:300;color:#0f1b26}
.cover-description{color:#24333f}
.cover-description>span{color:#4b5a66}
.cover-cta{display:inline-flex;align-items:center;gap:10px;height:50px;margin-top:34px;padding:0 22px;background:rgba(15,27,38,.88);color:#fff;font-size:12px;font-weight:600;letter-spacing:.6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .3s}
.cover-cta>span{font-weight:400;color:#b9c9d8}
.cover-cta:hover{background:var(--blue)}
.cover-cta-icon{fill:#8fc7ff;flex-shrink:0;overflow:visible}
.cover-cta-icon .sq{transition:transform .6s cubic-bezier(.19,1,.22,1)}
.cover-cta-icon .sq--b{transition-delay:40ms}.cover-cta-icon .sq--r{transition-delay:80ms}
.cover-cta:hover .sq--t{transform:translate(6px,4px)}.cover-cta:hover .sq--r{transform:translate(-6px,4px)}.cover-cta:hover .sq--b{transform:translateY(-8px)}
/* 底部压在深色台面倒影上，用浅色字 */
.cover-footer{color:#f2f5f8;border-top-color:rgba(255,255,255,.28)}
.cover-signature>span{color:#c3ced8}
.cover-disciplines{color:#d0d9e0}
@media(max-width:1000px){.cover-nav{gap:22px;padding-left:22px}}
@media(prefers-reduced-motion:reduce){.cover-cta,.cover-cta-icon .sq{transition:none}}
/* 兜底静态图加一层磨砂，保持文字可读（WebGL 就绪后自动取消） */
.cover-background:not(:has(.cover-canvas[data-ready])):after{-webkit-backdrop-filter:blur(18px) saturate(1.05);backdrop-filter:blur(18px) saturate(1.05)}

/* 手机（≤640px）：不使用玻璃效果，首屏 = 标题文字 + 原有 hero（文字 → 完整横幅作品图 → 作品入口），与原站手机版一致 */
@media(max-width:640px){
  .cover{height:auto;min-height:0;align-items:flex-start;background:var(--paper);color:var(--ink,#0f1b26)}
  .cover-background,.cover-footer{display:none}
  .cover-content{padding:92px 6% 0}
  .cover-eyebrow{font-size:8px}
  .cover h1{font-size:clamp(34px,10.6vw,52px)}
  .cover-description{margin-top:12px}
  .cover-description>span{margin-top:4px}
  .cover-cta{margin-top:16px;height:40px;padding:0 18px;font-size:11px}
  .cover-nav a{white-space:nowrap}
  .reveal .hero-copy{padding-top:22px;padding-bottom:16px}
  .reveal .hero-bottom{padding-top:14px;padding-bottom:18px}
  .cover-nav{height:44px;padding:0 0 0 16px;gap:14px}
  .site-header .cover-nav .nav-cta{padding:0 12px}
  .site-header .cover-nav .nav-cta span{display:none}
  .cover-nav:before{background:rgba(255,255,255,.6);border-color:rgba(15,27,38,.08)}
}
@media(max-width:360px){.cover-nav{gap:10px;padding-left:12px}.site-header .cover-nav a{font-size:10px}.site-header .cover-nav .nav-cta{padding:0 9px}}

/* ===== 首屏 → 精选作品 过渡（仅桌面；手机不加 has-reveal，不受影响）===== */
/* A / C 两种过渡共用：首屏固定一屏，文字先淡出上移；WebGL 画面与真实 hero 图完全重合后整体淡出；hero 文字最后淡入 */
html.has-reveal .cover-content{opacity:clamp(0,calc(1 - var(--open) * 3.2),1);transform:translate3d(0,calc(var(--open) * -48px),0)}
html.has-reveal .cover-footer{opacity:clamp(0,calc(1 - var(--open) * 4.5),1);transform:none}
html.has-reveal .cover-header{opacity:clamp(0,calc(1 - var(--open) * 2.6),1)}
html.has-reveal .cover-background{opacity:calc(1 - var(--glass-out,0))}
html.has-reveal .reveal-sticky .hero-copy,html.has-reveal .reveal-sticky .hero-bottom{opacity:var(--hero-in,0);transform:translate3d(0,calc((1 - var(--hero-in,0)) * 18px),0)}
html.has-reveal .reveal:not(.is-settled) .hero a{pointer-events:none}