@import"https://fonts.googleapis.com/css2?family=Climate+Crisis&family=Gothic+A1:wght@400;500;600;700&display=swap";@property --cosmic-spin{syntax: "<angle>"; inherits: true; initial-value: 0deg;}cosmic-hero-section{display:block}.cosmic-hero{opacity:0;transition:opacity .6s ease;--cosmic-bg: #03040c;--cosmic-fg: #f5f6ff;--cosmic-card-font-display: "Climate Crisis", "Arial Narrow", sans-serif;--cosmic-card-font-body: "Gothic A1", "Helvetica Neue", Arial, sans-serif;--cosmic-card-radius: 18px;--cosmic-card-bg: linear-gradient(160deg, color-mix(in oklch, #3f245b 60%, #1a1230) 0%, #0c0917 100%);--cosmic-card-border: #3a2e5c;--cosmic-card-border-active: #7c4def;--cosmic-card-shadow: 0 18px 50px -20px rgb(0 0 0 / .75);--cosmic-card-glow: 0 0 40px 0 color-mix(in oklch, #7c4def 50%, transparent), 0 0 110px 0 color-mix(in oklch, #61339c 40%, transparent);--cosmic-card-tick-color: #9b6cff;--cosmic-card-eyebrow-color: #e8c679;--cosmic-card-name-color: #f6f3fb;--cosmic-card-subtitle-color: #a89fbe;--cosmic-card-icon-color: #c0a6ff;--cosmic-card-ease: cubic-bezier(.22, 1, .36, 1);--cosmic-card-width: clamp(132px, 10vw, 204px);position:relative;width:100vw;margin-inline:calc(50% - 50vw);margin-top:-140px;background:var(--cosmic-bg);color:var(--cosmic-fg);overflow:clip;isolation:isolate}.cosmic-hero.cosmic-hero--ready{opacity:1}.cosmic-hero__pin{position:relative;height:var(--cosmic-hero-height-mobile, 100vh);min-height:480px;overflow:clip}@media screen and (min-width:750px){.cosmic-hero__pin{height:var(--cosmic-hero-height-desktop, 100vh)}}.cosmic-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.cosmic-hero__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.85}.cosmic-hero__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 40%,#0a081e00,#03040c8c 75%,#03040ceb),linear-gradient(180deg,rgb(3 4 12 / var(--cosmic-hero-overlay-opacity, .35)),rgb(3 4 12 / var(--cosmic-hero-overlay-opacity, .35)))}.cosmic-hero__nebula{position:absolute;border-radius:50%;filter:blur(60px);opacity:calc(.25 * var(--cosmic-hero-glow, .6));will-change:transform,opacity}.cosmic-hero__nebula--1{top:8%;left:12%;width:42vw;height:42vw;background:radial-gradient(circle,rgb(120 90 255 / .55),transparent 70%);animation:cosmic-nebula-drift-a calc(38s / var(--cosmic-hero-speed, 1)) ease-in-out infinite}.cosmic-hero__nebula--2{bottom:4%;right:8%;width:38vw;height:38vw;background:radial-gradient(circle,rgb(255 110 170 / .4),transparent 70%);animation:cosmic-nebula-drift-b calc(46s / var(--cosmic-hero-speed, 1)) ease-in-out infinite}.cosmic-hero__nebula--3{top:38%;left:50%;width:50vw;height:50vw;background:radial-gradient(circle,rgb(80 160 255 / .35),transparent 72%);animation:cosmic-nebula-drift-c calc(54s / var(--cosmic-hero-speed, 1)) ease-in-out infinite}@keyframes cosmic-nebula-drift-a{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(4vw,3vh,0) scale(1.15)}}@keyframes cosmic-nebula-drift-b{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-5vw,-4vh,0) scale(1.1)}}@keyframes cosmic-nebula-drift-c{0%,to{transform:translate3d(-50%,0,0) scale(1)}50%{transform:translate3d(-50%,-3vh,0) scale(1.08)}}.cosmic-hero__rings{position:absolute;top:50%;left:50%;width:clamp(420px,62vw,920px);height:clamp(420px,62vw,920px);transform:translate(-50%,-50%) scale(var(--cosmic-hero-orbit-size, 1));overflow:visible}.cosmic-hero__ring{fill:none;stroke:var(--cosmic-hero-orbit-color, #8c9eff66);stroke-width:1;animation:cosmic-ring-breathe calc(7s / var(--cosmic-hero-speed, 1)) ease-in-out infinite}.cosmic-hero__ring:nth-child(2){animation-delay:-2.3s}.cosmic-hero__ring:nth-child(3){animation-delay:-4.6s}@keyframes cosmic-ring-breathe{0%,to{opacity:.18}50%{opacity:.5}}.cosmic-hero__particles{position:absolute;top:0;right:0;bottom:0;left:0}.cosmic-hero__particle{position:absolute;top:var(--py, 50%);left:var(--px, 50%);width:var(--size, 2px);height:var(--size, 2px);border-radius:50%;background:#fff;opacity:0;will-change:transform,opacity;animation:cosmic-particle-twinkle var(--duration, 6s) ease-in-out var(--delay, 0s) infinite,cosmic-particle-drift calc(var(--duration, 6s) * 4) linear var(--delay, 0s) infinite alternate}.cosmic-hero__particle--sparkle{width:calc(var(--size, 2px) * 1.8);height:calc(var(--size, 2px) * 1.8);box-shadow:0 0 6px 1px #fffc;animation:cosmic-particle-sparkle var(--duration, 10s) ease-in-out var(--delay, 0s) infinite,cosmic-particle-drift calc(var(--duration, 10s) * 4) linear var(--delay, 0s) infinite alternate}@keyframes cosmic-particle-twinkle{0%,to{opacity:0}45%{opacity:0}50%{opacity:var(--peak-opacity, .85)}55%{opacity:.15}}@keyframes cosmic-particle-sparkle{0%,80%,to{opacity:0;transform:scale(.4)}85%{opacity:1;transform:scale(1.3)}92%{opacity:.4;transform:scale(.8)}}@keyframes cosmic-particle-drift{0%{transform:translateZ(0)}to{transform:translate3d(var(--drift-x, 12px),var(--drift-y, -16px),0)}}.cosmic-hero__human-wrap{position:absolute;top:50%;left:50%;z-index:2;width:min(30vw,var(--cosmic-human-max-width, 380px));transform:translate3d(-50%,-50%,0);pointer-events:none;will-change:transform,opacity}.cosmic-hero__human-float{animation:cosmic-human-float calc(6s / var(--cosmic-hero-speed, 1)) ease-in-out infinite}@keyframes cosmic-human-float{0%,to{transform:translate3d(0,-6px,0) scale(1)}50%{transform:translate3d(0,6px,0) scale(1.012)}}.cosmic-hero__human-glow{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:50%;background:radial-gradient(circle,rgb(150 170 255 / calc(.55 * var(--cosmic-hero-glow, .6))),transparent 70%);filter:blur(40px);animation:cosmic-human-glow-breathe calc(4.5s / var(--cosmic-hero-speed, 1)) ease-in-out infinite}@keyframes cosmic-human-glow-breathe{0%,to{opacity:.55}50%{opacity:1}}.cosmic-hero__human-image{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 0 30px rgb(140 158 255 / .35))}.cosmic-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.cosmic-hero__heading-wrap,.cosmic-hero__paragraph-wrap{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(26vw,360px);height:max-content;display:flex;will-change:transform,opacity}.cosmic-hero__heading-wrap{align-items:center;justify-content:flex-start;transform:translate3d(-32vw,-6vh,0) scale(1.05)}.cosmic-hero__heading-wrap.is-centered{justify-content:center;text-align:center}.cosmic-hero__heading{margin:0;text-align:left;font-size:clamp(1.8rem,4.6vw,var(--cosmic-heading-size, 4.2rem));line-height:.96;font-weight:800;letter-spacing:var(--cosmic-heading-ls, -.01em);text-transform:uppercase;text-wrap:balance}.cosmic-hero__heading-wrap.is-centered .cosmic-hero__heading{text-align:center}.cosmic-hero__paragraph-wrap{align-items:center;justify-content:flex-end;transform:translate3d(32vw,9vh,0)}.cosmic-hero__paragraph-wrap.is-centered{justify-content:center}.cosmic-hero__paragraph{max-width:30ch;text-align:right;font-size:clamp(.92rem,1.3vw,1.05rem);line-height:1.5;opacity:.85}.cosmic-hero__paragraph-wrap.is-centered .cosmic-hero__paragraph{text-align:center;max-width:42ch}.cosmic-hero__paragraph p{margin:0 0 .4em}.cosmic-hero__paragraph p:last-child{margin-bottom:0}.cosmic-hero__orbit-field{position:absolute;top:50%;left:50%;z-index:4;width:0;height:0;transform:scaleX(1);pointer-events:none}.cosmic-hero__orbit{position:absolute;top:0;left:0;width:0;height:0}.cosmic-hero__orbit-track{position:absolute;top:0;left:0;--cosmic-spin: var(--start-angle, 0deg);--orbit-radius-base: clamp(170px, 21vw, 380px);--orbit-radius-min: calc( var(--cosmic-card-width) / (2 * sin(180deg / var(--orbit-card-count, 6))) * 1.18 );--orbit-radius: max(calc(var(--orbit-radius-base) * var(--cosmic-hero-orbit-size, 1)), var(--orbit-radius-min));transform:rotate(var(--cosmic-spin)) translate(var(--orbit-radius)) rotate(calc(-1 * var(--cosmic-spin)));animation:cosmic-orbit-spin calc(var(--orbit-duration, 26s) / var(--cosmic-hero-speed, 1)) linear infinite;animation-delay:var(--orbit-delay, 0s)}@keyframes cosmic-orbit-spin{to{--cosmic-spin: calc(var(--start-angle, 0deg) + 360deg)}}.cosmic-hero__card{position:absolute;top:0;left:0;transform:translate3d(-50%,-50%,0);pointer-events:auto;will-change:transform,opacity}.cosmic-hero__orbit:nth-child(2n) .cosmic-hero__card-inner{--cosmic-card-depth: .92}.cosmic-hero__card-link{display:block;color:inherit;text-decoration:none}.cosmic-hero__card-inner{--cosmic-card-depth: 1;position:relative;width:var(--cosmic-card-width);aspect-ratio:.66;padding:16px 14px 18px;border-radius:var(--cosmic-card-radius);background:var(--cosmic-card-bg);border:1.5px solid var(--cosmic-card-border);box-shadow:var(--cosmic-card-shadow);display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;transform:scale(var(--cosmic-card-depth, 1));transition:transform .28s var(--cosmic-card-ease),box-shadow .28s var(--cosmic-card-ease),border-color .28s var(--cosmic-card-ease)}.cosmic-hero__card-inner:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;background-image:linear-gradient(to right,var(--cosmic-card-tick-color) 1.5px,transparent 1.5px),linear-gradient(to bottom,var(--cosmic-card-tick-color) 1.5px,transparent 1.5px),linear-gradient(to left,var(--cosmic-card-tick-color) 1.5px,transparent 1.5px),linear-gradient(to bottom,var(--cosmic-card-tick-color) 1.5px,transparent 1.5px),linear-gradient(to right,var(--cosmic-card-tick-color) 1.5px,transparent 1.5px),linear-gradient(to top,var(--cosmic-card-tick-color) 1.5px,transparent 1.5px),linear-gradient(to left,var(--cosmic-card-tick-color) 1.5px,transparent 1.5px),linear-gradient(to top,var(--cosmic-card-tick-color) 1.5px,transparent 1.5px);background-size:11px 11px;background-repeat:no-repeat;background-position:top left,top left,top right,top right,bottom right,bottom right,bottom left,bottom left;opacity:.7;pointer-events:none}.cosmic-hero__card-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,color-mix(in oklch,#9b6cff 30%,transparent) 0%,transparent 55%);opacity:.6;transition:opacity .28s var(--cosmic-card-ease)}.cosmic-hero__card-inner:hover,.cosmic-hero__card-inner:focus-within{border-color:var(--cosmic-card-border-active);box-shadow:var(--cosmic-card-glow);transform:scale(var(--cosmic-card-depth, 1)) translateY(-6px)}.cosmic-hero__card-inner:hover:after,.cosmic-hero__card-inner:focus-within:after{opacity:1}.cosmic-hero__card-link:focus-visible{outline:none}.cosmic-hero__card-link:focus-visible .cosmic-hero__card-inner{border-color:var(--cosmic-card-border-active);box-shadow:var(--cosmic-card-glow)}.cosmic-hero__card-eyebrow{position:relative;z-index:1;font-family:var(--cosmic-card-font-body);font-weight:600;font-size:.55rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cosmic-card-eyebrow-color)}.cosmic-hero__card-icon-wrap{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;color:var(--cosmic-card-icon-color);min-height:0}.cosmic-hero__card-icon{width:clamp(24px,2.4vw,38px);height:auto;fill:currentColor;filter:drop-shadow(0 0 0 transparent);transition:filter .28s var(--cosmic-card-ease)}.cosmic-hero__card-inner:hover .cosmic-hero__card-icon,.cosmic-hero__card-inner:focus-within .cosmic-hero__card-icon{filter:drop-shadow(0 0 10px var(--cosmic-card-border-active))}.cosmic-hero__card-text{position:relative;z-index:1}.cosmic-hero__card-title{margin:0;font-family:var(--cosmic-card-font-display);text-transform:uppercase;font-size:clamp(.95rem,1.3vw,1.2rem);line-height:.95;letter-spacing:-.01em;color:var(--cosmic-card-name-color)}.cosmic-hero__card-subtitle{margin:6px 0 0;font-family:var(--cosmic-card-font-body);font-size:.65rem;font-style:italic;letter-spacing:.06em;line-height:1.3;color:var(--cosmic-card-subtitle-color);text-transform:lowercase}@media screen and (max-width:989px){.cosmic-hero__orbit-track{--orbit-radius-base: clamp(130px, 27vw, 230px)}.cosmic-hero__heading-wrap,.cosmic-hero__paragraph-wrap{width:min(34vw,320px)}.cosmic-hero__heading-wrap{transform:translate3d(-28vw,-5vh,0) scale(.92)}.cosmic-hero__paragraph-wrap{transform:translate3d(28vw,8vh,0)}.cosmic-hero__human-wrap{width:min(26vw,320px)}.cosmic-hero{--cosmic-card-width: clamp(110px, 17vw, 150px)}.cosmic-hero__card-inner{padding:12px 10px 14px}}@media screen and (max-width:749px){.cosmic-hero__pin{height:var(--cosmic-hero-height-mobile, 100vh)}.cosmic-hero__human-wrap{width:min(46vw,280px);top:50%}.cosmic-hero__heading-wrap,.cosmic-hero__paragraph-wrap{width:min(86vw,420px);align-items:center;text-align:center;justify-content:center}.cosmic-hero__heading-wrap{transform:translate3d(0,16vh,0) scale(.9)}.cosmic-hero__paragraph-wrap{transform:translate3d(0,28vh,0)}.cosmic-hero__heading{text-align:center}.cosmic-hero__paragraph{text-align:center;max-width:32ch;margin-inline:auto}.cosmic-hero__orbit-field{transform:scaleX(.46)}.cosmic-hero{--cosmic-card-width: 96px}.cosmic-hero__orbit-track{--orbit-radius-min: calc( var(--cosmic-card-width) / (2 * sin(180deg / var(--orbit-card-count, 6))) * 2.9 )}.cosmic-hero__card-inner{aspect-ratio:2 / 3;padding:10px 8px 12px;transform:scaleX(2.17) scale(var(--cosmic-card-depth, 1))}.cosmic-hero__card-icon{width:22px}.cosmic-hero__card-title{font-size:.7rem}.cosmic-hero__card-subtitle{font-size:.5rem}.cosmic-hero__particle:nth-child(3n){display:none}}.cosmic-hero--reduced .cosmic-hero__pin{position:relative;height:auto;min-height:var(--cosmic-hero-height-mobile, 100vh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,5vw,56px);padding-block:clamp(48px,8vw,96px)}@media screen and (min-width:750px){.cosmic-hero--reduced .cosmic-hero__pin{min-height:var(--cosmic-hero-height-desktop, 100vh)}}.cosmic-hero--reduced .cosmic-hero__human-wrap,.cosmic-hero--reduced .cosmic-hero__content,.cosmic-hero--reduced .cosmic-hero__orbit-field{position:relative;inset:auto;top:auto;left:auto;transform:none;pointer-events:auto}.cosmic-hero--reduced .cosmic-hero__heading-wrap,.cosmic-hero--reduced .cosmic-hero__paragraph-wrap{position:static;width:auto;max-width:min(92vw,600px);margin-inline:auto;justify-content:center;transform:none;text-align:center}.cosmic-hero--reduced .cosmic-hero__heading,.cosmic-hero--reduced .cosmic-hero__paragraph{text-align:center;margin-inline:auto}.cosmic-hero--reduced .cosmic-hero__content{display:flex;flex-direction:column;align-items:center;gap:1rem}.cosmic-hero--reduced .cosmic-hero__orbit-field{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:min(92vw,760px)}.cosmic-hero--reduced .cosmic-hero__orbit{position:relative}.cosmic-hero--reduced .cosmic-hero__orbit-track{position:relative;transform:none;animation:none}.cosmic-hero--reduced .cosmic-hero__card{position:relative;transform:none}.cosmic-hero--reduced .cosmic-hero__card-inner{transform:none}.cosmic-hero--reduced .cosmic-hero__human-float,.cosmic-hero--reduced .cosmic-hero__nebula,.cosmic-hero--reduced .cosmic-hero__ring,.cosmic-hero--reduced .cosmic-hero__particle{animation:none}@media(prefers-reduced-motion:reduce){.cosmic-hero{transition:none!important}.cosmic-hero__human-float,.cosmic-hero__nebula,.cosmic-hero__ring,.cosmic-hero__particle,.cosmic-hero__orbit-track{animation:none!important}}.cosmic-hero[data-shopify-visual-preview] .cosmic-hero__pin{height:600px;min-height:600px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/cosmic-hero.css.map */