.cc-hero{display:block;position:relative;width:100%;height:var(--hd,80vh);min-height:460px;max-height:920px;overflow:hidden;background:#f8f5f0;--pw:var(--piece,150px);--gap:calc(var(--pw) * .16);--ink:#272831;--sage:#d3dac9;contain:layout paint;touch-action:pan-y}@supports (height:1svh){.cc-hero{height:var(--hd-s,var(--hd,80vh))}}@media(max-width:768px){.cc-hero{height:var(--hm,62vh);min-height:400px;max-height:720px;--pw:var(--piece-m,80px)}@supports (height:1svh){.cc-hero{height:var(--hm-s,var(--hm,62vh))}}}@media(max-height:520px)and (orientation:landscape){.cc-hero{height:100vh;min-height:300px;max-height:none;--pw:var(--piece-m,80px)}@supports (height:1svh){.cc-hero{height:100svh}}}.cc-hero__slides{position:absolute;top:0;right:0;bottom:0;left:0}.cc-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:inherit;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s;overflow:hidden;background:var(--canvas,#f8f5f0);-webkit-tap-highlight-color:transparent}.cc-hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease;z-index:1}.cc-hero__slide:focus-visible{outline:3px solid #4a9afc;outline-offset:-3px}@media(hover:hover){.cc-hero__slide{cursor:grab}.cc-hero__slide:active{cursor:grabbing}.cc-hero__comic,.cc-hero__comic *{cursor:pointer}}.cc-hero__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--ink);opacity:.6}.cc-hero__rows{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap) 0;transition:opacity .55s ease}.js .cc-hero__slide--wall:not(.is-ready) .cc-hero__rows{opacity:0}.cc-hero__row{display:flex;width:max-content;animation:cc-belt var(--dur,40s) linear infinite;backface-visibility:hidden;background:var(--canvas,#f8f5f0)}@media(max-width:768px),(max-height:520px)and (orientation:landscape){.cc-hero__row{animation-duration:var(--dur-m,var(--dur,40s))}}.cc-hero__slide.is-active .cc-hero__row{will-change:transform}.cc-hero__row--rev{animation-direction:reverse}.cc-hero__track{display:flex;gap:var(--gap);padding-right:var(--gap)}.cc-hero__piece{flex:0 0 auto;width:var(--pw);height:var(--pw);display:block;background-color:var(--canvas,#f8f5f0);background-size:contain;background-position:center;background-repeat:no-repeat;background-blend-mode:multiply}@keyframes cc-belt{0%{transform:translateZ(0)}to{transform:translate3d(-33.3333%,0,0)}}.cc-hero__slide:not(.is-active) .cc-hero__row,.cc-hero.is-paused .cc-hero__row{animation-play-state:paused}.cc-hero__slide--subway{--gap:calc(var(--pw) * .09)}.cc-hero__slide--subway .cc-hero__row{animation-direction:normal;animation-duration:calc(var(--dur,40s) * 1.6)}@media(max-width:768px),(max-height:520px)and (orientation:landscape){.cc-hero__slide--subway .cc-hero__row{animation-duration:calc(var(--dur-m,var(--dur,40s)) * 1.6)}}.cc-hero__slide--subway .cc-hero__row:nth-child(2n){margin-left:calc(var(--pw) * -.8)}.cc-hero__slide--subway .cc-hero__piece{width:calc(var(--pw) * 1.6);height:var(--pw);background-color:#fff;background-size:auto 84%;background-blend-mode:normal;border-radius:calc(var(--pw) * .06);box-shadow:inset 0 0 0 1px #2728310f,0 1px #27283114}.cc-hero__slide--film .cc-hero__rows{gap:calc(var(--pw) * .34);transform:translateY(-50%) rotate(-3deg) scale(1.12)}.cc-hero__slide--film .cc-hero__row{position:relative;background:#272831;padding:calc(var(--pw) * .2) 0;--hole:calc(var(--pw) * .07)}.cc-hero__slide--film .cc-hero__row:before,.cc-hero__slide--film .cc-hero__row:after{content:"";position:absolute;left:0;right:0;height:var(--hole);--pitch:calc(var(--pw) * .23);background:repeating-linear-gradient(90deg,#f8f5f0 0 calc(var(--pitch) * .44),transparent calc(var(--pitch) * .44) var(--pitch));border-radius:2px;opacity:.92}.cc-hero__slide--film .cc-hero__row:before{top:calc(var(--pw) * .065)}.cc-hero__slide--film .cc-hero__row:after{bottom:calc(var(--pw) * .065)}.cc-hero__slide--film .cc-hero__track{gap:calc(var(--pw) * .1);padding-right:calc(var(--pw) * .1)}.cc-hero__slide--film .cc-hero__piece{width:calc(var(--pw) * 1.05);height:calc(var(--pw) * 1.05);background-color:#fff;background-size:88% 88%;background-blend-mode:normal;border-radius:3px}.cc-hero__pic{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.cc-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cc-hero__slide--fit-contain .cc-hero__img{object-fit:contain}.cc-hero__slide--fit-cover .cc-hero__sparkles{display:none}@supports (aspect-ratio:1){.cc-hero__slide--fit-contain.cc-hero__slide--pos-right .cc-hero__pic{left:auto;width:auto;aspect-ratio:var(--pic-ar,1);max-width:100%}.cc-hero__slide--fit-contain.cc-hero__slide--pos-left .cc-hero__pic{right:auto;width:auto;aspect-ratio:var(--pic-ar,1);max-width:100%}}.cc-hero__img--placeholder{opacity:.25}.cc-hero__sparkles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:#fff;stroke:var(--ink);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.cc-spk--dot circle,.cc-cf--dot{fill:var(--ink)}.cc-spk{transform-box:fill-box;transform-origin:center;animation:cc-twinkle var(--t,3s) ease-in-out var(--d,0s) infinite}.cc-cf{animation:cc-drift var(--t,6s) linear var(--d,0s) infinite}@keyframes cc-twinkle{0%,to{opacity:0;transform:scale(.35) rotate(-14deg)}40%,60%{opacity:1;transform:scale(1) rotate(0)}}@keyframes cc-drift{0%{opacity:0;transform:translateY(0)}12%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-420px)}}.cc-hero__slide:not(.is-active) .cc-spk,.cc-hero__slide:not(.is-active) .cc-cf,.cc-hero.is-paused .cc-spk,.cc-hero.is-paused .cc-cf{animation-play-state:paused}.cc-hero__comic{position:absolute;z-index:2;box-sizing:border-box;max-width:min(600px,50vw);background:#fff;color:var(--ink);border:3px solid var(--ink);box-shadow:14px 14px 0 var(--ink);padding:30px 36px 28px;display:flex;flex-direction:column;gap:10px;transform:rotate(-1.5deg);transition:transform .2s ease,box-shadow .2s ease}.cc-hero__comic--left{left:6vw;top:12%}.cc-hero__comic--right{right:6vw;top:12%}.cc-hero__comic--bottom-left{left:6vw;bottom:12%}.cc-hero__comic--bottom-right{right:6vw;bottom:12%}.cc-hero__comic--left-mid{left:6vw;top:50%;transform:translateY(calc(-50% - 7px)) rotate(-1.5deg)}.cc-hero__comic--right-mid{right:6vw;top:50%;transform:translateY(calc(-50% - 7px)) rotate(-1.5deg)}.cc-hero__comic-h{font-family:var(--element-text-font-family--heading,inherit);font-weight:700;font-size:clamp(34px,4.4vw,64px);line-height:1.02;letter-spacing:-.01em}.cc-hero__comic-t{font-size:clamp(16px,1.4vw,21px);line-height:1.35}.cc-hero__comic-cta{font-weight:700;font-size:clamp(15px,1.25vw,18px);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;margin-top:4px}.cc-hero__comic--center{left:50%;top:50%;right:auto;bottom:auto;transform:translate(calc(-50% - 7px),calc(-50% - 7px)) rotate(-1.5deg);text-align:center;align-items:center;max-width:min(680px,64vw)}.cc-hero__comic--center .cc-hero__comic-cta{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;border-radius:999px;padding:13px 26px;margin-top:10px;transition:transform .15s ease}@media(hover:hover){.cc-hero__slide:hover .cc-hero__comic{transform:rotate(-1.5deg) translate(-2px,-2px);box-shadow:18px 18px 0 var(--ink)}.cc-hero__slide:hover .cc-hero__comic--center{transform:translate(calc(-50% - 7px),calc(-50% - 7px)) rotate(-1.5deg) translate(-2px,-2px)}.cc-hero__slide:hover .cc-hero__comic--left-mid,.cc-hero__slide:hover .cc-hero__comic--right-mid{transform:translateY(calc(-50% - 7px)) rotate(-1.5deg) translate(-2px,-2px)}.cc-hero__slide:hover .cc-hero__comic--center .cc-hero__comic-cta{transform:translateY(-1px)}}@media(max-width:768px),(max-height:520px)and (orientation:landscape){.cc-hero__comic{border-width:2.5px;gap:6px;text-align:center;align-items:center}.cc-hero__comic-h{font-size:clamp(20px,5.8vw,27px)}.cc-hero__comic-t{font-size:14px}.cc-hero__comic-cta{font-size:13px}.cc-hero__slide--wall .cc-hero__comic{left:50%;right:auto;top:auto;bottom:34px;width:min(calc(100% - 72px),380px);max-width:none;padding:14px 16px 12px;box-shadow:8px 8px 0 var(--ink);transform:translate(calc(-50% - 4px)) rotate(-1.5deg)}.cc-hero__slide--wall .cc-hero__comic--center{top:50%;bottom:auto;transform:translate(calc(-50% - 4px),calc(-50% - 4px)) rotate(-1.5deg)}.cc-hero__comic--center .cc-hero__comic-cta{padding:9px 18px;margin-top:6px}}@media(max-width:768px)and (orientation:portrait){.cc-hero__slide--image{display:flex;flex-direction:column}.cc-hero .cc-hero__slide--image .cc-hero__pic{position:relative;inset:auto;flex:1 1 auto;min-height:0;width:auto;max-width:none;aspect-ratio:auto;margin:10px 10px 0}.cc-hero .cc-hero__slide--image .cc-hero__img{object-fit:contain}.cc-hero .cc-hero__slide--image .cc-hero__comic{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:min(calc(100% - 72px),380px);max-width:none;margin:12px auto 34px;padding:14px 16px 12px;box-shadow:8px 8px 0 var(--ink);transform:translate(-4px) rotate(-1.5deg)}}@media(max-height:520px)and (orientation:landscape){.cc-hero__comic-h{font-size:clamp(22px,4.2vw,30px)}.cc-hero__comic-t,.cc-hero__comic-cta{font-size:14px}.cc-hero__slide--wall .cc-hero__comic{bottom:22px;padding:12px 18px}.cc-hero__slide--wall .cc-hero__comic--center{width:min(calc(100% - 44px),420px)}.cc-hero .cc-hero__slide--image .cc-hero__comic{position:absolute;left:4vw;right:auto;top:50%;bottom:auto;width:min(44vw,360px);max-width:none;margin:0;padding:12px 18px;box-shadow:10px 10px 0 var(--ink);transform:translateY(calc(-50% - 5px)) rotate(-1.5deg)}}.cc-hero__dots{position:absolute;left:0;right:0;bottom:16px;z-index:3;display:flex;justify-content:center;gap:12px;pointer-events:none}.cc-hero__dot{position:relative;pointer-events:auto;width:14px;height:14px;border-radius:50%;border:2px solid var(--ink);background:#ffffffeb;box-shadow:0 1px 3px #27283140;padding:0;cursor:pointer;opacity:.85;transition:transform .2s,opacity .2s,background .2s}.cc-hero__dot:before{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px}.cc-hero__dot:hover{opacity:1;transform:scale(1.15)}.cc-hero__dot.is-active{background:var(--ink);opacity:1;transform:scale(1.25)}@media(max-width:768px){.cc-hero__dots{bottom:12px;gap:10px}.cc-hero__dot{width:12px;height:12px}}.cc-hero.is-dark .cc-hero__dot{border-color:#fff;background:#2728318c}.cc-hero.is-dark .cc-hero__dot.is-active{background:#fff}@media(prefers-reduced-motion:reduce){.cc-hero__row{animation:none}.cc-hero__slide--wall .cc-hero__rows{opacity:1!important;transition:none}.cc-hero__slide{transition:none}.cc-spk,.cc-cf{animation:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/cc-hero.css.map */