/* Editorial typography and collection artwork */
.link-icon {display: inline-block; width: 1.5rem; height: 1.5rem; flex: 0 0 auto; vertical-align: middle; color: var(--gold);}
.button .icon-explore {width: 1.65rem; height: 1.65rem;}
.email {align-items: center;}
.socials a {display: inline-flex; align-items: center; gap: .65rem; min-height: 44px;}
.socials .link-icon {width: 1.375rem; height: 1.375rem;}
body {font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; font-size: 1rem; line-height: 1.8; -webkit-font-smoothing: antialiased;}
h1,h2,h3 {font-family: "Baskerville", "Palatino Linotype", Georgia, "Songti SC", "Noto Serif CJK SC", "SimSun", serif; text-wrap: balance;}
h2 {font-size: clamp(2.5rem,4.4vw,4.125rem); line-height: 1.16;}
p {text-wrap: pretty;}
.brand {font-family: "Segoe UI", Arial, sans-serif; font-size: 1.7rem; letter-spacing: .21em;}
.brand span {font-size: .75rem; letter-spacing: .12em; font-weight: 400; margin-top: .5rem; white-space: nowrap;}
.header {min-height: 104px; height: auto; padding-top: 20px; padding-bottom: 20px;}
.header nav {font-size: .9375rem;}
.eyebrow {font-size: .8125rem; letter-spacing: .13em; line-height: 1.7;}
.hero {min-height: 690px; height: calc(100svh - 104px);}
.hero-bottom {font-size: .75rem; letter-spacing: .1em;}
.hero-copy {font-size: 1.0625rem; max-width: 390px;}
.section {padding-top: 112px; padding-bottom: 112px;}
.section-note {font-size: .9375rem; max-width: 320px;}
.studio-copy {gap: 42px; line-height: 1.9;}
.project {position: relative; isolation: isolate; display: grid; grid-template-columns: 1fr; align-content: center; gap: 0; min-height: 520px; padding: 56px 5%; margin: 0 0 28px; border: 1px solid #cfad712b; overflow: hidden; background: #0c1511;}
.project-art {position: absolute; z-index: -3; right: 0; top: 0; height: 100%; width: 78%; object-fit: cover; object-position: right center;}
.project-shade {position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg,#0c1511 0%,#0c1511fa 24%,#0c1511e8 36%,#0c1511a6 48%,#0c151140 62%,#0c151108 80%),linear-gradient(0deg,#0c151160,transparent 25%,transparent 80%,#0c151130);}
.project-number {font-size: 1rem; font-style: normal; color: var(--gold); letter-spacing: .08em; margin-bottom: 28px; position: relative;}
.project-body {width: 48%; max-width: 520px; min-width: 0;}
.project h3 {font-size: clamp(2rem,3vw,2.875rem); line-height: 1.15; letter-spacing: -.025em; margin: 12px 0 24px; text-wrap: balance;}
.project .eyebrow {font-size: .75rem; line-height: 1.7; letter-spacing: .1em;}
.project-body>p:not(.eyebrow) {font-size: 1rem; line-height: 1.85; color: #d0d3c9; margin-bottom: 24px;}
.tags {gap: 8px;}
.tags span {font-size: .8125rem; padding: 4px 11px; background: #0c151155;}
.status {grid-column: 1; text-align: left; font-size: .75rem; letter-spacing: .08em; margin-top: 25px; padding: 0; width: 48%;}
.disclaimer {font-size: .8125rem; line-height: 1.75; border: 0; max-width: 900px; padding-top: 8px;}
.practice-grid {gap: 54px;}
.practice h3 {font-size: 2rem;}
.small-num {font-size: .8125rem;}
footer {font-size: .875rem;}
[lang=zh-CN] h2 {letter-spacing: .035em; line-height: 1.4;}
[lang=zh-CN] .project h3 {font-size: clamp(2rem,2.8vw,2.65rem); letter-spacing: .04em; line-height: 1.4;}
[lang=zh-CN] .project-body>p:not(.eyebrow) {line-height: 2; letter-spacing: .02em;}
@media(max-width:900px) {
 .section {padding-top: 76px; padding-bottom: 76px;}
 .project {min-height: 520px; padding: 36px 5%;}
 .project-body,.status {width: 55%;}
 .project-art {width: 88%;}
 .project-shade {background: linear-gradient(90deg,#0c1511 0%,#0c1511f5 30%,#0c1511c9 45%,#0c151161 65%,#0c151108 90%);}
 .hero-bottom {font-size: .75rem;}
}
@media(max-width:600px) {
 .header {min-height: 90px; padding-top: 15px; padding-bottom: 15px;}
 .brand {font-size: 1.5rem;}
 .brand span {font-size: .75rem; letter-spacing: .055em;}
 .hero {height: calc(100svh - 90px); min-height: 670px;}
 .hero-bottom {font-size: .75rem; letter-spacing: .06em;}
 .section {padding-top: 62px; padding-bottom: 62px;}
 .project {min-height: 0; padding: 265px 24px 32px; margin-bottom: 22px;}
 .project-art {width: 100%; height: 310px; object-position: right center; object-fit: cover;}
 .project-shade {background: linear-gradient(180deg,#0c151100 100px,#0c15112b 170px,#0c1511e8 270px,#0c1511 320px);}
 .project-body,.status {width: 100%; max-width: none;}
 .project-number {margin-bottom: 16px;}
 .project h3 {font-size: 2rem; margin-bottom: 18px;}
 .project-body>p:not(.eyebrow) {font-size: 1rem;}
 .project .eyebrow {font-size: .75rem;}
 .tags span {font-size: .8125rem;}
 .status {font-size: .75rem;}
 .eyebrow {font-size: .8125rem;}
 .practice-grid {gap: 32px;}
 .contact h2 {font-size: 2.35rem;}
 .email {font-size: clamp(1rem,5vw,1.25rem); gap: 8px;}
}
