.ghy-story{--ghy-neon-a: #d4ff8a;--ghy-neon-b: var(--gh-neon, #a6ff1f);--ghy-neon-c: var(--gh-green, #8ec63f);--ghy-warm-a: #ffd27a;--ghy-warm-b: #ffb020;--ghy-warm-c: var(--gh-warm, #ff6a1a);--ghy-symbol-color: #f3f3f0;--ghy-symbol-alpha: .045;--ghy-vignette: rgb(10 10 10 / .62);position:relative}.ghy-story.gh-scheme-black{--ghy-vignette: rgb(0 0 0 / .66)}ghy-story{position:relative;display:block}.ghy-story__scene{--o: clamp(0, calc((var(--p, 1) - .42) * 4), 1)}.ghy-story__stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:max(640px,100vh);min-height:max(640px,100svh);padding-block:128px;overflow:hidden;background-color:var(--gh-surface, var(--gh-bg, #0a0a0a))}.ghy-story__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(42% 46% at 50% 50%,var(--ghy-vignette),transparent 100%);pointer-events:none}@media(max-width:767px){.ghy-story__stage{min-height:max(560px,100svh);padding-block:96px}.ghy-story__stage:after{background:radial-gradient(70% 40% at 50% 50%,var(--ghy-vignette),transparent 100%)}}.ghy-story__light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%)}.ghy-story__orb{position:absolute;width:72vmax;aspect-ratio:1;border-radius:50%;will-change:transform}.ghy-story__orb--neon{top:-34vmax;left:-30vmax;background:radial-gradient(closest-side,rgb(166 255 31 / .26),rgb(142 198 63 / .1) 48%,transparent 74%);transform:translate3d(calc(var(--p, .5) * 24vw),calc(var(--p, .5) * 18vh),0) scale(calc(.9 + var(--p, .5) * .3))}.ghy-story__orb--green{right:-32vmax;bottom:-36vmax;background:radial-gradient(closest-side,rgb(142 198 63 / .28),rgb(54 82 18 / .22) 44%,rgb(255 106 26 / .04) 60%,transparent 74%);transform:translate3d(calc(var(--p, .5) * -22vw),calc(var(--p, .5) * -20vh),0) scale(calc(1.15 - var(--p, .5) * .25))}.ghy-story__symbol{position:absolute;top:0;right:0;bottom:0;left:0;width:min(86vmin,880px);height:min(86vmin,880px);margin:auto;background-color:var(--ghy-symbol-color);opacity:var(--ghy-symbol-alpha);-webkit-mask:var(--ghy-symbol) center / contain no-repeat;mask:var(--ghy-symbol) center / contain no-repeat;transform:rotate(calc(var(--p, .5) * 90deg - 45deg)) scale(calc(.92 + var(--p, .5) * .16));will-change:transform}.ghy-story__layers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.ghy-story__layer{--t: calc(.5 - var(--p, .5));position:absolute;width:var(--w, 240px);transform:translate3d(0,calc(var(--t) * var(--dy, 40vh)),0) rotate(calc(var(--r0, 0deg) + (var(--r1, 0deg) - var(--r0, 0deg)) * var(--p, .5)));will-change:transform}.ghy-story__frame{position:relative;aspect-ratio:var(--ghy-ratio, .75);overflow:hidden;border-radius:var(--gh-radius-24, 24px);background-color:var(--gh-card, #161616);box-shadow:0 48px 96px -36px #000000bf,0 0 0 1px #ffffff0f}.ghy-story__frame--cutout{background:radial-gradient(70% 55% at 50% 42%,rgb(166 255 31 / .22),rgb(142 198 63 / .08) 55%,transparent 80%),linear-gradient(180deg,#1c1c1c,#121211)}.ghy-story__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgb(10 10 10 / .32));pointer-events:none}.ghy-story__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(calc(1.12 - var(--p, .5) * .12))}.ghy-story__layer--1{--w: clamp(150px, 17vw, 330px);--dy: 34vh;--r0: -7deg;--r1: 2deg;top:13%;left:5%}.ghy-story__layer--2{--w: clamp(130px, 13vw, 260px);--dy: 62vh;--r0: 8deg;--r1: -3deg;top:8%;right:6%}.ghy-story__layer--3{--w: clamp(140px, 14vw, 280px);--dy: 46vh;--r0: -4deg;--r1: 5deg;right:12%;bottom:7%}.ghy-story__layer--4{--w: clamp(150px, 15vw, 300px);--dy: 44vh;--r0: 5deg;--r1: -4deg;bottom:4%;left:7%}.ghy-story__copy{position:relative;z-index:3;display:grid;justify-items:center;text-align:center}.ghy-story__eyebrow{margin-bottom:24px}.ghy-story .ghy-story__title{max-width:12.5ch;margin:0;color:var(--gh-text-strong, #f3f3f0);font-family:var(--gh-font-display, "Barlow Condensed", "Barlow", sans-serif);font-size:clamp(3rem,.66rem + 8.4vw,11.5rem);font-weight:var(--gh-fw-black, 900);line-height:.94!important;letter-spacing:var(--gh-ls-display, 0);text-wrap:balance}.ghy-story__word{display:inline-block}.ghy-story__word--neon,.ghy-story__word--warm{margin-block:-.14em -.1em;padding-block:.14em .1em;color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ghy-story__word--neon{background-image:linear-gradient(100deg,var(--ghy-neon-a) 0%,var(--ghy-neon-b) 50%,var(--ghy-neon-c) 100%)}.ghy-story__word--warm{background-image:linear-gradient(100deg,var(--ghy-warm-a) 0%,var(--ghy-warm-b) 50%,var(--ghy-warm-c) 100%)}.ghy-story__outro{display:grid;justify-items:center;gap:32px;max-width:46ch;margin-top:48px}.ghy-story__text{margin:0;color:var(--gh-muted, #9d9d97);font-size:var(--gh-fs-body-1, 1rem);line-height:1.55;text-wrap:pretty}@media(min-width:1280px){.ghy-story__text{font-size:1.125rem}}@media(max-width:767px){.ghy-story .ghy-story__title{max-width:10ch;line-height:.98!important}.ghy-story__outro{gap:24px;margin-top:32px}}.ghy-story__meter{position:absolute;bottom:32px;left:50%;z-index:3;display:none;width:120px;height:2px;overflow:hidden;border-radius:2px;background-color:#ffffff24;translate:-50% 0}.ghy-story__meter-fill{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--ghy-neon-b);transform:scaleX(var(--p, 0));transform-origin:0 50%}@media(prefers-reduced-motion:no-preference)and (min-height:600px)and (min-width:768px){html:not([data-grig-motion=false],.gh-motion-off) .ghy-story__scene[data-js]{height:calc(var(--ghy-story-h, 200) * 1vh)}html:not([data-grig-motion=false],.gh-motion-off) .ghy-story__scene[data-js] .ghy-story__stage{position:sticky;top:0;height:100vh;height:100svh;min-height:0;padding-block:0}html:not([data-grig-motion=false],.gh-motion-off) .ghy-story__scene[data-js] .ghy-story__meter{display:block}html:not([data-grig-motion=false],.gh-motion-off) .ghy-story__scene[data-ready] .ghy-story__word{--w: clamp(0, calc(((var(--p, 0) - .04) * 2.6 * var(--n, 6) - var(--i, 0)) / 1.4), 1);opacity:calc(.22 + var(--w) * .78);transform:translate3d(0,calc((1 - var(--w)) * .18em),0)}html:not([data-grig-motion=false],.gh-motion-off) .ghy-story__scene[data-ready] .ghy-story__eyebrow{opacity:calc(.4 + clamp(0,calc(var(--p, 0) * 8),1)*.6)}html:not([data-grig-motion=false],.gh-motion-off) .ghy-story__scene[data-ready] .ghy-story__outro{opacity:var(--o);transform:translate3d(0,calc((1 - var(--o)) * 28px),0)}html:not([data-grig-motion=false],.gh-motion-off) .ghy-story__scene[data-ready]:not([data-outro]) .ghy-story__outro{pointer-events:none}html:not([data-grig-motion=false],.gh-motion-off) .ghy-story__scene[data-ready] .ghy-story__outro:focus-within{opacity:1;transform:none}html:not([data-grig-motion=false],.gh-motion-off) .ghy-story__scene[data-ready] .ghy-story__copy{transform:translate3d(0,calc((1 - var(--o)) * var(--ghy-lift, 96px)),0)}}@media(max-width:767px){.ghy-story__scene{height:auto}.ghy-story__stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:32px;height:auto;min-height:0;padding:64px 24px 72px}.ghy-story .ghy-story__copy{order:1;width:100%;padding-inline:0;transform:none}.ghy-story__eyebrow{margin-bottom:16px}.ghy-story__word,.ghy-story__eyebrow,.ghy-story__outro{opacity:1;transform:none}.ghy-story__outro{gap:24px;margin-top:24px;pointer-events:auto}.ghy-story__layers{position:relative;inset:auto;order:2;display:flex;align-items:center;justify-content:center;width:100%;max-width:420px}.ghy-story__layer{position:relative;inset:auto;flex:0 1 25%;width:auto;max-width:112px;margin-inline:-3px;opacity:1;transform:rotate(var(--rs, 0deg));will-change:auto}.ghy-story__layer--1{--rs: -6deg}.ghy-story__layer--2{--rs: 4deg;margin-top:20px}.ghy-story__layer--3{--rs: -3deg}.ghy-story__layer--4{--rs: 5deg;margin-top:16px}.ghy-story__frame{border-radius:var(--gh-radius-16, 16px)}.ghy-story__img{transform:none}.ghy-story__orb,.ghy-story__symbol{will-change:auto}.ghy-story__meter{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/grig-home-story.css.map */