.hero{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:38px}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(44px,4.1vw,60px);line-height:1.08;letter-spacing:-2.5px}
.hero-model-name{display:block;line-height:1.1;margin-bottom:4px;font-weight:550}
.hero-copy .hero-footnote{margin-top:32px}
.hero-resource-stack{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;position:relative;align-self:center;min-width:0;padding-bottom:18px}
.hero-resource{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.28fr);align-items:stretch;min-width:0;min-height:280px;overflow:hidden;border:1px solid #d8e5dd;border-radius:7px;background:#edf4ee}
.hero-resource-copy{align-self:center;min-width:0;padding:26px 0 25px 26px;position:relative;z-index:1}
.hero-resource-index{display:block;color:#6d8b7e;font-size:7px;line-height:1.5;letter-spacing:1.1px;margin-bottom:16px}
.hero-resource h2{font-size:24px;font-weight:500;line-height:1.15;letter-spacing:-.8px;margin:0 0 15px}
.hero-resource h2 a:hover{color:var(--teal)}
.hero-resource h2 a>span{font-size:13px;font-weight:400;vertical-align:middle;margin-left:4px}
.hero-resource-copy>p{color:#627a70;font-size:11px;line-height:1.8;margin-bottom:22px;max-width:230px}
.hero-resource-link{display:inline-flex;align-items:center;gap:16px;color:#245e54;font-size:10px;font-weight:550}
.hero-resource-link:hover{text-decoration:underline;text-underline-offset:4px}
.hero-resource-secondary{display:block;color:#809487;font-size:8px;line-height:1.6;margin-top:13px}
.hero-resource-secondary:hover{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.hero-resource-figure{display:block;align-self:center;min-width:0;height:260px;margin:8px 7px 8px 2px;border-radius:3px}
.hero-resource-figure img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.hero-resource-figure:hover{background:#b9d4c409}
.model-resource{background:#eef3f2;min-height:270px}
.model-resource .hero-resource-figure{height:238px;margin-left:8px}
.model-resource .hero-resource-copy>p{color:#657c77}
.hero-illustration-note{position:absolute;right:0;bottom:0;color:#8b9c91;font-size:7px;letter-spacing:.3px}
.resource-placeholder,.resource-placeholder:hover{color:#8c9b8f;font-weight:400;cursor:default}
html[lang="zh-CN"] .hero h1{font-size:clamp(42px,4vw,58px)}
@media(min-width:1600px){.hero{gap:44px}.hero-resource{min-height:288px}.hero-resource-figure{height:270px}.model-resource .hero-resource-figure{height:245px}}
@media(min-width:621px) and (max-width:1150px){.hero{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:28px;padding-top:43px;padding-bottom:43px}.hero h1{font-size:clamp(34px,4.3vw,49px)}.hero-resource{min-height:246px}.model-resource{min-height:242px}.hero-resource-copy{padding:22px 0 22px 20px}.hero-resource-index{font-size:6px;letter-spacing:.7px;margin-bottom:12px}.hero-resource h2{font-size:22px;margin-bottom:12px}.hero-resource h2 a>span{font-size:11px;margin-left:2px}.hero-resource-copy>p{font-size:10px;line-height:1.75;margin-bottom:18px}.hero-resource-link{font-size:9px;gap:10px}.hero-resource-secondary{font-size:7px;margin-top:10px}.hero-resource-figure{height:222px}.model-resource .hero-resource-figure{height:210px}.hero-copy .hero-footnote{font-size:8px;margin-top:26px}html[lang="zh-CN"] .hero h1{font-size:clamp(33px,4.2vw,46px)}}
@media(min-width:621px) and (max-width:760px){.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;padding-top:34px;padding-bottom:34px}.hero h1{font-size:clamp(30px,4.6vw,35px);letter-spacing:-1.5px;margin:23px 0 20px}.hero-description{font-size:12px;line-height:1.8}.hero .eyebrow{font-size:6.5px;letter-spacing:.6px}.hero-ctas{gap:15px}.hero-ctas .button{font-size:9px;padding:11px 13px;gap:10px}.hero-ctas .text-link{font-size:9px;gap:9px}.hero-resource{min-height:222px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.hero-resource-copy{padding:18px 0 18px 14px}.hero-resource-index{font-size:5px;letter-spacing:.25px;margin-bottom:10px}.hero-resource h2{font-size:17px;letter-spacing:-.4px;line-height:1.2;margin-bottom:11px}.hero-resource h2 a>span{font-size:9px;margin-left:1px}.hero-resource-copy>p{font-size:9px;line-height:1.7;margin-bottom:15px}.hero-resource-link{font-size:8px;gap:7px}.hero-resource-secondary{font-size:6px;line-height:1.7;margin-top:9px}.hero-resource-figure{height:195px;margin-right:4px}.model-resource .hero-resource-figure{height:175px;margin-left:3px}.hero-copy .hero-footnote{font-size:7px;line-height:1.6}.hero-copy .tiny-grid{flex:none}html[lang="zh-CN"] .hero h1{font-size:30px}}
@media(max-width:620px){.hero{grid-template-columns:1fr;gap:29px}.hero h1{font-size:46px;letter-spacing:-2px;line-height:1.08}.hero-resource-stack{width:100%;max-width:470px;margin-inline:auto;gap:14px;padding-bottom:18px}.hero-resource{min-height:228px;grid-template-columns:minmax(0,.93fr) minmax(0,1.2fr)}.hero-resource-copy{padding:22px 0 22px 18px}.hero-resource-index{font-size:5.5px;letter-spacing:.5px;margin-bottom:12px}.hero-resource h2{font-size:21px;line-height:1.18;letter-spacing:-.5px;margin-bottom:12px}.hero-resource h2 a>span{font-size:11px;margin-left:1px}.hero-resource-copy>p{font-size:10px;line-height:1.75;margin-bottom:17px}.hero-resource-link{font-size:9px;gap:9px}.hero-resource-secondary{font-size:7px;line-height:1.7;margin-top:11px}.hero-resource-figure{height:206px;margin:7px 5px 7px 1px}.model-resource .hero-resource-figure{height:184px;margin-left:4px}.hero-illustration-note{font-size:6px}.hero-copy .hero-footnote{font-size:8px;margin-top:26px}html[lang="zh-CN"] .hero h1{font-size:40px}}
@media(max-width:360px){.hero h1{font-size:38px}.hero-resource{min-height:220px;grid-template-columns:minmax(0,1fr) minmax(0,1.07fr)}.hero-resource-copy{padding-left:13px}.hero-resource-index{font-size:4.8px;letter-spacing:.15px}.hero-resource h2{font-size:18px}.hero-resource-copy>p{font-size:9px}.hero-resource-link{font-size:8px;gap:6px}.hero-resource-figure{height:190px}.model-resource .hero-resource-figure{height:160px}html[lang="zh-CN"] .hero h1{font-size:36px}}
.hero-resource .hero-resource-figure{aspect-ratio:1672/941;height:auto;margin:8px;min-width:0;overflow:hidden;border:0;background:transparent}
.hero-resource .hero-resource-figure img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.hero-resource .hero-resource-figure:hover{background:transparent}
@media(min-width:1151px){.hero{min-height:0;padding-block:32px}.hero-resource-stack{gap:14px;padding-bottom:16px}.hero-resource{min-height:232px}.hero-resource-copy{padding:20px 0 20px 24px}.hero-resource-index{margin-bottom:12px}.hero-resource h2{margin-bottom:12px}.hero-resource-copy>p{margin-bottom:16px}.hero-resource-secondary{margin-top:10px}.hero-copy .hero-footnote{margin-top:28px}}
@media(min-width:1151px) and (max-height:820px){.hero{padding-block:14px}.hero-resource-stack{gap:10px}}
