.campaign-hero-bfe{--ch-wall: #2e5c91;--ch-text: #fff;--ch-height: 640px;--ch-tile: 240px;--ch-heading: 52px;--ch-texture: .14;--ch-gap: clamp(16px, 2.4vw, 36px);position:relative;overflow:hidden;isolation:isolate;background:var(--ch-wall);color:var(--ch-text)}.campaign-hero-bfe__wall{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.campaign-hero-bfe__wall-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.campaign-hero-bfe__texture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--ch-texture);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -0.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:240px 240px}.campaign-hero-bfe__light{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 80% at 72% 18%,#fff3,#fff0 65%),linear-gradient(180deg,#0000 55%,#00000038)}.campaign-hero-bfe--tiles-left .campaign-hero-bfe__light{background:radial-gradient(ellipse 70% 80% at 28% 18%,#fff3,#fff0 65%),linear-gradient(180deg,#0000 55%,#00000038)}.campaign-hero-bfe__inner{display:flex;flex-direction:column-reverse;gap:28px;max-width:1280px;margin:0 auto;padding:36px 20px 40px}.campaign-hero-bfe__content{max-width:560px}.campaign-hero-bfe__heading{margin:0 0 14px;color:var(--ch-text);font-size:calc(var(--ch-heading) * .62);line-height:1.08;letter-spacing:-.01em;text-wrap:balance}.campaign-hero-bfe__text{margin:0 0 18px;color:var(--ch-text);font-size:16px;line-height:1.5;opacity:.92}.campaign-hero-bfe__text p{margin:0}.campaign-hero-bfe__trustpilot{max-width:300px;margin:0 0 20px;padding:8px;border-radius:8px;background:#ffffff1a}.campaign-hero-bfe__ctas{display:flex;flex-wrap:wrap;gap:12px}.campaign-hero-bfe__cta{margin:0}.campaign-hero-bfe__tiles{position:relative;display:flex;justify-content:center;align-items:center;gap:var(--ch-gap);margin:0 auto}.campaign-hero-bfe__tile{--ch-rot: 0deg;--ch-y: 0px;--ch-scale: 1;flex:0 0 auto;width:min(25vw,130px);margin:0;transform:translateY(var(--ch-y)) rotate(var(--ch-rot)) scale(var(--ch-scale));filter:drop-shadow(0 18px 22px rgba(4,16,36,.38)) drop-shadow(0 3px 4px rgba(4,16,36,.3));transition:transform .4s ease,filter .4s ease;animation:ch-hang .7s cubic-bezier(.2,.8,.25,1) backwards;animation-delay:calc(var(--i, 0) * .12s + .1s)}.campaign-hero-bfe__tile-img,.campaign-hero-bfe__tile-placeholder svg{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.campaign-hero-bfe__tile-placeholder svg{background:#fff;fill:#c8dce8}.campaign-hero-bfe__tile--crop{position:relative;aspect-ratio:1;overflow:hidden;border-radius:2px;background:#fff}.campaign-hero-bfe__tile--crop .campaign-hero-bfe__tile-img{position:absolute;top:-17.45%;left:-17.05%;width:135.3%;max-width:none;height:auto}.campaign-hero-bfe--wall .campaign-hero-bfe__tile:nth-child(odd){--ch-y: 14px}.campaign-hero-bfe--wall .campaign-hero-bfe__tile:nth-child(2){--ch-y: -10px;--ch-scale: 1.12;z-index:1}.campaign-hero-bfe--wall.campaign-hero-bfe--tilt .campaign-hero-bfe__tile:nth-child(1){--ch-rot: -4deg}.campaign-hero-bfe--wall.campaign-hero-bfe--tilt .campaign-hero-bfe__tile:nth-child(2){--ch-rot: 1.5deg}.campaign-hero-bfe--wall.campaign-hero-bfe--tilt .campaign-hero-bfe__tile:nth-child(3){--ch-rot: 3deg}.campaign-hero-bfe--wall.campaign-hero-bfe--tilt .campaign-hero-bfe__tile:nth-child(4){--ch-rot: -2deg}.campaign-hero-bfe--wall.campaign-hero-bfe--tilt .campaign-hero-bfe__tile:nth-child(5){--ch-rot: 2.5deg}.campaign-hero-bfe--shelf .campaign-hero-bfe__tiles{align-items:flex-end;padding-bottom:14px}.campaign-hero-bfe__shelf{position:absolute;left:-6%;right:-6%;bottom:0;height:14px;border-radius:2px;background:linear-gradient(180deg,#fbf7f1,#eadfd0);box-shadow:0 1px #fff9 inset,0 14px 18px -6px #04102473}@keyframes ch-hang{0%{opacity:0;transform:translateY(calc(var(--ch-y) - 18px)) rotate(var(--ch-rot)) scale(var(--ch-scale))}to{opacity:1;transform:translateY(var(--ch-y)) rotate(var(--ch-rot)) scale(var(--ch-scale))}}@media(prefers-reduced-motion:reduce){.campaign-hero-bfe__tile{animation:none;transition:none}}@media only screen and (min-width:768px){.campaign-hero-bfe__inner{flex-direction:row;align-items:center;justify-content:space-between;gap:48px;min-height:var(--ch-height);padding:64px 40px}.campaign-hero-bfe--tiles-left .campaign-hero-bfe__inner{flex-direction:row-reverse}.campaign-hero-bfe__content{flex:0 1 480px}.campaign-hero-bfe__heading{font-size:var(--ch-heading);margin-bottom:18px}.campaign-hero-bfe__text{font-size:18px;margin-bottom:22px}.campaign-hero-bfe__trustpilot{max-width:450px}.campaign-hero-bfe__tiles{flex:1 1 auto;margin:0}.campaign-hero-bfe__tile{width:min(var(--ch-tile),16vw)}@media(hover:hover){.campaign-hero-bfe__tile:hover{transform:translateY(calc(var(--ch-y) - 6px)) rotate(var(--ch-rot)) scale(var(--ch-scale));filter:drop-shadow(0 26px 28px rgba(4,16,36,.4)) drop-shadow(0 4px 6px rgba(4,16,36,.3))}}}@media only screen and (min-width:768px){.campaign-hero-bfe--stack .campaign-hero-bfe__tiles[data-count="3"]{--ch-w: min(var(--ch-tile), 17vw);display:grid;grid-template-columns:repeat(2,var(--ch-w));column-gap:calc(var(--ch-gap) * 1.4);justify-content:center;align-items:start}.campaign-hero-bfe--stack .campaign-hero-bfe__tiles[data-count="3"] .campaign-hero-bfe__tile{width:var(--ch-w)}.campaign-hero-bfe--stack .campaign-hero-bfe__tiles[data-count="3"] .campaign-hero-bfe__tile:nth-child(1){grid-column:1 / -1;justify-self:center;margin-bottom:calc(var(--ch-w) * -.22);z-index:2;--ch-y: 0px;--ch-scale: 1.06;--ch-x: 6%;translate:var(--ch-x) 0}.campaign-hero-bfe--stack .campaign-hero-bfe__tiles[data-count="3"] .campaign-hero-bfe__tile:nth-child(2){--ch-y: 0px;--ch-scale: 1;z-index:1}.campaign-hero-bfe--stack .campaign-hero-bfe__tiles[data-count="3"] .campaign-hero-bfe__tile:nth-child(3){--ch-y: 34px;--ch-scale: 1}.campaign-hero-bfe--stack.campaign-hero-bfe--tilt .campaign-hero-bfe__tiles[data-count="3"] .campaign-hero-bfe__tile:nth-child(1){--ch-rot: 3deg}.campaign-hero-bfe--stack.campaign-hero-bfe--tilt .campaign-hero-bfe__tiles[data-count="3"] .campaign-hero-bfe__tile:nth-child(2){--ch-rot: -5deg}.campaign-hero-bfe--stack.campaign-hero-bfe--tilt .campaign-hero-bfe__tiles[data-count="3"] .campaign-hero-bfe__tile:nth-child(3){--ch-rot: 4deg}}@media only screen and (min-width:768px){.campaign-hero-bfe__tiles[data-count="4"] .campaign-hero-bfe__tile,.campaign-hero-bfe__tiles[data-count="5"] .campaign-hero-bfe__tile{width:min(calc(var(--ch-tile) * .75),12vw)}}@media only screen and (max-width:767px){.campaign-hero-bfe__tiles[data-count="4"] .campaign-hero-bfe__tile,.campaign-hero-bfe__tiles[data-count="5"] .campaign-hero-bfe__tile{width:18vw}.campaign-hero-bfe__tiles{gap:12px;padding-top:6px}.campaign-hero-bfe__ctas .btn{flex:1 1 100%}}.campaign-hero-bfe__kicker{display:inline-flex;flex-wrap:wrap;align-items:stretch;margin:0 0 16px;border-radius:999px;overflow:hidden;font-size:13px;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase;box-shadow:0 4px 14px #04102440}.campaign-hero-bfe__kicker-main,.campaign-hero-bfe__kicker-hl{padding:9px 14px}.campaign-hero-bfe__kicker-main{background:var(--ch-kicker-bg);color:var(--ch-kicker-fg)}.campaign-hero-bfe__kicker-hl{background:var(--ch-kicker-hl-bg);color:var(--ch-kicker-hl-fg)}.campaign-hero-bfe--bg-wall-photo .campaign-hero-bfe__wall-img{opacity:var(--ch-wall-photo, .25);mix-blend-mode:luminosity}.campaign-hero-bfe__photo-bg{object-position:var(--ch-fp, 50% 50%)}.campaign-hero-bfe__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(4,16,36,var(--ch-shade)),rgba(4,16,36,calc(var(--ch-shade) * .6)) 45%,rgba(4,16,36,calc(var(--ch-shade) * .15)))}.campaign-hero-bfe--bg-photo.campaign-hero-bfe--tiles-left .campaign-hero-bfe__shade{background:linear-gradient(270deg,rgba(4,16,36,var(--ch-shade)),rgba(4,16,36,calc(var(--ch-shade) * .6)) 45%,rgba(4,16,36,calc(var(--ch-shade) * .15)))}.campaign-hero-bfe--bg-photo .campaign-hero-bfe__heading,.campaign-hero-bfe--bg-photo .campaign-hero-bfe__text{text-shadow:0 1px 12px rgba(4,16,36,.35)}@media only screen and (max-width:767px){.campaign-hero-bfe--bg-photo .campaign-hero-bfe__inner{flex-direction:column;justify-content:flex-start;min-height:min(calc(100vw / var(--ch-m-ratio, .6667)),90svh)}.campaign-hero-bfe--mtext-bottom .campaign-hero-bfe__inner{justify-content:flex-end}.campaign-hero-bfe--bg-photo .campaign-hero-bfe__shade,.campaign-hero-bfe--bg-photo.campaign-hero-bfe--tiles-left .campaign-hero-bfe__shade{background:linear-gradient(180deg,rgba(4,16,36,var(--ch-shade)),rgba(4,16,36,calc(var(--ch-shade) * .5)) 45%,#04102400 75%)}.campaign-hero-bfe--mtext-bottom .campaign-hero-bfe__shade,.campaign-hero-bfe--mtext-bottom.campaign-hero-bfe--tiles-left .campaign-hero-bfe__shade{background:linear-gradient(0deg,rgba(4,16,36,var(--ch-shade)),rgba(4,16,36,calc(var(--ch-shade) * .5)) 45%,#04102400 75%)}}@media only screen and (min-width:768px){.campaign-hero-bfe--bg-photo .campaign-hero-bfe__inner,.campaign-hero-bfe--bg-photo.campaign-hero-bfe--tiles-left .campaign-hero-bfe__inner{justify-content:flex-start}}.campaign-hero-bfe__photo{--ch-rot: 0deg;width:100%;max-width:520px;margin:0 auto;padding:8px;background:#fff;border-radius:4px;transform:rotate(var(--ch-rot));filter:drop-shadow(0 18px 22px rgba(4,16,36,.38)) drop-shadow(0 3px 4px rgba(4,16,36,.3));animation:ch-photo-in .7s cubic-bezier(.2,.8,.25,1) .1s backwards}.campaign-hero-bfe--tilt .campaign-hero-bfe__photo{--ch-rot: -2deg}.campaign-hero-bfe__photo-img{display:block;width:100%;height:auto;border-radius:2px}@keyframes ch-photo-in{0%{opacity:0;transform:translateY(-16px) rotate(var(--ch-rot))}}@media(prefers-reduced-motion:reduce){.campaign-hero-bfe__photo{animation:none}}.campaign-hero-bfe__trustpilot--desktop{display:none}.campaign-hero-bfe__trustpilot--mobile{max-width:320px}@media only screen and (min-width:768px){.campaign-hero-bfe__trustpilot--desktop{display:block}.campaign-hero-bfe__trustpilot--mobile{display:none}.campaign-hero-bfe__photo{flex:0 1 46%;max-width:620px;margin:0}.campaign-hero-bfe--tilt .campaign-hero-bfe__photo{--ch-rot: 2deg}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/campaign-hero-bfe.css.map */