/* KASANE: silent hero playback and product image examples. */
.hero{width:min(948px,calc(100% - 80px));grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;padding-top:48px}
.hero>div{min-width:0}
.hero .eyebrow{font-size:14px;letter-spacing:.12em}
.hero .intro{max-width:none}
.hero .actions{flex-wrap:wrap}
.heroart{width:100%;justify-self:stretch;aspect-ratio:auto;max-height:none;overflow:visible;background:none;margin:0}
.hero-screen{position:relative;aspect-ratio:4/5;overflow:hidden;background:#dfd2c4;box-shadow:0 18px 48px #402c2314}
.hero-screen video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hero-control{position:absolute;right:14px;bottom:14px;min-height:44px;padding:9px 15px;border:1px solid #ffffff90;background:#282623c9;color:white;border-radius:2px;font-size:11px;backdrop-filter:blur(6px)}
.hero-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;font-size:11px;color:var(--muted)}
.hero-caption a{border-bottom:1px solid #9a8b80;padding-bottom:2px}
.category-card{margin:0}
.category-intro h2{font-size:28px}
.category-disclosure{font-size:11px;color:var(--muted);line-height:1.8;margin:18px 0 0}
@media(max-width:960px){.navlinks>a:not(.button){display:none}}
@media(max-width:800px){
 .hero{width:calc(100% - 40px);grid-template-columns:1fr;gap:28px;padding-top:32px}
 .hero .eyebrow{font-size:13px}
 .heroart{width:min(100%,330px);justify-self:center}
 .hero-caption{font-size:10px}
 .category-intro h2{font-size:25px}
}
@media(max-width:370px){.hero h1{font-size:30px}.heroart{width:min(100%,290px)}}