.oph-at__row{display:flex;gap:12px;margin:0 -16px;padding:4px 16px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.oph-at__row::-webkit-scrollbar{display:none}.oph-at__step{flex:0 0 78vw;max-width:340px;scroll-snap-align:start}.oph-at__ph{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:var(--oph-mist)}.oph-at__ph img,.oph-at__ph video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.oph-at__empty,.oph-ww__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(160deg,#f7f6f4,#ebd2d1);color:var(--oph-grey);font-size:12px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;text-align:center}.oph-at__n{position:absolute;left:12px;top:12px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;font-family:var(--oph-serif);font-size:18px;color:var(--oph-ink)}.oph-at__t{font-family:var(--oph-serif);font-size:24px;line-height:28px;font-weight:500;margin:12px 0 4px}.oph-at__x{font-size:14px;line-height:20px;color:var(--oph-grey);margin:0}.oph-ww__row{display:grid;gap:26px;margin-top:18px}.oph-ww__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.oph-ww__ph{position:relative;display:block;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:var(--oph-mist)}.oph-ww__ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 14%}.oph-ww__tag{position:absolute;left:8px;bottom:8px;padding:5px 9px;border-radius:999px;background:#fffffff0;font-size:10.5px;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:var(--oph-ink)}.oph-ww__cap{grid-column:1/-1;margin:2px 0 0;font-size:13.5px;line-height:19px;color:var(--oph-grey)}.oph-ww__cap b{font-family:var(--oph-serif);font-size:19px;font-weight:500;color:var(--oph-ink)}.oph-seo{padding-top:28px;padding-bottom:40px}.oph-seo__h{font-family:var(--oph-sans);font-size:12px;letter-spacing:.16em;font-weight:700;text-transform:uppercase;color:var(--oph-grey);margin:0 0 10px}.oph-seo__t{max-width:760px;font-size:13.5px;line-height:20px;color:var(--oph-grey)}.oph .oph-seo__t p{margin:0 0 8px}.oph-reas--4{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:768px){.oph-at__row{margin:0;padding:0;overflow:visible;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.oph-at__step{flex:none;max-width:none}.oph-ww__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.oph-reas--4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1100px){.oph-at__row--5{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.oph-at__row--5 .oph-at__t{font-size:22px;line-height:26px}}.oph-box{padding-top:10px;padding-bottom:10px}.oph-box__in{display:grid;gap:14px;padding:14px;border-radius:20px;background:var(--oph-pearl)}.oph-box__ph{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--oph-mist)}.oph-box__ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.oph-box__h{font-family:var(--oph-serif);font-size:26px;line-height:1.1;margin:4px 0 8px}.oph-box__h em{font-style:italic}.oph-box__t .oph-sub{margin:0 0 12px}.oph-pdp__box{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;border-radius:12px;background:var(--oph-blush);font-size:13px;line-height:18px;color:var(--oph-ink)}@media(min-width:768px){.oph-box__in{grid-template-columns:420px minmax(0,1fr);align-items:center;gap:32px;padding:22px}.oph-box__h{font-size:34px}}.oph-rail__nav{display:none;gap:6px;margin-left:auto}.oph-rail__btn{width:38px;height:38px;border-radius:999px;border:1px solid var(--oph-line);background:#fff;color:var(--oph-ink);font-size:16px;cursor:pointer;transition:background .2s ease,color .2s ease}.oph-rail__btn:hover{background:var(--oph-ink);color:#fff}.oph-rail__btn[disabled]{opacity:.35;cursor:default}.oph-ww__row--rail{display:flex;gap:14px;margin:18px -16px 0;padding:0 16px 6px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}.oph-ww__row--rail::-webkit-scrollbar{display:none}.oph-ww__row--rail .oph-ww__pair{flex:none;width:min(88vw,520px);scroll-snap-align:start}.oph-ww__more{margin:14px 0 0;text-align:center}@media(min-width:768px){.oph-rail__nav{display:inline-flex}.oph-ww__row--rail{margin:18px 0 0;padding:0 0 6px;gap:24px}.oph-ww__row--rail .oph-ww__pair{width:calc((100% - 24px)/2)}}.oph-ww__hint{margin:-6px 0 12px;font-size:13px;line-height:18px;color:var(--oph-grey)}.oph-ww__row--slider{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:18px}.oph-ww__pair--slider{display:block}.oph-cmp{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:var(--oph-mist);touch-action:pan-y;user-select:none;-webkit-user-select:none}.oph-cmp__a,.oph-cmp__b{position:absolute;top:0;right:0;bottom:0;left:0}.oph-cmp img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 14%}.oph-cmp__b{clip-path:inset(0 0 0 var(--p,50%))}.oph-cmp .oph-cmp__ta{left:8px;right:auto;bottom:8px}.oph-cmp .oph-cmp__tb{left:auto;right:8px;bottom:8px}.oph-cmp__bar{position:absolute;top:0;bottom:0;left:var(--p,50%);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px #1d1c1e14;pointer-events:none}.oph-cmp__knob{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--oph-ink);box-shadow:0 4px 14px #1d1c1e2e;transform:translate(-50%,-50%)}.oph-cmp__r{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}.oph-cmp__r::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:44px}.oph-cmp__r::-moz-range-thumb{width:44px;height:44px;border:0}.oph-cmp:has(.oph-cmp__r:focus-visible){outline:2px solid var(--oph-ink);outline-offset:3px}.oph-ww--slider .oph-ww__cap{margin-top:8px}.oph-ww--slider .oph-ww__cap a{color:var(--oph-ink);text-decoration:underline;text-underline-offset:3px}@media(min-width:768px){.oph-ww__row--slider{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}@media(min-width:1100px){.oph-ww__row--slider{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}.oph-story__grid{display:grid;gap:22px}.oph-story__lead{font-family:var(--oph-serif);font-size:22px;line-height:1.35;color:var(--oph-ink);margin:14px 0 0}.oph-story__body{max-width:60ch;font-size:16px;line-height:27px;color:var(--oph-grey)}.oph .oph-story__body p{margin:0 0 18px}.oph .oph-story__body p:last-child{margin:0}.oph .oph-story__body strong{color:var(--oph-ink);font-weight:600}.oph-story__facts{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}.oph-story__facts li{padding:16px 18px;border-radius:16px;background:var(--oph-pearl)}.oph-story__facts b{display:block;font-family:var(--oph-serif);font-size:20px;line-height:24px;font-weight:500;color:var(--oph-ink);margin-bottom:5px}.oph-story__facts span{font-size:14px;line-height:21px;color:var(--oph-grey)}.oph-story__cta{margin:22px 0 0}.oph-story--center .oph-story__grid{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.oph-story--center .oph-kick{justify-content:center}.oph-story--center .oph-kick:before{display:none}.oph-story--center .oph-story__head{max-width:640px}.oph-story--center .oph-story__lead{margin-top:10px}.oph-story--center .oph-story__body{margin:0 auto}.oph-story--center .oph-story__cta{text-align:center}@media(min-width:768px){.oph-story__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}.oph-story__lead{font-size:27px}.oph-story__body{font-size:17px;line-height:30px;padding-top:8px}.oph-story__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}.oph-story__facts li{padding:22px}.oph-story__facts span{line-height:22px}.oph-story__cta{margin-top:26px}.oph-story--center .oph-story__grid{grid-template-columns:minmax(0,1fr)}}@keyframes oph-cmp-nudge{0%,to{transform:translate(-50%,-50%)}30%{transform:translate(calc(-50% - 7px),-50%)}60%{transform:translate(calc(-50% + 7px),-50%)}}.oph-cmp:not(.is-touched) .oph-cmp__knob{animation:oph-cmp-nudge 2.2s ease-in-out 3.2s infinite}.oph-cmp__bar,.oph-cmp__b{transition:none}@media(prefers-reduced-motion:reduce){.oph-cmp .oph-cmp__knob{animation:none}}@media(max-width:767px){.oph-ww__row--slider{gap:22px}.oph-ww__hint{margin-top:-2px}.oph-story__facts li{padding:14px 16px}.oph-story__facts b{font-size:18px;line-height:22px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/ophair-home.css.map */