/* Seasonal hero: the supplied desktop and mobile photographs have distinct crops. */
.ds-store .ds-hero-autumn{background:#e7e6e3}
.ds-store .ds-hero-autumn::after{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(248,247,245,.75) 0%,rgba(248,247,245,.58) 24%,rgba(248,247,245,.14) 42%,transparent 54%)
}
.ds-store .ds-hero-autumn .ds-hero-image{object-position:center center}
.ds-store .ds-hero-autumn .ds-hero-content{position:relative;z-index:1;max-width:620px;margin-left:6%;padding-top:150px;color:#24231f}
.ds-store .ds-hero-autumn .ds-hero-content>p:not(.ds-kicker){color:#24231f}
.ds-store .ds-hero-autumn h1{max-width:620px;font-size:clamp(48px,4.45vw,64px);line-height:1.06;margin-bottom:20px}
.ds-store .ds-hero-autumn .ds-hero-content>p:not(.ds-kicker){max-width:360px;font-size:15px;line-height:1.6;margin-bottom:27px}
.ds-store .ds-hero-autumn .ds-button{width:auto;min-width:0;max-width:100%;gap:24px;white-space:nowrap;background:#24231f;border-color:#24231f;color:#fff}

@media(max-width:1100px) and (min-width:768px){
 .ds-store .ds-hero-autumn .ds-hero-content{margin-left:5%;padding-top:125px;max-width:540px}
 .ds-store .ds-hero-autumn h1{font-size:clamp(44px,5vw,55px)}
}

@media(max-width:767px){
 .ds-store .ds-hero-autumn{height:clamp(500px,calc(100svh - 280px),560px);min-height:500px}
 .ds-store .ds-hero-autumn::after{inset:0;background:linear-gradient(180deg,rgba(248,247,245,.94) 0%,rgba(248,247,245,.85) 28%,rgba(248,247,245,.52) 55%,rgba(248,247,245,.1) 70%,transparent 78%)}
 .ds-store .ds-hero-autumn .ds-hero-image{height:100%!important;object-fit:cover;object-position:center top}
 .ds-store .ds-hero-autumn .ds-hero-content{position:absolute;top:calc(50% - 18px);bottom:auto;left:0;right:0;width:100%;height:auto;max-width:360px;margin:0 auto;padding:0 24px!important;background:none;text-align:center;transform:translateY(-50%)}
.ds-store .ds-hero-autumn .ds-kicker{font-size:9px;letter-spacing:.14em;margin-bottom:10px;color:#6a6861}
 .ds-store .ds-hero-autumn h1{font-size:clamp(34px,9vw,40px);line-height:1.06;letter-spacing:-.05em;margin-bottom:14px}
 .ds-store .ds-hero-autumn h1 br{display:initial}
 .ds-store .ds-hero-autumn .ds-hero-content>p:not(.ds-kicker){max-width:285px;font-size:13px;line-height:1.55;margin:0 auto 20px}
 .ds-store .ds-hero-autumn .ds-button{display:inline-flex;width:auto;min-width:0;max-width:100%;min-height:46px;padding:11px 16px;gap:16px;font-size:11px;justify-content:space-between}
}

@media(min-width:480px) and (max-width:539px){
 .ds-store .ds-hero-autumn .ds-hero-content{top:43%}
}

@media(min-width:540px) and (max-width:767px){
 .ds-store .ds-hero-autumn .ds-hero-content{top:39%}
}

@media(max-width:359px){
 .ds-store .ds-hero-autumn{height:470px;min-height:470px}
 .ds-store .ds-hero-autumn .ds-hero-content{padding-inline:20px!important}
 .ds-store .ds-hero-autumn h1{font-size:32px}
 .ds-store .ds-hero-autumn .ds-hero-content>p:not(.ds-kicker){font-size:12px;max-width:260px}
 .ds-store .ds-hero-autumn .ds-button{font-size:10px;gap:11px;padding-inline:13px}
}