/* One category, one coherent product group; model labels belong to the catalogue. */
#top.hero{--hero-height:max(560px,calc(100svh - var(--header)));overflow:hidden;background:#3479ac;min-height:0!important}
#top.hero>.hero-inner{width:100%!important;height:var(--hero-height)!important;min-height:0!important;position:relative;margin:0!important;max-width:none!important}
#top .hero-slide.category-banner,#top .hero-slide.ezf-culture-banner{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;opacity:0;transition:opacity .65s ease!important;padding:0!important}
#top .hero-slide[hidden]{display:none!important}#top .hero-slide.is-active{opacity:1;z-index:2}#top .hero-slide.is-leaving{opacity:0;z-index:1}#top .hero-slide.is-entering{opacity:0}
#top .category-banner{background:#337cae url('review21/hero-abstract.webp') center/cover!important}
#top .category-banner:before{background:linear-gradient(90deg,#174f8626,transparent 65%)!important}
#top .category-banner .hero-copy{top:45%!important;transform:translateY(-50%)!important;width:35%!important;max-width:455px!important;padding:0!important;z-index:5}
#top .category-banner .hero-title{font-size:clamp(35px,3.1vw,52px)!important;line-height:1.3!important;margin:0 0 20px!important;text-shadow:none!important}
#top .category-banner .hero-kicker{font-size:11px!important;line-height:1.5!important;margin:0 0 23px!important;letter-spacing:.15em!important}
#top .category-banner .banner-subtitle{font-size:21px!important;line-height:1.65!important;margin:0 0 26px!important}
#top .category-banner .banner-features{margin:0 0 23px!important;gap:0!important;flex-wrap:wrap}
#top .category-banner .banner-features li{font-size:14px!important;line-height:1.8!important}
#top .category-banner .hero-description{font-size:15px!important;line-height:1.9!important;max-width:410px!important;margin:0 0 23px!important;text-shadow:none!important}
#top .button-primary{min-height:44px!important;min-width:0!important;padding:8px 0!important;gap:28px!important;border-bottom:1px solid #ffffff80!important;font-size:15px!important;line-height:1.6!important}
#top .product-stage{position:absolute!important;left:42%!important;right:max(80px,calc((100% - 1280px)/2))!important;top:45%!important;bottom:auto!important;height:clamp(270px,36vh,390px)!important;width:auto!important;display:flex!important;align-items:flex-end!important;justify-content:center;gap:12px;transform:translateY(-50%)!important;z-index:3;isolation:isolate;pointer-events:none}
#top .product-stage:before{content:'';position:absolute;left:3%;right:0;bottom:4%;height:16px;filter:blur(12px);border-radius:50%;background:#153f6030;z-index:-1}
#top .stage-product{position:relative!important;inset:auto!important;flex:1 1 0;width:0!important;height:100%!important;margin:0!important;padding:0!important;display:flex;align-items:flex-end;filter:drop-shadow(4px 10px 9px #173b6128)}
#top .stage-product img{position:static!important;inset:auto!important;transform:none!important;max-width:none!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;mask:none!important;-webkit-mask:none!important;mix-blend-mode:normal!important}
#top .product-stage--pto .stage-product:nth-child(1){flex-grow:1.08}#top .product-stage--pto .stage-product:nth-child(2){flex-grow:.88}#top .product-stage--pto .stage-product:nth-child(3){flex-grow:1.1}
#top .product-stage--eworks{gap:30px;height:clamp(300px,40vh,430px)!important}
#top .hero-lower{left:max(56px,calc((100% - 1280px)/2))!important;right:max(56px,calc((100% - 1280px)/2))!important;bottom:26px!important}
#top .scroll-cue,#top .slide-counter,#top .slide-counter b{color:#fff!important}#top .scroll-line,#top .carousel-arrow{border-color:#ffffff70!important;color:#fff!important}#top .scroll-line:after{background:#fff!important}#top .carousel-pause svg{stroke:#fff!important}#top .slide-tab-line{background:#ffffff50!important}#top .slide-tab[aria-pressed=true] .slide-tab-line{background:#fff!important}#top .slide-selector{bottom:38px!important}
/* Cultural statement, supported by a quiet mountain horizon and one set of definitions. */
#top .ezf-culture-banner{background:#1b6298 url('banner/mountain-v1.webp') center/cover!important}
#top .ezf-culture-banner:before{content:''!important;display:block!important;position:absolute;inset:0;background:linear-gradient(90deg,#164f82b8 0%,#164f8280 45%,#164f8214 100%)!important}
.culture-poster{position:relative;z-index:5;width:var(--page-width);height:100%;margin:auto}
.culture-poster-copy{position:absolute;left:0;top:45%;transform:translateY(-50%);width:54%;max-width:650px}
#top .culture-poster .hero-kicker{position:static!important;color:#cce3f1!important;font:11px/1.5 Arial!important;letter-spacing:.19em;margin:0 0 27px!important}
#top .culture-statement{font-size:clamp(35px,3.6vw,53px)!important;font-weight:500!important;line-height:1.45!important;letter-spacing:.055em!important;color:#fff!important;margin:0 0 35px!important}
.culture-glossary{margin:0 0 27px;display:flex;flex-direction:column;gap:10px}
#top .culture-glossary p{font:14px/1.85 Arial,sans-serif!important;color:#dfedf6!important;display:flex;align-items:baseline;gap:18px;margin:0!important}
.culture-glossary b{font:500 18px/1.3 Arial;color:#fff;min-width:15px}
/* Wheel navigation only adds a viewport minimum when the contents already fit naturally. */
html.section-paging #recommended,html.section-paging #partners,html.section-paging #news{min-height:calc(100svh - var(--header))!important;display:flex!important;align-items:center!important}
html.section-paging #about.architectural-about{min-height:max(650px,calc(100svh - var(--header)))!important}
body[data-page=index] .section-track{scroll-margin-top:0!important}html:has(body[data-page=index]){scroll-padding-top:var(--header)!important}
@media(max-width:1100px) and (min-width:901px){#top .category-banner .hero-title{font-size:35px!important}#top .category-banner .banner-subtitle{font-size:19px!important}#top .category-banner .banner-features li{font-size:12px!important}#top .product-stage{left:43%!important;right:65px!important;gap:8px}}
@media(max-width:900px){#top.hero{--hero-height:760px}#top .category-banner .hero-copy{left:22px!important;width:41%!important}#top .product-stage{left:46%!important;right:26px!important;height:300px!important}#top .hero-lower{left:22px!important;right:22px!important}#top .category-banner .hero-title{font-size:34px!important}#top .category-banner .banner-subtitle{font-size:18px!important}#top .category-banner .banner-features li{font-size:12px!important}.culture-poster-copy{width:63%}#top .culture-statement{font-size:38px!important}}
@media(max-width:600px){
 #top.hero{--hero-height:740px}html[data-lang=en] #top.hero{--hero-height:820px}
 #top .category-banner .hero-copy{top:35px!important;left:22px!important;width:calc(100% - 44px)!important;max-width:none!important;transform:none!important}
 #top .category-banner .hero-title{font-size:31px!important;margin:0 0 12px!important}#top .category-banner .hero-kicker{font-size:10px!important;margin-bottom:17px!important}#top .category-banner .banner-subtitle{font-size:18px!important;margin-bottom:17px!important}#top .category-banner .banner-features{margin-bottom:13px!important}#top .category-banner .banner-features li{font-size:12px!important}#top .category-banner .hero-description{font-size:14px!important;line-height:1.8!important;margin-bottom:12px!important}#top .button-primary{font-size:14px!important}
 #top .product-stage{left:22px!important;right:22px!important;top:370px!important;height:225px!important;bottom:auto!important;gap:20px;transform:none!important}html[data-lang=en] #top .product-stage{top:450px!important}
 #top .stage-product.mobile-omit{display:none!important}#top .product-stage--eworks{height:245px!important;gap:14px}
 #top .hero-lower{bottom:18px!important}#top .slide-selector{left:22px!important;transform:none!important;bottom:65px!important}#top .scroll-cue{font-size:0!important}#top .slide-counter b{font-size:16px!important}
 #top .ezf-culture-banner{background-size:cover!important;background-position:65% center!important;background-repeat:no-repeat!important;background-color:#1a629b!important}
 #top .ezf-culture-banner:before{background:linear-gradient(180deg,#164f82bf 0%,#164f8290 48%,#164f8220 100%)!important}
 .culture-poster-copy{top:48px;width:100%;max-width:none;transform:none}#top .culture-poster .hero-kicker{font-size:10px!important;margin-bottom:22px!important}#top .culture-statement{font-size:29px!important;letter-spacing:.015em!important;margin-bottom:25px!important}
 #top .culture-glossary p{font-size:12px!important;gap:14px}.culture-glossary{gap:9px;margin-bottom:20px}.culture-glossary b{font-size:17px}
}
@media(prefers-reduced-motion:reduce){#top .hero-slide{transition:none!important}}

#recommended{padding:74px 0 78px!important;background:#fff!important;min-height:0!important;display:block!important}
#recommended .section-heading{margin:0 0 36px!important;align-items:center!important}
#recommended .section-heading h2{font-size:36px!important;line-height:1.4!important}
#recommended .section-heading .eyebrow{font-size:11px!important;margin-bottom:10px!important}
#recommended .section-heading .text-link{padding:0!important;font-size:15px!important}
#recommended .recommended-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;border-color:#d9e4eb}
#recommended .recommended-card{position:relative!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:visible!important;isolation:isolate;padding:0!important;border:0!important;border-right:1px solid #dbe5ec!important;background:transparent!important}
#recommended .recommended-card:last-child{border:0!important}
#recommended .recommended-media{position:relative!important;inset:auto!important;width:100%!important;height:350px!important;flex:none;overflow:visible!important;padding:0!important;background:transparent!important}
#recommended .recommended-media img{position:absolute!important;inset:auto!important;left:8%!important;top:32px!important;width:84%!important;height:288px!important;max-height:none!important;max-width:none!important;transform:translateY(0)!important;object-fit:contain!important;mix-blend-mode:normal!important;mask:none!important;-webkit-mask:none!important;transition:opacity .42s ease,transform .5s ease!important}
#recommended .recommended-media .recommended-real{opacity:0!important;transform:translateY(16px)!important}
#recommended .recommended-media .recommended-line{opacity:1!important}
#recommended .card-index{position:absolute;top:22px!important;left:24px!important;font-size:12px!important;color:#7895a8!important}
#recommended .recommended-copy{position:relative!important;inset:auto!important;height:auto!important;min-height:200px!important;padding:24px 28px!important;box-sizing:border-box;overflow:visible!important;background:transparent!important;transform:none!important;transition:background .35s,color .35s!important}
#recommended .recommended-copy h3{font-size:30px!important;line-height:1.3!important;margin:7px 0 12px!important;color:#17394f!important}
#recommended .recommended-copy .card-family{font-size:14px!important;line-height:1.5!important;margin:0!important;color:#60788a!important}
#recommended .recommended-copy .card-desc,#recommended .card-detail{opacity:0;visibility:hidden;transition:opacity .3s!important}
#recommended .recommended-copy .card-desc{font-size:14px!important;line-height:1.75!important;margin:0!important;min-height:0!important}
#recommended .card-detail{margin:16px 0 0!important;padding:0!important;font-size:14px!important;line-height:1.5!important}
#recommended .recommended-card:is(:hover,:focus-visible) .recommended-copy{background:#176bb0!important;color:#fff!important}
#recommended .recommended-card:is(:hover,:focus-visible) .recommended-copy h3,#recommended .recommended-card:is(:hover,:focus-visible) .card-family{color:#fff!important}
#recommended .recommended-card:is(:hover,:focus-visible) .card-desc,#recommended .recommended-card:is(:hover,:focus-visible) .card-detail{opacity:1;visibility:visible}
#recommended .recommended-card:is(:hover,:focus-visible) .recommended-real{opacity:1!important;transform:translateY(-7px)!important}
#recommended .recommended-card:is(:hover,:focus-visible) .recommended-line{opacity:0!important;transform:translateY(-18px)!important}
#about.architectural-about{min-height:650px!important;display:flex!important;align-items:center!important}
#about.architectural-about .about-inner{padding:80px 0 66px!important;gap:90px!important}
#about .architectural-copy{min-height:210px!important;max-width:640px;padding:0!important}
#about .architectural-copy h2{font-size:clamp(32px,3vw,45px)!important;line-height:1.6!important;margin:17px 0 26px!important}
#about.architectural-about .about-entry{height:155px!important}
#about.architectural-about .about-entry .entry-text{padding:24px 20px!important}
#about.architectural-about .about-entry h3{font-size:20px!important;margin-bottom:12px!important}
#about.architectural-about .about-entry p{font-size:13px!important;line-height:1.8!important}
#partners{padding:80px 0 84px!important;background:#f0f5f8!important;background-image:none!important;color:#17394f!important;min-height:0!important;display:block!important}
#partners .lower-title{font-size:36px!important;line-height:1.4!important;color:#17394f!important}
#partners .section-kicker,#partners .partners-kicker{color:#638aa7!important}
#partners .partners-intro{color:#617b8d!important;font-size:16px!important;line-height:1.85!important;margin-top:16px!important}
#partners .partner-groups{margin-top:38px!important}
#partners .partner-logo-grid{gap:17px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important}
#partners .partner-tile{height:94px!important;padding:17px 18px!important;background:linear-gradient(145deg,#2b7cb9,#1c66a0)!important;border:1px solid #ffffff70!important;box-shadow:inset 0 1px 0 #ffffff55,0 4px 0 #c4d4df,0 9px 17px #17394f10!important;border-radius:3px!important}
#partners .partner-tile:hover{transform:translateY(-4px)!important}
#news{padding:80px 0 85px!important;background:#1d6399!important;min-height:0!important;display:block!important;color:#fff!important}
#news .news-heading{margin-bottom:35px!important}
#news .lower-title{font-size:36px!important;line-height:1.4!important;color:#fff!important}
#news .section-kicker{color:#b9daed!important}
#news .news-rule{margin:17px 0!important;height:2px!important;width:35px!important;background:#89c1e2!important}
#news .news-intro{font-size:16px!important;line-height:1.8!important;margin:0!important;color:#d7e7f3!important}
#news .news-more{font-size:14px!important;color:#fff!important}
#news .news-layout{gap:45px!important;align-items:stretch!important;height:auto!important;min-height:0!important}
#news .news-date{background:transparent!important;border-radius:0!important;padding:0!important}
#news .news-heading h2 span{color:#b9daed!important}
#news .news-list{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
#news .news-list-item{background:transparent!important}
#news .news-feature{margin:0!important;min-height:0!important;height:auto!important;box-shadow:0 15px 35px #073b6420!important;border:0!important;border-radius:0!important;background:#fff!important;color:#17394f!important}
#news .news-feature-media{height:auto!important;aspect-ratio:1.85!important;flex:none!important}
#news .news-feature-media img{height:100%!important;object-fit:cover!important}
#news .news-feature-body:after{display:none!important}
#news .news-feature-body{flex:none!important;height:auto!important;overflow:visible!important;padding:25px 27px 27px!important;min-height:0!important}
#news .news-feature-body time{font-size:12px!important;color:#668295!important}
#news .news-feature-body h3{font-size:23px!important;line-height:1.55!important;margin:10px 0!important;color:#17394f!important}
#news .news-feature-body p{font-size:14px!important;line-height:1.85!important;color:#637b8b!important;margin:0!important}
#news .news-detail{position:static!important;display:inline-flex!important;transform:none!important;margin-top:17px!important;font-size:14px!important;color:#1768a9!important}
#news .news-list-item{padding:23px 0!important;min-height:0!important;gap:24px!important;border-color:#ffffff30!important}
#news .news-date b{font-size:34px!important;line-height:1.2!important;color:#fff!important}
#news .news-date i,#news .news-date span{font-size:12px!important;color:#b9d4e6!important}
#news .news-list-copy h3{font-size:21px!important;line-height:1.6!important;margin:0 25px 10px 0!important;color:#fff!important}
#news .news-list-copy p{font-size:14px!important;line-height:1.85!important;margin:0!important;color:#d0e1ef!important}
#news .news-list-arrow{font-size:21px!important;color:#d4e9f5!important}
#contact{padding:70px 0 40px!important;background:#fff!important;color:#17394f!important;min-height:0!important;display:block!important}
#contact .contact-heading{margin-bottom:32px!important}
#contact .contact-heading h2{font-size:36px!important;line-height:1.4!important;color:#17394f!important}
#contact .contact-heading p,#contact .contact-grid>a>span,#contact .eyebrow,#contact .contact-address{color:#607d91!important}
#contact .contact-heading p{font-size:16px!important}
#contact .contact-grid{padding-top:32px!important;gap:32px!important;border-color:#c7d8e4!important}
#contact .contact-grid h3{color:#17394f!important;font-size:16px!important;margin:12px 0!important}
#contact .contact-grid strong{color:#1768a9!important;font-size:25px!important}
#contact .button-light{background:transparent!important;border:1px solid #aec7db!important;color:#1768a9!important;min-height:44px!important;padding:12px 20px!important;font-size:14px!important}
#contact .qr-block img{width:90px!important;height:90px!important}
#contact .qr-block>span{font-size:12px!important;color:#607d91!important}
#contact .contact-address{border-color:#c7d8e4!important;margin-top:32px!important;padding-top:24px!important;font-size:14px!important}
@media(max-width:1100px) and (min-width:901px){#recommended .recommended-media{height:320px!important}
#recommended .recommended-media img{height:255px!important}
#recommended .recommended-copy{padding:23px 20px!important;height:auto!important;min-height:215px!important}}
@media(max-width:900px){#recommended .recommended-grid{grid-template-columns:1fr!important}
#recommended .recommended-card{border-right:0!important;border-bottom:1px solid #dbe5ec!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center}
#recommended .recommended-copy{height:auto!important;min-height:190px!important}
#recommended .recommended-media .recommended-real{opacity:1!important;transform:none!important}
#recommended .recommended-media .recommended-line{opacity:0!important}
#recommended .recommended-copy .card-desc,#recommended .card-detail{opacity:1!important;visibility:visible!important}
#recommended .recommended-card:is(:hover,:focus-visible) .recommended-copy{background:transparent!important;color:#17394f!important}
#recommended .recommended-card:is(:hover,:focus-visible) .recommended-copy h3{color:#17394f!important}
#recommended .recommended-card:is(:hover,:focus-visible) .card-family{color:#60788a!important}
#partners .partner-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#about.architectural-about .about-entries{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){#recommended{padding:47px 0 48px!important}
#recommended .section-heading{margin-bottom:24px!important}
#recommended .section-heading h2{font-size:29px!important}
#recommended .section-heading .text-link{font-size:13px!important}
#recommended .recommended-card{display:flex!important;grid-template-columns:none!important;padding-bottom:10px!important}
#recommended .recommended-media{height:300px!important;width:100%!important}
#recommended .recommended-media img{left:7%!important;top:27px!important;width:86%!important;height:250px!important;transform:none!important}
#recommended .recommended-card:is(:hover,:focus-visible) .recommended-real{transform:none!important}
#recommended .recommended-copy{width:100%!important;position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;padding:5px 16px 28px!important;transform:none!important;background:transparent!important}
#recommended .recommended-copy h3{font-size:29px!important}
#recommended .card-index{left:10px!important;top:17px!important}
#recommended .recommended-copy .card-family{font-size:14px!important}
#recommended .card-detail{margin-top:17px!important}
#about.architectural-about{min-height:0!important}
#about.architectural-about .about-inner{padding:58px 0 40px!important;gap:65px!important}
#about .architectural-copy{min-height:190px!important}
#about .architectural-copy h2{font-size:30px!important}
#about.architectural-about .about-entry{height:150px!important}
#about.architectural-about .about-entry .entry-text{padding:20px 14px!important}
#about.architectural-about .about-entry h3{font-size:18px!important}
#about.architectural-about .about-entry p{font-size:12px!important;line-height:1.7!important}
#partners{padding:50px 0 56px!important}
#partners .lower-title,#news .lower-title,#contact .contact-heading h2{font-size:29px!important}
#partners .partners-intro{font-size:15px!important}
#partners .partner-groups{margin-top:28px!important}
#partners .partner-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
#partners .partner-tile{height:80px!important;padding:12px 9px!important}
#news{padding:50px 0 55px!important}
#news .news-layout{display:grid!important;grid-template-columns:1fr!important;gap:15px!important}
#news .news-heading{margin-bottom:27px!important}
#news .news-intro{font-size:15px!important}
#news .news-more{font-size:13px!important}
#news .news-feature-body:after{display:none!important}
#news .news-feature-body{padding:22px!important}
#news .news-feature-body h3{font-size:21px!important}
#news .news-list-item{padding:24px 0!important;gap:20px!important}
#news .news-list-copy h3{font-size:19px!important}
#contact{padding:50px 0 30px!important}
#contact .contact-grid{gap:28px!important}
#contact .contact-heading p{font-size:15px!important}
#contact .contact-grid strong{font-size:23px!important}
#contact .contact-address{font-size:13px!important;line-height:1.9!important}}
@media(min-width:901px){#news{padding-top:clamp(56px,6vh,80px)!important;padding-bottom:clamp(56px,6vh,80px)!important}#news .news-layout{grid-template-columns:1fr 1fr!important}#news .news-heading{margin-bottom:28px!important}}

html.section-paging #contact{min-height:var(--home-tail-height,0px)!important;display:flex!important;align-items:center!important;box-sizing:border-box}

#contact .contact-address strong{color:#607d91!important}

/* Desktop floors are composed within the available window, including their padding. */
@media(min-width:901px) and (min-height:540px) and (hover:hover) and (pointer:fine){
 html.section-paging{--screen-height:calc(100svh - var(--header))}
 html.section-paging #top.hero{--hero-height:var(--screen-height)}
 html.section-paging main>.section-track:not(#contact){height:var(--screen-height)!important;min-height:0!important;max-height:none!important;box-sizing:border-box}
 html.section-paging #recommended,html.section-paging #partners,html.section-paging #news{padding:clamp(26px,5vh,56px) 0!important;display:flex!important;align-items:center!important}
 html.section-paging #recommended>.shell{height:auto;min-height:0}
 html.section-paging #recommended .section-heading{margin-bottom:20px!important}
 html.section-paging #recommended .section-heading h2{font-size:32px!important}
 html.section-paging #recommended .recommended-card{height:clamp(380px,calc(100svh - 245px),550px)!important;overflow:visible!important}
 html.section-paging #recommended .recommended-media{height:calc(100% - 130px)!important}
 html.section-paging #recommended .recommended-media img{top:20px!important;height:calc(100% - 38px)!important;left:7%!important;width:86%!important}
 html.section-paging #recommended .card-index{top:15px!important;left:20px!important}
 html.section-paging #recommended .recommended-copy{position:absolute!important;inset:auto 0 0!important;height:86px!important;min-height:0!important;padding:12px 24px!important;overflow:hidden!important;transition:height .35s ease,background .3s,color .3s!important}
 html.section-paging #recommended .recommended-copy h3{font-size:27px!important;margin:4px 0 12px!important}
 html.section-paging #recommended .recommended-card:is(:hover,:focus-visible) .recommended-copy{height:130px!important}
 html.section-paging #recommended .recommended-card:is(:hover,:focus-visible) .recommended-real{transform:translateY(-7px)!important}
 html.section-paging #recommended .card-detail{margin-top:12px!important}
 html.section-paging #recommended .recommended-card:is(:hover,:focus-visible) .card-family{display:none!important}
 html.section-paging #recommended .recommended-card:is(:hover,:focus-visible) h3{margin:0 0 10px!important;padding-right:28px}
 html.section-paging #recommended .recommended-card:is(:hover,:focus-visible) .card-detail{position:absolute;right:22px;top:15px;margin:0!important}
 html.section-paging #recommended .recommended-card:is(:hover,:focus-visible) .card-detail>span:first-child{display:none}

 html.section-paging #about.architectural-about{display:flex!important;align-items:center!important}
 html.section-paging #about.architectural-about .about-inner{padding:clamp(28px,5vh,58px) 0!important;gap:clamp(25px,6vh,65px)!important}
 html.section-paging #about .architectural-copy{min-height:0!important}
 html.section-paging #about .architectural-copy h2{font-size:clamp(30px,2.8vw,44px)!important;line-height:1.5!important;margin:14px 0 20px!important}
 html.section-paging #about.architectural-about .about-entry{height:clamp(132px,18vh,178px)!important}
 html.section-paging #partners .lower-kicker{font-size:11px!important;margin-bottom:8px!important}
 html.section-paging #partners .lower-title,html.section-paging #news .lower-title{font-size:32px!important;line-height:1.4!important}
 html.section-paging #partners .partners-intro{margin-top:10px!important;font-size:15px!important}
 html.section-paging #partners .partner-groups{margin-top:24px!important}
 html.section-paging #partners .partner-logo-grid{gap:12px!important}
 html.section-paging #partners .partner-tile{height:clamp(66px,9vh,90px)!important;padding:9px 12px!important}
 html.section-paging #news .news-heading{margin-bottom:22px!important}
 html.section-paging #news .news-rule{display:none!important}
 html.section-paging #news .news-intro{margin-top:10px!important;font-size:15px!important}
 html.section-paging #news .news-layout{display:grid!important;grid-template-columns:minmax(0,1.19fr) minmax(0,1fr)!important;align-items:stretch!important;gap:clamp(30px,4vw,55px)!important;margin-top:0!important;height:clamp(340px,calc(var(--screen-height) - 170px),510px)!important}
 html.section-paging #news .news-feature{background:#fff!important;box-shadow:0 10px 24px #073b6415!important;color:#17394f!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;align-self:stretch!important;height:100%!important;min-height:0!important}
 html.section-paging #news .news-feature-media{height:100%!important;min-height:0!important;aspect-ratio:auto!important;background:#f2f5f8}
 html.section-paging #news .news-feature-media img{object-fit:cover!important;object-position:50% 58%!important;background:#e6edf1}
 html.section-paging #news .news-feature-body{padding:16px 20px 18px!important}
 html.section-paging #news .news-feature-body time{color:#668295!important}
 html.section-paging #news .news-feature-body h3{font-size:22px!important;color:#17394f!important;margin:7px 0!important;line-height:1.5!important}
 html.section-paging #news .news-feature-body p{display:block!important;font-size:14px!important;line-height:1.8!important;color:#5e798c!important;margin:0!important}
 html.section-paging #news .news-detail{display:inline-flex!important;color:#1768a9!important;margin-top:12px!important;font-size:14px!important}
 html.section-paging #news .news-list{display:grid!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;align-self:stretch!important;overflow:visible!important}
 html.section-paging #news .news-list-item{grid-template-columns:56px minmax(0,1fr) 18px!important;padding:14px 0!important;min-height:0!important;gap:17px!important;align-items:start!important}
 html.section-paging #news .news-list-item:first-child{padding-top:2px!important}
 html.section-paging #news .news-list-copy h3{font-size:19px!important;line-height:1.55!important;margin:0 0 7px!important}
 html.section-paging #news .news-list-copy p{font-size:14px!important;line-height:1.8!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 html.section-paging #news .news-date b{font-size:29px!important}
 html.section-paging #news .news-date{width:56px!important;height:auto!important;display:grid!important;grid-template-columns:auto auto;gap:4px 4px;align-items:baseline!important;justify-content:start!important}
 html.section-paging #news .news-date b{grid-column:1/-1}
 html.section-paging #news .news-date i,html.section-paging #news .news-date span{margin:0!important;font-size:11px!important}
 html.section-paging #news .news-date i:after{content:' /'}
 html.section-paging #contact{height:var(--home-tail-height)!important;min-height:0!important;padding:24px 0!important}
 html.section-paging #contact .contact-heading{margin-bottom:20px!important;align-items:center!important}
 html.section-paging #contact .contact-heading h2{font-size:32px!important}
 html.section-paging #contact .contact-heading p{font-size:15px!important;margin-top:10px!important}
 html.section-paging #contact .contact-grid{padding-top:20px!important;gap:24px!important}
 html.section-paging #contact .contact-grid h3{margin:8px 0!important}
 html.section-paging #contact .contact-grid strong{font-size:23px!important}
 html.section-paging #contact .qr-block img{width:82px!important;height:82px!important}
 html.section-paging #contact .contact-address{margin-top:20px!important;padding-top:16px!important}
 body[data-page=index]>.site-footer{padding:18px 0!important;min-height:0!important}
 body[data-page=index]>.site-footer>.shell{display:block!important}
 body[data-page=index]>.site-footer .footer-links{margin:0!important;gap:20px!important}
 body[data-page=index]>.site-footer .footer-bottom{margin:0!important;padding:0!important;border:0!important;font-size:11px!important}
 body[data-page=index]>.global-footer .global-footer-grid{display:grid!important;grid-template-columns:1.15fr 1fr 1fr!important;gap:40px!important}
 body[data-page=index]>.global-footer .global-footer-brand img{height:38px!important;width:40px!important}
 body[data-page=index]>.global-footer .global-footer-brand strong{font-size:15px!important}
 body[data-page=index]>.global-footer .global-footer-intro p{font-size:13px!important;line-height:1.7!important;margin:12px 0 0!important}
 body[data-page=index]>.global-footer .global-footer-grid h3{font-size:14px!important;margin:0 0 12px!important;line-height:1.5!important}
 body[data-page=index]>.global-footer .global-footer-links{grid-template-columns:1fr 1fr!important;gap:8px 20px!important}
 body[data-page=index]>.global-footer .global-footer-links a,body[data-page=index]>.global-footer .global-footer-contact a{font-size:13px!important;line-height:1.7!important}
 body[data-page=index]>.global-footer .global-footer-contact{gap:8px!important}
 body[data-page=index]>.global-footer .global-footer-bottom{display:flex!important;width:100%;margin:16px 0 0!important;padding:12px 0 0!important;border-top:1px solid #ffffff25!important;font-size:11px!important;gap:24px!important}
}
@media(min-width:901px) and (max-height:680px) and (hover:hover) and (pointer:fine){
 html.section-paging #top .category-banner .hero-kicker{margin-bottom:12px!important}
 html.section-paging #top .category-banner .hero-title{margin-bottom:12px!important;font-size:36px!important}
 html.section-paging #top .category-banner .banner-subtitle{font-size:18px!important;margin-bottom:15px!important}
 html.section-paging #top .category-banner .hero-description{margin-bottom:12px!important;font-size:14px!important}
 html.section-paging #top .category-banner .banner-features{margin-bottom:13px!important}
 html.section-paging #news .news-list-item{padding:14px 0!important}
 html.section-paging #news .news-list-copy p{display:-webkit-box!important;-webkit-line-clamp:1;font-size:13px!important;line-height:1.65!important}
 html.section-paging #news .news-list-copy h3{font-size:17px!important;line-height:1.45!important;margin-bottom:5px!important}
 html.section-paging #news .news-list-item{padding:10px 0!important}
 html.section-paging #news .news-feature-body{padding:12px 16px!important}
 html.section-paging #news .news-feature-body h3{font-size:20px!important;margin:5px 0!important}
 html.section-paging #news .news-feature-body p{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px!important;line-height:1.65!important}
 html.section-paging #news .news-detail{font-size:13px!important;margin-top:8px!important}
 html.section-paging #contact{padding:18px 0!important}
 html.section-paging #contact .contact-heading{margin-bottom:14px!important}
 html.section-paging #contact .contact-grid{padding-top:14px!important}
 html.section-paging #contact .contact-address{margin-top:14px!important;padding-top:12px!important}
 body[data-page=index]>.global-footer{padding:14px 0!important}
 body[data-page=index]>.global-footer .global-footer-grid{gap:30px!important}
 body[data-page=index]>.global-footer .global-footer-bottom{margin-top:12px!important;padding-top:10px!important}

 html.section-paging #contact .contact-heading .eyebrow,html.section-paging #contact .contact-grid>a>span{display:none!important}
}

/* Optical size is calibrated by mark shape, within a common centred frame. */
#partners .partner-tile{--mark-w:34px;--mark-h:34px;display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;justify-content:initial!important;justify-items:start!important;text-align:left!important;padding-inline:15px!important;border:1px solid #ffffff38!important;background:linear-gradient(135deg,#2b79af,#266fa4)!important;box-shadow:inset 0 1px 0 #ffffff20,0 2px 0 #b9cddc,0 4px 10px #17394f08!important}
#partners .partner-mark{display:flex;width:54px;height:44px;align-items:center;justify-content:center}
#partners .partner-mark img{filter:none!important;width:var(--mark-w)!important;height:var(--mark-h)!important;max-width:none!important;max-height:none!important;object-fit:contain!important;image-rendering:auto}
#partners .partner-name{min-width:0;width:100%;text-align:left!important}
#partners .partner-name strong{display:block;font-size:13px;line-height:1.6;font-weight:500;color:#fff;overflow-wrap:normal}
#partners .partner-wordmark{font:600 21px/1 Arial,sans-serif;color:#fff;letter-spacing:.015em}
#partners :is([data-partner=cntrc],[data-partner=geely],[data-partner=cowin],[data-partner=chery],[data-partner=faw],[data-partner=dcec],[data-partner=wly]){--mark-w:46px;--mark-h:25px}
#partners [data-partner=voyah]{--mark-w:27px;--mark-h:38px}
#partners [data-partner=isuzu]{--mark-w:27px;--mark-h:35px}
#partners [data-partner=beiben]{--mark-w:30px;--mark-h:36px}
#partners [data-partner=sinotruk]{--mark-w:31px;--mark-h:37px}
#partners [data-partner=cimc]{--mark-w:47px;--mark-h:24px}
#partners [data-partner=caeri]{--mark-w:37px;--mark-h:37px}
#partners [data-partner=seres]{--mark-w:37px;--mark-h:32px}
#partners [data-partner=jmev]{--mark-w:32px;--mark-h:34px}
@media(min-width:901px) and (max-width:1366px){#partners .partner-logo-grid{margin-right:32px!important}#partners .partner-tile{grid-template-columns:48px minmax(0,1fr)!important;gap:9px!important;padding-inline:10px!important}#partners .partner-mark{width:48px}#partners .partner-name strong{font-size:13px}}
@media(max-width:900px){#partners .partner-tile{padding:10px!important}}
@media(max-width:600px){#partners .partner-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#partners .partner-tile{height:76px!important;grid-template-columns:48px minmax(0,1fr)!important;gap:9px!important}#partners .partner-mark{width:48px}#partners .partner-name strong{font-size:12px}}
@media(max-width:360px){#partners .partner-tile{grid-template-columns:42px minmax(0,1fr)!important;padding:8px!important;gap:7px!important}#partners .partner-mark{width:42px;transform:scale(.9)}#partners .partner-name strong{font-size:11px}}

@media(min-width:901px) and (max-width:1366px){
 html.section-paging #news .news-list{padding-right:32px!important;box-sizing:border-box}
}
@media(min-width:901px) and (min-height:540px){
 html[data-lang=en].section-paging #news .news-list-item{padding:10px 0!important}
 html[data-lang=en].section-paging #news .news-list-copy h3{font-size:17px!important;line-height:1.45!important;margin-bottom:5px!important}
 html[data-lang=en].section-paging #news .news-list-copy p{font-size:13px!important;line-height:1.65!important}
}



/* The first floor includes the transparent header; subsequent floors keep their measure. */
body.review21[data-page=index] #top.hero{margin-top:calc(-1 * var(--header))!important}
body.review21[data-page=index] #top.hero>.hero-inner{height:calc(var(--hero-height) + var(--header))!important}
html.section-paging body.review21[data-page=index] #top.hero{height:100svh!important}
body.review21[data-page=index] #top :is(.category-banner .hero-copy,.product-stage){top:calc(45% + var(--header) / 2)!important}
body.review21[data-page=index] #top .culture-poster-copy{top:calc(45% + var(--header) / 2)}
@media(max-width:600px){body.review21[data-page=index] #top .category-banner .hero-copy{top:calc(35px + var(--header))!important}body.review21[data-page=index] #top .product-stage{top:calc(370px + var(--header))!important}html[data-lang=en] body.review21[data-page=index] #top .product-stage{top:calc(450px + var(--header))!important}body.review21[data-page=index] #top .culture-poster-copy{top:calc(48px + var(--header))}}

/* Brand surface enlarges and dissolves to reveal the already prepared first scene. */
body.intro-active,body:has(>#brand-intro:not([hidden])){overflow:hidden!important}
#brand-intro{display:block;z-index:1000;background:transparent!important;animation:none!important;isolation:isolate}
#brand-intro .intro-stage{position:absolute;inset:0;display:grid;place-items:center;background:#f3f7fa;opacity:1;will-change:opacity}
#brand-intro .intro-mark{display:block;position:absolute;left:50%;top:50%;width:clamp(116px,12vw,152px);transform:translate(-50%,-50%)}
#brand-intro .intro-mark img{width:100%;height:auto;filter:saturate(1) brightness(1);opacity:1}
#brand-intro>button{z-index:2;color:#30566f;transition:opacity .12s}
#brand-intro.leaving{opacity:1!important;pointer-events:none;transition:none!important}
#brand-intro.leaving .intro-stage{opacity:0;transition:opacity 1s cubic-bezier(.55,0,.9,.4)}
#brand-intro.leaving .intro-mark{width:clamp(1624px,168vw,2128px);transition:width 1s cubic-bezier(.56,.04,.85,.49)}
#brand-intro.leaving .intro-mark img{filter:saturate(.12) brightness(1.35);opacity:0;transition:filter .48s ease-out,opacity .65s cubic-bezier(.2,.7,.4,1)}
#brand-intro.leaving>button{opacity:0}
#brand-intro.quick-exit .intro-stage{opacity:0;transition:opacity .14s linear}
#brand-intro.quick-exit .intro-mark{width:clamp(116px,12vw,152px);transition:none}
#brand-intro.quick-exit .intro-mark img{filter:none;opacity:1;transition:none}
@media(prefers-reduced-motion:reduce){#brand-intro .intro-stage,#brand-intro.leaving .intro-stage{transition:none!important}#brand-intro .intro-mark,#brand-intro.leaving .intro-mark{width:clamp(116px,12vw,152px)!important;transition:none!important}}

@media(prefers-reduced-motion:reduce){#brand-intro .intro-mark img,#brand-intro.leaving .intro-mark img{filter:none!important;opacity:1!important;transition:none!important}}
