.rj-code-hero{background:var(--rj-color-bg);padding:clamp(20px,2.96vh,32px) var(--rj-gutter) clamp(72px,14.8vh,160px);display:flex;flex-direction:column;align-items:center;border-bottom:1px dashed var(--rj-color-cream-15)}@media screen and (min-width:750px){.rj-code-hero{height:calc(100vh - var(--rj-header-h))}}.rj-code-hero__media{flex:1 1 auto;min-height:0;display:flex;justify-content:center;gap:16px;width:100%;max-width:min(1254px,92vw)}.rj-code-hero__frame{position:relative;flex:0 1 auto;aspect-ratio:619 / 683;max-width:calc((100% - 16px)/2);overflow:hidden}.rj-code-hero__img{width:100%;height:100%;object-fit:cover;display:block}.rj-code-hero__titles{flex:0 0 auto;margin-top:clamp(40px,7.4vh,80px);display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}.rj-code-hero__eyebrow{color:var(--rj-color-cream-60);margin:0}.rj-code-hero__title{font-size:var(--rj-text-100);line-height:.9;color:var(--rj-color-cream)}@media screen and (max-width:749px){.rj-code-hero{padding-bottom:72px}.rj-code-hero__media{flex:0 0 auto;width:calc(100% - var(--rj-gutter) * 2);max-width:none;gap:8px}.rj-code-hero__frame{flex:1 1 0;max-width:none}.rj-code-hero__titles{margin-top:40px;gap:20px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/rj-code-hero.css.map */
