.campaign-reveal{position:relative;height:290svh;background:#fff;isolation:isolate}.campaign-stage{position:sticky;top:62px;height:calc(100svh - 62px);overflow:hidden;background:#fff}.campaign-photo{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;transform:scale(1.12)}.campaign-photo picture{min-width:0;height:100%;overflow:hidden}.campaign-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%}.campaign-portal{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.campaign-introduction{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;color:#1d1d1f;text-align:center}.campaign-introduction>p:first-child{position:absolute;top:calc(50% - 17vw);width:100%;font-size:clamp(20px,3vw,40px);font-weight:500;letter-spacing:-.03em}.campaign-introduction>svg{position:absolute;top:calc(50% - 10vw);left:calc(50% - 20px);width:40px;height:40px}.campaign-introduction .campaign-subtitle{position:absolute;top:calc(50% + 10vw);width:100%;padding:0 24px;font-size:clamp(15px,1.8vw,24px);color:#a9a9af}.campaign-caption h2>svg{display:inline-block;width:.8em;height:.8em;vertical-align:baseline}.campaign-caption{position:absolute;inset:auto 0 0;padding:100px 6% 60px;background:linear-gradient(transparent,#0009);color:#fff;opacity:0;visibility:hidden;transform:translateY(25px)}.campaign-caption h2{margin:0;font-size:clamp(38px,5.5vw,80px);font-weight:700;letter-spacing:-.055em;line-height:1.05;color:#fff}.campaign-caption a{display:inline-flex;align-items:center;gap:14px;color:#fff;min-height:44px;margin-top:15px;font-size:15px}.campaign-caption a svg{width:18px;height:18px}@media(max-width:760px){.campaign-reveal{height:250svh}.campaign-stage{top:58px;height:calc(100svh - 58px)}.campaign-photo{grid-template-columns:1fr}.campaign-photo-secondary{display:none}.campaign-introduction>p:first-child{top:calc(50% - 150px)}.campaign-introduction>svg{top:calc(50% - 92px);width:32px;height:32px;left:calc(50% - 16px)}.campaign-introduction .campaign-subtitle{top:calc(50% + 60px)}.campaign-caption{padding:100px 24px 40px}.campaign-caption h2{font-size:42px;max-width:320px}}@media(prefers-reduced-motion:reduce){.campaign-reveal{height:auto}.campaign-stage{position:relative;top:0;height:85svh;min-height:450px}.campaign-portal,.campaign-introduction{display:none}.campaign-photo{transform:none}.campaign-caption{opacity:1;visibility:visible;transform:none}}#campaign{font-family:Arial,Helvetica,sans-serif}#campaign p{margin:0}@media(prefers-reduced-motion:reduce){#campaign .campaign-caption{opacity:1!important;visibility:visible!important;transform:none!important}#campaign .campaign-photo{transform:none!important}}@media(prefers-reduced-motion:no-preference){#campaign .campaign-stage{top:var(--header-height,62px);height:calc(100svh - var(--header-height,62px))}}#campaign .campaign-introduction{color:#1d1d1f}#campaign .campaign-introduction .campaign-subtitle{color:#6e6e73}#campaign .campaign-subtitle mark{background:#e7ff00;color:#101010;border-radius:3px;padding:4px 9px}#campaign .campaign-swipe-hint{position:absolute;left:50%;bottom:112px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;max-width:calc(100% - 40px);padding:10px 18px 12px;border:1px solid #ffffff38;border-radius:22px;background:#18181b42;color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font:500 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1.3px;text-transform:uppercase;white-space:nowrap;pointer-events:none}#campaign .campaign-swipe-hint svg{width:22px;height:22px;animation:skull-swipe-up 2.4s ease-in-out infinite}#campaign .campaign-swipe-touch{display:none}@keyframes skull-swipe-up{0%,to{transform:translateY(3px);opacity:.5}45%,65%{transform:translateY(-3px);opacity:1}}@media(max-width:760px){#campaign .campaign-swipe-touch{display:block}#campaign .campaign-swipe-desktop{display:none}}@media(prefers-reduced-motion:reduce){#campaign .campaign-swipe-hint{display:none}#campaign .campaign-swipe-hint svg{animation:none}}@media(prefers-reduced-motion:no-preference){body:has(#header-component[transparent]) #campaign .campaign-stage{top:0;height:100svh}}#campaign .campaign-scroll-down{position:absolute;left:50%;bottom:112px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;color:#1d1d1f;font:500 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1.3px;text-transform:uppercase;white-space:nowrap}#campaign .campaign-scroll-down svg{position:static;width:22px;height:22px;animation:campaign-scroll-down 1.8s ease-in-out infinite}@keyframes campaign-scroll-down{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(5px);opacity:1}}@media(prefers-reduced-motion:reduce){#campaign .campaign-scroll-down{display:none}}#campaign :is(.campaign-swipe-hint,.campaign-scroll-down){flex-direction:row;justify-content:center;gap:6px;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:10px;font-weight:400;letter-spacing:.25px;text-transform:none;line-height:18px}#campaign .campaign-swipe-hint{color:#fff;text-shadow:0 1px 4px #0009}#campaign .campaign-scroll-down{color:#6e6e73}#campaign :is(.campaign-swipe-hint,.campaign-scroll-down) svg{order:1;flex:0 0 14px;width:14px;height:14px;animation:skull-inline-swipe 2.8s ease-in-out infinite}@keyframes skull-inline-swipe{0%,to{transform:translateY(1px);opacity:.65}50%{transform:translateY(-1px);opacity:1}}@media(prefers-reduced-motion:reduce){#campaign :is(.campaign-swipe-hint,.campaign-scroll-down) svg{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/skull-draft-campaign-base.css.map */