.ghr .gh-rail{--gh-rail-item: clamp(220px, 17.5vw, 300px);--gh-rail-gap: 24px;display:flow-root}.ghr--lg .gh-rail{--gh-rail-item: clamp(240px, 22vw, 380px)}@media(max-width:1279px){.ghr .gh-rail{--gh-rail-item: 260px;--gh-rail-gap: 16px}.ghr--lg .gh-rail{--gh-rail-item: 300px}}@media(max-width:767px){.ghr .gh-rail{--gh-rail-item: 64vw;--gh-rail-gap: 12px}.ghr--lg .gh-rail{--gh-rail-item: 74vw}}@media(min-width:1280px)and (max-width:1439px){.ghr .gh-rail:has(.ghr__track>:last-child:nth-child(-n+5)){--gh-rail-item: calc((100% - 4 * var(--gh-rail-gap)) / 4.4)}}@media(min-width:1440px){.ghr .gh-rail:has(.ghr__track>:last-child:nth-child(-n+5)){--gh-rail-item: min(300px, calc((100% - 4 * var(--gh-rail-gap)) / 5))}}.ghr-reel{--ghr-acc: var(--gh-neon);position:relative;height:100%}.ghr-reel__media{position:relative;isolation:isolate;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--gh-radius-24);background-color:var(--gh-card);color:var(--gh-text);box-shadow:inset 0 0 0 1px #ffffff0f;container-type:inline-size;transform:translateZ(0)}.gh-scheme-dark .ghr-reel__media,.gh-scheme-black .ghr-reel__media{background-color:var(--gh-card-2);box-shadow:inset 0 0 0 1px #ffffff14}.ghr-reel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border-radius:var(--gh-radius-24);box-shadow:inset 0 0 0 1px #ffffff12;pointer-events:none}.ghr-reel__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(70% 42% at 50% 40%,color-mix(in srgb,var(--ghr-acc) 26%,transparent),transparent 72%),radial-gradient(64% 36% at 12% 100%,rgb(var(--gh-green-rgb) / .32),transparent 72%),radial-gradient(56% 32% at 96% 0%,rgb(var(--gh-warm-rgb) / .2),transparent 72%);pointer-events:none}.ghr-reel .gh-video{z-index:1;background:transparent}.ghr-reel .gh-video__poster{transition:transform 1.2s var(--gh-ease-out)}.ghr-reel .gh-video__el{z-index:1;transition:opacity .7s var(--gh-ease-out)}.ghr-reel__still-wrap{position:absolute;inset:6% 0 auto;z-index:1;display:block;aspect-ratio:1;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 74%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 74%,transparent 100%)}.ghr-reel__still{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--gh-ease-out)}.ghr-reel__media:before,.ghr-reel__media:after{content:"";position:absolute;inset-inline:0;z-index:3;pointer-events:none}.ghr-reel__media:before{top:0;height:28%;background:linear-gradient(180deg,rgb(0 0 0 / .38),transparent)}.ghr-reel__media:after{bottom:0;height:46%;background:linear-gradient(0deg,rgb(0 0 0 / .62),rgb(0 0 0 / .18) 62%,transparent)}@media(hover:hover)and (pointer:fine){.ghr-reel:hover .gh-video__poster{transform:scale(1.035)}.ghr-reel:hover .ghr-reel__still{transform:translate3d(0,-6px,0) scale(1.02)}}.ghr-reel__time{position:absolute;inset:10px 12px auto;z-index:4;height:2px;overflow:hidden;border-radius:2px;background-color:#ffffff38}.ghr-reel__time-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--gh-neon);transform:scaleX(0);transform-origin:0 50%;will-change:transform}.ghr-reel__label{position:absolute;top:22px;left:12px;z-index:4;display:inline-block;max-width:calc(100% - 72px);min-height:26px;padding:0 10px;overflow:hidden;border-radius:var(--gh-radius-pill);background-color:#0a0a0a5c;box-shadow:inset 0 0 0 1px #ffffff24;color:var(--gh-text);font-family:var(--gh-font-display);font-size:var(--gh-fs-label);font-weight:var(--gh-fw-bold);line-height:26px;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ghr-reel:not(.ghr-reel--video) .ghr-reel__label{max-width:calc(100% - 24px)}.ghr-reel__toggle{position:absolute;top:14px;right:8px;z-index:5;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background-color:#0a0a0a5c;box-shadow:inset 0 0 0 1px #ffffff29;color:var(--gh-text);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color var(--gh-dur) var(--gh-ease-out),transform var(--gh-dur-fast) var(--gh-ease-out)}.ghr-reel__toggle:hover{background-color:#0a0a0a8f}.ghr-reel__toggle:active{transform:scale(.92)}.ghr .ghr-reel__toggle:focus-visible{outline-offset:2px}.ghr-reel__toggle .gh-icon{grid-area:1 / 1;width:16px;height:16px}.ghr-reel__foot{position:absolute;inset:auto 10px 10px;z-index:4;display:grid;gap:10px}.ghr-reel__caption{margin:0;padding:0 6px 6px;color:var(--gh-text);font-family:var(--gh-font-display);font-size:var(--gh-fs-h4);font-weight:var(--gh-fw-heavy);line-height:1.1;letter-spacing:0;text-wrap:balance}.ghr-reel__caption--sm{padding:0 6px;color:#f3f3f0d1;font-size:var(--gh-fs-label);font-weight:var(--gh-fw-bold);line-height:1.3;letter-spacing:var(--gh-ls-label);text-transform:uppercase}.ghr-reel__link{--gh-btn-h: 44px;justify-self:start}.ghr-reel .gh-mini{--gh-mini-thumb: 48px;gap:10px;padding:6px;border-radius:var(--gh-radius-16)}.ghr-reel .gh-mini__media{border-radius:10px}.ghr-reel .gh-mini__title{font-size:1rem;line-height:1.12;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 5}.ghr-reel .gh-mini__caption{font-size:.75rem}.ghr-reel .gh-mini .gh-price{row-gap:0}.ghr .gh-mini__title:focus-visible{outline:none!important}.ghr .gh-mini__title:focus-visible:after{box-shadow:0 0 0 3px var(--gh-focus)}@container (max-width: 250px){.ghr-reel .gh-mini{grid-template-columns:minmax(0,1fr) auto;padding-left:12px}.ghr-reel .gh-mini__media{display:none}.ghr-reel__caption{font-size:1.125rem}}@media(min-width:1280px){.ghr--lg .ghr-reel__caption{font-size:var(--gh-fs-h3)}}.ghr__note{max-width:110ch;margin:20px 0 0;color:var(--gh-muted);font-size:var(--gh-fs-caption);line-height:1.5}@media(max-width:767px){.ghr__note{margin-top:16px}}@media(prefers-reduced-motion:reduce){.ghr-reel:hover .gh-video__poster,.ghr-reel:hover .ghr-reel__still{transform:none}}html.gh-motion-off .ghr-reel:hover .gh-video__poster,html.gh-motion-off .ghr-reel:hover .ghr-reel__still{transform:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/grig-home-reels.css.map */