.okre-pot-series-section{--okrep-ink: #1a1a17;--okrep-bone: #f3ede1;--okrep-background: #faf7f0;--okrep-stone: #8a8378;--okrep-ochre: #c98a2c;--okrep-font-serif: Georgia, "Times New Roman", serif;--okrep-font-mono: "Courier New", monospace;background:var(--okrep-background);color:var(--okrep-ink);-webkit-font-smoothing:antialiased}.okre-pot-series-section *,.okre-pot-series-section *:before,.okre-pot-series-section *:after{box-sizing:border-box}.okre-pot-series-section img{max-width:100%;display:block}.okre-pot-series-section a{color:inherit;text-decoration:none}.okre-pot-series-section .okre-pot-eyebrow{font-family:var(--okrep-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.18em}.okre-pot-series-section .okre-pot-rule{height:1px;background:currentColor;opacity:.25}.okre-pot-series-section .okre-pot-wrap{max-width:1600px;margin:0 auto;padding:0 24px}@media(min-width:768px){.okre-pot-series-section .okre-pot-wrap{padding:0 40px}}.okre-pot-series-section .okre-pot-divider{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:64px 24px}@media(min-width:768px){.okre-pot-series-section .okre-pot-divider{padding:96px 40px}}.okre-pot-series-section .okre-pot-divider .okre-pot-rule{flex:1}.okre-pot-series-section .okre-pot-divider__center{text-align:center}.okre-pot-series-section .okre-pot-divider__center h2{margin-top:8px;font-size:1.875rem;line-height:1;font-weight:700}@media(min-width:768px){.okre-pot-series-section .okre-pot-divider__center h2{font-size:3rem}}.okre-pot-series-section .okre-pot-series{padding:0 0 96px}@media(min-width:768px){.okre-pot-series-section .okre-pot-series{padding-bottom:128px}}.okre-pot-series-section .okre-pot-series__lead{max-width:32rem;font-size:1rem;color:#1a1a1799;margin-bottom:48px}@media(min-width:768px){.okre-pot-series-section .okre-pot-series__lead{font-size:1.125rem}}.okre-pot-series-section .okre-pot-series__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:768px){.okre-pot-series-section .okre-pot-series__grid{grid-template-columns:repeat(4,1fr);gap:16px}}.okre-pot-series-section .okre-pot-series__card{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--okrep-ink)}.okre-pot-series-section .okre-pot-series__card img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s}.okre-pot-series-section .okre-pot-series__card:hover img{transform:scale(1.05);filter:brightness(.3)}.okre-pot-series-section .okre-pot-series__card:focus{outline:none}.okre-pot-series-section .okre-pot-series__card:focus-visible{outline:2px solid var(--okrep-ochre);outline-offset:3px;z-index:1}.okre-pot-series-section .okre-pot-series__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(26,26,23,.6),rgba(26,26,23,.1) 60%,transparent);transition:background .7s}.okre-pot-series-section .okre-pot-series__card:hover .okre-pot-series__overlay{background:linear-gradient(to top,rgba(26,26,23,.85),rgba(26,26,23,.2) 60%,transparent)}.okre-pot-series-section .okre-pot-series__body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:var(--okrep-bone)}@media(min-width:768px){.okre-pot-series-section .okre-pot-series__body{padding:24px}}.okre-pot-series-section .okre-pot-series__top{display:flex;align-items:center;justify-content:space-between}.okre-pot-series-section .okre-pot-series__top svg{opacity:.8}.okre-pot-series-section .okre-pot-series__arrow{opacity:0;transition:opacity .5s}.okre-pot-series-section .okre-pot-series__card:hover .okre-pot-series__arrow{opacity:1}.okre-pot-series-section .okre-pot-series__body>div:last-child{flex:1;display:flex;flex-direction:column}.okre-pot-series-section .okre-pot-series__body h3{font-size:2.15rem;line-height:1;font-weight:700;margin:auto 0}@media(min-width:768px){.okre-pot-series-section .okre-pot-series__body h3{font-size:2.6rem}}.okre-pot-series-section .okre-pot-series__body p{margin-top:12px;max-width:26ch;font-size:.875rem;line-height:1.5;opacity:0;transition:opacity .5s}.okre-pot-series-section .okre-pot-series__card:hover .okre-pot-series__body p{opacity:.9}@media(max-width:767px){.okre-pot-series-section .okre-pot-series__body h3{font-size:1.35rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/okre-pot-series.css.map */