.gr-progress{position:fixed;inset-inline:0;inset-block-start:0;block-size:3px;z-index:1000;pointer-events:none}.gr-progress span{display:block;block-size:100%;inline-size:100%;background:var(--gr-thread);transform-origin:0 50%;transform:scaleX(var(--gr-scroll, 0))}[data-gr-parallax]{will-change:transform}.gr-hero__scroll{position:absolute;inset-inline-start:50%;inset-block-end:22px;translate:-50% 0;display:grid;justify-items:center;gap:8px;color:var(--gr-cotton);text-decoration:none;font-size:var(--t-xs);letter-spacing:0;text-transform:none;opacity:.8}.gr-hero__scroll span{inline-size:1px;block-size:36px;background:linear-gradient(var(--gr-cotton),transparent)}@media(prefers-reduced-motion:no-preference){.gr-hero__scroll span{animation:gr-drip 1.8s var(--gr-ease) infinite;transform-origin:top}}@keyframes gr-drip{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}@media(max-width:749px){.gr-hero__scroll{display:none}}.gr-marquee{--gr-pad-top: 0;--gr-pad-bottom: 0;overflow:hidden;border-block:1px solid var(--gr-line)}.gr-marquee__track{display:flex;inline-size:max-content}.gr-marquee__list{display:flex;flex-shrink:0;margin:0;padding:0;list-style:none}.gr-marquee__item{display:flex;align-items:center;gap:clamp(18px,3vw,40px);padding:clamp(14px,2.2vw,24px) clamp(9px,1.5vw,20px);font:600 var(--t-lg)/var(--lh-lg) var(--f-sans);letter-spacing:var(--track-tight);white-space:nowrap;text-transform:none}.gr-marquee__dot{color:var(--gr-thread);font-size:.5em}@media(prefers-reduced-motion:no-preference){.gr-marquee__track{animation:gr-marquee var(--gr-marquee-speed, 40s) linear infinite}.gr-marquee:hover .gr-marquee__track,.gr-marquee:focus-within .gr-marquee__track{animation-play-state:paused}}@keyframes gr-marquee{to{transform:translate(-50%)}}.gr-categories{overflow:hidden}.gr-rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,23vw,340px);gap:clamp(12px,1.6vw,20px);margin:0;padding:0 var(--gr-gutter) 8px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gr-gutter);scrollbar-width:none;overscroll-behavior-x:contain}.gr-rail::-webkit-scrollbar{display:none}@media(min-width:1552px){.gr-rail{padding-inline:calc((100vw - var(--gr-max)) / 2);scroll-padding-inline:calc((100vw - var(--gr-max)) / 2)}}.gr-rail__item{scroll-snap-align:start;min-width:0}.gr-rail__nav{display:flex;gap:8px;justify-self:end}.gr-rail__btn{inline-size:48px;block-size:48px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font-size:var(--t-md);cursor:pointer;transition:background .3s,color .3s}.gr-rail__btn:hover{background:var(--gr-ink);color:var(--gr-cotton)}.gr-rail__btn[disabled]{opacity:.3;cursor:default;background:transparent;color:inherit}.gr-cat{display:grid;gap:12px;color:inherit;text-decoration:none}.gr-cat__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--gr-cotton-deep)}.gr-cat__media img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform 1.1s var(--gr-ease)}.gr-cat:hover .gr-cat__media img{transform:scale(1.06)}.gr-cat__media:after{content:"";position:absolute;inset:auto 0 0;block-size:3px;background:var(--gr-thread);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--gr-ease)}.gr-cat:hover .gr-cat__media:after{transform:scaleX(1)}.gr-cat__meta{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:baseline}.gr-cat__num{font:500 var(--t-xs)/var(--lh-xs) var(--f-sans);color:var(--gr-thread)}.gr-cat__count{grid-column:2;color:var(--gr-stone);font-size:var(--t-xs)}@media(max-width:749px){.gr-rail{grid-auto-columns:68vw}.gr-rail__nav{display:none}}.gr-film__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,80px);align-items:center}.gr-film--wide .gr-film__grid{grid-template-columns:1fr}.gr-film__frame{position:relative;margin:0;overflow:hidden;aspect-ratio:16 / 9;background:var(--gr-ink);border-radius:2px}.gr-film__frame video,.gr-film__frame .gr-hero__placeholder{inline-size:100%;block-size:100%;object-fit:cover;display:block}.gr-film__controls{position:absolute;inset-inline-end:12px;inset-block-start:12px;display:flex;gap:8px}.gr-film__draft{position:absolute;inset:auto 12px 12px}.gr-film__frame .gr-factory__caption{position:absolute;inset-inline-start:12px;inset-block-end:12px;margin:0}@media(prefers-reduced-motion:no-preference){.gr-js .gr-film__frame{clip-path:inset(calc((1 - var(--gr-film, 1)) * 12%) calc((1 - var(--gr-film, 1)) * 14%) round 2px)}.gr-js .gr-film__frame video{transform:scale(calc(1.15 - var(--gr-film, 1) * .15))}}@media(max-width:749px){.gr-film__grid{grid-template-columns:1fr}}.gr-factory__plate{display:grid;place-content:center;justify-items:center;gap:.5rem;color:var(--gr-cotton);aspect-ratio:4 / 5}.gr-factory__plate span{font:700 var(--t-2xl)/var(--lh-2xl) var(--f-sans);letter-spacing:var(--track-tight);color:transparent;-webkit-text-stroke:1px rgb(255 255 255 / .55)}.gr-factory__plate em{font:500 var(--t-xs)/var(--lh-xs) var(--f-sans);font-style:normal;letter-spacing:0;text-transform:none;color:var(--gr-thread)}.gr-chapter__media-mobile:empty{display:none}.gr-colhero{--gr-pad-top: clamp(40px, 7vw, 96px);--gr-pad-bottom: clamp(28px, 4vw, 48px);overflow:hidden}.gr-colhero__title{margin:.2em 0 .3em}.gr-colhero__word{display:inline-block}@media(prefers-reduced-motion:no-preference){.gr-js .gr-colhero__word{opacity:0;transform:translateY(.6em) rotate(2deg);animation:gr-rise .9s var(--gr-ease) forwards;animation-delay:calc(.1s + var(--i, 0) * .08s)}.gr-js .gr-colhero__line{clip-path:inset(0 100% 0 0);animation:gr-draw 1.4s var(--gr-ease) .3s forwards}}@keyframes gr-rise{to{opacity:1;transform:none}}@keyframes gr-draw{to{clip-path:inset(0 0 0 0)}}.gr-colhero__desc{max-inline-size:60ch}.gr-colhero__line{position:absolute;inset-inline:0;inset-block-end:0}.gr-pills{display:flex;gap:8px;margin-block-start:1.5rem;overflow-x:auto;scrollbar-width:none;padding-block-end:4px}.gr-pills::-webkit-scrollbar{display:none}.gr-pill{flex-shrink:0;display:inline-flex;align-items:center;min-height:40px;padding:0 1rem;border:1px solid var(--gr-line);border-radius:var(--r);font:500 var(--t-xs)/var(--lh-xs) var(--f-sans);letter-spacing:0;color:inherit;text-decoration:none;transition:background .3s,color .3s,border-color .3s}.gr-pill:hover{border-color:var(--gr-ink)}.gr-pill.is-active{background:var(--gr-ink);color:var(--gr-cotton);border-color:var(--gr-ink)}
/*# sourceMappingURL=/cdn/shop/t/28/assets/gr-motion.css.map */