.home-hero{--hero-height:clamp(680px,calc(100svh - 88px),820px);height:var(--hero-height);min-height:0;background:#fff;isolation:isolate;overflow:hidden}
.home-hero:before{display:none}.home-hero .hero-grid{display:block;position:relative;z-index:2;pointer-events:none}.home-hero .hero-copy{width:40%;max-width:505px;padding:20px 0 45px;pointer-events:auto}.home-hero .hero-copy h1{font-size:clamp(43px,4.7vw,68px)}
.stellar-stage{position:absolute;inset:0;width:100%;height:100%;z-index:0}.stellar-backdrop,.stellar-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.benchmark-browser{position:absolute;left:44%;width:54%;top:50%;transform:translateY(-50%);max-width:860px;outline:none}
.benchmark-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 25px 5px;isolation:isolate}
.benchmark-flow:before{content:'';position:absolute;left:12%;right:12%;height:1px;top:29px;background:linear-gradient(90deg,#d6e4ef,#b4cbdc 65%,#e4d5c5);z-index:-1}
.benchmark-step{appearance:none;border:0;background:transparent;border-radius:12px;cursor:pointer;padding:0 2px 12px;color:#52677d;text-align:center;font-family:inherit;position:relative;transition:color .3s}
.step-symbol{display:flex;width:60px;height:58px;align-items:center;justify-content:center;margin:0 auto 13px;position:relative;background:linear-gradient(145deg,#fff 6%,#f1f7fc 65%,#e8f0f7);border:1px solid #dbe7ef;border-radius:16px 6px 16px 6px;box-shadow:0 7px 18px #4364830b,inset 0 1px 0 #fff;transition:transform .4s,box-shadow .4s,border-color .4s}
.step-symbol svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.step-symbol small{position:absolute;right:-6px;bottom:-5px;font-family:Georgia,serif;font-size:10px;border:1px solid #e0e8ef;border-radius:20px;background:#fff;color:#8093a4;line-height:18px;width:20px}
.benchmark-step strong{display:block;font-family:Georgia,serif;font-size:17px;font-weight:400;line-height:1.5}.step-subtitle{display:block;font-size:11px;line-height:1.8;color:#62758a}
.benchmark-step[aria-selected=true]{color:#294c70}.benchmark-step[aria-selected=true] .step-symbol{transform:translateY(-5px);border-color:#b9ccd9;box-shadow:0 10px 25px #43648314,inset 0 1px 0 white}.benchmark-step[aria-selected=true] .step-symbol:after{content:'';position:absolute;bottom:-1px;left:18px;right:18px;height:2px;background:#b58c61;box-shadow:0 0 8px #bd96635c}.benchmark-step:focus-visible{outline:2px solid #7895ad;outline-offset:5px}
.benchmark-viewport{overflow:hidden;width:100%;touch-action:pan-y;position:relative;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.benchmark-track{display:flex;transform:translateX(0);transition:transform .85s cubic-bezier(.22,.7,.2,1);will-change:transform}
.benchmark-panel{flex:0 0 100%;width:100%;min-width:0;margin:0;padding:0;box-sizing:border-box}.benchmark-panel img{display:block;width:100%;height:auto;aspect-ratio:800/533;object-fit:contain;user-select:none;-webkit-user-drag:none}.benchmark-panel p{margin:-12px 20px 8px;text-align:center;color:#526b82;font-size:13px;letter-spacing:.06em;line-height:1.7}
@media(min-width:1600px){.benchmark-browser{left:46%;width:52%}}
@media(max-width:1100px) and (min-width:801px){.home-hero .hero-copy{width:39%}.home-hero .lede{font-size:16px}.benchmark-browser{left:43%;width:56%}.benchmark-flow{margin-left:10px;margin-right:10px;gap:4px}.benchmark-step strong{font-size:14px}.step-subtitle{font-size:10px}.step-symbol{width:50px;height:52px}.benchmark-flow:before{top:26px}}
@media(max-width:800px){.home-hero{--hero-height:980px;align-items:flex-start}.home-hero .hero-grid{padding-top:46px;margin-top:0;margin-bottom:0}.home-hero .hero-copy{width:100%;max-width:560px;padding:0}.home-hero .hero-copy h1{font-size:clamp(38px,7vw,56px)}.benchmark-browser{left:3%;width:94%;top:auto;bottom:55px;transform:none;max-width:none}.benchmark-flow{margin:0 5px 0;gap:4px}.benchmark-step strong{font-size:16px}.step-subtitle{font-size:10px}}
@media(max-width:520px){.home-hero{--hero-height:800px}.home-hero .hero-grid{padding-top:34px}.benchmark-browser{bottom:70px;left:1%;width:98%}.benchmark-step strong{font-size:13px}.step-subtitle{font-size:9px}.step-symbol{width:46px;height:46px;margin-bottom:10px;border-radius:13px 5px 13px 5px}.step-symbol svg{width:22px;height:22px}.benchmark-flow:before{top:23px}.benchmark-panel p{font-size:11px;margin-top:-2px;letter-spacing:.02em}}
@media(prefers-reduced-motion:reduce){.benchmark-track,.benchmark-step,.step-symbol{transition:none}}
/* Trim transparent image padding in layout without modifying the illustrations. */
.benchmark-panel img{margin-top:-12%;margin-bottom:-8%}

/* Original background orientation, anchored at the lower left. Crop 80px from the desktop top. */
.home-hero{--hero-height:clamp(540px,calc(100svh - 230px),640px);background:#fff}
.home-hero .hero-grid{transform:translateY(-40px)}
.benchmark-browser{top:16px;transform:none}
@media(min-width:801px){.home-hero{min-height:600px}}
.stellar-backdrop{inset:auto auto 0 0;width:100%;height:42%;transform:none;opacity:.56}
.stellar-backdrop .stellar-poster{object-fit:fill}
@media(max-width:800px){.home-hero{--hero-height:1002px}.home-hero .hero-grid{transform:none;padding-top:28px}.stellar-backdrop{height:24%;opacity:.4}.benchmark-browser{top:auto;bottom:35px}}
@media(max-width:520px){.home-hero{--hero-height:732px}.home-hero .hero-grid{padding-top:16px}.benchmark-browser{bottom:45px}.stellar-backdrop{height:20%;opacity:.34}}

/* Unboxed line icons: no tile, badge, border or shadow. */
.step-symbol,.benchmark-step[aria-selected=true] .step-symbol{background:transparent;border:0;border-radius:0;box-shadow:none}
.step-symbol small{border:0;background:transparent;box-shadow:none;border-radius:0}
.benchmark-step[aria-selected=true] .step-symbol:after{box-shadow:none;bottom:0}

/* Compact text-only process navigation with arrows between each pair of steps. */
.benchmark-flow{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);gap:4px;align-items:center;margin-bottom:0}
.benchmark-flow:before{display:none}
.benchmark-arrow{font:22px/1 Georgia,serif;color:#9bb0c3;text-align:center;align-self:center;transform:translateY(-5px);pointer-events:none}
.benchmark-step{padding:8px 0 12px;border-radius:0}
.benchmark-step[aria-selected=true] strong{color:#9b704b}
.benchmark-step[aria-selected=true]:after{content:'';position:absolute;bottom:4px;left:calc(50% - 12px);width:24px;height:1px;background:#b58c61}
.stellar-backdrop{height:76%;opacity:.48}
@media(min-width:801px){.benchmark-browser{top:70px}}
@media(max-width:1100px){.benchmark-flow{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr);gap:2px}}
@media(max-width:800px){.home-hero{--hero-height:938px}.stellar-backdrop{height:53%;opacity:.32}}
@media(max-width:520px){.home-hero{--hero-height:676px}.benchmark-flow{grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr);gap:0}.benchmark-step strong{font-size:12px}.benchmark-arrow{font-size:17px}.stellar-backdrop{height:54%;opacity:.3}}

/* Raise the background while extending its lower edge beyond the clipped hero. */
.stellar-backdrop{bottom:-40px;height:calc(76% + 120px)}
@media(max-width:800px){.stellar-backdrop{bottom:-30px;height:calc(53% + 90px)}}
@media(max-width:520px){.stellar-backdrop{bottom:-24px;height:calc(54% + 80px)}}

/* Continuous connectors between text steps; each arrow sits at the midpoint. */
.benchmark-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.benchmark-arrow{position:absolute;top:20px;width:25%;height:1px;display:flex;align-items:center;gap:0;transform:none;font-size:25px;line-height:1;color:#8ba6bc;z-index:-1}
.benchmark-arrow:before,.benchmark-arrow:after{content:'';height:1px;background:#b5c8d8;flex:1}
.benchmark-arrow:nth-child(2){left:12.5%}.benchmark-arrow:nth-child(4){left:37.5%}.benchmark-arrow:nth-child(6){left:62.5%}
.benchmark-step strong{display:inline-block;padding:0 8px;background:#fff}
@media(max-width:1100px) and (min-width:801px){.benchmark-arrow{top:18px}}
@media(max-width:800px){.benchmark-arrow{top:20px}}
@media(max-width:520px){.benchmark-arrow{top:17px;font-size:20px}.benchmark-step strong{padding:0 3px;font-size:11px}}

/* One uninterrupted shaft with an arrowhead drawn directly on its midpoint. */
.benchmark-arrow{display:block;height:0;border-top:1px solid #9eb5c8;font-size:0;line-height:0;color:transparent}
.benchmark-arrow:before{display:none}
.benchmark-arrow:after{content:'';position:absolute;left:50%;top:-4px;width:7px;height:7px;box-sizing:border-box;border-top:1px solid #9eb5c8;border-right:1px solid #9eb5c8;background:transparent;transform:translateX(-50%) rotate(45deg)}
@media(max-width:520px){.benchmark-arrow{font-size:0}.benchmark-arrow:after{width:6px;height:6px;top:-3.5px}}

/* Remove the empty strip below the CTA and bring the hero boundary/background up. */
@media(min-width:801px){.home-hero{--hero-height:540px;min-height:540px}.home-hero .hero-grid{transform:none}.home-hero .hero-copy{padding-bottom:0}.benchmark-browser{top:32px;max-width:800px}}

/* Keep the caption clear of the illustration's lower edge. */
.benchmark-panel p{margin-top:8px}
@media(max-width:800px){.benchmark-browser{bottom:15px}}
@media(max-width:520px){.benchmark-panel p{margin-top:12px}.benchmark-browser{bottom:31px}}

/* Share the same top anchor and text-row height across the two hero columns. */
@media(min-width:801px){.home-hero .hero-grid{margin-top:32px;margin-bottom:0}.home-hero .hero-copy{padding-top:9px}.home-hero .hero-copy .eyebrow{height:25.5px;line-height:25.5px}}
@media(min-width:801px) and (max-width:1100px){.home-hero .hero-copy{padding-top:12px}.home-hero .hero-copy .eyebrow{height:21px;line-height:21px}}

@media(min-width:801px){.home-hero .hero-grid{align-self:flex-start}}
/* Use the same sweep artwork as subpages, preserving its native aspect ratio. */
.stellar-backdrop{inset:auto auto -2px 0;width:100%;height:auto;transform:none;opacity:.66}
.stellar-backdrop .stellar-poster{position:static;display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:800px){.stellar-backdrop{opacity:.5}}

/* Let the hero artwork dissolve into the following section without a hard rule. */
.home-hero + .section{border-top:0}
.home-hero{background:linear-gradient(to bottom,#fff 70%,var(--paper) 100%)}
.stellar-backdrop{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%)}

/* Center the main hero content lower while keeping both top labels aligned. */
@media(min-width:801px){.home-hero .hero-copy .eyebrow{margin-bottom:48px}.benchmark-viewport{transform:translateY(28px)}}

/* Preview the process selector below the illustration and its caption. */
.benchmark-browser{display:flex;flex-direction:column}
.benchmark-viewport{order:0;transform:none}
.benchmark-flow{order:1;margin-top:18px;margin-bottom:0}
@media(min-width:801px){.benchmark-browser{top:32px}}
@media(max-width:800px){.benchmark-flow{margin-top:12px}}

/* Localized process labels and the verification principle behind our vision. */
.zh .benchmark-step strong{font-family:var(--serif);font-size:18px}
.vision-statement{max-width:540px;color:var(--muted)}
.vision-statement .vision-lead{font-family:var(--serif);font-size:21px;color:var(--ink);margin:0 0 14px}
.vision-statement figure,.vision-statement blockquote{margin:0;padding:0;border:0;background:none}
.vision-statement blockquote p{font-size:15px;line-height:1.85;margin:0 0 12px}
.vision-statement figcaption{font-size:12px;line-height:1.9;color:#62758a}
.vision-statement cite{font-style:normal}.vision-statement a{text-decoration:underline;text-decoration-color:#bccbd8;text-underline-offset:3px}
.en .home-hero h1{font-size:clamp(36px,4vw,56px);line-height:1.25;text-wrap:initial}
@media(min-width:801px){.home-hero .hero-copy{padding-top:60px}}
@media(max-width:800px){.home-hero .hero-copy{padding-top:16px}}
@media(max-width:520px){.zh .benchmark-step strong{font-size:15px}.vision-statement .vision-lead{font-size:19px}}

/* A stronger editorial headline and a separate, centered statement of vision. */
.en .home-hero h1{font-size:inherit;line-height:1.15;letter-spacing:0;margin-bottom:26px}
.hero-title-primary{display:block;font-family:var(--sans);font-weight:650;font-size:clamp(32px,3.25vw,47px);letter-spacing:-.045em;line-height:1.18}
.hero-title-emphasis{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:700;font-style:italic;font-size:clamp(50px,5vw,72px);letter-spacing:-.035em;line-height:1.12;color:#3e608b;margin-top:6px}
.vision-section{position:relative;padding:52px 0 46px;background:var(--paper);text-align:center}
.vision-quote{max-width:860px;margin:0 auto;padding:0}
.vision-quote blockquote{margin:0;padding:0;border:0;background:none}
.vision-quote blockquote p{font-family:var(--serif);font-size:24px;line-height:1.75;color:var(--ink);margin:0 auto 22px;text-wrap:pretty}
.en .vision-quote blockquote p{font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.6}
.vision-quote figcaption{font-size:12px;line-height:1.9;color:#62758a}
.vision-quote cite{font-style:normal}.vision-quote a{text-decoration:underline;text-decoration-color:#bccbd8;text-underline-offset:3px}
.vision-section + .section{border-top:0;padding-top:38px}
.capabilities-intro{display:block}
.cap-card{display:flex;flex-direction:column}
.cap-card .text-link{margin-top:auto;align-self:flex-start}
.cap-card p{margin-bottom:22px}
@media(max-width:800px){.vision-section{padding:38px 0 32px}.vision-quote blockquote p,.en .vision-quote blockquote p{font-size:21px;line-height:1.7}.vision-section + .section{padding-top:28px}}
@media(max-width:520px){.hero-title-primary{font-size:clamp(28px,8vw,34px)}.hero-title-emphasis{font-size:clamp(45px,12vw,54px)}.vision-section{padding:30px 0 26px}.vision-quote blockquote p,.en .vision-quote blockquote p{font-size:18px;line-height:1.8;margin-bottom:18px}.vision-quote figcaption{font-size:11px}.vision-section + .section{padding-top:24px}}

.hero-title-emphasis{color:var(--ink)}
.vision-quote cite{font-style:italic}

/* Consistent headline and complete Chinese glyph coverage. */
.hero-title-emphasis{font-family:var(--sans);font-weight:650;font-style:normal;font-size:clamp(32px,3.25vw,47px);letter-spacing:-.045em;line-height:1.18;color:var(--ink)}
.zh .vision-quote blockquote p{font-family:var(--sans);font-weight:400}
@media(max-width:520px){.hero-title-emphasis{font-size:clamp(28px,8vw,34px)}}

/* Site consolidation, 2026-10-27 */
.home-news .section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.home-news .news-card{padding:34px 0}.home-news .news-card h2{font-size:clamp(22px,2.1vw,30px)}
#contact.contact-grid{scroll-margin-top:100px;margin-top:30px;margin-bottom:70px}
@media(max-width:600px){.home-news .section-heading{align-items:start;flex-direction:column}#contact.contact-grid{margin-bottom:40px}}

/* Chinese quotation marks must use the same CJK font as the quoted text. */
.zh .vision-quote blockquote p{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",sans-serif;font-weight:400;font-style:normal}
/* Compact news desk and real paper figures. */
.cap-paper{display:flex;flex-direction:column;margin:0 0 22px;min-width:0}.cap-paper img{width:100%;height:190px;object-fit:contain;background:#fff}.cap-paper span{font-size:11px;color:var(--muted);margin-top:8px}.cap-paper:hover span{color:var(--copper)}
.home-news{padding-top:34px;padding-bottom:38px}.news-section-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:22px}.news-section-bar .eyebrow{font-family:var(--sans);font-size:12px;margin:0}.news-section-bar .text-link{font-size:12px;border:0;padding:0}
.news-columns{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:48px;align-items:start}.news-carousel{min-width:0}.news-slide-image{display:block;background:#f5f8fc}.home-news .news-slide img{width:100%;height:160px;object-fit:contain}.news-slide time{display:block;font-size:11px;color:var(--muted);margin:10px 0 5px}.news-slide h3{font-family:var(--sans);font-weight:500;font-size:17px;line-height:1.55;min-height:3.1em;margin:0}.news-slide h3 a:hover{color:var(--copper)}
.news-controls{display:flex;align-items:center;gap:14px;margin-top:8px;font-size:11px;color:var(--muted)}.news-controls button{background:transparent;border:0;color:var(--ink);padding:4px 8px;min-height:32px}.news-controls button:hover{background:#edf2f7}.news-controls [data-news-pause]{margin-left:auto;font-size:11px;color:var(--muted)}
.news-briefs{border-left:1px solid var(--line);padding-left:32px}.news-briefs>h3{font-family:var(--sans);font-weight:400;font-size:12px;color:var(--muted);margin:0 0 9px}.news-brief{display:grid;grid-template-columns:78px minmax(0,1fr) 14px;gap:14px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.65}.news-brief time{font-size:11px;color:var(--muted);white-space:nowrap}.news-brief:hover{color:var(--copper)}
@media(max-width:700px){.news-columns{grid-template-columns:1fr;gap:22px}.news-briefs{border-left:0;padding-left:0}.home-news .news-slide img{height:170px}.news-slide h3{font-size:16px;min-height:3.1em}.news-brief{gap:10px;font-size:13px;padding:12px 0}.cap-paper img{height:180px}.home-news{padding-top:26px;padding-bottom:28px}}
.news-carousel{overflow:hidden}.news-slide:not([hidden]){animation:news-slide-in .35s ease-out}@keyframes news-slide-in{from{opacity:.35;transform:translateX(16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.news-slide:not([hidden]){animation:none}}
/* Natural image proportions and simple pagination dots. */
.news-columns{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.news-carousel{display:grid;grid-template-columns:1fr}.news-slide{display:contents}.news-slide[hidden]{display:none!important}.news-slide-image{grid-row:1;background:transparent}.home-news .news-slide img{height:auto;width:100%;aspect-ratio:3/2;object-fit:contain}.news-dots{grid-row:2;display:flex;justify-content:center;gap:4px;margin:2px 0 10px}.news-dots button{border:0;background:none;width:24px;height:24px;padding:8px;display:grid;place-items:center}.news-dots button span{width:6px;height:6px;border-radius:50%;background:#c3ccd7;transition:background .2s,transform .2s}.news-dots button[aria-current=true] span{background:var(--copper);transform:scale(1.3)}.news-slide time{grid-row:3;margin-top:0}.news-slide h3{grid-row:4;min-height:0}.news-slide-image img{animation:news-slide-in .35s ease-out}@media(max-width:700px){.news-columns{grid-template-columns:1fr}.home-news .news-slide img{height:auto;aspect-ratio:3/2}}@media(prefers-reduced-motion:reduce){.news-slide-image img{animation:none}}

.zh .capabilities-intro h2{white-space:nowrap;font-size:clamp(18px,4.8vw,30px)}

.news-section-bar{border-bottom:0}
.home-intro{position:relative;isolation:isolate;overflow:hidden;background:var(--paper)}.intro-background{position:absolute;width:125%;max-width:none;height:auto;left:-5%;bottom:0;z-index:-1;pointer-events:none;opacity:.48;mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%)}.home-intro .home-hero{background:transparent}.home-intro .home-hero:before{background:none}.home-intro .stellar-backdrop{display:none}.home-intro .vision-section{background:transparent}.home-intro+.section{border-top:0;padding-top:38px}
@media(max-width:800px){.intro-background{width:190%;left:-25%;opacity:.38}.home-intro+.section{padding-top:28px}}@media(max-width:520px){.home-intro+.section{padding-top:24px}}
/* Self-hosted editorial typography; the Chinese subset includes every quotation glyph. */
@font-face{font-family:AnnealingLora;src:url('/assets/lora-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:AnnealingLora;src:url('/assets/lora-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:AnnealingQuoteSC;src:url('/assets/noto-serif-sc-quote-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
.en .hero-title-primary,.en .hero-title-emphasis{font-family:AnnealingLora,Georgia,serif;font-weight:600;font-style:normal;letter-spacing:-.035em;line-height:1.2}
.zh .vision-quote blockquote p{font-family:AnnealingQuoteSC,'Noto Serif SC','Songti SC',serif;font-weight:500;font-style:normal}
.en .vision-quote{max-width:none}.en .vision-quote blockquote p{font-family:AnnealingLora,Georgia,serif;font-weight:500;font-style:normal;font-size:20px;line-height:1.6}
@media(min-width:1000px){.en .vision-quote blockquote p{white-space:normal;font-size:20px;max-width:none}}
@media(max-width:999px){.en .vision-quote blockquote p{font-size:19px;white-space:normal}}
@media(max-width:520px){.en .vision-quote blockquote p{font-size:17px;line-height:1.75}}

/* Homepage-only regenerated 16:9 slope; retain the generated coordinates and native ratio. */
.intro-background{width:100%;left:0;bottom:0;height:auto;opacity:.52;mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,transparent 100%)}
@media(max-width:800px){.intro-background{width:150%;left:0;opacity:.4}}

/* Keep the full Chinese quotation on a single line at the available width. */
.zh .vision-quote{max-width:none}.zh .vision-quote blockquote p{white-space:normal;max-width:none;font-size:24px;line-height:1.8}
/* Trim unused space above the homepage content without changing the image aspect ratio. */
@media(min-width:801px){.home-intro .home-hero{--hero-height:508px;min-height:508px}.home-intro .home-hero .hero-copy{padding-top:36px}.home-intro .benchmark-browser{top:16px}.home-intro .home-hero .hero-grid{margin-top:24px}}
@media(max-width:800px){.home-intro .home-hero .hero-grid{padding-top:14px;margin-top:16px}.home-intro .home-hero .hero-copy{padding-top:8px}}
@media(min-width:801px){.home-intro .home-hero .hero-copy{transform:translateY(var(--hero-copy-shift,0px))}}

@media(min-width:1450px){.home-intro .home-hero{--hero-height:528px;min-height:528px}}

/* Readable quotations on phones and tablets. */
@media(max-width:800px){.zh .vision-quote blockquote p{white-space:normal;font-size:21px;line-height:1.8}}
@media(max-width:520px){.zh .vision-quote blockquote p{font-size:18px}}