.hop-intro{overflow:hidden;background:#f2eee6;color:#191916}.hop-intro__inner{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding-top:4.5rem;padding-bottom:4.5rem}.hop-intro__copy{position:relative;z-index:2}.hop-intro__kicker{font-family:var(--font-body-family);font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 2rem}.hop-intro__heading{font-family:var(--font-heading-family);font-size:clamp(5.5rem,8vw,10rem);font-weight:700;line-height:.82;letter-spacing:-.055em;text-transform:uppercase;margin:0}.hop-intro__description{max-width:39rem;margin:2.5rem 0 2rem;font-size:1.6rem;line-height:1.65}.hop-intro__button{min-height:4.8rem;padding:0 2rem;background:#191916;color:#f2eee6;display:inline-flex;align-items:center;gap:3.5rem;font-size:1.2rem;letter-spacing:.06em;text-decoration:none;transition:transform .2s ease,background .2s ease}.hop-intro__button:hover{transform:translateY(-2px);background:#e84d32}.hop-intro__button span{font-size:1.8rem}.hop-intro__note{font-size:1rem;letter-spacing:.1em;margin:2.4rem 0 0;text-transform:uppercase}.hop-intro__art{height:440px;max-width:600px;width:100%;justify-self:center;position:relative}.hop-intro__poster{position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;box-shadow:0 1.4rem 3rem #231f2045}.hop-intro__poster span,.hop-intro__poster i{font-size:.8rem;font-style:normal;letter-spacing:.08em}.hop-intro__poster b{font-family:var(--font-heading-family);font-size:clamp(3rem,4.4vw,5rem);line-height:.86}.hop-intro__poster--red{z-index:2;left:8%;top:12%;width:42%;height:78%;background:#e84d32;color:#f8e8cf;transform:rotate(-7deg)}.hop-intro__poster--blue{z-index:1;left:43%;top:4%;width:42%;height:83%;background:#234b8b;color:#f1cb4a;transform:rotate(7deg)}.hop-intro__seal{position:absolute;z-index:3;right:2%;top:0;width:9rem;height:9rem;border-radius:50%;background:#d0d99e;color:#191916;display:grid;place-content:center;text-align:center;font-family:var(--font-heading-family);font-weight:700;font-size:1.6rem;line-height:.86;transform:rotate(9deg)}.hop-intro__caption{position:absolute;right:0;bottom:0;font-size:.85rem;letter-spacing:.1em}.hop-intro__image{display:block;width:100%;height:100%;object-fit:contain}.hop-intro__image~.hop-intro__caption{right:0}.product-card-wrapper .card__media .media img{transition:transform .35s cubic-bezier(.2,.7,.25,1)}@media(hover:hover)and (pointer:fine){.product-card-wrapper:hover .card__media .media img:first-child{transform:rotate(-2deg) scale(1.06)}.product-card-wrapper:nth-child(2n):hover .card__media .media img:first-child{transform:rotate(2deg) scale(1.06)}}.product-card-wrapper .card__badge{align-self:flex-start;grid-row-start:1;justify-self:flex-start;margin:0!important;z-index:2}.product-card-wrapper .card--media .card__inner .card__content{padding:1rem}.product-card-wrapper .card__badge .badge{border-radius:0;padding:.65rem .8rem;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 .2rem .8rem #0002}@media screen and (max-width:749px){.hop-intro__inner{min-height:0;grid-template-columns:1fr;gap:2rem;padding-top:4rem;padding-bottom:3rem}.hop-intro__kicker{font-size:.9rem;margin-bottom:1.6rem}.hop-intro__heading{font-size:clamp(5rem,16vw,8rem)}.hop-intro__description{font-size:1.4rem;margin:1.8rem 0}.hop-intro__note{margin-top:1.8rem}.hop-intro__art{height:min(90vw,38rem);width:100%;margin-top:1rem}.hop-intro__poster{padding:1.2rem}.hop-intro__poster b{font-size:clamp(2.8rem,9vw,4.2rem)}.hop-intro__seal{width:7rem;height:7rem;font-size:1.3rem}.hop-intro__caption{font-size:.7rem}}@media(prefers-reduced-motion:reduce){.hop-intro__button,.product-card-wrapper .card__media .media img{transition:none}}.hop-intro{background:#f3f3f3;color:#121212}.hop-intro__button{background:#121212;color:#f3f3f3}.hop-intro__button:hover,.hop-intro__poster--red{background:#fede03;color:#121212}.hop-intro__poster--blue{background:#c6c6c6;color:#121212}.hop-intro__seal{background:#121212;color:#fede03}.product-card-wrapper .card__media .media img{object-fit:contain!important;padding:1rem}@media(hover:hover)and (pointer:fine){.product-card-wrapper:hover .card__media .media img:first-child{transform:rotate(-1.5deg) scale(1.02)}.product-card-wrapper:nth-child(2n):hover .card__media .media img:first-child{transform:rotate(1.5deg) scale(1.02)}}.hop-collections{background:#f3f3f3;color:#121212;padding:7rem 0}.hop-collections__heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:3rem}.hop-collections__eyebrow{font-size:1rem;letter-spacing:.12em;margin:0 0 1rem}.hop-collections__heading h2{font-family:var(--font-heading-family);font-size:clamp(4rem,5vw,6.5rem);line-height:.9;letter-spacing:-.035em;margin:0;text-transform:uppercase}.hop-collections__heading h2 em{font-style:normal;color:#121212;background:#fede03;padding:0 .12em}.hop-collections__all{font-size:1rem;letter-spacing:.06em;text-decoration:none;border-bottom:1px solid #121212;padding-bottom:.6rem;white-space:nowrap}.hop-collections__all span{font-size:1.5rem;margin-left:1rem}.hop-collections__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}.hop-collection-card{height:29rem;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.6rem;background:#c6c6c6;color:#fff;text-decoration:none;isolation:isolate}.hop-collection-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#12121245 0%,transparent 36%,#121212b8 100%);z-index:-1}.hop-collection-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .45s cubic-bezier(.2,.7,.25,1)}.hop-collection-card:hover .hop-collection-card__image{transform:scale(1.045)}.hop-collection-card--1{background:#121212}.hop-collection-card--2{background:#fede03;color:#121212}.hop-collection-card--3{background:#c6c6c6;color:#121212}.hop-collection-card--4{background:#f3f3f3;color:#121212;border:1px solid #12121220}.hop-collection-card--2:after{background:linear-gradient(180deg,#12121238,transparent 36%,#12121288 100%)}.hop-collection-card--3:after,.hop-collection-card--4:after{background:linear-gradient(180deg,#12121220,transparent 36%,#121212a0 100%)}.hop-collection-card__eyebrow{font-size:.9rem;letter-spacing:.08em;z-index:1}.hop-collection-card__title{font-family:var(--font-heading-family);font-size:clamp(2.6rem,3vw,4rem);font-weight:700;line-height:.88;text-transform:uppercase;max-width:90%;z-index:1}.hop-collection-card__arrow{position:absolute;z-index:1;right:1.5rem;bottom:1.4rem;font-size:2rem}@media screen and (max-width:749px){.hop-collections{padding:5rem 0}.hop-collections__heading{margin-bottom:2rem;gap:1rem}.hop-collections__heading h2{font-size:clamp(3.4rem,10vw,4.6rem)}.hop-collections__eyebrow{font-size:.8rem}.hop-collections__all{font-size:.75rem}.hop-collections__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.hop-collection-card{height:23rem;padding:1.2rem}.hop-collection-card__title{font-size:clamp(2.5rem,8vw,3.3rem)}.hop-collection-card__eyebrow{font-size:.75rem}}.hop-collection-card{height:30rem;padding:1.5rem;background:var(--hop-card-bg,#121212);color:var(--hop-card-text,#fede03)}.hop-collection-card:after{display:none}.hop-collection-card__eyebrow,.hop-collection-card__title,.hop-collection-card__arrow{z-index:2}.hop-collection-card__eyebrow{align-self:flex-start;max-width:62%;font-size:.85rem;line-height:1.4}.hop-collection-card__title{max-width:62%;font-size:clamp(2.7rem,3vw,4rem)}.hop-collection-card__design{position:absolute;z-index:1;right:4%;top:50%;width:53%;height:76%;object-fit:contain;transform:translateY(-50%);transition:transform .35s ease}.hop-collection-card:hover .hop-collection-card__design{transform:translateY(-50%) rotate(-2deg) scale(1.025)}@media screen and (max-width:749px){.hop-collection-card{height:22rem;padding:1.1rem}.hop-collection-card__eyebrow{max-width:70%;font-size:.72rem}.hop-collection-card__title{max-width:67%;font-size:clamp(2.4rem,7vw,3.2rem)}.hop-collection-card__design{right:1%;width:57%;height:70%}}.hop-marquee{height:var(--hop-marquee-height);display:flex;align-items:center;overflow:hidden;background:var(--hop-marquee-bg);color:var(--hop-marquee-fg)}.hop-marquee__viewport{width:100%;overflow:hidden}.hop-marquee__track{display:flex;width:max-content;animation:hop-marquee-scroll var(--hop-marquee-speed) linear infinite;will-change:transform}.hop-marquee--reverse .hop-marquee__track{animation-direction:reverse}.hop-marquee--paused:hover .hop-marquee__track{animation-play-state:paused}.hop-marquee__group{display:flex;flex:none;align-items:center;gap:var(--hop-marquee-gap);padding-right:var(--hop-marquee-gap)}.hop-marquee__item{display:inline-flex;align-items:center;justify-content:center;gap:var(--hop-marquee-gap);color:inherit;text-decoration:none;white-space:nowrap;font-size:var(--hop-marquee-font-size);font-weight:700;line-height:1;text-transform:uppercase}.hop-marquee__item img{display:block;width:auto;height:var(--hop-marquee-image-height);max-width:40vw;object-fit:contain}.hop-marquee__divider{opacity:.65}.hop-marquee__separator-image{display:block;width:auto;height:var(--hop-marquee-separator-size);max-width:40vw;object-fit:contain}@keyframes hop-marquee-scroll{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.hop-marquee__track{animation-duration:120s!important}}.footer{--color-background:243,243,243;--color-foreground:18,18,18;background:#f3f3f3;color:#121212;border-radius:12px 12px 0 0;overflow:hidden}.footer .footer__content-top{padding-top:3rem}.hop-footer-masthead{display:block;padding:0 0 1.2rem;margin-bottom:2.6rem;border-bottom:1px solid #12121235;color:#121212;text-decoration:none;font-size:clamp(3.2rem,12vw,12rem);font-weight:800;letter-spacing:-.075em;line-height:.78;white-space:nowrap}.hop-footer-masthead span{color:#fede03}.footer__content-top:has(.hop-footer-masthead){display:grid;grid-template-columns:minmax(230px,.78fr) minmax(0,1.5fr);column-gap:4rem}.footer__content-top:has(.hop-footer-masthead) .hop-footer-masthead{grid-column:1/-1}.footer__content-top:has(.hop-footer-masthead) .footer__blocks-wrapper{grid-column:2;grid-row:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding-left:3rem;border-left:1px solid #12121235}.footer__content-top:has(.hop-footer-masthead) .footer-block--newsletter{grid-column:1;grid-row:2;align-self:start;margin:0}.footer .footer-block__heading{color:#121212;font-size:1.4rem;letter-spacing:.03em;text-transform:uppercase}.footer .footer-block__details-content,.footer .footer-block__details-content a,.footer .footer-block__brand-info .rte{color:#121212}.footer .footer__newsletter .field{border-bottom:1px solid #121212;background:transparent}.footer .footer__newsletter .field:after,.footer .footer__newsletter .field:before{display:none}.footer .footer__newsletter .field__input{background:transparent;color:#121212;padding-left:0}.footer .footer__content-bottom-wrapper{border-top:1px solid #12121235;margin-top:3rem;padding-top:1rem}.footer .footer__copyright,.footer .footer__copyright a{color:#121212}@media(max-width:749px){.footer__content-top:has(.hop-footer-masthead){display:block}.hop-footer-masthead{font-size:14vw;margin-bottom:2rem}.footer__content-top:has(.hop-footer-masthead) .footer-block--newsletter{margin-bottom:2.5rem}.footer__content-top:has(.hop-footer-masthead) .footer__blocks-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));padding:2rem 0 0;border-left:0;border-top:1px solid #12121235;gap:1.5rem}.footer .footer__content-bottom-wrapper{margin-top:2rem}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/hop-storefront.css.map */