.nv-problem{--nv-out: cubic-bezier(.16, 1, .3, 1)}.nv-problem__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-problem__text{display:grid;gap:2.4rem;align-content:start}.nv-problem__head,.nv-problem__solution-head,.nv-problem__solution-body{display:flex;flex-direction:column;gap:1.4rem}.nv-problem__solution-body{align-items:flex-start}.nv-problem__list{display:grid;gap:1.8rem;margin:0;padding:0;list-style:none}.nv-problem__item{display:grid;grid-template-columns:auto 1fr;column-gap:1.4rem;align-items:baseline;align-content:start}.nv-problem__count{grid-row:span 2;font-size:1.2rem;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--nv-gold-text)}.nv-problem__item-title{margin:0;font-family:var(--nv-font-display);font-size:clamp(2.2rem,5.6vw,3rem);font-weight:var(--nv-font-display-weight);line-height:1.15;color:var(--nv-ink)}.nv-problem__item-text{margin:.4rem 0 0;max-width:40ch;font-size:1.5rem;line-height:1.55;color:var(--nv-text)}@media screen and (max-width:989px){.nv-problem__text{display:contents}.nv-problem__head{order:1}.nv-problem__list{order:2}.nv-problem__frame{order:3}.nv-problem__solution-head{order:4}.nv-problem__solution-body{order:5}}.nv-problem__frame{position:relative;width:100%;max-width:64rem;margin:0 auto;aspect-ratio:1;border-radius:var(--nv-radius-l);overflow:hidden;background-color:var(--nv-sand);box-shadow:0 2.4rem 5rem rgba(var(--nv-ink-rgb),.08)}.nv-problem__photo,.nv-problem__photo img,.nv-problem__photo .nv-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.nv-problem__zoom{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:var(--seg-origin, 50% 45%);transition:transform 1.4s var(--nv-out),transform-origin 1.4s var(--nv-out)}.nv-problem__veil{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--nv-cream);opacity:0;transition:opacity .9s var(--nv-out)}.nv-problem__spot{position:absolute;top:var(--y);left:var(--x);display:flex;align-items:center;gap:.8rem;transform:translate(-.7rem,-50%);transition:opacity .6s var(--nv-out),transform .7s var(--nv-out)}.nv-problem__spot--left{flex-direction:row-reverse;transform:translate(calc(-100% + .7rem),-50%)}.nv-problem__dot{position:relative;flex-shrink:0;width:1.4rem;height:1.4rem;border-radius:50%;background-color:var(--nv-ivory);box-shadow:0 0 0 .1rem var(--nv-gold),0 .2rem .8rem rgba(var(--nv-ink-rgb),.25)}.nv-problem__dot:after{content:"";position:absolute;top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem;border-radius:50%;border:.1rem solid var(--nv-ivory);opacity:0}.nv-problem__tag{padding:.5rem 1.1rem;border-radius:var(--nv-radius-pill);background-color:#fbf8f3eb;box-shadow:0 .4rem 1.2rem rgba(var(--nv-ink-rgb),.12);font-size:1.2rem;font-weight:500;letter-spacing:.02em;white-space:nowrap;color:var(--nv-ink);transition:opacity .5s var(--nv-out)}.nv-problem__device{position:absolute;right:2%;bottom:4%;height:74%;display:none;rotate:-32deg;transform-origin:50% 85%}.nv-problem__device img{width:auto;height:100%;filter:drop-shadow(0 .6rem .8rem rgba(var(--nv-ink-rgb),.16)) drop-shadow(-1.6rem 2.4rem 2.4rem rgba(var(--nv-ink-rgb),.14))}.nv-motion .nv-problem[data-sticky] .nv-problem__grid{grid-template-areas:"head" "frame" "caption";grid-template-rows:auto auto auto;align-content:center;gap:1.6rem;height:100%;padding-top:clamp(2rem,4svh,5.6rem);padding-bottom:clamp(1.6rem,3svh,4.8rem)}.nv-motion .nv-problem[data-sticky] .nv-problem__text{display:contents}.nv-motion .nv-problem[data-sticky] .nv-problem__head,.nv-motion .nv-problem[data-sticky] .nv-problem__solution-head{grid-area:head}.nv-motion .nv-problem[data-sticky] .nv-problem__list,.nv-motion .nv-problem[data-sticky] .nv-problem__solution-body{grid-area:caption}.nv-motion .nv-problem[data-sticky] .nv-problem__list{display:grid}.nv-motion .nv-problem[data-sticky] .nv-problem__item{grid-area:1 / 1}.nv-motion .nv-problem[data-sticky] .nv-problem__frame{grid-area:frame;--nv-frame: min( calc(100vw - 3rem) , calc(100svh - 40rem) , 64rem);justify-self:center;width:var(--nv-frame);height:var(--nv-frame);aspect-ratio:auto}.nv-motion .nv-problem[data-sticky] .nv-problem__device{display:block}.nv-motion .nv-problem[data-sticky] .nv-problem__item,.nv-motion .nv-problem[data-sticky] .nv-problem__solution-head,.nv-motion .nv-problem[data-sticky] .nv-problem__solution-body{opacity:0;transform:translateY(1.4rem);pointer-events:none;transition:opacity .5s var(--nv-out),transform .7s var(--nv-out)}.nv-motion .nv-problem[data-sticky] .nv-problem__item.is-active,.nv-motion .nv-problem[data-sticky] .nv-problem__solution-head.is-active,.nv-motion .nv-problem[data-sticky] .nv-problem__solution-body.is-active{opacity:1;transform:none;pointer-events:auto;transition-delay:.12s}.nv-motion .nv-problem[data-sticky] .nv-problem__head{transition:opacity .5s var(--nv-out),transform .7s var(--nv-out)}.nv-motion .nv-problem[data-sticky][data-last] .nv-problem__head{opacity:0;transform:translateY(-1.4rem)}.nv-motion .nv-problem[data-sticky] .nv-problem__spot{opacity:0}.nv-motion .nv-problem[data-sticky] .nv-problem__spot.is-active,.nv-motion .nv-problem[data-sticky] .nv-problem__spot.is-past{opacity:1}.nv-motion .nv-problem[data-sticky] .nv-problem__spot.is-past .nv-problem__tag{opacity:.6}.nv-motion .nv-problem[data-sticky] .nv-problem__spot.is-active .nv-problem__dot:after{animation:nv-spot-ring 1.4s var(--nv-out) 1}@keyframes nv-spot-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.nv-motion .nv-problem[data-sticky][data-last] .nv-problem__spot{opacity:0}.nv-motion .nv-problem[data-sticky][data-last] .nv-problem__veil{opacity:.55}.nv-motion .nv-problem[data-sticky][data-seg] .nv-problem__zoom{transform:scale(1.32)}.nv-motion .nv-problem[data-sticky][data-seg="0"] .nv-problem__zoom{transform:scale(1.18)}.nv-motion .nv-problem[data-sticky][data-last] .nv-problem__zoom{transform:scale(1);transform-origin:50% 45%}.nv-motion .nv-problem[data-sticky][data-seg]:not([data-last]) .nv-problem__tag{scale:.8;transform-origin:left center}.nv-motion .nv-problem[data-sticky][data-seg]:not([data-last]) .nv-problem__spot--left .nv-problem__tag{transform-origin:right center}.nv-motion .nv-problem[data-sticky] .nv-problem__device{opacity:0;transform:translateY(18%);transition:opacity .7s var(--nv-out),transform 1.1s var(--nv-out)}.nv-motion .nv-problem[data-sticky] .nv-problem__device.is-active{opacity:1;transform:none}@media screen and (min-width:990px){.nv-problem__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:6.4rem}.nv-motion .nv-problem[data-sticky] .nv-problem__grid{grid-template-areas:"head frame" "caption frame";grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:1fr 1fr;align-content:stretch;align-items:center;column-gap:6.4rem;row-gap:3.2rem;padding-top:8vh;padding-bottom:8vh}.nv-motion .nv-problem[data-sticky] .nv-problem__head,.nv-motion .nv-problem[data-sticky] .nv-problem__solution-head{align-self:end}.nv-motion .nv-problem[data-sticky] .nv-problem__list,.nv-motion .nv-problem[data-sticky] .nv-problem__solution-body{align-self:start}.nv-motion .nv-problem[data-sticky] .nv-problem__frame{--nv-frame: min(46vw, 80vh, 64rem)}.nv-problem__tag{font-size:1.3rem}}@media screen and (max-width:749px)and (max-height:700px){.nv-motion .nv-problem[data-sticky] .nv-problem__head .nv-lede{display:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/nv-section-problem.css.map */