.ocean-btn{border-radius:2px;letter-spacing:.14em}.ocean-head{margin-bottom:clamp(24px,4vw,48px)}.ocean-cmp{--pos:50%;--ar:4/5;position:relative;max-width:980px;margin-inline:auto}@media(min-width:800px){.ocean-cmp{--ar:16/10}}.ocean-cmp__stage{position:relative;aspect-ratio:var(--ar);overflow:hidden;border-radius:4px;background:var(--o-sand);touch-action:pan-y;user-select:none;-webkit-user-select:none}.ocean-cmp__layer{position:absolute;top:0;right:0;bottom:0;left:0}.ocean-cmp__layer img,.ocean-cmp__layer .ocean-ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.ocean-cmp__b{clip-path:inset(0 0 0 var(--pos))}.ocean-cmp__line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#f8faf8;box-shadow:0 0 12px #061b2c73;pointer-events:none;z-index:3}.ocean-cmp__knob{position:absolute;top:50%;left:var(--pos);width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#061b2c9e;border:1px solid #F8FAF8;color:#f8faf8;display:grid;place-items:center;z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .25s ease}.ocean-cmp__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;touch-action:pan-y;-webkit-appearance:none;appearance:none}.ocean-cmp:focus-within .ocean-cmp__knob{outline:2px solid var(--o-gold);outline-offset:3px;transform:scale(1.08)}.ocean-cmp__tag{position:absolute;bottom:16px;z-index:3;padding:6px 12px;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#f8faf8;background:#061b2c80;border-radius:2px;pointer-events:none}.ocean-cmp__tag--a{left:16px}.ocean-cmp__tag--b{right:16px}.ocean-cmp__hint{margin:14px 0 0;text-align:center;font-size:.85rem;color:var(--o-muted)}.ocean-scn{--dur:.7s}.ocean-scn__stage{position:relative;aspect-ratio:4/5;max-width:1100px;margin-inline:auto;overflow:hidden;border-radius:4px;background:var(--o-sand)}@media(min-width:800px){.ocean-scn__stage{aspect-ratio:16/10}}.ocean-scn__slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;visibility:hidden;transition:opacity var(--dur) ease,visibility 0s linear var(--dur)}.ocean-scn__slide.is-on{opacity:1;visibility:visible;transition:opacity var(--dur) ease}.ocean-scn__slide img,.ocean-scn__slide .ocean-ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ocean-scn__cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(48px,8vw,96px) clamp(20px,4vw,48px) clamp(20px,3vw,36px);color:#f8faf8;background:linear-gradient(180deg,transparent,rgba(6,27,44,.72))}.ocean-scn__cap strong{display:block;margin-bottom:.35rem;font-family:var(--o-serif,Georgia,serif);font-weight:400;font-size:clamp(1.3rem,3vw,2.1rem);line-height:1.15}.ocean-scn__cap span{display:block;max-width:52ch;font-size:clamp(.95rem,1.4vw,1.05rem);line-height:1.55;color:#f8faf8e6}.ocean-scn__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.ocean-scn__tab{min-height:48px;min-width:48px;padding:.6rem 1.3rem;border:1px solid var(--o-line);border-radius:2px;background:transparent;color:inherit;font:inherit;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.ocean-scn__tab:hover{border-color:var(--o-gold)}.ocean-scn__tab[aria-selected=true]{background:var(--o-ocean,#0B3854);border-color:var(--o-ocean,#0B3854);color:#f8faf8}.ocean-sec[data-palette=abyss] .ocean-scn__tab[aria-selected=true],.ocean-sec[data-palette=reef] .ocean-scn__tab[aria-selected=true]{background:var(--o-gold);border-color:var(--o-gold);color:#061b2c}.ocean-scn__tab:focus-visible{outline:2px solid var(--o-gold);outline-offset:3px}.ocean-scn--numbered .ocean-scn__tab{border-radius:50%;width:48px;padding:0;font-size:1rem;letter-spacing:0}html:not(.ocean-js) .ocean-scn__slide{position:relative;opacity:1;visibility:visible;aspect-ratio:4/5;margin-bottom:12px}html:not(.ocean-js) .ocean-scn__stage{aspect-ratio:auto}html:not(.ocean-js) .ocean-scn__tabs{display:none}@media(prefers-reduced-motion:reduce){.ocean-scn__slide,.ocean-scn__slide.is-on{transition:none}}.ocean-spots{max-width:640px;margin-inline:auto}.ocean-spots__stage{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:4px;background:var(--o-sand)}.ocean-spots__zoom{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:var(--ox,50%) var(--oy,50%);transition:transform .9s cubic-bezier(.2,.7,.2,1);transform:scale(var(--z,1))}.ocean-spots__zoom img,.ocean-spots__zoom .ocean-ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ocean-spots .ocean-hs{scale:var(--inv,1);transition:scale .9s cubic-bezier(.2,.7,.2,1),background-color .3s ease}.ocean-spots .ocean-hs-panel{display:flex;gap:16px;align-items:center;min-height:88px}.ocean-spots .ocean-hs-panel img{width:84px;height:84px;object-fit:cover;border-radius:4px;flex:none}.ocean-spots__reset{margin-top:12px;background:none;border:0;color:var(--o-muted);font:inherit;font-size:.82rem;text-decoration:underline;cursor:pointer;min-height:44px}@media(prefers-reduced-motion:reduce){.ocean-spots__zoom,.ocean-spots .ocean-hs{transition:none}}.ocean-look__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px}.ocean-look__card{display:grid;gap:24px;align-items:center;max-width:900px;margin-inline:auto}@media(min-width:760px){.ocean-look__card{grid-template-columns:1fr 1fr}}.ocean-look__card[hidden]{display:none}.ocean-look__img{aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:var(--o-sand)}.ocean-look__img img{width:100%;height:100%;object-fit:cover;animation:ocean-fade .6s ease}@keyframes ocean-fade{0%{opacity:0}to{opacity:1}}.ocean-look__t{margin:0 0 .4rem;font-family:var(--o-serif,Georgia,serif);font-weight:400;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15}.ocean-look__pr{margin:0 0 1.2rem;color:var(--o-muted)}.ocean-look__actions{display:flex;flex-wrap:wrap;gap:12px}.ocean-look__actions form{margin:0}@media(prefers-reduced-motion:reduce){.ocean-look__img img{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ocean-interactive.css.map */