.campaign-hero{display:block;position:relative;overflow:hidden;min-height:100svh;background:var(--ink-0, #000);color:var(--billies-white, #F4F4F1);font-family:var(--font-ui, sans-serif)}.campaign-hero *{box-sizing:border-box}@keyframes campaignHeroDriftA{0%{transform:translate3d(-4px,-8px,0)}to{transform:translate3d(5px,9px,0)}}@keyframes campaignHeroDriftB{0%{transform:translate3d(0,6px,0) scale(1)}to{transform:translate3d(0,-6px,0) scale(1.02)}}@keyframes campaignHeroDriftC{0%{transform:translate3d(0,-5px,0) scale(1.01)}to{transform:translate3d(0,6px,0) scale(1)}}@keyframes campaignHeroDriftD{0%{transform:translate3d(-6px,0,0)}to{transform:translate3d(5px,0,0)}}.campaign-hero__stage{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--ch-stage, 1);pointer-events:var(--ch-stage-pe, auto);transition:opacity .6s var(--ease-editorial, cubic-bezier(.76, 0, .24, 1))}.campaign-hero__field{position:absolute;top:-10vh;right:-10vw;bottom:-10vh;left:-10vw;width:120vw;height:120vh;z-index:10;cursor:var(--ch-drag-cursor, grab);transform:translate3d(var(--ch-pan-x, 0px),var(--ch-pan-y, 0px),0);will-change:transform;touch-action:pan-y}.campaign-hero__frag{position:absolute;z-index:12;overflow:hidden;opacity:calc(var(--ch-in, 0) * .7 * var(--ch-chrome, 1));transform:translate3d(0,calc((1 - var(--ch-in, 0)) * 14px),0);transition:opacity .5s var(--ease-editorial, cubic-bezier(.76, 0, .24, 1)),transform .5s var(--ease-editorial, cubic-bezier(.76, 0, .24, 1));display:var(--ch-frag-show, block)}.campaign-hero__frag--top{top:-9vh;left:55vw;width:22vw;height:18vh;transition-delay:.55s}.campaign-hero__frag--left{left:-4vw;top:13vh;width:15vw;height:28vh;transition-delay:.65s}.campaign-hero__frag--bl{left:4vw;bottom:-5vh;width:14vw;height:17vh;transition-delay:.85s}.campaign-hero__frag--br{right:5vw;bottom:2vh;width:16vw;height:31vh;transition-delay:.76s}.campaign-hero__frag-inner{width:100%;height:100%;transition:transform .65s cubic-bezier(.22,.61,.36,1)}.campaign-hero__frag--top .campaign-hero__frag-inner{transform:translate(calc(var(--ch-par-x, 0) * var(--ch-par-per, 6px) + var(--ch-rep-top-x, 0px)),calc(var(--ch-par-y, 0) * var(--ch-par-per, 6px) + var(--ch-rep-top-y, 0px)))}.campaign-hero__frag--left .campaign-hero__frag-inner{transform:translate(calc(var(--ch-par-x, 0) * var(--ch-par-per, 6px) + var(--ch-rep-left-x, 0px)),calc(var(--ch-par-y, 0) * var(--ch-par-per, 6px) + var(--ch-rep-left-y, 0px)))}.campaign-hero__frag--bl .campaign-hero__frag-inner{transform:translate(calc(var(--ch-par-x, 0) * var(--ch-par-per, 6px) + var(--ch-rep-bl-x, 0px)),calc(var(--ch-par-y, 0) * var(--ch-par-per, 6px) + var(--ch-rep-bl-y, 0px)))}.campaign-hero__frag--br .campaign-hero__frag-inner{transform:translate(calc(var(--ch-par-x, 0) * var(--ch-par-per, 6px) + var(--ch-rep-br-x, 0px)),calc(var(--ch-par-y, 0) * var(--ch-par-per, 6px) + var(--ch-rep-br-y, 0px)))}.campaign-hero__frag-drift{width:100%;height:100%;animation-play-state:var(--ch-drift-state, running)}.campaign-hero__frag--top .campaign-hero__frag-drift{animation:campaignHeroDriftA 13s ease-in-out 0s infinite alternate}.campaign-hero__frag--left .campaign-hero__frag-drift{animation:campaignHeroDriftB 16s ease-in-out 1.2s infinite alternate}.campaign-hero__frag--bl .campaign-hero__frag-drift{animation:campaignHeroDriftD 14s ease-in-out .3s infinite alternate}.campaign-hero__frag--br .campaign-hero__frag-drift{animation:campaignHeroDriftB 17s ease-in-out .6s infinite alternate}.campaign-hero__frag-img,.campaign-hero__frag-img img{width:100%;height:100%;object-fit:cover;filter:blur(8px) grayscale(25%) saturate(50%) brightness(60%) contrast(88%) var(--ch-mono, grayscale(0%))}.campaign-hero__media{position:absolute;left:50%;top:48%;width:var(--ch-vf-w, clamp(220px, 30vw, 560px));height:var(--ch-vf-h, calc(clamp(220px, 30vw, 560px) * 16 / 9));z-index:var(--ch-media-z, 20);overflow:hidden;transform:translate(-50%,-50%) scale(var(--ch-media-scale, 1));transform-origin:center center;opacity:var(--ch-media-op, 0);transition:transform var(--ch-media-scale-dur, 1.2s) var(--ease-editorial, cubic-bezier(.76, 0, .24, 1)),opacity .15s ease}.campaign-hero__media-inner{width:100%;height:100%;transform:translate(calc(var(--ch-par-x, 0) * var(--ch-par-pri, 4px)),calc(var(--ch-par-y, 0) * var(--ch-par-pri, 4px)));transition:transform 1.1s var(--ease-soft, cubic-bezier(.45, 0, .55, 1))}.campaign-hero__media-drift{width:100%;height:100%;animation:campaignHeroDriftC 18s ease-in-out 0s infinite alternate;animation-play-state:var(--ch-drift-state, running)}.campaign-hero__video{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.campaign-hero__media-toggle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:none;padding:0;cursor:pointer}.campaign-hero__media-toggle:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:-2px}.campaign-hero__wordmark{position:fixed;left:0;right:0;top:var(--ch-wm-top, 50%);transform:translateY(-50%);display:flex;justify-content:center;z-index:40;pointer-events:none;opacity:calc(var(--ch-wm-out, 1) * var(--ch-chrome, 1));transition:top var(--ch-media-scale-dur, 1.2s) var(--ease-editorial, cubic-bezier(.76, 0, .24, 1)),opacity .4s var(--ease-editorial, cubic-bezier(.76, 0, .24, 1))}.campaign-hero__wordmark h1{margin:0;font-family:var(--font-display);font-weight:400;text-transform:uppercase;white-space:nowrap;line-height:var(--leading-display, .84);letter-spacing:var(--track-display, -.01em);color:var(--billies-white, #F4F4F1);font-size:var(--ch-wm-fs, clamp(14.4rem, 19vw, 36.8rem));opacity:var(--ch-in, 0);transition:opacity .55s ease .7s}.campaign-hero__meta{position:absolute;z-index:40;margin:0;pointer-events:none;font-family:var(--font-ui);font-weight:600;font-size:clamp(.88rem,.62vw,1.2rem);letter-spacing:var(--track-caps-wide, .28em);text-transform:uppercase;color:var(--billies-grey, rgba(244, 244, 241, .68));opacity:calc(var(--ch-in, 0) * var(--ch-chrome, 1));transition:opacity .4s ease .95s}.campaign-hero__meta--tl{left:var(--edge-x);top:var(--edge-y)}.campaign-hero__meta--bl{left:var(--edge-x);bottom:var(--edge-y)}.campaign-hero__meta--br{right:var(--edge-x);bottom:var(--edge-y);text-align:right}.campaign-hero__gallery{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--ink-0, #000);display:flex;align-items:center;justify-content:center;opacity:var(--ch-gal, 0);pointer-events:var(--ch-gal-pe, none);transition:opacity .6s var(--ease-editorial, cubic-bezier(.76, 0, .24, 1))}.campaign-hero__gallery-wordmark{position:absolute;top:var(--edge-y);left:50%;transform:translate(-50%);font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.76rem,2.2vw,3.52rem);letter-spacing:var(--track-display, -.01em);color:var(--billies-white, #F4F4F1)}.campaign-hero__gallery-panel{position:relative;width:var(--ch-gal-w, min(91vw, 1600px));height:var(--ch-gal-h, min(65vh, 780px));display:grid;grid-template-columns:var(--ch-gal-cols, 1fr 1fr);grid-template-rows:var(--ch-gal-rows, none);background:var(--billies-white, #F4F4F1);transform:scale(calc(.992 + var(--ch-gal, 0) * .008));transition:transform .6s var(--ease-editorial, cubic-bezier(.76, 0, .24, 1));color:var(--billies-black, #050505)}.campaign-hero__gallery-info{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:0;padding:5% 4% 5% 7%}.campaign-hero__gallery-eyebrow{font-family:var(--font-ui);font-weight:600;font-size:10px;letter-spacing:var(--track-caps-wide, .28em);text-transform:uppercase;color:#0505058c}.campaign-hero__gallery-name{margin:0;font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(3.52rem,4.4vw,8.32rem);line-height:.9;letter-spacing:-.035em;color:var(--billies-black, #050505)}.campaign-hero__gallery-controls{position:relative;z-index:6;display:flex;align-items:center;gap:clamp(18px,2vw,32px)}.campaign-hero__gallery-arrows{display:flex;gap:6px}.campaign-hero__gallery-arrows button{background:none;border:none;padding:6px 8px;cursor:pointer;font-family:var(--font-ui);font-weight:500;font-size:16px;line-height:1;color:var(--billies-black, #050505)}.campaign-hero__gallery-arrows button:hover{opacity:.55}.campaign-hero__gallery-arrows button:focus-visible{outline:1px solid rgba(5,5,5,.45);outline-offset:2px}.campaign-hero__gallery-link{font-family:var(--font-ui);font-weight:600;font-size:clamp(1.04rem,.75vw,1.36rem);letter-spacing:var(--track-caps-wide, .28em);text-transform:uppercase;color:var(--billies-black, #050505);text-decoration:none}.campaign-hero__gallery-link:hover{opacity:.55}.campaign-hero__gallery-link:focus-visible{outline:1px solid rgba(5,5,5,.45);outline-offset:2px}.campaign-hero__gallery-link[aria-disabled=true]{pointer-events:none;opacity:.35}.campaign-hero__gallery-media{position:relative;min-height:0}.campaign-hero__gallery-slot{position:absolute;left:50%;top:50%;width:58%;aspect-ratio:2 / 3;max-height:80%;object-fit:cover;opacity:0;transform:translate(-50%,-50%);transition:opacity .42s var(--ease-editorial, cubic-bezier(.76, 0, .24, 1)),transform .42s var(--ease-editorial, cubic-bezier(.76, 0, .24, 1))}.campaign-hero__gallery-slot[data-active=true]{opacity:1}.campaign-hero__gallery-index{position:absolute;right:3.5%;bottom:4%;font-family:var(--font-ui);font-weight:600;font-size:10px;letter-spacing:var(--track-caps-wide, .28em);color:#0505058c}.campaign-hero__menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:65;background:var(--ink-0, #000);display:flex;flex-direction:column;justify-content:center;opacity:var(--ch-menu, 0);pointer-events:var(--ch-menu-pe, none);transition:opacity .6s var(--ease-editorial, cubic-bezier(.76, 0, .24, 1))}.campaign-hero__menu-nav{display:flex;flex-direction:column;align-items:flex-start;padding-left:clamp(24px,10vw,160px)}.campaign-hero__menu-link{background:none;border:none;padding:0;text-align:left;cursor:pointer;text-decoration:none;font-family:var(--font-display);text-transform:uppercase;font-size:clamp(4.8rem,8vw,14.4rem);line-height:.88;letter-spacing:-.035em;color:var(--billies-white, #F4F4F1);opacity:var(--ch-menu, 0);transform:translateY(calc((1 - var(--ch-menu, 0)) * 20px));transition:opacity .55s var(--ease-editorial, cubic-bezier(.76, 0, .24, 1)),transform .55s var(--ease-editorial, cubic-bezier(.76, 0, .24, 1)),color .18s ease}.campaign-hero__menu-link:hover{color:var(--billies-grey, rgba(244, 244, 241, .55));transform:translate(5px)}.campaign-hero__menu-link:focus-visible{outline:1px solid rgba(244,244,241,.45);outline-offset:4px}.campaign-hero__menu-index{font-family:var(--font-ui);font-weight:500;font-size:clamp(.96rem,.8vw,1.36rem);letter-spacing:var(--track-caps-wide, .28em);vertical-align:top;line-height:2;margin-right:clamp(10px,1.2vw,20px);color:#f4f4f173}.campaign-hero__menu-eyebrow{position:absolute;margin:0;font-family:var(--font-ui);font-size:clamp(.88rem,.62vw,1.2rem);font-weight:600;letter-spacing:var(--track-caps-wide, .28em);text-transform:uppercase;color:var(--billies-grey, rgba(244, 244, 241, .68))}.campaign-hero__menu-eyebrow--tl{left:var(--edge-x);top:var(--edge-y)}.campaign-hero__menu-eyebrow--br{right:var(--edge-x);bottom:var(--edge-y)}.campaign-hero__menu-social{position:absolute;left:var(--edge-x);bottom:var(--edge-y);display:flex;gap:clamp(16px,2vw,32px)}.campaign-hero__menu-social a{font-family:var(--font-ui);font-size:clamp(.88rem,.62vw,1.2rem);font-weight:600;letter-spacing:var(--track-caps-wide, .28em);text-transform:uppercase;color:var(--billies-grey, rgba(244, 244, 241, .68));text-decoration:none}.campaign-hero__menu-social a:hover{color:#f4f4f166}.campaign-hero__menu-social a:focus-visible{outline:1px solid rgba(244,244,241,.45);outline-offset:2px}.campaign-hero__menu-btn{position:fixed;left:50%;bottom:calc(4svh + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:2147483647;display:inline-flex;align-items:center;justify-content:center;min-height:var(--hit-target, 44px);font-family:var(--font-ui);font-size:clamp(1.12rem,.85vw,1.44rem);font-weight:600;line-height:1;letter-spacing:var(--track-caps-wide, .32em);text-transform:uppercase;color:#fff;mix-blend-mode:difference;background:transparent;border:0;padding:8px 10px;cursor:pointer;opacity:calc(var(--ch-in, 0) * var(--ch-chrome, 1));transition:opacity .4s ease 1.05s}.campaign-hero__menu-btn:hover{opacity:.65}.campaign-hero__menu-btn:focus-visible{outline:1px solid rgba(255,255,255,.5);outline-offset:4px}.campaign-hero__menu-btn--under-drawer{z-index:70}.campaign-hero__cart{position:fixed;right:var(--edge-x);top:var(--edge-y);z-index:70;display:inline-flex;align-items:center;justify-content:center;min-height:var(--hit-target, 44px);background:none;border:none;cursor:pointer;padding:8px;font-family:var(--font-ui);font-weight:600;font-size:clamp(1.04rem,.75vw,1.36rem);letter-spacing:var(--track-caps, .28em);text-transform:uppercase;color:#fff;mix-blend-mode:difference;opacity:calc(var(--ch-in, 0) * var(--ch-chrome, 1));transition:opacity .4s ease 1.05s}.campaign-hero__cart:hover{opacity:.65}.campaign-hero__cart:focus-visible{outline:1px solid rgba(255,255,255,.5);outline-offset:4px}@media screen and (max-width:749px){.campaign-hero__field{touch-action:pan-y}.campaign-hero__frag{display:none}.campaign-hero__gallery-panel{grid-template-columns:1fr;grid-template-rows:.28fr .72fr;width:calc(100vw - 28px);height:min(76svh,760px)}.campaign-hero__menu-link{font-size:clamp(3.84rem,11vw,7.2rem)}}@media(prefers-reduced-motion:reduce){.campaign-hero__frag-drift,.campaign-hero__media-drift{animation:none!important}.campaign-hero,.campaign-hero *{transition-duration:1ms!important;scroll-behavior:auto!important}.campaign-hero__frag-inner,.campaign-hero__media-inner{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/campaign-hero.css.map */