.rj-hp-codes{background:var(--rj-color-cream);--rj-hp-media-h: min(36.93vw, 55vh);--rj-hp-media-w: calc(var(--rj-hp-media-h) * 626 / 709)}@media screen and (min-width:990px)and (prefers-reduced-motion:no-preference){.rj-hp-codes{height:690vh;margin-bottom:-100vh}.rj-hp-codes__viewport{position:sticky;top:0;height:100vh;overflow:hidden}.rj-hp-codes__track{display:flex;height:100%;will-change:transform}.rj-hp-codes__panel{flex:0 0 100vw}.rj-hp-codes__card{flex:0 0 848px}}.rj-hp-codes__panel{position:relative;background:var(--rj-color-cream);overflow:hidden;transition:background-color .8s ease}.rj-hp-codes.is-expanded .rj-hp-codes__panel{background:var(--rj-color-bg)}.rj-hp-codes__story{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(0);transition:opacity .9s cubic-bezier(.22,.61,.36,1),filter .9s cubic-bezier(.22,.61,.36,1);pointer-events:none}.rj-hp-codes.is-expanding .rj-hp-codes__story{opacity:0;filter:blur(14px)}.rj-hp-codes__story-heading{position:absolute;top:12.4vh;left:50%;transform:translate(-50%);width:min(1223px,88vw);display:flex;align-items:center;justify-content:center;font-size:clamp(50px,4.167vw,80px);line-height:.9;color:var(--rj-color-oxblood);text-align:center;margin:0}.rj-hp-codes__story-number,.rj-hp-codes__story-quote{position:absolute;top:57%;font-family:var(--rj-font);font-size:var(--rj-text-14);font-weight:600;line-height:20px;letter-spacing:var(--rj-tracking-label);text-transform:uppercase;color:var(--rj-color-oxblood);margin:0}.rj-hp-codes__story-number{left:var(--rj-gutter)}.rj-hp-codes__story-quote{right:var(--rj-gutter);font-size:var(--rj-text-16);line-height:22px;white-space:nowrap;text-align:right}.rj-hp-codes__media-layer{position:absolute;bottom:0;left:0;right:0;margin-inline:auto;width:var(--rj-hp-media-w);height:var(--rj-hp-media-h);overflow:hidden;translate:0 0}.rj-hp-codes__morph{background:var(--rj-color-bg)}.rj-hp-codes__morph-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen}.rj-hp-codes__morph-still{display:none}@media(prefers-reduced-motion:reduce){.rj-hp-codes__morph-video{display:none}.rj-hp-codes__morph-still{display:block}}.rj-hp-codes__opening-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .9s cubic-bezier(.22,.61,.36,1),filter .9s cubic-bezier(.22,.61,.36,1)}.rj-hp-codes.is-video .rj-hp-codes__opening-img{opacity:0;filter:blur(14px)}.rj-hp-codes__morph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--rj-color-bg);opacity:0;transition:opacity .9s ease;pointer-events:none}.rj-hp-codes.is-intro .rj-hp-codes__morph:after{opacity:var(--rj-codes-intro-scrim, .35)}.rj-hp-codes__intro-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--rj-text-48);line-height:1.21;color:var(--rj-color-cream);text-align:center;margin:0;opacity:0;filter:blur(14px);transition:opacity .9s ease,filter .9s ease;z-index:2}.rj-hp-codes.is-intro .rj-hp-codes__intro-title{opacity:1;filter:blur(0)}.rj-hp-codes__card{background:var(--rj-color-bg);border-left:1px dashed var(--rj-color-cream-15)}.rj-hp-codes__card-link{display:flex;flex-direction:column;align-items:center;gap:48px;padding:calc(var(--rj-header-h) + 24px) 48px 48px;text-decoration:none;height:100%;box-sizing:border-box;justify-content:center}.rj-hp-codes__numeral{font-size:clamp(20px,1.667vw,32px);line-height:1.19;color:#f5e8d380}.rj-hp-codes__card-media{position:relative;width:min(100%,calc((100vh - var(--rj-header-h) - 300px) * 752 / 644));aspect-ratio:752 / 644;overflow:hidden}.rj-hp-codes__card-img{width:100%;height:100%;object-fit:cover;display:block}.rj-hp-codes__pill{position:absolute;bottom:6%;left:50%;transform:translate(-50%);display:inline-flex;width:max-content;color:var(--rj-color-cream)}.rj-hp-codes__pill-label{display:inline-flex;align-items:center;padding:12px 16px;border:1px solid var(--rj-color-warm);border-right:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-family:var(--rj-font);font-size:var(--rj-text-13);font-weight:600;line-height:14px;letter-spacing:var(--rj-tracking-label);text-transform:uppercase;white-space:nowrap;transition:background-color .5s ease,color .5s ease}.rj-hp-codes__pill-arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;border:1px solid var(--rj-color-warm);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:background-color .5s ease,color .5s ease}.rj-hp-codes__pill:hover .rj-hp-codes__pill-label,.rj-hp-codes__pill:hover .rj-hp-codes__pill-arrow{background:var(--rj-color-warm);color:var(--rj-color-oxblood)}.rj-hp-codes__pill-arrow svg{width:7px;height:11px}.rj-hp-codes__card-label{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.rj-hp-codes__eyebrow{color:var(--rj-color-cream-60)}.rj-hp-codes__name{font-size:var(--rj-text-64);line-height:1.2;color:var(--rj-color-cream)}@media screen and (max-width:989px),(prefers-reduced-motion:reduce){.rj-hp-codes__track{display:flex;flex-direction:column;transform:none!important}.rj-hp-codes__panel{display:flex;flex-direction:column;align-items:center}.rj-hp-codes__story{position:static;opacity:1;filter:none;pointer-events:auto;display:grid;grid-template-columns:auto 1fr;column-gap:12px;justify-items:center;padding:64px var(--rj-gutter) 0;width:100%}.rj-hp-codes__story-heading,.rj-hp-codes__story-number,.rj-hp-codes__story-quote{position:static;transform:none;width:auto;text-align:center}.rj-hp-codes__story-heading{grid-column:1 / -1}.rj-hp-codes__story-number{grid-column:1;justify-self:start}.rj-hp-codes__story-quote{grid-column:2;justify-self:end;text-align:right}.rj-hp-codes__story-number,.rj-hp-codes__story-quote{margin-top:40px}.rj-hp-codes__media-layer.rj-hp-codes__morph{position:static;transform:none;translate:none;width:calc(100% - (var(--rj-gutter) * 2))!important;height:auto!important;aspect-ratio:8 / 9;margin-top:32px}.rj-hp-codes__morph-img{position:static}.rj-hp-codes__opening-img{display:none}.rj-hp-codes__intro-title{position:static;transform:none;opacity:1;filter:none;background:var(--rj-color-bg);width:100%;padding:80px var(--rj-gutter);margin-top:64px}.rj-hp-codes__card{border-left:none;border-top:1px dashed var(--rj-color-cream-15)}.rj-hp-codes__card-link{padding:64px var(--rj-gutter);gap:32px}.rj-hp-codes__card-media{width:100%}}@media screen and (max-width:749px){.rj-hp-codes__story-heading{font-size:clamp(30px,10vw,50px)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/rj-hp-codes.css.map */