.nv-modes{--nv-out: cubic-bezier(.16, 1, .3, 1)}.nv-modes__grid{grid-template-columns:minmax(0,1fr);display:grid;gap:3.2rem;padding-top:clamp(5.6rem,10vw,9.6rem);padding-bottom:clamp(5.6rem,10vw,9.6rem)}.nv-modes__head{display:flex;flex-direction:column;gap:1.4rem}.nv-modes__scene{display:grid;gap:3.2rem;justify-items:center}.nv-modes__device{position:relative;height:min(64svh,60rem);aspect-ratio:1 / 2}.nv-modes__img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2.4rem 3rem rgba(var(--nv-ink-rgb),.12))}.nv-modes__mark{display:none}.nv-modes__panels{display:grid;gap:2.8rem;width:100%;max-width:56rem}.nv-modes__panel{display:flex;flex-direction:column;gap:.6rem}.nv-modes__name{margin:0;font-family:var(--nv-font-display);font-size:clamp(2.8rem,7vw,4.4rem);font-style:italic;font-weight:var(--nv-font-display-weight);line-height:1.05;color:var(--nv-ink)}.nv-modes__title{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:.02em;color:var(--nv-gold-text)}.nv-modes__text{font-size:1.5rem;line-height:1.55;color:var(--nv-text)}.nv-modes__text p{margin:.4rem 0 0}.nv-modes__tabs{display:none}.nv-motion .nv-modes[data-sticky] .nv-modes__grid{grid-template-areas:"head" "scene" "tabs";grid-template-rows:auto minmax(0,1fr) auto;gap:2rem;height:100%;padding-top:clamp(2.4rem,6svh,5.6rem);padding-bottom:clamp(2rem,4svh,4rem)}.nv-motion .nv-modes[data-sticky] .nv-modes__head{grid-area:head}.nv-motion .nv-modes[data-sticky] .nv-modes__scene{--cx: 26cqw;grid-area:scene;position:relative;display:block;container-type:size;min-height:30rem}.nv-motion .nv-modes[data-sticky] .nv-modes__device{position:absolute;top:0;left:calc(var(--cx) - 25cqh);height:100cqh;width:50cqh;aspect-ratio:auto}.nv-motion .nv-modes[data-sticky] .nv-modes__mark{position:absolute;top:var(--y);left:50.9%;display:block;width:0;height:0}.nv-modes__ring{position:absolute;top:0;left:0;width:14cqh;height:3.6cqh;border:.1rem solid var(--nv-gold);border-radius:var(--nv-radius-pill);background-color:#ffffff47;box-shadow:0 0 0 .5rem var(--nv-gold-faint);opacity:0;transform:translate(-50%,-50%) scale(.86);transition:opacity .5s var(--nv-out),transform .7s var(--nv-out)}.nv-modes__lead{position:absolute;top:0;left:7cqh;width:calc(8cqh + 1.2rem);height:.1rem;background-color:var(--nv-gold);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--nv-out)}.nv-modes__lead:after{content:"";position:absolute;top:-.25rem;right:-.3rem;width:.6rem;height:.6rem;border-radius:50%;background-color:var(--nv-gold)}.nv-modes__mark.is-active .nv-modes__ring{opacity:1;transform:translate(-50%,-50%)}.nv-modes__mark.is-active .nv-modes__lead{transform:scaleX(1);transition-delay:.18s}.nv-motion .nv-modes[data-sticky] .nv-modes__panels{position:absolute;top:60cqh;left:calc(var(--cx) + 15cqh + 1.6rem);right:0;display:grid;width:auto;max-width:36rem;transform:translateY(-50%)}.nv-motion .nv-modes[data-sticky] .nv-modes__panel{grid-area:1 / 1;opacity:0;transform:translateY(1.2rem);pointer-events:none;transition:opacity .45s var(--nv-out),transform .65s var(--nv-out)}.nv-motion .nv-modes[data-sticky] .nv-modes__panel.is-active{opacity:1;transform:none;pointer-events:auto;transition-delay:.22s}.nv-motion .nv-modes[data-sticky] .nv-modes__name{font-size:clamp(2.6rem,7cqw,4.8rem)}.nv-motion .nv-modes[data-sticky] .nv-modes__text{font-size:1.4rem}.nv-motion .nv-modes[data-sticky] .nv-modes__tabs,.nv-modes:not([data-sticky]) .nv-modes__tabs{grid-area:tabs;display:flex;justify-content:center;gap:.6rem}.nv-modes__tab{min-height:var(--nv-tap-target);padding:0 1.6rem;border:.1rem solid rgba(var(--nv-ink-rgb),.16);border-radius:var(--nv-radius-pill);background-color:transparent;font-family:var(--font-body-family);font-size:1.3rem;letter-spacing:.02em;color:var(--nv-ink);cursor:pointer;transition:background-color var(--nv-duration-base) var(--nv-ease),color var(--nv-duration-base) var(--nv-ease),border-color var(--nv-duration-base) var(--nv-ease)}.nv-modes__tab:hover{border-color:rgba(var(--nv-ink-rgb),.4)}.nv-modes__tab[aria-pressed=true]{border-color:var(--nv-ink);background-color:var(--nv-ink);color:var(--nv-ivory)}.nv-modes:not([data-sticky]) .nv-modes__panel:not(.is-active){display:none}@media screen and (min-width:750px){.nv-motion .nv-modes[data-sticky] .nv-modes__scene{--cx: 32cqw}.nv-motion .nv-modes[data-sticky] .nv-modes__text{font-size:1.5rem}}@media screen and (min-width:990px){.nv-modes__scene{grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;gap:6.4rem}.nv-motion .nv-modes[data-sticky] .nv-modes__grid{grid-template-areas:"head scene" "tabs scene";grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:1fr 1fr;column-gap:4rem;row-gap:3.2rem;padding-top:7vh;padding-bottom:7vh}.nv-motion .nv-modes[data-sticky] .nv-modes__head{align-self:end}.nv-motion .nv-modes[data-sticky] .nv-modes__tabs{align-self:start;justify-content:flex-start}.nv-motion .nv-modes[data-sticky] .nv-modes__scene{--cx: 30cqw}.nv-motion .nv-modes[data-sticky] .nv-modes__panels{max-width:38rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/nv-section-modes.css.map */