.hero { height: min(820px, calc(100svh - 138px)); min-height: min(540px, calc(100svh - 138px)); }
.collection { padding-top: 38px; }
@media (max-width: 900px) { .hero { height: min(760px, calc(100svh - 128px)); min-height: min(540px, calc(100svh - 128px)); } }
@media (max-width: 650px) { .hero { height: calc(100svh - 126px); min-height: min(500px, calc(100svh - 126px)); max-height: 750px; } .collection { padding-top: 32px; } }