.nextelco-reference-page{--accent: var(--brand-blue);--accent-2: var(--brand-blue-hover);--action-bg: var(--brand-blue);--action-hover: var(--brand-blue-hover);--on-action: #fff;--hero-paper: var(--site-paper);--hero-ink: var(--site-ink);--hero-blue: var(--brand-blue);--hero-navy: var(--site-ink);--ease-out: cubic-bezier(.23, 1, .32, 1)}.reference-nav{position:fixed;z-index:50;inset:0 0 auto;color:var(--hero-navy);background:var(--hero-paper);border-bottom:1px solid var(--site-line)}.reference-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:84px;width:var(--site-content-width);margin-inline:auto;padding:12px 0}.reference-nav-logo{flex-shrink:0}.reference-nav .nextelco-brandmark{width:216px}.reference-nav .nextelco-logo-on-dark{display:none}.reference-nav .nextelco-logo-on-light{display:block}.reference-nav-links{display:flex;align-items:center;gap:clamp(18px,2vw,32px);font-size:16px;font-weight:550}.reference-nav-links :is(a,button){display:inline-flex;align-items:center;gap:5px;min-height:44px;white-space:nowrap}.reference-menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px}.reference-mobile-nav{display:flex;flex-direction:column;max-height:calc(100dvh - 76px);overflow-y:auto;gap:4px;padding:16px 24px 24px;color:var(--hero-navy);background:var(--hero-paper);box-shadow:0 12px 30px #001b4814}.reference-mobile-nav :is(a,button){min-height:48px;display:flex;align-items:center;justify-content:space-between;font-size:16px}.reference-hero{position:relative;isolation:isolate;height:clamp(760px,100svh,1300px);overflow:hidden;background:var(--hero-paper);color:var(--hero-ink);color-scheme:light}.reference-scene{position:absolute;z-index:-1;right:0;bottom:0;width:100%;height:auto;aspect-ratio:3 / 2;container-type:inline-size}.reference-scene-image,.reference-scene-picture{display:block;width:100%;height:100%}.reference-copy{position:absolute;left:4.5%;top:max(195px,24%);width:39%}.reference-kicker{margin:0 0 13px 3px;font-size:clamp(15px,1.5vw,25px);line-height:1.2;font-weight:650;letter-spacing:.1em}.corporate-root .reference-hero h1{margin:0;font-size:clamp(60px,6.05vw,130px);line-height:.97;letter-spacing:-.04em;font-weight:700;text-wrap:nowrap}.reference-hero h1>span{display:block}.reference-hero h1>span:first-child{font-size:.68em;font-weight:500;margin-bottom:.1em}.reference-hero h1>span:last-child{color:var(--hero-blue)}.reference-description{margin:21px 0 0 3px;font-size:clamp(18px,1.55vw,28px);line-height:1.4;letter-spacing:-.04em;font-weight:400}.reference-project-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:48px;margin:25px 0 0 3px;padding:0 19px;color:#fff;background:var(--hero-blue);border-radius:5px;font-size:14px;font-weight:550;transition:transform .16s var(--ease-out),background-color .16s ease}.reference-arrow{display:block;margin:5px 0 0 135px;width:clamp(100px,11vw,170px);height:auto;color:var(--site-ink)}.reference-laptop-screen{position:absolute;left:45.55%;top:40.05%;width:35.62%;height:32.1%;padding:.9cqw 1.45cqw .8cqw;overflow:hidden;background:#111820;color:#f4f7ff;border-radius:.38cqw;font-family:Geist,sans-serif;line-height:1.2}.laptop-topbar{display:flex;align-items:center;justify-content:space-between;gap:1cqw;height:1.6cqw}.laptop-topbar .nextelco-brandmark{width:7cqw}.laptop-nav{display:flex;align-items:center;gap:1cqw;font-size:.46cqw;font-weight:600}.laptop-contact{padding:.5cqw .65cqw;background:var(--brand-blue);border-radius:.2cqw}.laptop-intro{text-align:center;padding:.7cqw 0}.laptop-eyebrow{display:block;color:var(--brand-blue);font-size:.5cqw;font-weight:600;letter-spacing:.035em}.laptop-intro>p{margin:.35cqw 0 .4cqw;font-size:1.6cqw;line-height:1.12;letter-spacing:-.055em;font-weight:650}.laptop-intro>p strong{color:var(--brand-blue);font-weight:inherit}.laptop-intro>span:last-child{display:block;font-size:.61cqw;color:#d5d9e0}.laptop-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35cqw}.laptop-service{display:flex;gap:.55cqw;align-items:flex-start;min-width:0;min-height:4.7cqw;padding:.7cqw;background:#202731;border-radius:.4cqw;transition:background-color .16s ease,transform .16s var(--ease-out)}.laptop-service>svg{width:1.7cqw;height:1.7cqw;flex-shrink:0;margin-top:.2cqw;color:var(--brand-blue);stroke-width:1.5}.laptop-service-number{display:block;font-size:1.2cqw;line-height:1;color:var(--brand-blue);letter-spacing:-.04em}.laptop-service strong{display:block;margin:.25cqw 0;font-size:.69cqw;line-height:1.2;font-weight:600}.laptop-service p{margin:0;font-size:.52cqw;line-height:1.4;color:#d5d9e0}.reference-hero :is(a,button),.reference-nav :is(a,button){touch-action:manipulation;-webkit-tap-highlight-color:transparent}.reference-hero button,.reference-nav button{-webkit-user-select:none;user-select:none}.reference-hero :is(a,button):focus-visible,.reference-nav :is(a,button):focus-visible{outline:3px solid var(--brand-blue);outline-offset:5px}.reference-project-button:active,.reference-menu-toggle:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.reference-project-button:hover{background:var(--brand-blue-hover)}.reference-nav-links :is(a,button):hover{text-decoration:underline;text-underline-offset:5px}.laptop-service:hover{background:#303943;transform:translateY(-1px)}}@media(prefers-reduced-motion:no-preference){.reference-copy{animation:hero-copy-enter .6s var(--ease-out) both}@keyframes hero-copy-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media(min-width:1800px){.reference-hero{height:clamp(900px,100svh,1300px)}.reference-scene{aspect-ratio:2 / 1}.reference-laptop-screen{left:41.45%;top:32.21%;width:38.4%;height:40.2%;padding-top:.8cqw}.laptop-intro{padding-block:.5cqw}.laptop-intro>p{font-size:1.5cqw}.laptop-service{min-height:4.5cqw;padding-block:.6cqw}.reference-copy{top:27%;width:35%}.corporate-root .reference-hero h1{font-size:clamp(100px,5.8vw,150px)}.reference-arrow{margin-left:185px}}@media(max-width:1100px){.reference-nav-links{gap:18px;font-size:15px}.reference-nav-links>button{display:none}.reference-copy{top:210px}.corporate-root .reference-hero h1{font-size:6.05vw}.reference-scene{width:100%;right:0}.reference-description{font-size:18px}.reference-arrow{margin-left:70px;width:110px}}@media(max-width:1000px),(max-width:1200px)and (orientation:portrait){.reference-nav-inner{justify-content:space-between;align-items:center;min-height:76px;width:calc(100% - 48px);padding:12px 0;background:var(--hero-paper)}.reference-nav-links{display:none}.reference-menu-toggle{display:flex;background:#ffffffdb;border-radius:50%;color:var(--site-ink)}.reference-nav .nextelco-brandmark{width:176px}.reference-hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding-top:118px}.reference-copy{position:relative;order:0;top:auto;left:auto;width:calc(100% - 48px);margin-inline:24px}.reference-kicker{font-size:17px;margin-bottom:12px}.corporate-root .reference-hero h1{font-size:clamp(55px,11vw,86px)}.reference-description{font-size:19px;margin-top:17px}.reference-project-button{margin-top:20px}.reference-scene{position:relative;order:1;flex-shrink:0;width:150%;height:auto;right:auto;bottom:auto;margin-left:-45%;margin-top:14px}.reference-scene-image{-webkit-mask-image:linear-gradient(180deg,transparent,#000 2%);mask-image:linear-gradient(180deg,transparent,#000 2%)}.reference-arrow{display:none}}@media(max-width:540px){.reference-hero{padding-top:110px}.reference-kicker{font-size:15px}.corporate-root .reference-hero h1{font-size:clamp(40px,12vw,65px)}.reference-description{font-size:17px;letter-spacing:-.035em}.reference-project-button{font-size:13px;min-height:46px;margin-top:18px}.reference-scene{width:180%;margin-left:-57%}}@media(prefers-reduced-motion:reduce){.reference-copy{animation:none}.reference-project-button,.laptop-service,.reference-menu-toggle{transition:none}.reference-project-button:active,.reference-menu-toggle:active,.laptop-service:hover{transform:none}}
