.section-hero{background:var(--color-paper);position:relative}.section-hero--full{background:#111;color:#fff;min-height:min(800px,100dvh)}.section-hero--full .section-hero__viewport{min-height:min(800px,100dvh);overflow:hidden;position:relative}.section-hero--full .section-hero__slide{align-items:flex-end;display:flex;min-height:min(800px,100dvh);position:relative}.section-hero--full .section-hero__media{inset:0;position:absolute}.section-hero--full .section-hero__image{border-radius:0;box-shadow:none;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.section-hero--full .section-hero__media:after{background:rgba(0,0,0,.5);content:"";inset:0;position:absolute}.section-hero--full .section-hero__content{margin:0 auto 4.5rem;padding:0;position:relative;width:min(var(--container-width),100% - 2.5rem);z-index:1}.section-hero--full .section-hero__content h1,.section-hero--full .section-hero__content h2{color:#fff;font-size:clamp(1.85rem,4vw,3.75rem);font-weight:600;letter-spacing:0;line-height:1.2;margin:0 0 1.25rem}.section-hero--full .section-hero__content .section-hero__title{background:var(--color-brand);color:#fff;display:inline-block;max-width:100%;padding:.08em .28em .14em;position:relative}@media(min-width:1100px){.section-hero--full .section-hero__content .section-hero__title{white-space:nowrap}}.section-hero--full .section-hero__content p{color:#fff;font-size:1.25rem;line-height:1.5;max-width:26.25rem}.section-hero--full .section-hero__content .section-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;max-width:none}.section-hero--full .section-hero__slide[hidden]{display:none}.section-hero__smile{display:block;height:3.5rem;-o-object-fit:contain;object-fit:contain;position:absolute;right:-.4rem;top:-1.55rem;width:3.5rem}.section-hero--banner{min-height:25.25rem}.section-hero--banner .section-hero__slide,.section-hero--banner .section-hero__viewport{align-items:center;min-height:25.25rem}.section-hero--banner .section-hero__content{margin-bottom:0;padding:3rem 0}.section-hero--banner .section-hero__content h1,.section-hero--banner .section-hero__content h2{font-size:clamp(2rem,4vw,3.25rem);font-weight:600}.section-hero--banner .section-hero__content .heading-mark,.section-hero--banner .section-hero__content .heading-mark__plain{display:inline}.section-hero--banner .section-hero__content p{font-weight:400;max-width:60rem}.section-hero--banner .section-hero__content .heading-mark{background:#fff;color:var(--color-brand);display:inline-block;padding:0 8px}.section-hero--banner.section-hero--page,.section-hero--banner.section-hero--page .section-hero__slide,.section-hero--banner.section-hero--page .section-hero__viewport{min-height:19.25rem}.section-hero--banner.section-hero--page .section-hero__content h1,.section-hero--banner.section-hero--page .section-hero__content h2{font-size:clamp(2rem,4vw,3rem)}.section-hero--banner.section-hero--page .section-hero__content p{font-size:1.25rem;line-height:1.5;max-width:27rem}.section-hero--slider .section-hero__controls{bottom:2rem;display:flex;gap:.75rem;position:absolute;right:1.5rem;z-index:2}.section-hero__next,.section-hero__prev{background:transparent;border:0;color:#fff;cursor:pointer;height:2.5rem;width:2.5rem}.section-hero__next:before,.section-hero__prev:before{border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";display:block;height:1.5rem;width:1.5rem}.section-hero__prev:before{transform:rotate(45deg)}.section-hero__next:before{transform:rotate(-135deg)}.section-hero--story{background:#fafafa;padding:0 1.25rem}.section-hero--story .section-hero__viewport{margin:0 auto;max-width:90rem;padding:5rem 0}.section-hero--story .section-hero__slide{align-items:center;display:grid;gap:2rem}.section-hero--story .section-hero__content{align-items:flex-start;display:flex;flex-direction:column;gap:1.875rem;order:1}.section-hero--story .section-hero__content h1,.section-hero--story .section-hero__content h2{color:var(--color-brand);font-family:"zalando-sans-semiexpanded 600",var(--font-sans);font-size:clamp(2rem,4vw,3rem);font-weight:600;line-height:1;margin:0}.section-hero--story .section-hero__content .heading-mark,.section-hero--story .section-hero__content .heading-mark__plain{background:none;color:inherit;display:inline;padding:0}.section-hero--story .section-hero__content p{color:#000;font-family:var(--font-sans);font-size:1.25rem;font-weight:500;line-height:1.5;margin:0;max-width:30rem}.section-hero--story .section-hero__content .section-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:0;max-width:none}.section-hero--story .section-hero__content .button{border-radius:3px;font-size:1.25rem;font-weight:600;line-height:1;min-height:2.75rem;padding:.75rem 1.125rem}.section-hero--story .section-hero__media{margin:0;order:2}.section-hero--story .section-hero__image{border-radius:0;box-shadow:none;display:block;height:21.8125rem;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width:960px){.section-hero--story .section-hero__slide{gap:0;grid-template-columns:minmax(0,785fr) minmax(0,655fr)}.section-hero--story .section-hero__media{align-items:center;display:flex;justify-content:flex-end}.section-hero--story .section-hero__image{width:min(100%,32.75rem)}}.section-hero--intro{background:#fff}.section-hero--intro .section-hero__viewport{margin:0 auto;max-width:var(--container-width);padding:5rem 1.25rem}.section-hero--intro .section-hero__slide{align-items:center;display:grid;gap:3.125rem}.section-hero--intro .section-hero__content{align-items:flex-start;display:flex;flex-direction:column;gap:.625rem;order:1}.section-hero--intro .section-hero__content h1,.section-hero--intro .section-hero__content h2{align-items:flex-start;display:flex;flex-direction:column;font-size:clamp(2rem,4vw,3rem);font-weight:600;gap:.625rem;line-height:1;margin:0}.section-hero--intro .section-hero__content .heading-mark{display:table;padding:0 .12em .02em}.section-hero--intro .section-hero__content .heading-mark__plain{color:var(--color-brand);display:block}.section-hero--intro .section-hero__content p{color:#000;font-size:1.25rem;font-weight:400;line-height:1.5;margin:1.25rem 0 0;max-width:38.4375rem}.section-hero--intro .section-hero__media{aspect-ratio:1;background:#111;order:2;overflow:hidden}.section-hero--intro .section-hero__image,.section-hero--intro .section-hero__video{border:0;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width:960px){.section-hero--intro .section-hero__slide{gap:3.125rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.section-hero--campaign{background:#f5f5f5}.section-hero--campaign .section-hero__viewport{margin:0 auto;max-width:var(--container-width);padding:5rem 1.25rem}.section-hero--campaign .section-hero__slide{align-items:center;display:grid;gap:3rem}.section-hero--campaign .section-hero__content{order:1}.section-hero--campaign .section-hero__kicker{background:#fff;color:#333;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.06em;line-height:1;margin:0 0 1.25rem;padding:.45rem .85rem;text-transform:uppercase}.section-hero--campaign .section-hero__content h1,.section-hero--campaign .section-hero__content h2{color:#111;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:600;line-height:1.05;margin:0}.section-hero--campaign .section-hero__content .heading-mark,.section-hero--campaign .section-hero__content .heading-mark__plain{background:none;display:inline;padding:0}.section-hero--campaign .section-hero__content .heading-mark{color:var(--color-brand)}.section-hero--campaign .section-hero__content .heading-mark__plain{color:#111}.section-hero--campaign .section-hero__content p{color:#111;font-size:1.25rem;font-weight:400;line-height:1.5;margin:1.5rem 0 0;max-width:38rem}.section-hero--campaign .section-hero__content strong{font-weight:700}.section-hero--campaign .section-hero__actions{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem;margin:1.75rem 0 0}.section-hero--campaign .section-hero__actions .button{font-size:1rem;font-weight:600;line-height:1;min-height:2.75rem;padding:.75rem 1.35rem}.section-hero--campaign .section-hero__text-link{color:var(--color-brand);font-size:.9375rem;font-weight:600;text-decoration:none}.section-hero--campaign .section-hero__text-link:after{content:" →"}.section-hero--campaign .section-hero__media{aspect-ratio:615/484;border-radius:1.25rem;order:2;overflow:hidden}.section-hero--campaign .section-hero__image{border-radius:1.25rem;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media(min-width:960px){.section-hero--campaign .section-hero__slide{gap:3.25rem;grid-template-columns:minmax(0,1fr) minmax(0,38.5rem)}}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__viewport{margin:0 auto;max-width:var(--container-width);padding:4rem 1.5rem}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__slide{display:grid;gap:2.5rem}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__content{order:1}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__media{order:2}@media(min-width:1024px){.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__viewport{padding-bottom:5rem;padding-top:5rem}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__slide{align-items:center;grid-template-columns:1fr 1fr}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__slide:not(:has(.section-hero__media)){grid-template-columns:1fr}}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__content h1,.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__content h2{font-size:clamp(2.25rem,4vw,3rem);margin:0}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__slide:not(:has(.section-hero__media)) .section-hero__content h1,.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__slide:not(:has(.section-hero__media)) .section-hero__content h2{font-size:clamp(2rem,3.5vw,2.875rem);line-height:1}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__slide:not(:has(.section-hero__media)) .section-hero__content p{max-width:34.2rem}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__content .heading-mark{display:table}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__content .heading-mark__plain{display:block}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__content p{color:var(--color-ink);font-size:1.25rem;margin-top:1.5rem;max-width:36rem}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__media{aspect-ratio:1;overflow:hidden}.section-hero:not(.section-hero--full):not(.section-hero--story):not(.section-hero--intro):not(.section-hero--campaign) .section-hero__media img{border-radius:0;box-shadow:none;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}