.okl-section{display:block;margin-block:4rem}.okl-section--flush{margin-block:0 4rem}@media screen and (min-width:990px){.okl-section{margin-block:6.4rem}.okl-section--flush{margin-block:0 6.4rem}}.okl-hero{position:relative;display:grid;isolation:isolate;overflow:hidden;background:var(--okl-surface);color:var(--okl-ink)}.okl-hero[data-scheme=light]{color:var(--okl-white)}.okl-hero--sm .okl-hero__media{aspect-ratio:4 / 5}.okl-hero--md .okl-hero__media{aspect-ratio:3 / 4}.okl-hero--lg .okl-hero__media{aspect-ratio:9 / 14}@media screen and (min-width:750px){.okl-hero--sm .okl-hero__media{aspect-ratio:21 / 9}.okl-hero--md .okl-hero__media{aspect-ratio:16 / 9}.okl-hero--lg .okl-hero__media{aspect-ratio:16 / 8}}.okl-hero__media,.okl-hero__scrim,.okl-hero__inner{grid-area:1 / 1}.okl-hero__media{width:100%}.okl-hero__img{display:block;width:100%;height:100%;object-fit:cover}.okl-hero__img--desktop{display:none}.okl-hero__img--mobile{display:block}.okl-hero__img--desktop:only-child{display:block}@media screen and (min-width:750px){.okl-hero__img--desktop{display:block}.okl-hero__img--mobile{display:none}}.okl-hero__scrim{z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,var(--scrim, .45)) 0% 18%,rgba(0,0,0,calc(var(--scrim, .45) * .5)) 48%,#0000 80%)}.okl-hero--center .okl-hero__scrim{background:rgba(0,0,0,var(--scrim, .3))}.okl-hero__inner{z-index:2;display:flex;padding-block:3.2rem}.okl-hero--bottom-left .okl-hero__inner{align-items:flex-end;justify-content:flex-start}.okl-hero--bottom-center .okl-hero__inner{align-items:flex-end;justify-content:center}.okl-hero--center .okl-hero__inner{align-items:center;justify-content:center}.okl-hero__content{max-width:min(100%,68rem)}.okl-hero--bottom-center .okl-hero__content,.okl-hero--center .okl-hero__content{text-align:center}.okl-hero__eyebrow{text-transform:uppercase;opacity:.92}.okl-hero[data-scheme=light] .okl-hero__eyebrow,.okl-hero[data-scheme=light] .okl-hero__text{text-shadow:0 0 12px rgba(0,0,0,.55)}.okl-hero[data-scheme=light] .okl-hero__heading{color:var(--okl-white)}.okl-hero:not([data-scheme=light]) .okl-hero__heading{color:var(--okl-ink)}.okl-hero__heading{margin:0 0 1.2rem;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.okl-hero__heading--md{font-size:clamp(2.8rem,6.5vw,4.8rem)}.okl-hero__heading--lg{font-size:clamp(3.4rem,8.4vw,7.2rem)}.okl-hero__text{margin:0 0 2rem;font-size:1.6rem;line-height:1.5;max-width:46ch}.okl-hero--bottom-center .okl-hero__text,.okl-hero--center .okl-hero__text{margin-inline:auto}.okl-hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.okl-hero--bottom-center .okl-hero__actions,.okl-hero--center .okl-hero__actions{justify-content:center}.okl-btn--ghost{background:#00000047;border-color:#ffffffb3;color:var(--okl-white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(hover:hover)and (pointer:fine){.okl-btn--ghost:hover{background:#ffffff29;border-color:var(--okl-white)}}.okl-rail__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.6rem;margin-bottom:1.6rem}.okl-rail__eyebrow{color:var(--okl-muted);text-transform:uppercase;margin-bottom:.4rem}.okl-rail__heading,.okl-tiles__heading{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}@media screen and (min-width:750px){.okl-rail__heading,.okl-tiles__heading{font-size:2.2rem}}.okl-rail__more{flex-shrink:0;color:var(--okl-ink);font-size:1.4rem;text-decoration:underline;text-underline-offset:.3rem;white-space:nowrap}.okl-rail{display:flex;gap:1.2rem;margin:0;padding:0 var(--okl-gutter) .4rem;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--okl-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media screen and (min-width:990px){.okl-rail{gap:1.6rem;padding-inline:max(var(--okl-gutter),calc((100vw - var(--page-width) + 10rem) / 2));scroll-padding-left:max(var(--okl-gutter),calc((100vw - var(--page-width) + 10rem) / 2))}}.okl-rail:focus-visible{outline:2px solid var(--okl-ink);outline-offset:2px}.okl-rail__item{flex:0 0 auto;width:61vw;max-width:28rem;scroll-snap-align:start}@media screen and (min-width:750px){.okl-rail__item{width:32vw}}@media screen and (min-width:990px){.okl-rail__item{width:24rem}}.okl-rail__endcard{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:1.2rem;height:100%;min-height:24rem;padding:2rem;background:var(--okl-surface);color:var(--okl-ink);font-size:1.5rem;font-weight:600;text-decoration:none;transition:background-color var(--okl-hover) ease}.okl-rail__endcard svg{width:2.4rem;height:2.4rem}@media(hover:hover)and (pointer:fine){.okl-rail__endcard:hover{background:#ebebeb}}.okl-rail__empty{padding:3rem 0;color:var(--okl-muted)}.okl-tiles__head{display:flex;align-items:flex-end;justify-content:space-between;gap:1.6rem;margin-bottom:1.6rem}.okl-tiles{display:grid;gap:1.2rem;margin:0;padding:0;list-style:none;grid-template-columns:repeat(2,minmax(0,1fr))}.okl-tiles>.okl-tile:only-child{grid-column:1 / -1}@media screen and (min-width:750px){.okl-tiles{gap:1.6rem}.okl-tiles--2{grid-template-columns:repeat(2,minmax(0,1fr))}.okl-tiles--3{grid-template-columns:repeat(3,minmax(0,1fr))}.okl-tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.okl-tile{position:relative;min-width:0}.okl-tile__link{display:block;color:inherit;text-decoration:none}.okl-tile__link:focus-visible{outline:2px solid var(--okl-ink);outline-offset:3px}.okl-tile__media{position:relative;display:block;overflow:hidden;background:var(--okl-surface)}.okl-tiles--square .okl-tile__media{aspect-ratio:1 / 1}.okl-tiles--portrait .okl-tile__media{aspect-ratio:3 / 4}.okl-tiles--landscape .okl-tile__media{aspect-ratio:4 / 3}.okl-tile__img,.okl-tile__placeholder svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--okl-panel) var(--okl-ease-out)}@media(hover:hover)and (pointer:fine){.okl-tile__link:hover .okl-tile__img{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.okl-tile__img{transition:none}.okl-tile__link:hover .okl-tile__img{transform:none}}.okl-tile__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000001a 45%,#0000 70%);pointer-events:none}.okl-tiles--overlay .okl-tile__body{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding:1.6rem;color:var(--okl-white)}@media screen and (min-width:750px){.okl-tiles--overlay .okl-tile__body{padding:2.4rem}}.okl-tiles--below .okl-tile__body{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding-top:1.2rem;color:var(--okl-ink)}.okl-tile__eyebrow{font-size:1.2rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.9}.okl-tiles--below .okl-tile__eyebrow{color:var(--okl-muted);opacity:1}.okl-tile__heading{font-size:1.8rem;font-weight:700;line-height:1.2;letter-spacing:-.01em}.okl-tiles--overlay .okl-tile__heading{font-size:clamp(2rem,4vw,3.2rem);text-transform:uppercase;line-height:1}.okl-tile__cta{margin-top:.6rem;pointer-events:none}.okl-tiles--below .okl-tile__cta{background:var(--okl-black);color:var(--okl-white);border-color:var(--okl-black)}.okl-hero--sin-imagen{min-height:34rem;background:var(--okl-surface);color:var(--okl-ink)}.okl-hero--sin-imagen .okl-hero__inner{padding-block:4.8rem}.okl-hero--sin-imagen .okl-hero__eyebrow{color:var(--okl-muted)}.okl-w-full{max-width:none}@media screen and (max-width:749px){.okl-tiles>.okl-tile:last-child:nth-child(odd){grid-column:1 / -1}.okl-tiles--portrait>.okl-tile:last-child:nth-child(odd) .okl-tile__media,.okl-tiles--square>.okl-tile:last-child:nth-child(odd) .okl-tile__media{aspect-ratio:3 / 2}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/okl-home.css.map */