hot with spring fever
Introducing Pewter Green—
the perfect shade to shake the winter blues.
.hero0307 {background: #E3AB94;}
.slide-wrapper .slide.hero0307 h1 {
text-transform: uppercase;
width: fit-content;
text-align: left;
line-height: 0.85 !important;}
.hero0307 h1 em {
display: block;
font-family: var(--heading-font-family-secondary);
font-style: normal;
text-indent: 1.8ch;}
@media (width >= 600px), (min-width: 600px) {
.slide-wrapper .slide.hero0307 .copy-wrapper {
translate: 0 13%;}
.slide-wrapper .slide.hero0307 h1{
font-size: clamp(3rem, 3.6rem + 2vw, 10rem);}
}
@media (width >= 1024px), (min-width: 1024px) {
.slide-wrapper .slide.hero0307 h1{
font-size: clamp(5rem, 4.1rem + 3vw, 10rem);
white-space: nowrap;}
.slide-wrapper .slide.hero0307 .copy-wrapper {
translate: 5% 16%;}
}
@media (width >= 1200px), (min-width: 1200px) {
.slide-wrapper .slide.hero0307 h1{
font-size: clamp(5rem, 4.4rem + 4vw, 14rem);}
.slide-wrapper .slide.hero0307 .copy-wrapper {
translate: 5% 11.5%;}
}
@media (width >= 1400px), (min-width: 1400px) {
.slide-wrapper .slide.hero0307 h1{
font-size: clamp(5rem, 5rem + 4vw, 14rem);}
}
@media (width >= 1900px), (min-width: 1900px) {
.slide-wrapper .slide.hero0307 h1{
font-size: clamp(5rem, 6.8rem + 4vw, 15rem);}
}