#home-view[hidden],#product-view[hidden],.product-page[hidden]{display:none!important}
.product-view{--product-unit:min(1px,.052083333vw);background:#f6f6f1;color:#426139}
.product-page{position:relative;min-height:100svh;overflow:hidden;background:#f6f6f1}
.product-page h1,.product-page h2,.product-page p,.product-page figure{margin:0}
.overview-page{aspect-ratio:1920/1080;min-height:0;padding:calc(54 * var(--product-unit)) 0 0}
.products-heading{margin:0 3.6%}.products-heading p{margin-top:calc(7 * var(--product-unit))}
.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5vw;margin:5.15vw 4.65% 0}
.catalog-product{position:relative;display:block;margin:0;padding:0;border:0;border-radius:1.65vw;overflow:hidden;aspect-ratio:415/520;text-align:center;box-shadow:.35vw .65vw .8vw #0005;background:#193318;color:#fff;transition:transform .25s,box-shadow .25s}
.catalog-product>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.catalog-card-copy{position:absolute;top:16%;left:2%;right:2%;display:block}.catalog-card-copy>span{display:block}.catalog-card-copy>span+span{margin-top:.3vw}
.catalog-product:hover{transform:translateY(-5px);box-shadow:.35vw .9vw 1vw #0005}
.product-back{position:absolute;right:2.6%;bottom:10%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:8.65vw;min-height:4.25vw;padding:.55vw .8vw;background:#2c9b59;border:0;border-radius:.85vw;color:#fff;text-align:left;transition:background .2s}
.product-back:hover{background:#237e47}.product-back:focus-visible,.catalog-product:focus-visible{outline:3px solid #285b37;outline-offset:5px}
.detail-intro{display:grid;grid-template-columns:44.3% 54.2%;gap:1.5%;height:52.5vw;margin:2.5vw 2.5vw 0}
.detail-product-photo{position:relative;overflow:hidden;border-radius:1.65vw;background:#1b311b}.detail-product-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.detail-product-photo figcaption{position:absolute;top:17.4%;left:2%;right:2%;text-align:center;color:white}.detail-product-photo figcaption p{margin-top:1vw}
.detail-problem{position:relative;isolation:isolate;border-radius:1.65vw;overflow:hidden;background:#6d2c14 url('assets/products/warm-lines.jpg') center/100% 100%;color:#fff;padding:5.9vw 3.5vw 0}
.detail-problem:before{content:'';position:absolute;z-index:-1;inset:0;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(75 * var(--product-unit) - 1px),#fff2 calc(75 * var(--product-unit))),repeating-linear-gradient(0deg,transparent 0,transparent calc(100 * var(--product-unit) - 1px),#fff2 calc(100 * var(--product-unit)))}
.detail-mark{position:absolute;right:2.5vw;top:1.7vw;width:4vw;height:4vw;overflow:hidden}.detail-mark img{display:block;height:100%;width:auto;max-width:none;filter:brightness(0) invert(1)}
.problem-signals{margin-top:5vw}.problem-signals p+p{margin-top:1.5vw}.problem-conclusion{position:absolute;left:3.5vw;right:1vw;bottom:6.4vw}
.detail-science{position:relative;isolation:isolate;overflow:hidden;border-radius:1.65vw;height:56.5vw;margin:2.5vw 2.5vw 0;background:#35553a;color:#fff}
.science-land{position:absolute;width:109%;height:auto;max-width:none;left:-4.7%;top:0;z-index:-2}.science-circle{clip-path:ellipse(40% 26% at 50% 51%);position:absolute;width:42.5%;height:110%;object-fit:fill;left:28.8%;top:-7.3%;z-index:-1}
.science-copy{position:absolute;top:9.3%;left:3%;right:3%;text-align:center}.science-copy h2{margin-bottom:3vw}.science-copy p+p{margin-top:3.1vw}.science-copy p:last-child{margin-top:5.4vw}
.audience-heading{margin:4.9vw 2.7% 0!important;display:flex;flex-direction:column;color:#426139}
.audience-rows{padding:0 6.7% 12.5vw 8.5%}.audience-row{display:grid;grid-template-columns:40.5% 1fr;gap:8%;align-items:center;margin-top:6.5vw;min-height:52.5vw}
.audience-row+ .audience-row{margin-top:5.5vw}.audience-row>figure{border-radius:1.3vw;overflow:hidden;box-shadow:.4vw .6vw .5vw #0005;background:#193318;color:#fff}
.audience-row>figure>img{display:block;width:100%;height:42.8vw;object-fit:cover;object-position:center}
.audience-row figcaption{display:flex;align-items:center;justify-content:center;min-height:9.5vw;padding:1.4vw .6vw;text-align:center}
.audience-copy{text-align:center;color:#64765c}.audience-copy p+p{margin-top:4.5vw}
.detail-living-banner{display:block;width:100%;height:48.5vw;object-fit:cover;object-position:center 80%}
.detail-ending{position:relative;height:69.5vw;min-height:0;color:#444}.ending-copy{position:absolute;top:9.3vw;left:12.5%;right:5%}.ending-line{display:block;position:relative;width:1px;height:20.5vw;margin:3.3vw 0;background:#555}.ending-line:before,.ending-line:after{content:'';position:absolute;left:-3px;width:7px;height:7px;background:#555;border-radius:50%}.ending-line:before{top:0}.ending-line:after{bottom:0}
.detail-ending .product-back{right:5.4%;bottom:7.5%;width:13.7vw;min-height:6.8vw}
@media(max-width:760px){
 .overview-page{aspect-ratio:auto;padding:35px 6% 120px;min-height:100svh}.products-heading{margin:0}.products-heading p{margin-top:8px}.products-grid{margin:35px 0 0;gap:20px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .catalog-product{border-radius:15px;box-shadow:3px 5px 12px #0004}.catalog-card-copy{top:13%;left:4%;right:4%}.catalog-card-copy>span+span{margin-top:5px}.product-back{right:6%;bottom:30px;width:120px;min-height:62px;padding:9px 12px;border-radius:12px}
 .detail-intro{display:flex;flex-direction:column;height:auto;margin:20px 6% 0;gap:22px}.detail-product-photo{aspect-ratio:415/520;border-radius:16px}.detail-product-photo figcaption{top:17%}.detail-product-photo figcaption p{margin-top:8px}
 .detail-problem{min-height:440px;padding:55px 22px 0;border-radius:16px}.detail-mark{top:14px;right:16px;width:35px;height:35px}.problem-signals{margin-top:30px}.problem-signals p+p{margin-top:10px}.problem-conclusion{left:22px;right:16px;bottom:24px}
 .detail-science{height:auto;min-height:490px;margin:25px 6% 0;border-radius:16px}.science-land{height:100%;width:150%;object-fit:cover;left:-25%;object-position:center top}.science-circle{width:75%;left:12.5%;height:100%;top:0;object-fit:cover}.science-copy{position:relative;left:auto;right:auto;top:auto;padding:28px 12px}.science-copy h2{margin-bottom:22px}.science-copy p+p{margin-top:28px}.science-copy p:last-child{margin-top:32px}.science-copy br{display:none}
 .audience-heading{margin:32px 6% 0!important}.audience-rows{padding:0 6% 65px}.audience-row{grid-template-columns:1fr;gap:28px;margin-top:35px;min-height:0}.audience-row+.audience-row{margin-top:55px}.audience-row>figure{width:84%;max-width:340px;justify-self:center;border-radius:14px;box-shadow:3px 5px 10px #0005}.audience-row>figure>img{height:auto;aspect-ratio:4/5}.audience-row figcaption{min-height:78px;padding:12px 8px}.audience-copy p+p{margin-top:26px}.audience-copy br{display:none}
 .detail-living-banner{height:65vw;object-position:center 75%}.detail-ending{height:640px}.ending-copy{top:55px;left:8%;right:6%}.ending-line{height:140px;margin:25px 0}.detail-ending .product-back{width:135px;min-height:66px;right:6%;bottom:30px}
}
@media(prefers-reduced-motion:reduce){.catalog-product,.product-back{transition:none}.catalog-product:hover{transform:none}}

.product-back>span{white-space:nowrap}