/* Homepage only — Figma Page 11, 6971:13442 / 6971:13476. */
.home-page .intro { top: 243px; left: var(--page-gutter); right: var(--page-gutter); letter-spacing: 3px; cursor: default; }
.home-page .intro__line { max-width: 1280px; font-size: 20px; font-weight: 200; line-height: 1.35; }
.home-page .intro__line--strong { max-width: 100%; margin-bottom: 200px; font: 400 40px/1.35 'Roboto Condensed',sans-serif; color: #1d1d1d; }
.home-page .home { min-height: max(747px,100svh); }
.home-page .scroll-cue { left: var(--page-gutter); width: 44px; height: 44px; transform: translateX(-14px); bottom: 11px; }
.home-page .scroll-cue img { transition: transform 180ms ease-out; }
.home-page .scroll-cue:hover img { transform: translateY(3px); }
.home-page .language-switcher__button { min-height: 32px; }
.home-page .language-switcher__button:active { opacity: .65; }
.home-page .language-switcher__button:focus-visible { outline: 2px solid #245ffe; outline-offset: 3px; }
.home-page .selected-work { padding-top: 0; min-height: calc(100svh - var(--header-height)); }
.home-page .project-card { position: relative; margin: 0; padding: 50px 60px; justify-content: flex-start; gap: clamp(32px,8vw,120px); }
.home-page .work-meta + .project-card { margin-top: 48px; }
.home-page .project-card__copy { flex: 0 1 302px; width: fit-content; max-width: 100%; }
.home-page .project-card > img, .home-page .project-card__media { display: block; width: min(62.08%,893.9px); height: auto; min-width: 0; }
.home-page .project-card__media img { display: block; width: 100%; height: auto; }
.home-page .project-card--deposit > .project-card__media { width: min(58.03%,835.5555px); }
.home-page .site-footer { margin-top: auto; padding-top: 130px; }
.home-page .project-card[aria-label] { cursor: default; }
.home-page .project-card a { cursor: pointer; }
.home-page .project-card__hitarea { position: absolute; inset: 50px 60px; z-index: 2; }
.home-page.has-explore-cursor .project-card__hitarea { cursor: none; }
.home-page .reveal-pending { opacity: 0; transform: translateY(18px); }
.home-page .reveal-ready { transition: opacity 800ms cubic-bezier(.22,1,.36,1),transform 800ms cubic-bezier(.25,.1,.25,1); }
.home-page .reveal-ready:not(.reveal-pending) { transform: translateY(0); }
.home-page .reveal-ready.reveal-pending { transition: none; }
.home-page .explore-cursor { position: fixed; left: 0; top: 0; z-index: 30; pointer-events: none; display: flex; align-items: center; gap: 6.2px; color: #fff; mix-blend-mode: difference; font: 500 16px/21px Geist,sans-serif; opacity: 0; }
.home-page .explore-cursor.is-visible { opacity: 1; }
.home-page .explore-cursor img { display: block; }
.home-page .project-card:focus-visible { outline-offset: -6px; }
/* Distribute excess desktop width between copy and artwork, not after the artwork. */
@media (min-width:761px) {
 .home-page .project-card { justify-content: space-between; }
}
html[lang='zh-CN'] .home-page .intro__line--strong { font-family: Geist,'PingFang SC','Microsoft YaHei',sans-serif; letter-spacing: 2px; }
@media (hover:hover) and (pointer:fine) { .home-page.has-explore-cursor .project-card__copy, .home-page.has-explore-cursor .project-card__media, .home-page.has-explore-cursor .project-card > img { cursor: none; } }
@media (max-width:1100px) {
 .home-page .project-card { gap: 40px; }
 .home-page .project-card__copy { flex: 0 1 260px; }
 .home-page .project-card > img, .home-page .project-card__media { width: 62%; min-width: 0; }
 .home-page .intro__line--strong { font-size: 36px; margin-bottom: 130px; }
 .home-page .intro__line { letter-spacing: 2px; }
}
@media (max-width:760px) {
 .home-page .home { min-height: max(650px,100svh); }
 .home-page .intro { top: 26svh; }
 .home-page h1.intro__line--strong { font-size: 30px; line-height: 1.35; margin-bottom: 72px; letter-spacing: 1px; }
 .home-page .intro__line { font-size: 16px; letter-spacing: .7px; line-height: 1.55; }
 .home-page .selected-work { min-height: calc(100svh - var(--header-height)); }
 .home-page .project-card { padding: 32px 60px; gap: 28px; }
 .home-page .project-card__hitarea { inset-block: 32px; }
 .home-page .work-meta + .project-card { margin-top: 16px; }
 .home-page .project-card__copy { flex-basis: auto; }
 .home-page .project-card > img, .home-page .project-card > .project-card__media { width: 100%; }
 .home-page .site-footer { margin-top: auto; padding-top: 80px; }
}
@media (prefers-reduced-motion:reduce) {
 .home-page .reveal-ready { transition: none; }
 .home-page .reveal-pending { opacity: 1; transform: none; }
 .home-page .scroll-cue img { transition: none; }
 .home-page .scroll-cue:hover img { transform: none; }
}