.hero{isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-2;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(90deg,rgba(230,250,255,.97) 0%,rgba(230,250,255,.88) 36%,rgba(220,248,255,.55) 62%,rgba(220,248,255,.18) 100%),url('/assets/hero-lake-laptop.png') center/cover no-repeat}
.hero-copy{position:relative;z-index:1}
.hero-art{width:min(480px,92%);max-height:390px;object-fit:contain;justify-self:center;filter:drop-shadow(0 24px 36px rgba(0,75,120,.22));position:relative;z-index:1}
.philosophy{padding:44px 0 20px;text-align:center}
.philosophy p{display:inline-block;margin:0;padding:18px 28px;border-radius:999px;background:rgba(255,255,255,.67);border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 38px rgba(0,92,154,.13);backdrop-filter:blur(14px);font-size:clamp(1.15rem,2.5vw,1.6rem);font-weight:850;letter-spacing:-.025em;color:var(--deep)}
.product-cover{width:155px;height:220px;object-fit:contain;object-position:center;border-radius:10px 22px 22px 10px;box-shadow:-9px 9px 0 #075da1,0 20px 35px rgba(0,74,130,.22);transform:rotate(-2deg);background:#fff}
.product-cover.green{box-shadow:-9px 9px 0 #116635,0 20px 35px rgba(0,74,130,.22);transform:rotate(2deg)}
.guide-detail .product-cover{width:260px;height:355px;object-fit:contain;object-position:center}
@media(max-width:900px){.hero::before{background:linear-gradient(90deg,rgba(230,250,255,.96),rgba(220,248,255,.62)),url('/assets/hero-lake-laptop.png') center/cover no-repeat}.guide-detail .product-cover{width:230px;margin:auto}}
@media(max-width:680px){.hero::before{background:linear-gradient(rgba(230,250,255,.93),rgba(220,248,255,.72)),url('/assets/hero-lake-laptop.png') center/cover no-repeat}.hero-art{width:min(300px,78vw);max-height:250px}.philosophy{padding:34px 0 0}.philosophy p{border-radius:24px}.product-cover{width:105px;height:160px}.guide-detail .product-cover{width:210px;height:290px}}