/* One introduction layout for every top-level section. */
.page-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:minmax(344px,auto) auto;align-items:center;gap:28px 5%;padding:150px 8% 30px;overflow:hidden;background:radial-gradient(ellipse at 78% 40%,#17303c90,transparent 58%)}
.page-hero-copy{position:relative;min-width:0;z-index:1}
.page-hero .eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 25px;text-transform:uppercase;font-size:10px;line-height:1.5;letter-spacing:.15em}
.page-hero h1{font-size:clamp(48px,5.6vw,80px);font-weight:400;line-height:1.08;letter-spacing:-.045em;margin:0 0 25px;max-width:none}
.page-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}
.page-hero:lang(zh-CN) h1 em{font-family:inherit;font-style:normal}
.page-hero .archive-intro{max-width:480px;margin:0 0 24px;color:#aebac5;font-size:15px;line-height:1.85;text-wrap:pretty}
.page-hero .text-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;font-size:13px;color:var(--ink)}
.hero-down{width:17px;height:17px;flex:none;color:var(--accent)}
.page-hero-visual{width:100%;min-width:0;margin:0;align-self:center}
.page-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:540/410;max-height:360px;object-fit:contain}
.page-hero-visual figcaption{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 16px;min-height:34px;margin-top:4px;font-size:10px;line-height:1.6;letter-spacing:.06em;color:#8fa8b4}
.hero-art-credit{font-size:9px;letter-spacing:0;color:#79909f;text-underline-offset:3px}
.hero-art-credit:hover{text-decoration:underline}
.page-hero-meta{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid var(--line);padding-top:22px}
.page-hero-meta>div{display:flex;align-items:center;gap:22px;min-width:0}
.page-hero-meta strong{font-family:Georgia,serif;font-size:32px;line-height:1.2;letter-spacing:-.025em;font-weight:400;white-space:nowrap}
.page-hero-meta strong i{font-family:Arial,sans-serif;font-size:.7em;font-style:normal;color:var(--accent)}
.page-hero-meta span{font-size:10px;line-height:1.6;letter-spacing:.1em;color:#94a5b0;max-width:185px}
#contact-options{scroll-margin-top:15px}
@media(min-width:751px) and (max-width:1050px){.page-hero{padding-top:144px;grid-template-rows:minmax(330px,auto) auto;gap:25px 3%}.page-hero h1{font-size:clamp(45px,5.7vw,60px)}.page-hero .archive-intro{font-size:14px}.page-hero-meta>div{gap:16px}.page-hero-meta strong{font-size:28px}}
@media(max-width:750px){
  .page-hero{padding:146px 7% 28px;grid-template-columns:1fr;grid-template-rows:auto;gap:24px;background:radial-gradient(ellipse at 72% 58%,#17303c90,transparent 64%)}
  .page-hero .eyebrow{margin-bottom:20px}
  .page-hero h1{font-size:clamp(41px,8.8vw,60px);margin-bottom:20px}
  .page-hero .archive-intro{font-size:14px;line-height:1.8;max-width:540px;margin-bottom:15px}
  .page-hero .text-link{font-size:12px;gap:20px}
  .page-hero-visual{width:min(100%,380px);justify-self:center}
  .page-hero-visual img{height:180px;aspect-ratio:auto}
  .page-hero-visual figcaption{font-size:9px;min-height:22px;margin-top:0}
  .page-hero-meta{gap:22px;padding-top:20px}
  .page-hero-meta>div{flex-direction:column;align-items:flex-start;gap:8px}
  .page-hero-meta strong{font-size:clamp(24px,6vw,30px)}
  .page-hero-meta span{font-size:9px;letter-spacing:.07em}
}