.oj-poster-wrapper{display:grid;width:100%;position:relative;overflow:hidden;background:linear-gradient(155deg,#d9c2bc,#c4a49c 45%,#a87c70);text-decoration:none;cursor:pointer}.oj-poster-media,.oj-poster-overlay,.oj-poster-frame-layer,.oj-poster-corner,.oj-poster-glyph,.oj-poster-content{grid-area:1 / 1}.oj-poster-media{width:100%}.oj-poster-img{width:100%;height:auto;object-fit:cover;display:block}.oj-poster-overlay{background:var(--overlay-color);opacity:var(--overlay-opacity);pointer-events:none;z-index:2;display:block!important}.oj-poster-frame-layer{position:relative;pointer-events:none;z-index:3}.oj-poster-frame{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:.5px solid rgba(255,255,255,.4);display:block!important}.oj-poster-corner{position:relative;z-index:4;align-self:start;justify-self:start;margin-top:20px;margin-left:20px;font-family:DM Mono,monospace;font-size:var(--corner-size-d, 8.5px);letter-spacing:.24em;text-transform:uppercase;color:#ffffffd9}.oj-poster-glyph{position:relative;z-index:3;align-self:start;justify-self:end;margin-top:-30px;margin-right:-10px;font-family:Cormorant Garamond,serif;font-size:220px;font-weight:300;font-style:italic;color:#ffffff1f;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none}.oj-poster-content{position:relative;z-index:4;align-self:end;padding:0 20px 20px}.oj-poster-eye{font-family:DM Mono,monospace;font-size:var(--eye-size-d, 9px);letter-spacing:.26em;text-transform:uppercase;color:#ffffffbf;margin-bottom:10px}.oj-poster-h{font-family:Cormorant Garamond,serif;font-size:var(--heading-size-d, 46px);font-weight:300;line-height:1;color:var(--text-color, #fff);margin-bottom:16px}.oj-poster-h em{font-style:italic;color:var(--accent-color, #fff)}.oj-poster-cta{display:inline-flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-color, #fff);border-bottom:.5px solid rgba(255,255,255,.6);padding-bottom:4px;transition:opacity .3s ease}.oj-poster-wrapper:hover .oj-poster-cta{opacity:.7}.oj-poster-cta svg{width:12px;height:12px}@media(max-width:749px){.oj-poster-corner{font-size:var(--corner-size-m, 8.5px)}.oj-poster-eye{font-size:var(--eye-size-m, 9px)}.oj-poster-h{font-size:var(--heading-size-m, 40px);margin-block-start:0}.oj-poster-h p{margin-block-start:0;margin-block-end:0}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/oj-poster-na.css.map */