.era-hero{height:100svh;min-height:820px;max-height:1150px;background:#070809}
.era-picture{position:absolute;inset:0;display:block}
.era-image{height:100%;width:100%;object-fit:cover;object-position:center center}
.era-shade{position:absolute;inset:0;background:linear-gradient(0deg,#070809 0%,#070809f0 8%,#07080970 28%,transparent 52%),linear-gradient(180deg,#07080988,transparent 20%)}
.era-heading{position:absolute;bottom:170px;left:var(--gutter);right:var(--gutter)}
.era-heading h1{display:grid;grid-template-columns:1fr 1fr;margin:0;font-size:clamp(42px,4.6vw,74px);line-height:1.2;letter-spacing:-.055em;gap:12%}
.era-heading h1>span{display:flex;flex-direction:column;align-items:flex-start}
.era-heading h1 .future-title{align-items:flex-end;text-align:right}
.era-heading small{color:#a1a7ab;font-size:10px;font-weight:400;letter-spacing:.18em;margin-bottom:18px;line-height:1.6}
.era-heading em{font-size:12px;letter-spacing:.06em;color:#878f94;margin-top:19px;line-height:1.6}
.era-heading .future-title>span{color:#dfb390}.era-heading .future-title small{color:#cda37c}
.era-bridge{position:absolute;bottom:90px;left:var(--gutter);right:var(--gutter);display:flex;gap:30px;align-items:center;justify-content:center}
.era-bridge p{font-size:19px;letter-spacing:.13em;color:#d1d3d0;line-height:1.5;text-align:center;white-space:nowrap}
.bridge-line{width:130px;max-width:15%;height:1px;background:linear-gradient(90deg,transparent,#a17853)}
.bridge-line:last-child{transform:rotate(180deg)}
.era-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:#7d868a;font-size:9px;letter-spacing:.13em}
.era-bottom .concept{letter-spacing:.03em;color:#6d767b}
.visual.wide .past-detail{object-position:left center;object-fit:cover;transform:scale(2);transform-origin:left 50%}
.visual.wide:hover .past-detail{transform:scale(2.04)}
@media(max-width:1000px) and (min-width:761px){.era-hero{min-height:760px}.era-heading{bottom:165px}.era-heading h1{font-size:46px;gap:6%}.era-heading em{font-size:10px}.era-heading small{font-size:8px}.era-bridge p{font-size:17px}}
@media(max-width:760px){.era-hero{min-height:850px;height:100svh;max-height:1150px}.era-picture{top:195px;bottom:85px}.era-image{object-position:center;object-fit:cover;height:100%;width:100%}.era-shade{background:linear-gradient(0deg,#070809 0%,#070809c9 7%,transparent 26%,transparent 63%,#070809 82%)}.era-heading{top:133px;bottom:auto;left:24px;right:24px}.era-heading h1{grid-template-columns:1fr 1fr;font-size:clamp(23px,6.8vw,34px);gap:12px}.era-heading small{font-size:6.5px;letter-spacing:.07em;margin-bottom:11px}.era-heading em{font-size:8px;letter-spacing:0;margin-top:12px;max-width:145px}.era-bridge{bottom:85px;left:24px;right:24px;gap:10px}.era-bridge p{font-size:14px;letter-spacing:.02em}.bridge-line{width:35px;max-width:8%}.era-bottom{bottom:28px;left:24px;right:24px;font-size:7px;gap:20px;flex-wrap:wrap}.era-bottom>span:first-child{width:100%;font-size:7px;letter-spacing:.12em}.era-bottom .concept{position:absolute;bottom:0;right:0}.era-heading h1 .future-title{align-items:flex-end}.era-hero~.vision .visual.wide .past-detail{object-position:20% center}.era-heading .future-title em{max-width:160px}html[lang=en] .era-heading h1{font-size:26px;line-height:1.35}html[lang=en] .era-bridge p{font-size:13px;letter-spacing:0;white-space:normal}}
@media(prefers-reduced-motion:reduce){.era-image{animation:none}}
@media(max-width:760px){.era-heading small{font-size:9px;letter-spacing:0}.era-heading em{font-size:10px}.era-bottom,.era-bottom>span:first-child{font-size:9px}html[lang=en] .era-heading h1{font-size:22px}}
.contact{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-top:120px;padding-bottom:120px;background:radial-gradient(ellipse at 90% 70%,#31201935,transparent 60%)}
.contact h2{font-size:clamp(44px,6.6vw,100px)}
.contact .contact-cta{margin-top:42px}
html{scroll-padding-top:0}
.header{border-bottom:0}
.header{position:fixed;background:linear-gradient(180deg,#07080980,transparent)}
.contact-email{display:inline-flex;align-items:center;gap:28px;width:fit-content;margin-top:24px;color:#c5b49f;font-size:17px;letter-spacing:.035em}.contact-email:hover{color:#f4d2ae}.contact-email span{font-size:15px}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}button:disabled{opacity:.5;cursor:wait}
@media(min-width:761px){html[lang=en] .era-heading h1{font-size:clamp(32px,3.6vw,64px)}}
@media(max-width:760px){.contact{min-height:100svh;padding-top:95px;padding-bottom:95px}.contact h2{font-size:clamp(35px,10vw,52px)}}

@media(max-width:760px){.era-heading{top:auto;bottom:170px}}
@media(max-width:760px){dialog input,dialog select,dialog textarea{font-size:16px}dialog{max-height:calc(100dvh - 24px);overscroll-behavior:contain}.header-actions #lang{min-width:44px;min-height:44px}}
@media(max-width:380px){.era-heading h1{font-size:23px}.era-heading small{font-size:8px}.era-heading em{font-size:9px}.era-bridge p{font-size:13px}}

.legal-footer{padding:0 24px 24px;text-align:center;color:#929c9f;font-size:12px;line-height:1.8}.legal-footer a:hover{color:#d9af8c}.legal-footer a{display:inline-block;padding:8px}

/* Chinese / English paired presentation. */
.bi-zh,.bi-en{display:block}
.bi-en{font-size:.72em;line-height:1.5;letter-spacing:.015em;color:#929b9e;margin-top:7px;font-weight:400}
.era-heading{bottom:185px}.era-heading h1{font-size:clamp(38px,4.2vw,70px)}
.era-heading h1>span>span>.bi-en{font-size:clamp(15px,1.55vw,25px);color:#b5bab8;margin-top:12px;letter-spacing:.015em}
.era-heading .future-title>span>.bi-en{color:#c7a68b}
.era-heading small{margin-bottom:12px}.era-heading small .bi-en{font-size:9px;letter-spacing:.1em;margin-top:4px}
.era-heading em{margin-top:15px}.era-heading em .bi-en{font-size:10px;margin-top:3px}
.era-bridge{bottom:78px}.era-bridge p{white-space:normal}.era-bridge .bi-en{font-size:12px;margin-top:3px}
.era-bottom{align-items:flex-end}.era-bottom .bi-en{font-size:8px;margin-top:4px}
.contact h2>.bi-en{font-size:clamp(19px,2.6vw,34px);line-height:1.5;margin-top:24px;letter-spacing:0}
.contact-cta .bi-en{font-size:11px;margin-top:5px}.contact .fine-note .bi-en{font-size:10px}
footer p .bi-en{font-size:10px;margin-top:3px}dialog h3 .bi-en{font-size:16px}
dialog label .bi-en{font-size:10px;margin-top:3px}dialog .bi-en{letter-spacing:0}
@media(max-width:760px){
 .era-hero{min-height:1000px;max-height:none}.era-heading{bottom:205px}
 .era-heading h1{font-size:clamp(23px,6.3vw,34px);gap:16px}
 .era-heading h1>span>span>.bi-en{font-size:clamp(11px,2.9vw,16px);margin-top:8px;line-height:1.4}
 .era-heading small{font-size:9px;margin-bottom:12px}.era-heading small .bi-en{font-size:7px;letter-spacing:0;max-width:145px}
 .era-heading em{font-size:9px;margin-top:12px}.era-heading em .bi-en{font-size:8px;max-width:150px;line-height:1.5}
 .era-bridge{bottom:105px}.era-bridge .bi-en{font-size:10px}
 .era-bottom .bi-en{font-size:7px}.era-bottom .concept{max-width:120px;text-align:right}
 .contact h2>.bi-en{font-size:19px;margin-top:20px}dialog{padding:30px 22px}
}

/* Shared bilingual alignment across phone, tablet and desktop viewports. */
.bi-zh,.bi-en{max-width:100%;overflow-wrap:break-word}
.era-hero{height:100svh;min-height:800px;max-height:none}
.era-heading{bottom:185px}
.era-heading h1{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,8vw,180px);align-items:start}
.era-heading h1>span{display:grid;grid-template-rows:42px auto 52px;gap:12px;min-width:0;align-items:start;justify-items:start;text-align:left}
.era-heading h1>span.future-title{justify-items:end;text-align:right}
.era-heading h1>span>small,.era-heading h1>span>span,.era-heading h1>span>em{width:100%;min-width:0;margin:0;max-width:none}
.era-heading h1>span>span>.bi-zh{line-height:1.2}
.era-heading h1>span>span>.bi-en{line-height:1.4;margin-top:10px;font-size:clamp(15px,1.55vw,25px);white-space:nowrap}
.era-heading h1>span>small>.bi-en{line-height:1.5;max-width:none}
.era-heading h1>span>em>.bi-zh{line-height:1.5}
.era-heading h1>span>em>.bi-en{max-width:none;line-height:1.5}
.era-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.era-bottom>a{text-align:center}.era-bottom .concept{position:static;max-width:none;text-align:right}
.era-bottom>span:first-child{width:auto}
.contact h2>.contact-line{display:block;color:var(--text)}
.contact h2>.contact-line+.contact-line{margin-top:22px;color:#999d9d}
.contact h2 .contact-line>.bi-zh{color:inherit;line-height:1.25}
.contact h2 .contact-line>.bi-en{font-size:clamp(18px,2vw,30px);line-height:1.45;margin-top:10px;color:#929b9e;letter-spacing:0}
dialog .bi-zh,dialog .bi-en{text-align:left}
.legal-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:0 12px}
@media(min-width:1920px){.era-heading h1{font-size:clamp(70px,4vw,90px)}}
@media(min-width:761px) and (max-height:700px){.era-hero{min-height:730px}}
@media(min-width:761px) and (max-width:1100px){
 .era-heading h1{font-size:clamp(34px,4.5vw,48px);gap:32px}
 .era-heading h1>span>em>.bi-en{font-size:9px}
}
@media(max-width:760px){
 .era-hero{height:100svh;min-height:820px;max-height:none}
 .era-heading{bottom:205px;left:20px;right:20px}
 .era-heading h1{font-size:clamp(23px,6.3vw,38px);gap:20px}
 .era-heading h1>span{grid-template-rows:42px auto 58px;gap:10px}
 .era-heading h1>span>span>.bi-en{font-size:clamp(10px,2.85vw,17px);margin-top:8px;letter-spacing:0}
 .era-heading h1>span>small{font-size:9px;letter-spacing:0}
 .era-heading h1>span>small>.bi-en{font-size:7px;letter-spacing:0;max-width:none}
 .era-heading h1>span>em{font-size:9px;max-width:none}
 .era-heading h1>span>em>.bi-en{font-size:8px;max-width:none}
 .era-bridge{bottom:110px;left:20px;right:20px}
 .era-bottom{left:20px;right:20px;bottom:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:13px;font-size:9px}
 .era-bottom>span:first-child{grid-column:1/-1;text-align:left;width:auto}
 .era-bottom>a{text-align:left}.era-bottom .concept{position:static;max-width:none;text-align:right}
 .era-bottom .bi-en{font-size:8px;letter-spacing:0;line-height:1.5}
 .contact h2{font-size:clamp(32px,9vw,54px)}
 .contact h2 .contact-line>.bi-en{font-size:clamp(16px,4.3vw,23px);margin-top:8px}
 .contact h2>.contact-line+.contact-line{margin-top:25px}
 .legal-footer{font-size:11px;gap:0}.legal-footer a{padding:6px 8px}
 footer{gap:18px}footer p{min-width:0;flex-basis:160px}
}
@media(max-width:360px){.era-heading h1{font-size:23px;gap:14px}.era-heading h1>span>span>.bi-en{font-size:10px}}

/* Center each Chinese / English pair on one shared axis. */
.bi-zh,.bi-en{text-align:center}
.era-heading h1>span,.era-heading h1>span.future-title{justify-items:center;text-align:center}
.era-heading h1>span>small,.era-heading h1>span>span,.era-heading h1>span>em{text-align:center}
.era-heading h1>span>span>.bi-zh{letter-spacing:normal;margin:0}
.era-heading h1>span>span>.bi-en{white-space:normal}
.era-heading h1>span>small>.bi-zh{letter-spacing:normal}
.era-bridge .bi-zh{letter-spacing:normal}
.era-bottom>span:first-child,.era-bottom>a,.era-bottom .concept{text-align:center}
.contact h2{width:fit-content;max-width:100%}
.contact h2 .contact-line>.bi-zh{letter-spacing:normal}
.contact-cta>span:first-child{display:block;width:fit-content;max-width:calc(100% - 30px)}
.contact>.fine-note{width:fit-content;max-width:100%}
footer p{flex:0 1 auto;width:fit-content;margin-right:auto}
dialog h3,dialog>p:not(.eyebrow),dialog label>span,dialog .inquiry-privacy-note{width:fit-content;max-width:100%}
dialog .bi-zh,dialog .bi-en{text-align:center}
@media(max-width:760px){
 .era-heading h1 .future-title{align-items:center;text-align:center}
 .era-bottom>span:first-child,.era-bottom>a,.era-bottom .concept{text-align:center}
 .era-bottom>span:first-child{justify-self:start;width:fit-content}
 .era-bottom>a{justify-self:start}.era-bottom .concept{justify-self:end}
 .contact h2 .contact-line>.bi-zh{letter-spacing:normal}
 footer p{flex:0 1 auto}
}

/* Keep the two headline groups in the lower outer corners. */
.era-heading{left:var(--gutter);right:var(--gutter);bottom:155px}
.era-heading h1{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;font-size:clamp(30px,3.55vw,64px)}
.era-heading h1>span{width:clamp(260px,29vw,450px);flex:0 1 450px;grid-template-rows:36px auto 46px;gap:9px}
.era-heading h1>span>span>.bi-en{font-size:clamp(14px,1.35vw,23px);margin-top:8px}
.era-heading h1>span>small>.bi-en{font-size:9px}
.era-heading h1>span>em{font-size:11px}
.era-heading h1>span>em>.bi-en{font-size:10px}
.era-shade{background:linear-gradient(0deg,#070809 0%,#070809e8 12%,#07080985 30%,transparent 54%),linear-gradient(180deg,#07080970,transparent 20%)}
.era-bridge{bottom:75px}
@media(min-width:761px) and (max-width:1100px){
 .era-heading h1{font-size:clamp(28px,3.55vw,39px)}
 .era-heading h1>span{width:34%;flex-basis:34%;grid-template-rows:35px auto 50px}
 .era-heading h1>span>span>.bi-en{font-size:14px}
}
@media(max-width:760px){
 .era-heading{left:16px;right:16px;bottom:195px}
 .era-heading h1{display:flex;justify-content:space-between;gap:18px;font-size:clamp(23px,6vw,37px)}
 .era-heading h1>span{width:calc(50% - 9px);flex:0 0 calc(50% - 9px);grid-template-rows:36px auto 56px;gap:8px}
 .era-heading h1>span>span>.bi-en{font-size:clamp(10px,2.7vw,16px);margin-top:7px}
 .era-heading h1>span>small>.bi-en{font-size:7px}
 .era-heading h1>span>em{font-size:9px}
 .era-heading h1>span>em>.bi-en{font-size:8px}
 .era-picture{top:110px;bottom:255px}
 .era-shade{background:linear-gradient(0deg,#070809 0%,#070809ef 25%,transparent 47%,transparent 75%,#070809 94%)}
 .era-bridge{bottom:110px}
}

/* Anchor each group to its outer corner; keep bilingual pairs centered inside it. */
.era-heading{left:24px;right:24px}
.era-heading h1>span{flex:0 0 auto;width:max-content;max-width:36vw}
@media(min-width:761px) and (max-width:1100px){.era-heading{left:20px;right:20px}.era-heading h1>span{width:max-content;max-width:38vw;flex:0 0 auto}}
@media(max-width:760px){.era-heading{left:12px;right:12px}.era-heading h1>span{width:calc(50% - 9px);max-width:calc(50% - 9px);flex:0 0 calc(50% - 9px)}}

/* Balanced description rows, upper-right image note, single-row bottom links. */
.hero-note{position:absolute;top:34px;right:24px;z-index:11;color:#929b9e;font-size:10px;line-height:1.5;pointer-events:none}
.hero-note .bi-en{font-size:8px;margin-top:3px}
.era-heading h1{align-items:start}
.era-heading h1 .past-title,.era-heading h1 .future-title{align-items:start;grid-template-rows:36px auto 46px}
.era-heading h1 .past-title>em,.era-heading h1 .future-title>em{display:grid;grid-template-rows:18px 20px;gap:4px;width:100%;max-width:none;margin:0;align-items:start}
.era-heading h1 .past-title>em>.bi-zh,.era-heading h1 .future-title>em>.bi-zh{margin:0;line-height:18px;white-space:nowrap}
.era-heading h1 .past-title>em>.bi-en,.era-heading h1 .future-title>em>.bi-en{margin:0;line-height:20px;white-space:nowrap;max-width:none}
.era-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px}
.era-bottom>span:first-child{grid-column:1;justify-self:start;width:fit-content}
.era-bottom>a{grid-column:2;justify-self:end;width:fit-content}
@media(max-width:760px){
 .hero-note{top:21px;right:20px;font-size:9px}.hero-note .bi-en{font-size:7px}
 .era-heading h1 .past-title,.era-heading h1 .future-title{grid-template-rows:36px auto 46px;gap:8px}
 .era-heading h1 .past-title>em,.era-heading h1 .future-title>em{grid-template-rows:16px 17px;gap:3px}
 .era-heading h1 .past-title>em>.bi-zh,.era-heading h1 .future-title>em>.bi-zh{font-size:clamp(7px,1.95vw,10px);line-height:16px;max-width:none}
 .era-heading h1 .past-title>em>.bi-en,.era-heading h1 .future-title>em>.bi-en{font-size:clamp(6.3px,1.85vw,9px);line-height:17px;letter-spacing:0;max-width:none}
 .era-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;bottom:28px}
 .era-bottom>span:first-child{grid-column:1;grid-row:1;justify-self:start;width:fit-content}
 .era-bottom>a{grid-column:2;grid-row:1;justify-self:end;width:fit-content}
 .era-bottom .bi-en{font-size:clamp(6px,1.75vw,8px);white-space:nowrap}
}