/* Homepage: two image-only product features, a factory introduction and factory figures. */
body[data-page="home"]{--muted:#5d736b}
.homepage-featured{padding:30px 0 48px;background:#fff;scroll-margin-top:125px}
.featured-product-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.featured-product{position:relative;display:block;aspect-ratio:1094/692;overflow:hidden;background:#f4f7fa;border-radius:9px}
/* Reveal the scene inside the supplied square images without changing the image assets. */
.featured-product>img{position:absolute;max-width:none;width:114.7%;height:auto;left:-7.35%;top:50%;transform:translateY(-50%)}
.featured-product:focus-visible{outline:3px solid #207767;outline-offset:5px}
.homepage-factory{padding:65px 0 85px;background:#fff;scroll-margin-top:115px}
.homepage-factory-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start;margin-bottom:48px}
.homepage-factory h1{font-size:clamp(40px,4.4vw,64px);line-height:1.1;letter-spacing:-2px;font-weight:650}
.homepage-factory-intro .factory-lead{font-size:22px;line-height:1.65;color:var(--ink)}
.homepage-factory-intro p+p{font-size:17px;line-height:1.8;margin-top:20px}
.homepage-factory-intro .button{font-size:15px;margin-top:26px;padding:14px 24px}
.homepage-factory-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.homepage-factory-pair .photo{min-width:0}
.homepage-factory-pair .photo>button{border-radius:8px;background:#eef3ef}
.homepage-factory-pair .photo img{height:350px;object-fit:cover}
.homepage-factory-pair .photo:first-child img{object-position:center 49%}
.homepage-factory-pair figcaption{font-size:14px;line-height:1.5;padding-top:13px}
.homepage-factory-data{padding:70px 0 64px;background:#f0f7f3}
.homepage-factory-data h2{font-size:clamp(32px,3.2vw,46px);line-height:1.15;font-weight:650;letter-spacing:-1.3px;margin-bottom:40px}
.factory-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #cddfd5;border-left:1px solid #cddfd5}
.factory-data-item{display:flex;flex-direction:column-reverse;justify-content:center;align-items:start;gap:17px;padding:35px 38px;border-right:1px solid #cddfd5;border-bottom:1px solid #cddfd5;min-height:175px}
.factory-data-item dt{font-size:17px;line-height:1.4;color:#5d736b}
.factory-data-item dd{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.factory-data-value{font-size:56px;line-height:1.1;font-weight:600;letter-spacing:-1.8px;color:var(--ink)}
.factory-data-unit{font-size:23px;line-height:1.2;color:#3e6c5b}
.factory-data-item:last-child .factory-data-value{font-size:47px;letter-spacing:-1.6px}
.factory-data-item:last-child .factory-data-unit{font-size:16px}
.factory-data-source{font-size:12px;line-height:1.6;margin-top:24px;color:#6f8279}
@media(max-width:1100px){
 .homepage-factory-intro{gap:50px;grid-template-columns:.9fr 1.1fr}
 .homepage-factory-intro .factory-lead{font-size:20px}
 .homepage-factory-pair .photo img{height:300px}
 .factory-data-item{padding:30px 28px}
 .factory-data-value{font-size:49px}
 .factory-data-item:last-child .factory-data-value{font-size:39px}
}
@media(max-width:850px){
 .homepage-featured{padding:24px 0 30px}
 .featured-product-pair{gap:18px}
 .homepage-factory{padding:50px 0 65px}
 .homepage-factory-intro{grid-template-columns:1fr;gap:25px;margin-bottom:35px}
 .homepage-factory h1{font-size:46px}
 .homepage-factory-intro .factory-lead{font-size:21px}
 .homepage-factory-pair{gap:22px}
 .homepage-factory-pair .photo img{height:240px}
 .factory-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .factory-data-item{padding:30px;min-height:165px}
 .factory-data-item:last-child .factory-data-value{font-size:43px}
}
@media(max-width:700px){
 .homepage-featured{padding:20px 0 28px}
 .featured-product-pair{grid-template-columns:1fr;gap:18px}
 .featured-product{border-radius:7px}
 .homepage-factory{padding:30px 0 52px}
 .homepage-factory-intro{gap:22px;margin-bottom:32px}
 .homepage-factory h1{font-size:39px;letter-spacing:-1.3px}
 .homepage-factory-intro .factory-lead{font-size:19px;line-height:1.65}
 .homepage-factory-intro p+p{font-size:16px;line-height:1.75;margin-top:18px}
 .homepage-factory-intro .button{font-size:14px;margin-top:23px}
 .homepage-factory-pair{grid-template-columns:1fr;gap:27px}
 .homepage-factory-pair .photo img{height:255px}
 .homepage-factory-pair figcaption{font-size:13px}
 .homepage-factory-data{padding:48px 0}
 .homepage-factory-data h2{font-size:32px;letter-spacing:-1px;margin-bottom:30px}
 .factory-data-item{padding:24px 18px;min-height:150px;gap:13px}
 .factory-data-item dt{font-size:14px}
 .factory-data-value{font-size:38px;letter-spacing:-1.2px}
 .factory-data-unit{font-size:17px}
 .factory-data-item dd{gap:7px}
 .factory-data-item:last-child .factory-data-value{font-size:27px;letter-spacing:-1px}
 .factory-data-item:last-child .factory-data-unit{font-size:13px}
 .factory-data-source{font-size:11px;margin-top:22px}
}
@media(max-width:360px){
 .homepage-factory h1{font-size:36px}
 .factory-data-item{padding-inline:15px}
 .factory-data-value{font-size:34px}
 .factory-data-item:last-child .factory-data-value{font-size:24px}
}