/* NextLab Creative reference-matched visual system */
:root{--ref-dark:#160c20;--ref-purple:#21152b;--ref-lime:#d7ff3f;--ref-paper:#f5f2e9;--ref-ink:#17151a;--ref-muted:#776e7d;--ref-line:rgba(23,21,26,.16)}
body{background:var(--ref-paper)}
.site-header{height:76px;padding:0 clamp(20px,3.2vw,54px);background:var(--ref-dark);gap:26px}
.site-header .wordmark span{font-size:16px;letter-spacing:.43em}.site-header .wordmark small{font-size:6px;letter-spacing:.72em;color:#aea2b5}
.main-nav{font-size:11px;gap:clamp(20px,3.4vw,52px)}
.header-cta{font-size:11px;padding:12px 20px;gap:20px;min-width:126px}
.home-reference{background:var(--ref-paper);color:var(--ref-ink)}
.ref-hero{min-height:490px;background:radial-gradient(circle at 72% 48%,#30203b 0,var(--ref-purple) 38%,var(--ref-dark) 100%);color:var(--ref-paper);padding:44px clamp(22px,3.2vw,54px) 38px;display:grid;grid-template-columns:1.03fr .97fr;gap:35px;overflow:hidden}
.ref-hero-copy{align-self:center;position:relative;z-index:3}.ref-hero h1{font-size:clamp(46px,4.35vw,66px);line-height:1.03;letter-spacing:-.045em;margin:0 0 25px;max-width:730px}.ref-hero-copy>p{font-size:16px;line-height:1.55;color:#b4a9ba;max-width:470px;margin:0}.ref-actions{display:flex;gap:14px;margin-top:28px}.ref-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:0 20px;font-size:12px;font-weight:700}.ref-button-lime{background:var(--ref-lime);color:var(--ref-ink)}.ref-button-ghost{border:1px solid rgba(245,242,233,.42);color:var(--ref-paper)}
.ref-lab{position:relative;min-height:405px}.ref-lab-grid{position:absolute;width:min(30vw,390px);aspect-ratio:1;left:51%;top:49%;transform:translate(-50%,-50%);border:1px solid rgba(245,242,233,.72);background:repeating-linear-gradient(90deg,transparent 0,transparent 24.75%,rgba(245,242,233,.18) 25%),repeating-linear-gradient(0deg,transparent 0,transparent 24.75%,rgba(245,242,233,.18) 25%)}
.ref-lab>img{width:100%;height:100%;max-height:440px;object-fit:contain;display:block}
.ref-lab-grid:before,.ref-lab-grid:after{content:"";position:absolute;inset:12.5%;border:1px solid rgba(245,242,233,.28);border-radius:50%}.ref-lab-grid:after{inset:25%;border-radius:0}.ref-lab-grid i{position:absolute;border:1px solid rgba(245,242,233,.3);border-radius:50%}.ref-lab-grid i:first-child{width:36%;height:36%;right:-18%;top:18%}.ref-lab-grid i:nth-child(2){width:24%;height:24%;right:-10%;bottom:5%;background:rgba(163,144,177,.5)}.ref-lab-grid i:nth-child(3){width:22%;height:22%;left:14%;top:14%;background:rgba(169,148,184,.45)}.ref-lab-grid b{position:absolute;left:20%;top:8%;font:290px/.95 Georgia,serif;color:var(--ref-paper);font-weight:400;z-index:2}.ref-lab-grid em{position:absolute;width:8px;height:8px;background:var(--ref-lime);right:-4px;top:-4px;box-shadow:-100px 132px 0 var(--ref-lime),0 390px 0 var(--ref-lime)}
.ref-lab-no{position:absolute;font-size:30px;font-weight:300;color:#a89bad;z-index:3}.ref-lab-no small{display:block;font-size:7px;line-height:1.4;letter-spacing:.18em}.ref-n1{left:2%;top:1%}.ref-n2{right:0;top:3%}.ref-n3{left:2%;bottom:7%}.ref-n4{right:0;bottom:6%}.ref-coords{position:absolute;left:30%;bottom:0;font-size:7px;letter-spacing:.16em;color:#a99cac}
.ref-trust{min-height:78px;padding:0 clamp(22px,3.2vw,54px);display:grid;grid-template-columns:190px 1fr;align-items:center;border-bottom:1px solid var(--ref-line);gap:20px}.ref-trust>span{font-size:8px;letter-spacing:.18em;color:#8b7e92}.ref-trust>div{display:grid;grid-template-columns:repeat(6,1fr);align-items:center}.ref-trust b{font-size:13px;text-align:center;border-left:1px solid var(--ref-line);padding:4px 8px;white-space:nowrap}
.ref-section{padding:74px clamp(22px,3.2vw,54px);max-width:1440px;margin:auto}.ref-index{display:block;font-size:10px;letter-spacing:.17em;color:#877990;margin-bottom:20px}.ref-section h2,.ref-section-head h2{font-size:clamp(38px,4vw,58px);line-height:1;letter-spacing:-.045em;margin:0}.ref-text-link{display:inline-flex;align-items:center;gap:18px;font-size:11px;padding-bottom:5px;border-bottom:2px solid var(--ref-lime)}
.ref-services{display:grid;grid-template-columns:260px 1fr;gap:56px}.ref-section-intro h2{font-size:clamp(42px,4.2vw,60px);line-height:.98;letter-spacing:-.045em;margin:0 0 28px}.ref-section-intro p{font-size:14px;color:var(--ref-muted);max-width:230px;margin:0 0 40px}.ref-service-grid{display:grid;grid-template-columns:repeat(3,1fr)}.ref-service-card{min-height:205px;border:1px solid var(--ref-line);padding:20px;position:relative;transition:.2s}.ref-service-card:hover{background:#fff;transform:translateY(-3px);z-index:2}.ref-service-icon{font-size:17px;min-height:25px;display:block}.ref-service-icon:only-child{font-size:12px}.ref-card-no{position:absolute;right:18px;top:16px;color:#887b91;font-size:14px}.ref-service-card h3{font-size:18px;line-height:1.15;margin:28px 0 12px}.ref-service-card p{font-size:11px;line-height:1.45;color:#776e7d;max-width:210px;margin:0}.ref-arrow{position:absolute;right:18px;bottom:14px;font-size:18px}
.ref-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.ref-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ref-project-card{position:relative;min-height:500px;overflow:hidden;padding:20px;background:var(--ref-purple);color:var(--ref-paper)}.ref-project-tag{position:absolute;left:18px;top:18px;border:1px solid currentColor;border-radius:18px;padding:4px 8px;font-size:8px;z-index:4}.ref-project-go{position:absolute;right:16px;top:14px;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:16px;z-index:4}.ref-project-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ref-project-photo{color:var(--ref-paper);background:#111}.ref-project-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,10,.28) 0,transparent 38%,rgba(8,6,10,.78) 100%);z-index:1;pointer-events:none}.ref-project-copy{position:absolute;left:20px;right:20px;bottom:55px;z-index:3;text-shadow:0 2px 16px rgba(0,0,0,.7)}.ref-project-copy h3{font-size:30px;margin:0 0 8px}.ref-project-copy p{font-size:12px;margin:0}.ref-project-link{position:absolute;left:18px;bottom:17px;border-bottom:2px solid var(--ref-lime);font-size:10px;z-index:5}.ref-project-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(145deg,#2a1837,#110918)}.ref-project-placeholder b{font:190px Georgia;color:#eee7dc}
.ref-brand-case{position:absolute;inset:75px 24px 50px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.ref-brand-case>b{font:70px Georgia,serif;letter-spacing:.14em;margin-top:16px}.ref-brand-case>span{font-size:14px}.ref-brand-case i{position:absolute;width:100px;height:100px;border:1px solid var(--ref-lime);border-radius:50%;left:10px;bottom:60px;background:repeating-linear-gradient(90deg,transparent 0,transparent 24%,rgba(215,255,63,.3) 25%),repeating-linear-gradient(0deg,transparent 0,transparent 24%,rgba(215,255,63,.3) 25%)}.ref-brand-case em{position:absolute;width:150px;height:115px;background:var(--ref-paper);right:5px;bottom:10px;box-shadow:-45px 25px 0 #d9d3cb}
.ref-web-case{position:absolute;inset:72px 22px 50px;display:flex;flex-direction:column;align-items:center}.ref-web-case>b{font-size:26px;margin:5px 0 14px}.ref-web-case>span{background:var(--ref-paper);color:var(--ref-ink);border-radius:20px;width:74%;padding:8px;text-align:center;font-size:10px}.ref-web-case>div{position:absolute;left:0;right:0;top:95px;bottom:10px;background:var(--ref-paper);padding:22px;display:flex;gap:8px;align-items:flex-end}.ref-web-case i{height:55%;flex:1;background:#d8d2c9}.ref-web-case i:nth-child(2){height:80%;background:#aaa0ae}.ref-web-case i:nth-child(3){height:68%;background:#c9c1cc}
.ref-project-3{background:var(--ref-lime);color:var(--ref-ink)}.ref-growth-case{position:absolute;inset:72px 22px 50px;text-align:center}.ref-growth-case>b{display:block;font-size:48px;letter-spacing:-.06em;margin-top:6px}.ref-growth-case>span{font-size:14px}.ref-growth-case>div{position:absolute;left:0;right:0;top:115px;bottom:12px;background:var(--ref-ink);color:var(--ref-paper);display:flex;padding:25px 16px;gap:8px}.ref-growth-case i{flex:1;height:55px;border:1px solid #3d3941}.ref-growth-case em{position:absolute;left:12%;right:10%;bottom:55px;height:70px;border-top:3px solid var(--ref-lime);transform:skewY(-12deg)}
.ref-process{background:var(--ref-dark);color:var(--ref-paper);padding:65px clamp(22px,3.2vw,54px)}.ref-process .ref-index{color:#8e8098}.ref-process .ref-section-head{max-width:1332px;margin-left:auto;margin-right:auto}.ref-process-grid{max-width:1332px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}.ref-process-grid article{min-height:285px;border:1px solid rgba(245,242,233,.25);padding:20px;position:relative}.ref-process-grid article>span{color:var(--ref-lime);font-size:17px}.ref-process-grid h3{font-size:18px;margin:8px 0}.ref-process-grid p{font-size:11px;line-height:1.45;color:#b3a8b9;max-width:210px}.ref-step-shape{position:absolute;left:50%;bottom:18px;width:135px;height:105px;transform:translateX(-50%);border:1px solid #82748b}.ref-step-1{border-radius:50%}.ref-step-1:before,.ref-step-1:after{content:"";position:absolute;border:1px solid #82748b;border-radius:50%;inset:17px}.ref-step-1:after{inset:35px}.ref-step-2{background:repeating-linear-gradient(90deg,transparent 0,transparent 24%,#82748b 25%),repeating-linear-gradient(0deg,transparent 0,transparent 24%,#82748b 25%)}.ref-step-3{border-radius:55% 0}.ref-step-3:after{content:"";position:absolute;width:58px;height:58px;border:1px solid #82748b;border-radius:50%;right:-22px;bottom:-10px;box-shadow:-42px -8px 0 -1px var(--ref-dark),-42px -8px 0 0 #82748b}.ref-step-4{border:0;border-bottom:2px solid var(--ref-lime);transform:translateX(-50%) skewY(-24deg)}.ref-step-4:after{content:"";position:absolute;right:-2px;bottom:-9px;border-left:13px solid var(--ref-lime);border-top:7px solid transparent;border-bottom:7px solid transparent}
.ref-proof{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:35px}.ref-proof-title h2{font-size:clamp(36px,3.2vw,48px);line-height:1.05;letter-spacing:-.04em;margin:0}.ref-proof article{padding:18px 0}.ref-proof article h3{font-size:16px;margin:22px 0 12px}.ref-proof article p{font-size:11px;line-height:1.5;color:var(--ref-muted);max-width:230px}.ref-proof-icon{height:52px;display:flex;align-items:flex-end;gap:5px}.ref-proof-1{display:grid;grid-template-columns:repeat(2,19px);grid-auto-rows:19px}.ref-proof-1 i{border:1px solid #6f6574}.ref-proof-1 i:nth-child(2){border-radius:50%}.ref-proof-2 i{width:37px;height:37px;border:1px solid #6f6574;border-radius:50%}.ref-proof-2 i+ i{margin-left:-18px}.ref-proof-3 i{width:11px;border:1px solid #6f6574}.ref-proof-3 i:first-child{height:18px}.ref-proof-3 i:nth-child(2){height:32px}.ref-proof-3 i:nth-child(3){height:48px}
.ref-testimonial{padding:68px clamp(22px,5vw,80px);border-top:1px solid var(--ref-line);border-bottom:1px solid var(--ref-line);display:grid;grid-template-columns:45px 55px minmax(0,1fr) 180px;gap:22px;align-items:center;position:relative}.ref-testimonial .ref-index{margin:0}.ref-quote-mark{font:80px/1 Georgia;color:#8e70a1}.ref-testimonial blockquote{font-size:clamp(17px,1.7vw,25px);line-height:1.25;font-weight:700;font-style:italic;margin:0;max-width:860px}.ref-testimonial cite{font-style:normal;color:#8d7b9d;font-size:12px}.ref-quote-corners:before,.ref-quote-corners:after{content:"";position:absolute;width:45px;height:45px;border-color:#c8c1ca}.ref-quote-corners:before{left:35px;bottom:35px;border-left:1px solid;border-bottom:1px solid}.ref-quote-corners:after{right:35px;top:35px;border-right:1px solid;border-top:1px solid}
.ref-insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ref-insight-grid article{min-width:0;display:flex;flex-direction:column}.ref-insight-image{display:block;aspect-ratio:1.9;background:var(--ref-purple);overflow:hidden}.ref-insight-image img{width:100%;height:100%;object-fit:cover}.ref-insight-grid article>span{font-size:8px;letter-spacing:.15em;color:#817488;margin-top:14px}.ref-insight-grid h3{font-size:18px;line-height:1.2;margin:9px 0 20px;min-height:44px;max-width:330px}.ref-insight-grid .ref-text-link{align-self:flex-start;margin-top:auto}
.site-footer{max-width:none;padding:0 clamp(22px,3.2vw,54px);background:var(--ref-dark)}.footer-cta{max-width:1332px;margin:0 auto!important;min-height:180px;padding:38px 42% 38px 38px;background:var(--ref-lime);position:relative;overflow:hidden}.footer-cta:after{content:"";position:absolute;right:0;top:0;bottom:0;width:36%;background:radial-gradient(circle at 65% 55%,transparent 0 28%,#766584 28.5% 29%,transparent 29.5%),repeating-linear-gradient(90deg,transparent 0,transparent 24.7%,rgba(245,242,233,.22) 25%),repeating-linear-gradient(0deg,transparent 0,transparent 24.7%,rgba(245,242,233,.22) 25%),var(--ref-purple)}.footer-cta:before{content:"+";position:absolute;right:14%;top:42%;color:#b5a7bd;font-size:25px;z-index:2}.footer-cta h2{font-size:clamp(32px,3.2vw,48px);position:relative;z-index:3}.footer-cta .button{position:absolute;right:39%;top:50%;transform:translateY(-50%);z-index:4;font-size:11px}.footer-grid{max-width:1332px;margin:auto;padding:58px 25px;grid-template-columns:1.45fr repeat(3,1fr)}.footer-grid>div{font-size:11px}.footer-grid p,.footer-grid a{color:#b8adbf}.footer-grid strong{font-size:8px}.footer-bottom{max-width:1332px;margin:auto;font-size:9px}.footer-wordmark.wordmark span{font-size:17px}.footer-wordmark.wordmark small{font-size:6px}
.cookie-banner{font-size:12px}
@media(max-width:1000px){.ref-hero{grid-template-columns:1fr;min-height:auto}.ref-lab{min-height:390px}.ref-lab-grid{width:380px}.ref-services{grid-template-columns:1fr}.ref-section-intro p{max-width:520px}.ref-project-grid{grid-template-columns:1fr}.ref-project-card{min-height:540px}.ref-process-grid{grid-template-columns:1fr 1fr}.ref-proof{grid-template-columns:1fr 1fr}.ref-testimonial{grid-template-columns:45px 1fr}.ref-testimonial .ref-quote-mark{grid-row:2}.ref-testimonial blockquote{grid-column:2}.ref-testimonial cite{grid-column:2}.footer-cta{padding-right:38%}.footer-cta .button{right:39%}}
@media(max-width:680px){.site-header{height:68px}.site-header .wordmark span{font-size:14px}.main-nav{top:68px}.ref-hero{padding:42px 20px 28px;gap:18px}.ref-hero h1{font-size:41px;line-height:1.04}.ref-hero-copy>p{font-size:15px}.ref-actions{flex-direction:column;align-items:flex-start}.ref-lab{min-height:300px}.ref-lab-grid{width:245px}.ref-lab-grid b{font-size:180px}.ref-lab-grid em{box-shadow:-62px 83px 0 var(--ref-lime),0 245px 0 var(--ref-lime)}.ref-lab-no{font-size:22px}.ref-lab-no small{font-size:5px}.ref-coords{left:15%;font-size:5px}.ref-trust{grid-template-columns:1fr;padding-top:20px;padding-bottom:20px}.ref-trust>div{grid-template-columns:repeat(3,1fr);row-gap:16px}.ref-trust b{font-size:10px}.ref-section{padding:58px 20px}.ref-services{gap:36px}.ref-service-grid{grid-template-columns:1fr}.ref-service-card{min-height:185px}.ref-project-card{min-height:470px}.ref-process{padding:55px 20px}.ref-process-grid{grid-template-columns:1fr}.ref-process-grid article{min-height:275px}.ref-proof{grid-template-columns:1fr}.ref-testimonial{padding:55px 22px;grid-template-columns:1fr;gap:14px}.ref-testimonial .ref-quote-mark,.ref-testimonial blockquote,.ref-testimonial cite{grid-column:1}.ref-insight-grid{grid-template-columns:1fr}.ref-insight-image{aspect-ratio:1.75}.ref-insight-grid h3{min-height:0}.footer-cta{min-height:330px;padding:30px 24px 165px}.footer-cta:after{width:100%;height:140px;top:auto}.footer-cta .button{left:24px;right:auto;top:auto;bottom:165px;transform:none}.footer-grid{grid-template-columns:1fr 1fr;padding:45px 5px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}}

/* Abstract editorial artwork used by the three homepage insight cards. */
.ref-insight-image{position:relative;border:1px solid #5f5069}
.ref-insight-image i,.ref-insight-image b{position:absolute;display:block;border:1px solid #806f8c}
.ref-insight-1 i:first-child{inset:-30% 48% -30% 18%;border-radius:50%}
.ref-insight-1 i:nth-child(2){width:38%;height:155%;right:6%;top:-28%;border-radius:50%;background:rgba(150,128,166,.42)}
.ref-insight-1 i:nth-child(3){left:0;top:0;bottom:0;width:24%;background:repeating-linear-gradient(90deg,transparent 0,transparent 24%,rgba(245,242,233,.15) 25%)}
.ref-insight-1 b{width:85px;height:85px;right:21%;top:18%;border-radius:50%}
.ref-insight-2 i:first-child{left:7%;right:7%;top:18%;height:64%;border-radius:5px;background:repeating-linear-gradient(0deg,transparent 0,transparent 24%,rgba(245,242,233,.13) 25%)}
.ref-insight-2 i:nth-child(2){left:26%;top:18%;bottom:18%}
.ref-insight-2 i:nth-child(3){left:32%;right:12%;top:34%;height:8px;border:0;border-top:1px solid #806f8c;box-shadow:0 25px 0 -1px #806f8c,0 50px 0 -1px #806f8c}
.ref-insight-2 b{left:9%;top:30%;width:38px;height:38px;border-radius:50%;box-shadow:0 55px 0 -1px var(--ref-purple),0 55px 0 0 #806f8c}
.ref-insight-3{background:linear-gradient(90deg,#1b1025 0 49%,#281735 49%)}
.ref-insight-3 i:first-child{left:8%;right:8%;bottom:18%;height:1px;border:0;border-top:1px solid #806f8c;transform:skewY(-12deg);box-shadow:0 -30px 0 -1px #806f8c,0 -58px 0 -1px #806f8c}
.ref-insight-3 i:nth-child(2){width:115px;height:115px;right:9%;top:9%;border-radius:50%}
.ref-insight-3 i:nth-child(3){width:65px;height:65px;right:16%;top:25%;border-radius:50%}
.ref-insight-3 b{width:7px;height:7px;background:var(--ref-lime);border:0;right:9%;top:9%}
