.nsn{--nsn-gutter:clamp(20px, 6vw, 96px);--nsn-mix:34svh;z-index:1;margin-top:calc(var(--nsn-mix) * -1);background:linear-gradient(to bottom, transparent var(--nsn-mix), #fff var(--nsn-mix));color:#0a0a0a;position:relative}.nsn-mix{height:var(--nsn-mix);background:linear-gradient(#0a0a0a00 0%,#0a0a0a08 10%,#0a0a0a1a 20%,#0a0a0a38 30%,#0a0a0a61 40%,#0a0a0a8c 50%,#0a0a0ab5 60%,#0a0a0ad6 70%,#0a0a0aed 80%,#0a0a0afa 90%,#0a0a0a 100%)}.nsn-bridge{background:linear-gradient(in oklab to bottom, #0a0a0a 0%, #0a0a0a 28%, #fff 100%);height:80svh;position:relative}.nsn-bridge-dark{position:absolute;inset:0 0 50%}.nsn-intro{min-height:70svh;padding-inline:var(--nsn-gutter);align-items:center;display:flex}.nsn-title{letter-spacing:-.045em;max-width:14ch;font-size:clamp(3rem,9vw,9.5rem);font-weight:600;line-height:.95}.nsn-body{padding-inline:var(--nsn-gutter);grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,5vw,96px);display:grid}.nsn-statements{margin:0;padding:0;list-style:none}.nsn-statement{letter-spacing:-.035em;align-items:center;min-height:48svh;font-size:clamp(2rem,3.6vw,3.75rem);font-weight:600;line-height:1.05;display:flex}.nsn-statement>span{display:block}.nsn-media{position:relative;container-type:inline-size}.nsn-product{transform-origin:50% 60%;position:sticky;top:calc(50svh - 37.5cqw)}.nsn-product-image{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#0000,#000 7% 93%,#0000),linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(#0000,#000 7% 93%,#0000),linear-gradient(90deg,#0000,#000 7% 93%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.nsn-handoff{background:linear-gradient(#fff,#f5e1dc);height:55svh}@media (max-width:1023.98px){.nsn{--nsn-mix:26svh}.nsn-bridge{height:60svh}.nsn-intro{min-height:50svh}.nsn-title{font-size:clamp(2.75rem,12vw,5.5rem)}.nsn-body{flex-direction:column;display:flex}.nsn-media{margin-inline:calc(var(--nsn-gutter) * -.5);order:-1}.nsn-product{position:relative;top:auto}.nsn-statements{padding-block:6svh 2svh}.nsn-statement{min-height:0;padding-block:5svh;font-size:clamp(2rem,8.5vw,3.5rem)}.nsn-handoff{height:40svh}}@media (prefers-reduced-motion:reduce){.nsn-bridge{height:48svh}.nsn-intro{min-height:0;padding-block:12svh 6svh}.nsn-statement{min-height:0;padding-block:6svh}.nsn-handoff{height:32svh}}
