/* Concrete supplier support, selection and resource roles. */
.about-page .slide-2,.about-page .slide-3{padding-top:36px}
.about-page .advantages-header{margin-bottom:28px}
.about-page .advantages-subtitle{max-width:920px}
.about-page .advantages-grid{gap:16px;margin-bottom:20px}
.about-page .advantage-item{padding:20px 18px;background:rgba(255,255,255,.72);border:1px solid #dce5ec;text-align:start}
.about-page .advantage-icon{width:44px;height:44px;font-size:23px;margin:0 0 12px}
.about-page .advantage-title{font-size:17px;line-height:1.45}
.about-page .advantage-desc{font-size:14px;line-height:1.75}
.about-page .selection-intro{font-size:15px;color:#52667b;line-height:1.75;max-width:900px;margin:0 auto 24px;text-align:center}
.about-page .product-selection-track{display:flex;flex-flow:row wrap;justify-content:center;gap:18px;height:auto;overflow:visible;padding:8px 0 24px}
.about-page .product-selection-track .review-card{flex:0 1 calc((100% - 36px)/3);width:auto;min-width:0;height:auto;min-height:230px;padding:24px;text-align:start}
.about-page .product-selection-track .review-name{font-size:20px;margin-bottom:14px}
.about-page .product-selection-track .review-text{display:block;overflow:visible;-webkit-line-clamp:unset;line-height:1.75;font-size:14px;margin-bottom:22px}
.about-page .product-selection-track a{font-size:14px;color:#74572e;font-weight:700;margin-top:auto}
.about-page .guide-hub-link{margin:0 0 24px;color:#74572e;font-weight:700}
.materials-wrap{max-width:1200px;margin:0 auto}
.materials-page .resources-section h2{font-size:28px;color:#102f43;margin-bottom:12px}
.materials-intro{max-width:900px;color:#52667b;line-height:1.8;margin-bottom:28px}
.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.material-card{background:#fff;border:1px solid #dae4ed;border-radius:12px;padding:26px;display:flex;flex-direction:column}
.material-card h3,.material-doc h3,.material-video h3{font-size:20px;color:#102f43;margin:0 0 12px}
.material-card p,.material-doc p{line-height:1.8;color:#52667b;margin-bottom:24px}
.material-card a,.material-doc a,.materials-text-link{color:#74572e;font-weight:700;line-height:1.6}
.material-card a{margin-top:auto}
.materials-text-link{display:inline-block;margin-top:18px}
.materials-alt{background:#edf3f7}
.material-video{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #dae4ed;border-radius:12px;padding:22px;text-decoration:none}
.material-video>span{font-size:40px;color:#a7834b}
.material-video p{color:#52667b;line-height:1.6}
.material-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.material-doc{display:flex;align-items:flex-start;gap:22px;border:1px solid #dae4ed;border-radius:12px;padding:24px;background:#fff}
.material-doc>img{width:120px;height:170px;object-fit:contain;background:#f0f4f7;flex-shrink:0}
.material-doc ul{padding-inline-start:18px;line-height:1.7;font-size:13px}
.material-doc li+li{margin-top:8px}
.materials-button{display:inline-block;margin-top:22px;padding:14px 22px;background:#133648;color:#fff;border-radius:6px;font-weight:700;text-decoration:none}
@media(max-width:1200px){.about-page .advantages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-doc-grid{grid-template-columns:1fr}.about-page .product-selection-track .review-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:768px){.about-page .slide-2,.about-page .slide-3{padding-top:44px}.about-page .advantage-desc{font-size:14px}.about-page .slide-scrollable{overflow-y:visible}.materials-page .resources-section{padding:40px 20px}}
@media(max-width:600px){.about-page .advantages-grid{grid-template-columns:1fr}.about-page .product-selection-track .review-card{flex-basis:100%;min-height:0}.materials-grid{grid-template-columns:1fr}.material-doc{flex-direction:column}.materials-page .resources-section h2{font-size:24px}.material-doc>img{width:96px;height:136px}}

/* Company overview and the single products/materials hub. */
.about-page .slide-1{padding-top:36px}
.about-page .slide-1 .hero-title{font-size:clamp(28px,3.6vw,54px);line-height:1.22}
.about-page .slide-1 .hero-subtitle{font-size:16px;line-height:1.8;margin-bottom:26px}
.about-page .slide-1 .hero-stats{margin-top:24px;gap:16px}
.about-page .slide-1 .stat-value{font-size:clamp(24px,2.5vw,38px);white-space:nowrap}
.company-resource-note{font-size:12px;line-height:1.7;color:#52667b;margin:18px 0 24px}
.materials-page .product-selection-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;height:auto;overflow:visible;padding:0}
.materials-page .product-selection-track .review-card{background:#fff;border:1px solid #dae4ed;border-radius:12px;padding:26px;height:auto;width:auto;display:flex;flex-direction:column}
.materials-page .review-name{font-size:20px;color:#102f43;margin:0 0 14px}
.materials-page .review-text{display:block;line-height:1.8;color:#52667b;margin-bottom:24px;overflow:visible;-webkit-line-clamp:unset}
.materials-page .review-card a{margin-top:auto;color:#74572e;font-weight:700}
@media(max-width:1000px){.materials-page .product-selection-track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.about-page .slide-1{padding-top:40px}.about-page .slide-1 .hero-subtitle{font-size:15px}.about-page .slide-1 .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.materials-page .product-selection-track{grid-template-columns:1fr}.about-page .slide-1 .stat-value{font-size:24px}html[lang^="zh"] .about-page .slide-1 .hero-title{font-size:clamp(21px,6vw,24px)}}

/* Uniform news entrance/hover/focus; opacity animation leaves transform free. */
@keyframes newsCardFadeIn{from{opacity:0}to{opacity:1}}
@keyframes newsCardFadeOut{from{opacity:1}to{opacity:0}}
.about-page .news-card{text-decoration:none;color:inherit;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.about-page .news-card.anim-run.anim-fade-up{animation-name:newsCardFadeIn}
.about-page .news-card.anim-exit.anim-run{animation-name:newsCardFadeOut}
.about-page .news-card:focus-visible{outline:2px solid #a7834b;outline-offset:3px;border-color:#d4a574}
.about-page .news-card:focus .news-read-more{opacity:1;transform:translateX(0)}
@media(hover:none){.about-page .news-read-more{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.about-page .news-card.anim-item{animation:none!important;opacity:1!important}.about-page .news-card,.about-page .news-read-more{transition:none}.about-page .news-card:hover{transform:none}}