.home-hero{min-height:calc(100vh - 48px);display:flex;align-items:center;justify-content:center;padding:72px 22px}
.home-logo{width:130px;height:auto;margin:0 auto 28px}
.home-hero h1{max-width:18ch;margin:0 auto;text-wrap:balance}
.home-hero .sub{margin:12px auto 0;text-wrap:balance}

.about{padding:96px 22px;background:var(--grey)}
.vision{padding:96px 22px}
.about-inner{max-width:760px;margin:0 auto}
.about-inner h2{margin-top:12px}
.about-inner .lead{margin-top:24px;font-size:clamp(19px,2.2vw,24px);line-height:1.45}

.specs{background:var(--grey);margin-top:0;padding:64px 22px 72px}

.mini-product{padding:0 22px 96px;background:var(--grey)}
.mini-card{max-width:760px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:center;text-align:left;color:var(--navy);background:var(--peach);border-radius:24px;padding:20px;overflow:hidden}
.mini-card:hover{text-decoration:none}
.mini-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px}
.mini-text{display:grid;gap:6px}
.mini-text strong{font-size:clamp(24px,3vw,32px);line-height:1.15}
.mini-link{margin-top:8px;font-weight:600}
.mini-card:hover .mini-link{text-decoration:underline}

@media (max-width:600px){
  .mini-card{grid-template-columns:1fr}
}