:root{--bg:#fdfdfb;--ink:#1b1b19;--muted:#83837d;--line:#cfcfca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft Yahei",sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}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:2px solid #686344;outline-offset:6px}button{border:0}::selection{background:#d9dfc6}img{display:block;max-width:100%}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:21px 3.4%;background:rgba(253,253,251,.93);backdrop-filter:blur(12px)}.brand{border:1px solid var(--ink);border-radius:40px;padding:8px 15px;font-size:20px;letter-spacing:.04em}.brand span{font-size:11px;letter-spacing:.08em;margin-left:12px;vertical-align:middle}.header nav{display:flex;gap:35px;font-size:13px;align-items:center}.header nav a:hover{color:var(--muted)}.nav-num{font-size:10px;color:var(--muted)}.nav-contact{border-bottom:1px solid var(--ink);padding:5px 0}.nav-contact span{margin-left:19px}.hero{position:relative;min-height:760px;height:calc(100svh - 84px);max-height:1000px;margin:0 3.4%;padding:65px 0 45px;isolation:isolate}.hero-copy{position:relative;z-index:3;width:60%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:15px;font-size:11px;line-height:1.8;letter-spacing:.07em}.art-orbit{width:53px;height:53px;border-radius:50%;overflow:hidden;background:#d7d8ce;transform:rotate(-12deg)}.art-orbit img{width:100%;height:100%;object-fit:cover}.en{font-size:9px;letter-spacing:.1em}h1{font-weight:400;letter-spacing:-.065em;font-size:clamp(58px,6.7vw,112px);line-height:1.24;margin:35px 0 15px}.serif{font-family:"Songti SC","STSong",serif}.hero-en{font-size:14px;line-height:1.35;margin:18px 0 40px;color:#77776f;letter-spacing:-.02em}.pill{border:1px solid var(--ink);border-radius:99px;display:inline-flex;align-items:center}.hero-cta{gap:15px;padding:5px 22px 5px 5px;font-size:14px;line-height:1.5;background:var(--bg)}.hero-cta small{font-size:9px;letter-spacing:.08em;color:#77776f}.circle-arrow{border-radius:50%;background:var(--ink);color:var(--bg);width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;font-size:37px;line-height:1;flex-shrink:0;transition:transform .3s}.pill:hover .circle-arrow{transform:rotate(-40deg)}.collage{position:absolute;inset:0;z-index:1}.float-art{position:absolute;padding:0;border-radius:15px;overflow:hidden;background:#e7e6df;transition:transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s}.float-art img{width:100%;height:100%;object-fit:cover}.float-art:hover{transform:translateY(-14px) rotate(0);box-shadow:0 20px 40px #00000013;z-index:6}.float-art span{position:absolute;bottom:11px;left:13px;font-size:9px;letter-spacing:.05em;color:white;background:#14141460;padding:6px 8px;border-radius:20px;opacity:0;transition:opacity .3s}.float-art:hover span{opacity:1}.art-a{left:54%;top:135px;width:24%;height:350px;transform:rotate(-5deg);z-index:3}.art-b{left:72%;top:45px;width:23%;height:285px;transform:rotate(6deg);z-index:2}.art-c{left:77%;top:365px;width:20%;height:255px;transform:rotate(5deg);z-index:4}.art-b img{object-fit:contain;background:#f2f1e9}.art-c img{object-position:50% 55%}.collage-note{position:absolute;top:655px;right:4%;font-size:10px;line-height:1.6;color:var(--muted)}.collage-cross{position:absolute;right:1%;top:22px;font-size:30px;font-weight:200}.hero-bottom{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em;color:var(--muted)}.hero-bottom a{color:var(--ink);font-size:11px}.hero-bottom a span{margin-left:30px}.works{margin:0 3.4%}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.section-pill{font-size:23px;font-weight:400;gap:28px;padding:5px 5px 5px 22px;margin:0}.section-pill .circle-arrow{width:43px;height:43px;font-size:31px}.filters{display:flex;gap:6px;align-items:center}.filters button{padding:8px 14px;border-radius:30px;background:transparent;font-size:11px;border:1px solid transparent;transition:background .25s}.filters button.active{border-color:var(--ink)}.filters button:hover{background:#eaeae3}.filters sup{font-size:8px;margin-left:4px}.project-row{padding:55px 0 45px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:23% 77%;min-height:395px}.project-row[hidden]{display:none}.project-meta{align-self:start;padding-right:40px;display:flex;flex-direction:column;align-items:flex-start}.project-meta h3{font-size:24px;font-weight:400;letter-spacing:-.04em;margin:0 0 8px}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;align-items:start;padding:6px 0 20px;min-width:0}.art-card{padding:0;background:none;width:100%;min-width:0;text-align:left}.art-window{height:260px;border-radius:12px;overflow:hidden;background:#eeeee8;display:flex;align-items:center;justify-content:center;position:relative}.art-card:nth-child(3n+2) .art-window{height:300px}.art-card img{width:100%;height:100%;object-fit:contain;transition:transform .6s}.art-card:hover img{transform:scale(1.04)}.art-card .zoom-sign{position:absolute;bottom:10px;right:10px;border:1px solid #fff9;border-radius:50%;width:30px;height:30px;background:#fdfdfbdd;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(6px);transition:.25s}.art-card:hover .zoom-sign{opacity:1;transform:translateY(0)}.art-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:10px;gap:8px}.art-caption>span:last-child{font-size:9px}.gallery-hint{font-size:10px;color:var(--muted);margin:16px 0;display:flex;gap:15px}.gallery-hint #filter-status{margin-left:auto}.about{margin:130px 3.4% 100px;padding:65px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:32% 68%}.about-label{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.about-label h2{font-weight:400;font-size:19px;margin:0;padding:11px 20px;gap:45px}.about-label>span{font-size:9px;letter-spacing:.08em;color:var(--muted)}.about-content h3{font-size:21px;font-weight:400;margin:0 0 30px}.about-content h3 span{font-size:11px;margin-left:14px;color:var(--muted)}.about-content>p{font-size:clamp(26px,3vw,45px);line-height:1.6;letter-spacing:-.04em;margin:0 0 30px}.about-content .about-small{font-size:13px;line-height:1.9;color:#77776f;max-width:500px;letter-spacing:0}.medium-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px;max-width:500px;border-top:1px solid var(--line);padding-top:22px;margin-top:45px}.contact{padding:65px 3.4% 75px;background:#ededE7}.contact>.en{color:#75756f}.contact-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 35px}.contact h2{font-size:clamp(40px,6.7vw,100px);font-weight:400;letter-spacing:-.07em;margin:0}.contact-arrow{width:90px;height:90px;background:var(--ink);color:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:55px;transition:transform .3s}.contact-arrow:hover{transform:rotate(45deg)}.email{font-size:16px;border-bottom:1px solid var(--ink);padding-bottom:7px;display:inline-flex;gap:35px}footer{margin:0 3.4%;display:flex;justify-content:space-between;padding:25px 0;font-size:9px;color:#73736d;letter-spacing:.04em}dialog{border:0;max-width:none;max-height:none;width:100%;height:100%;margin:0;background:#f6f6f1;color:var(--ink);padding:20px 3.4%}dialog::backdrop{background:#f6f6f1}dialog[open]{display:flex;flex-direction:column}.viewer-head,.viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:15px}.viewer-head{min-height:40px;font-size:11px;border-bottom:1px solid var(--line);padding-bottom:15px}.viewer-head button{background:none;font-size:12px;display:flex;align-items:center;gap:30px}.viewer-head button span{font-size:28px}.viewer-stage{min-height:0;flex:1;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0}.viewer-stage img{height:100%;width:calc(100% - 160px);object-fit:contain}.viewer-arrow{width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;background:transparent;font-size:25px;flex-shrink:0}.viewer-arrow:hover{background:var(--ink);color:var(--bg)}.viewer-foot{border-top:1px solid var(--line);padding:20px 0 5px;min-height:75px}.viewer-foot h2{font-size:17px;font-weight:400;margin:0 0 7px}.viewer-foot p,.viewer-foot>span{font-size:10px;color:var(--muted);margin:0}
@media(min-width:1600px){.hero{min-height:850px}.art-a{height:430px}.art-b{height:350px}.art-c{top:440px;height:300px}.collage-note{top:770px}.art-window{height:330px}.art-card:nth-child(3n+2) .art-window{height:365px}}
@media(max-width:900px){.hero{padding-top:50px;min-height:710px;height:760px}.hero-copy{width:68%}h1{font-size:clamp(45px,7.8vw,70px)}.art-a{left:58%;top:160px;width:29%;height:285px}.art-b{left:72%;top:65px;width:27%;height:225px}.art-c{left:74%;top:435px;width:25%;height:205px}.collage-note{top:660px;font-size:9px}.hero-cta{font-size:12px}.hero-en{font-size:12px}.project-row{grid-template-columns:26% 74%}.project-meta{padding-right:20px}.project-meta h3{font-size:21px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.art-window{height:235px}.art-card:nth-child(3n+2) .art-window{height:270px}.filters{gap:0}.filters button{padding:8px 10px}.contact-arrow{width:70px;height:70px;font-size:45px}}
@media(max-width:600px){html{scroll-padding-top:80px}.header{padding:16px 5%}.brand{font-size:17px;padding:8px 13px}.brand span{font-size:8px;margin-left:8px}.header nav{font-size:11px;gap:17px}.nav-num{display:none}.nav-contact span{margin-left:5px}.hero{margin:0 5%;padding-top:30px;height:auto;min-height:900px}.hero-copy{width:100%}.eyebrow{font-size:9px}.art-orbit{width:43px;height:43px}.eyebrow .en{font-size:8px}h1{font-size:clamp(51px,12vw,72px);line-height:1.22;letter-spacing:-.055em;margin-top:28px}.hero-en{font-size:11px;margin:17px 0 24px}.hero-cta{gap:12px;padding-right:20px;font-size:12px}.circle-arrow{width:43px;height:43px;font-size:31px}.hero-cta small{font-size:8px}.collage{top:485px;bottom:60px}.art-a{left:5%;top:45px;width:45%;height:245px;transform:rotate(-5deg)}.art-b{left:43%;top:0;width:40%;height:205px;transform:rotate(6deg)}.art-c{left:65%;top:140px;width:33%;height:190px;transform:rotate(5deg)}.collage-cross{font-size:23px;right:0;top:4px}.collage-note{top:320px;left:10%;right:auto;font-size:8px}.hero-bottom{font-size:8px;bottom:10px}.hero-bottom a{font-size:9px}.works{margin:0 5%}.section-top{align-items:flex-start;gap:25px;flex-direction:column;margin-bottom:0}.section-pill{font-size:20px;gap:28px;padding-left:18px}.section-pill .circle-arrow{width:36px;height:36px;font-size:26px}.filters{gap:5px;width:100%;justify-content:space-between}.filters button{padding:7px 12px;font-size:10px}.project-row{display:block;padding:35px 0 20px;min-height:0}.project-meta{padding:0;display:grid;grid-template-columns:1fr auto;column-gap:20px}.project-meta h3{font-size:23px}.art-grid{grid-template-columns:minmax(0,1fr);gap:28px;padding:4px 0 16px}.art-window{height:auto;border-radius:10px}.art-card:nth-child(3n+2) .art-window{height:auto}.art-card img{height:auto}.art-caption{font-size:9px}.art-card .zoom-sign{opacity:1;transform:none;width:24px;height:24px}.gallery-hint{font-size:9px;gap:5px}.gallery-hint #filter-status{font-size:8px}.about{margin:75px 5% 60px;padding:35px 0;display:block}.about-label{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:35px}.about-label h2{font-size:17px;padding:9px 16px;gap:30px}.about-label>span{font-size:8px}.about-content h3{font-size:20px;margin-bottom:23px}.about-content>p{font-size:26px}.about-content .about-small{font-size:12px}.medium-list{font-size:10px;margin-top:30px}.contact{padding:40px 5% 45px}.contact-heading{margin:22px 0 30px}.contact h2{font-size:clamp(33px,8.5vw,49px)}.contact-arrow{width:49px;height:49px;font-size:31px}.email{font-size:13px;gap:25px}footer{margin:0 5%;font-size:8px;gap:12px;padding:20px 0}footer>span:nth-child(2){font-size:7px}dialog{padding:15px 5%}.viewer-stage{gap:8px;padding:20px 0}.viewer-arrow{width:32px;height:32px;font-size:19px}.viewer-stage img{width:calc(100% - 80px)}.viewer-foot h2{font-size:14px}.viewer-head{font-size:10px}.viewer-head button{gap:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Align the watercolor heading with its compact four-image grid. */
.project-row--watercolor{display:grid;padding:55px 0 45px}
.project-row--watercolor .project-meta{display:block;padding-right:0;margin-bottom:0}
.project-row--watercolor .art-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px;width:96.103896%;margin:0;gap:24px;padding:6px 0 20px}
.project-row--watercolor .art-window,.project-row--watercolor .art-card:nth-child(3n+2) .art-window{height:auto;aspect-ratio:1;background:#f2f1eb}
.project-row--watercolor .art-card img{height:100%;width:100%;object-fit:contain}
.filters{flex-wrap:wrap}
@media(max-width:900px){.project-row--watercolor .art-grid{width:100%;gap:24px}}
@media(max-width:600px){.project-row--watercolor{display:block;padding:35px 0 30px}.project-row--watercolor .art-grid{width:74%;margin:0;padding:0;gap:24px 12px}.project-row--watercolor .art-window{border-radius:7px}.project-row--watercolor .art-caption{font-size:9px;gap:3px}.project-row--watercolor .art-caption>span:last-child{display:none}.filters{gap:3px}.filters button{padding:7px 9px}}

/* Featured works and equal-height pairs preserve each artwork's proportions. */
.hero-watercolors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:100%;padding:10px;gap:5px;background:#f2f1e9}
.hero-watercolors img{width:100%;height:100%;min-height:0;object-fit:contain}
.art-a img,.art-c img{object-fit:contain}
.art-card .zoom-sign{opacity:1;transform:none}
.zoom-sign svg{width:17px;height:17px}
.art-card:hover .zoom-sign{background:var(--ink);color:var(--bg)}
.project-row--paired[data-category="narrative"] .art-grid{max-width:814px}
.project-row--paired[data-category="drawing"] .art-grid{max-width:460px}
.project-row--paired .art-grid{gap:20px;align-items:start}
.project-row--paired .art-window,.project-row--paired .art-card:nth-child(3n+2) .art-window{height:auto;aspect-ratio:var(--art-ratio)}
.project-row--paired .art-card img{width:100%;height:100%;object-fit:contain}
@media(max-width:600px){.hero-watercolors{padding:6px;gap:3px}.project-row--paired .art-grid{gap:14px}.project-row--paired .art-caption{font-size:9px;line-height:1.5;align-items:flex-start}.project-row--paired .art-caption>span:last-child{display:none}.zoom-sign svg{width:14px;height:14px}}

/* Clear category headings; the gallery follows the cover directly. */
.project-meta{display:block}
.project-meta h3{font-size:clamp(28px,2.5vw,34px);line-height:1.3;margin:0;letter-spacing:0}
.project-row--watercolor .project-meta{display:block;margin-bottom:0}
.project-row--watercolor .project-meta h3{grid-column:auto;grid-row:auto}
@media(max-width:600px){.project-row--watercolor .project-meta{margin-bottom:12px}}


/* Portrait on the left, name and portfolio title on its right. */
.hero--portrait .hero-copy{position:absolute;inset:0;width:auto;z-index:3}
.hero--portrait .eyebrow{position:absolute;left:39%;top:calc(230px + clamp(36px,5.2vw,72px)*2.6);width:35%;display:block;font-size:14px;line-height:1.8;letter-spacing:.02em}
.hero--portrait h1{position:absolute;left:39%;top:200px;width:35%;margin:0;font-size:clamp(36px,5.2vw,72px);line-height:1.3}

.hero--portrait .hero-cta{position:absolute;left:39%;top:calc(310px + clamp(36px,5.2vw,72px)*2.6);width:max-content}
.hero-portrait{position:absolute;left:0;bottom:55px;height:clamp(430px,51vw,600px);width:auto;max-width:none;object-fit:contain;opacity:1;z-index:2;pointer-events:none}
.hero--portrait .art-a{left:75%;top:145px;width:22%;height:300px}
.hero--portrait .art-b{left:81%;top:35px;width:19%;height:240px}
.hero--portrait .art-c{left:78%;top:450px;width:21%;height:200px}
.hero--portrait .collage-note{right:1%;top:680px}
@media(max-width:900px){
 .hero--portrait{min-height:1100px;height:auto}
 .hero--portrait .eyebrow{left:46%;top:calc(240px + clamp(32px,5vw,48px)*2.6);width:54%}
 .hero-portrait{top:180px;bottom:auto;height:440px}
 .hero--portrait h1{left:46%;top:210px;width:54%;font-size:clamp(32px,5vw,48px)}
 
 .hero--portrait .hero-cta{left:46%;top:465px}
 .hero--portrait .collage{top:700px;bottom:60px}
 .hero--portrait .art-a{left:33%;top:45px;width:34%;height:245px}
 .hero--portrait .art-b{left:62%;top:0;width:30%;height:205px}
 .hero--portrait .art-c{left:67%;top:160px;width:27%;height:190px}
 .hero--portrait .collage-note{left:5%;right:auto;top:285px}
 .hero--portrait .collage-cross{top:4px}
}
@media(max-width:600px){
 .hero--portrait{min-height:1140px}
 .hero--portrait .eyebrow{left:0;top:525px;width:100%;font-size:12px;line-height:1.9}
 .hero-portrait{top:180px;height:min(310px,79vw)}
 .hero--portrait h1{left:46%;top:200px;width:54%;font-size:30px;line-height:1.45}
 
 .hero--portrait .hero-cta{left:46%;right:0;top:610px;width:auto;gap:7px;padding-right:7px;font-size:10px}
 .hero--portrait .hero-cta .circle-arrow{width:32px;height:32px;font-size:25px}
 .hero--portrait .hero-cta small{font-size:6px;letter-spacing:0}
 .hero--portrait .collage{top:720px;bottom:60px}
 .hero--portrait .art-a{left:5%;top:45px;width:45%;height:245px}
 .hero--portrait .art-b{left:43%;top:0;width:40%;height:205px}
 .hero--portrait .art-c{left:65%;top:140px;width:33%;height:190px}
 .hero--portrait .collage-note{left:10%;top:340px}
}

/* Contact methods and original, scannable WeChat code. */
.contact-details{display:grid;grid-template-columns:minmax(0,1fr) 184px;gap:64px;align-items:center;max-width:850px}.contact-links{display:grid;gap:25px}.contact-method{display:flex;align-items:center;gap:18px;font-size:20px;width:100%;padding:10px 0 18px;border-bottom:1px solid #1b1b1950}.contact-method small{display:block;font-size:11px;color:#73736d;margin-bottom:8px;letter-spacing:.06em}.contact-icon{width:24px;height:24px;flex:none;color:#111}.method-arrow{margin-left:auto;font-size:22px}.wechat-contact{margin:0}.wechat-contact img{width:184px;height:184px;background:white;border-radius:8px}.wechat-contact figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-top:12px}.wechat-contact figcaption span{font-size:10px;color:#73736d}@media(max-width:600px){.contact-details{grid-template-columns:minmax(0,1fr);gap:30px}.contact-method{font-size:17px;gap:14px}.contact-links{gap:15px}.wechat-contact{width:160px}.wechat-contact img{width:160px;height:160px}.contact-icon{width:22px;height:22px}}

/* Artwork content synchronized with the portfolio presentation. */
.project-row--paired .art-grid{grid-template-columns:var(--pair-columns);max-width:100%}.project-row--paired[data-category="narrative"] .art-grid{max-width:900px}.project-row--paired[data-category="drawing"] .art-grid{max-width:100%}.project-row--paired[data-category="space"] .art-grid{max-width:720px}.art-caption .caption-copy{display:block;min-width:0;font-size:11px;line-height:1.6;color:var(--ink)}.art-caption .art-name{display:block}.art-caption .art-details{display:block;margin-top:3px;font-size:10px;line-height:1.6;color:var(--muted)}.art-caption>.art-number{font-size:9px;flex:none;padding-top:2px}.filters{row-gap:8px}@media(max-width:600px){.project-row--paired .art-grid{grid-template-columns:minmax(0,1fr);max-width:100%}.project-row--paired .art-window{max-height:none}.art-caption .caption-copy{font-size:12px}.art-caption .art-details{font-size:10px}.filters{justify-content:flex-start;column-gap:3px;row-gap:6px}.filters button{padding:7px 10px}.gallery-hint{flex-wrap:wrap;row-gap:8px}.gallery-hint #filter-status{font-size:9px}}

/* Keep the figure and thank-you together as one centered group. */
.contact-heading{position:relative;display:flex;justify-content:center;align-items:center;margin:20px 0 42px}
.contact-greeting{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%}
.contact-mascot{display:block;width:210px;max-width:100%;flex:none;margin-left:-21px;margin-right:-37px}
.contact-mascot img{width:100%;height:auto}
.contact-heading h2{text-align:left;white-space:nowrap;font-size:clamp(34px,6.2vw,90px);letter-spacing:-.04em}
.contact-heading .contact-arrow{position:absolute;right:0}
@media(max-width:900px){.contact-heading .contact-arrow{display:none}}
@media(max-width:600px){.contact-heading{margin:20px 0 30px}.contact-greeting{gap:6px}.contact-mascot{width:94px;margin-left:-9px;margin-right:-16px}.contact-heading h2{font-size:clamp(22px,6.2vw,32px);letter-spacing:-.035em}}

/* Keep the desktop composition on phones, scaled to the available width. */
@media(max-width:600px){
 .hero--portrait{min-height:780px;height:calc(100svh - 70px);max-height:900px;margin:0 5%;padding-top:30px}
 .hero--portrait .hero-copy{width:auto;inset:0}
 .hero--portrait h1{left:47%;top:135px;width:53%;font-size:clamp(28px,8.5vw,42px);line-height:1.35}
 .hero--portrait .eyebrow{left:47%;top:315px;width:53%;font-size:8px;line-height:1.8}
 .hero--portrait .hero-cta{left:47%;right:auto;top:410px;width:max-content;max-width:53%;font-size:8px}
 .hero--portrait .hero-cta .circle-arrow{width:34px;height:34px;font-size:25px}
 .hero--portrait .hero-cta small{font-size:6px}
 .hero--portrait .hero-portrait{left:0;bottom:82px;height:48%;width:auto}
 .hero--portrait .collage{top:470px;bottom:45px}
 .hero--portrait .art-a{left:63%;top:38px;width:31%;height:155px}
 .hero--portrait .art-b{left:77%;top:0;width:24%;height:130px}
 .hero--portrait .art-c{left:78%;top:205px;width:23%;height:130px}
 .hero--portrait .collage-note{left:auto;right:0;top:360px;font-size:7px}
 .hero--portrait .collage-cross{right:0;top:0}
 .hero--portrait .hero-bottom{bottom:5px}
 .section-top{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap}
 .filters{width:auto;flex:1;justify-content:flex-end;gap:2px}
 .filters button{padding:6px 7px;font-size:9px}
 .project-row{display:grid;grid-template-columns:23% 77%;padding:35px 0 25px;min-height:0}
 .project-meta{display:flex;padding-right:10px}
 .project-meta h3{font-size:18px}
 .art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;padding:4px 0 12px}
 .art-window{height:130px}
 .art-card:nth-child(3n+2) .art-window{height:150px}
 .project-row--paired .art-grid{grid-template-columns:var(--pair-columns);gap:10px}
 .project-row--paired .art-window,.project-row--paired .art-card:nth-child(3n+2) .art-window{height:auto;aspect-ratio:var(--art-ratio)}
 .project-row--watercolor{display:grid;padding:35px 0 25px}
 .project-row--watercolor .art-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .contact-details{grid-template-columns:minmax(0,1fr) 140px;gap:22px}
 .wechat-contact{width:140px}
 .wechat-contact img{width:140px;height:140px}
}