.ns,.ns *{margin:0;padding:0}.ns{--ns-bg:#08080a;--ns-bg-2:#0e0e11;--ns-ink:#ffffff;--ns-mid:#7a7a84;--ns-dim:#a9a9b4;--ns-acid:#ff2e88;--ns-acid-rgb:255,46,136;--ns-on-acid:#08080a;--ns-mg:#ff2e88;--ns-cyan:#00aeef;--ns-magenta:#ec008c;--ns-yellow:#fff200;--ns-key:#2a2a30;--ns-warn:#ffb454;--ns-line:rgba(255,255,255,.14);--ns-line-2:rgba(255,255,255,.28);--ns-crop:rgba(255,255,255,.34);--ns-pad:clamp(18px,4vw,56px);--ns-ease:cubic-bezier(.19,1,.22,1);--ns-paint:url(/site/img/313958e1e6dc.jpg);--ns-fd:"Archivo","Helvetica Neue",Arial,sans-serif;--ns-fm:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-family:var(--ns-fd);color:var(--ns-ink);position:relative;z-index:1}.ns a{color:inherit;text-decoration:none}.ns ol,.ns ul{list-style:none}.ns h1,.ns h2,.ns h3,.ns h4{font-family:var(--ns-fd)}.ns p{line-height:1.55}.ns img{max-width:100%}@keyframes nsBlip{0%,to{opacity:1}50%{opacity:.22}}.ns-feat{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);background:var(--ns-bg-2);overflow:hidden}.ns-feat-copy{display:flex;flex-direction:column;gap:clamp(18px,2vw,26px);padding:clamp(40px,5.5vw,96px) clamp(24px,3.6vw,56px) clamp(40px,5.5vw,96px) max(var(--ns-pad),clamp(24px,3.6vw,56px));min-width:0}.ns-feat-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.ns-feat-kick{display:inline-flex;align-items:center;gap:10px;font-family:var(--ns-fm);font-size:10.5px;letter-spacing:2.6px;text-transform:uppercase;color:var(--ns-on-acid);background:var(--ns-acid);padding:7px 11px}.ns-feat-kick i{width:6px;height:6px;border-radius:50%;background:var(--ns-on-acid);display:block;animation:nsBlip 1.6s steps(2) infinite}.ns-cmyk{display:flex;gap:3px}.ns-cmyk i{width:16px;height:9px;display:block}.ns-cmyk .c{background:var(--ns-cyan)}.ns-cmyk .m{background:var(--ns-magenta)}.ns-cmyk .y{background:var(--ns-yellow)}.ns-cmyk .k{background:var(--ns-key);border:1px solid var(--ns-line-2)}.ns-feat-client{font-family:var(--ns-fm);font-size:11px;letter-spacing:2.4px;text-transform:uppercase;color:var(--ns-dim);margin-bottom:-8px}.ns .ns-feat-h{font-weight:900;text-transform:uppercase;letter-spacing:-.045em;line-height:.88;font-size:clamp(40px,5.4vw,88px);color:var(--ns-ink)}.ns-feat-h em{font-style:normal;color:var(--ns-mg)}.ns .ns-feat-dek{color:#c9c9d1;font-size:clamp(15.5px,1.25vw,18px);line-height:1.55;max-width:48ch}.ns-feat-dek b{color:var(--ns-ink);font-weight:600}.ns-flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:6px;gap:6px;margin:6px 0 4px}.ns-flow:after,.ns-flow:before{content:"";position:absolute;top:22px;left:10%;right:10%;height:1px}.ns-flow:before{background:repeating-linear-gradient(90deg,var(--ns-line-2) 0 6px,transparent 6px 11px)}.ns-flow:after{height:2px;top:21.5px;background:var(--ns-ink);transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.65,0,.2,1)}.ns-feat:hover .ns-flow:after{transform:none}.ns-flow li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:0}.ns-ff-d{width:44px;height:44px;border-radius:50%;border:1px solid var(--ns-line-2);background:var(--ns-bg-2);display:grid;place-items:center;margin-bottom:6px;transition:background .4s var(--ns-ease),border-color .4s var(--ns-ease)}.ns-ff-d svg{width:20px;height:20px;fill:none;stroke:var(--ns-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s var(--ns-ease)}.ns-flow b{font-family:var(--ns-fm);font-weight:500;font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--ns-ink)}.ns-flow small{font-family:var(--ns-fd);font-size:12.5px;line-height:1.3;color:var(--ns-mid)}.ns-feat:hover .ns-ff-d{background:var(--ns-ink);border-color:var(--ns-ink)}.ns-feat:hover .ns-ff-d svg{stroke:#08080a}.ns-flow li:nth-child(2) .ns-ff-d{transition-delay:.25s}.ns-flow li:nth-child(3) .ns-ff-d{transition-delay:.55s}.ns-flow li:nth-child(4) .ns-ff-d{transition-delay:.85s}.ns-flow li:nth-child(5) .ns-ff-d{transition-delay:1.15s}.ns-flow li:nth-child(n) .ns-ff-d svg{transition-delay:inherit}.ns-feat:not(:hover) .ns-ff-d,.ns-feat:not(:hover) .ns-ff-d svg{transition-delay:0s}.ns-feat-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;font-family:var(--ns-fm);font-size:11px;letter-spacing:2.6px;text-transform:uppercase;color:var(--ns-acid);border:1px solid rgba(var(--ns-acid-rgb),.45);padding:15px 22px;transition:.3s var(--ns-ease)}.ns-feat-cta i{width:8px;height:8px;background:var(--ns-acid);display:block}.ns-feat-cta b{font-weight:400;transition:transform .3s var(--ns-ease)}.ns-feat:hover .ns-feat-cta{background:var(--ns-acid);color:var(--ns-on-acid);border-color:var(--ns-acid)}.ns-feat:hover .ns-feat-cta i{background:var(--ns-on-acid)}.ns-feat:hover .ns-feat-cta b{transform:translate(3px,-3px)}.ns-feat-visual{position:relative;min-height:clamp(380px,40vw,620px);overflow:hidden;isolation:isolate;background:#101014 var(--ns-paint) center/cover no-repeat}.ns-feat-visual:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--ns-bg-2) 0,rgba(14,14,17,.2) 22%,transparent 50%)}.ns-feat-browser{position:absolute;left:9%;right:7%;top:12%;background:#fff;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);transition:transform .8s var(--ns-ease)}.ns-chrome-bar{display:flex;align-items:center;gap:14px;padding:9px 12px;background:#ececef;border-bottom:1px solid #dadade}.ns-chrome-bar .dots{display:flex;gap:5px}.ns-chrome-bar .dots i{width:8px;height:8px;border-radius:50%;background:#c4c4cb;display:block}.ns-chrome-bar .url{flex:1 1;font-family:var(--ns-fm);font-size:10px;letter-spacing:.4px;color:#55555d;background:#fff;padding:4px 10px;border-radius:4px}.ns-feat-screen{aspect-ratio:16/10;background:url(/site/img/080e1519c540.jpg) top/100% auto no-repeat;transition:background-position 6s cubic-bezier(.45,0,.2,1)}.ns-feat:hover .ns-feat-screen{background-position:center 55%}.ns-feat:hover .ns-feat-browser{transform:translateY(-8px)}.ns-feat-phone{position:absolute;right:5%;bottom:-8%;width:clamp(96px,19%,170px);aspect-ratio:780/1688;background:#08080a;border-radius:22px;padding:6px;box-shadow:0 24px 50px -12px rgba(0,0,0,.7);transition:transform .8s var(--ns-ease)}.ns-feat-phone-screen{width:100%;height:100%;border-radius:17px;background:#fff url(/site/img/ba3ed380539b.jpg) top/cover no-repeat}.ns-feat:hover .ns-feat-phone{transform:translateY(-14px)}.ns-feat-tag{position:absolute;left:9%;bottom:18px;font-family:var(--ns-fm);font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:#fff;background:rgba(8,8,10,.86);padding:8px 12px}@media (max-width:980px){.ns-feat{grid-template-columns:1fr}.ns-feat-visual{order:-1;min-height:clamp(260px,62vw,480px)}.ns-feat-visual:before{background:linear-gradient(0deg,var(--ns-bg-2) 0,transparent 30%)}.ns-feat-browser{left:6%;right:14%;top:9%}.ns-feat-tag{left:6%;bottom:12px}}@media (max-width:520px){.ns-ff-d{width:38px;height:38px}.ns-ff-d svg{width:17px;height:17px}.ns-flow:before{top:19px}.ns-flow:after{top:18.5px}.ns-flow b{font-size:9px;letter-spacing:1.2px}.ns-flow small{font-size:11px}.ns-feat-cta{align-self:stretch;justify-content:center}.ns-feat-tag{display:none}.ns-feat-phone{bottom:-14%}}@media (prefers-reduced-motion:reduce){.ns-feat-kick i{animation:none}.ns-feat-browser,.ns-feat-phone,.ns-feat-screen{transition:none}}.ns-proj{grid-column:1/-1;display:block}.ns-proj .ns-feat{box-shadow:0 40px 80px -48px rgba(14,14,16,.6)}.ns-proj .ns-feat-copy{padding:clamp(36px,4.4vw,72px) clamp(24px,3vw,48px)}.ns-proj .ns-feat-h{font-size:clamp(40px,4.4vw,72px)}.ns-proj .ns-feat-visual{min-height:clamp(380px,38vw,600px)}.ns-love{--ns-bg-2:#fff6f9;--ns-ink:#0e0e10;--ns-mid:#6b6a71;--ns-dim:#4a4950;--ns-line-2:rgba(14,14,16,.24);--ns-on-acid:#0e0e10}.ns-love .ns-feat{box-shadow:0 0 0 1px rgba(196,0,90,.12),0 40px 80px -48px rgba(196,0,90,.45)}.ns-love .ns-feat-h{font-size:clamp(40px,3.9vw,64px)}.ns-love .ns-feat-dek{color:#4a4950}.ns-love .ns-feat-dek b{color:#0e0e10}.ns-love .ns-swatch{display:flex;gap:3px}.ns-love .ns-swatch i{width:16px;height:9px;display:block}.ns-love .ns-swatch i:first-child{background:#ffd6e2}.ns-love .ns-swatch i:nth-child(2){background:#f9a8c0}.ns-love .ns-swatch i:nth-child(3){background:#ff2e88}.ns-love .ns-swatch i:nth-child(4){background:#0e0e10}.ns-love .ns-ff-d{background:#fff}.ns-love .ns-feat:hover .ns-ff-d{background:var(--ns-acid);border-color:var(--ns-acid)}.ns-love .ns-feat:hover .ns-ff-d svg{stroke:#0e0e10}.ns-love .ns-feat-cta{color:#c4005a;border-color:rgba(196,0,90,.45)}.ns-love .ns-feat-cta i{background:#c4005a}.ns-love .ns-feat:hover .ns-feat-cta{color:#0e0e10}.ns-love .ns-feat:hover .ns-feat-cta i{background:#0e0e10}.ns-love .ns-feat-visual{background:#fff6f9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='%23fcd0dc'%3E%3Cpath id='h' d='M24 33s-10-6.2-12.8-11.6A6.6 6.6 0 0 1 24 15.2a6.6 6.6 0 0 1 12.8 6.2C34 26.8 24 33 24 33z'/%3E%3Cuse href='%23h' x='48' y='48'/%3E%3C/g%3E%3C/svg%3E") 0 0/96px 96px}.ns-love-laptop{left:0;right:4%;top:2%;width:96%;filter:drop-shadow(0 30px 40px rgba(196,0,90,.18))}.ns-love-laptop,.ns-love-phones{position:absolute;max-width:none!important;transition:transform .8s var(--ns-ease)}.ns-love-phones{right:2%;bottom:-6%;width:34%;filter:drop-shadow(0 24px 30px rgba(14,14,16,.25))}.ns-love .ns-feat:hover .ns-love-laptop{transform:translateY(-8px)}.ns-love .ns-feat:hover .ns-love-phones{transform:translateY(-14px)}@media (min-width:981px){.ns-love .ns-feat{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.ns-love .ns-feat-visual{order:-1}.ns-love .ns-feat-visual:before{background:linear-gradient(270deg,var(--ns-bg-2) 0,rgba(255,246,249,.2) 22%,transparent 50%)}.ns-love .ns-feat-tag{left:auto;right:30%}}@media (max-width:980px){.ns-love .ns-feat-tag{left:6%}}@media (prefers-reduced-motion:reduce){.ns-love-laptop,.ns-love-phones{transition:none}}.ns-lib{--ns-bg-2:#1d1838;--ns-mid:#a59fc4;--ns-dim:#c9c3e6;--ns-line-2:rgba(255,255,255,.3);--ns-mg:#ff8db5}.ns-lib .ns-feat{box-shadow:0 40px 80px -48px rgba(60,40,140,.75)}.ns-lib .ns-feat-h{font-size:clamp(40px,4.2vw,70px)}.ns-lib .ns-feat-dek{color:#d7d2ef}.ns-lib .ns-swatch{display:flex;gap:3px}.ns-lib .ns-swatch i{width:16px;height:9px;display:block}.ns-lib .ns-swatch i:first-child{background:#ffd6e6}.ns-lib .ns-swatch i:nth-child(2){background:#cdbdf6}.ns-lib .ns-swatch i:nth-child(3){background:#ffd764}.ns-lib .ns-swatch i:nth-child(4){background:#8fdccb}.ns-lib .ns-feat-visual{background:#2d2a5e url(/site/case-studies/loveinabook/art/bg-hill-path.webp) 60% 50%/cover no-repeat}.ns-lib .ns-feat-visual:before{background:linear-gradient(90deg,var(--ns-bg-2) 0,rgba(29,24,56,.25) 22%,transparent 50%)}.ns-lib .ns-feat-browser{border-radius:10px 10px 0 0;overflow:hidden}.ns-lib .ns-feat-screen{background-image:url(/site/case-studies/loveinabook/home-full.jpg)}.ns-lib .ns-feat:hover .ns-feat-screen{background-position:center 32%}.ns-lib .ns-feat-phone-screen{background-image:url(/site/case-studies/loveinabook/make-phone.jpg)}@media (max-width:980px){.ns-lib .ns-feat-visual:before{background:linear-gradient(0deg,var(--ns-bg-2) 0,transparent 30%)}}.ns-hlp{--ns-bg-2:#0b0a09;--ns-mid:#a39a90;--ns-dim:#cfc6bb;--ns-line-2:rgba(243,238,230,.28);--ns-mg:#d99c88}.ns-hlp .ns-feat{box-shadow:0 40px 80px -48px rgba(120,60,30,.65)}.ns-hlp .ns-feat-h{font-size:clamp(40px,4.2vw,70px)}.ns-hlp .ns-feat-dek{color:#ddd4c9}.ns-hlp .ns-swatch{display:flex;gap:3px}.ns-hlp .ns-swatch i{width:16px;height:9px;display:block}.ns-hlp .ns-swatch i:first-child{background:#d99c88}.ns-hlp .ns-swatch i:nth-child(2){background:#cfa24c}.ns-hlp .ns-swatch i:nth-child(3){background:#c7cad0}.ns-hlp .ns-swatch i:nth-child(4){background:#efeae2}.ns-hlp .ns-feat-visual{background:#0d0b0a url(/site/case-studies/pendant/hero-bg.webp) 50% 62%/cover no-repeat}.ns-hlp .ns-feat-visual:before{background:linear-gradient(90deg,var(--ns-bg-2) 0,rgba(11,10,9,.35) 22%,transparent 50%)}.ns-hlp .ns-feat-browser{border-radius:10px 10px 0 0;overflow:hidden}.ns-hlp .ns-feat-screen{background-image:url(/site/case-studies/pendant/home-full.jpg)}.ns-hlp .ns-feat:hover .ns-feat-screen{background-position:center 34%}.ns-hlp .ns-feat-phone-screen{background-image:url(/site/case-studies/pendant/panel-phone.jpg)}@media (max-width:980px){.ns-hlp .ns-feat-visual:before{background:linear-gradient(0deg,var(--ns-bg-2) 0,transparent 30%)}}