@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&display=swap');
:root{--paper:#0b0b0f;--ink:#f4f4f5;--blue:#5774ff;--yellow:#efff8a;--line:#2a2b33;--muted:#a2a3ae}html{background:var(--paper);scroll-padding-top:100px}body{background:var(--paper);color:var(--ink)}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent 24.95%,#ffffff03 25%,transparent 25.05%,transparent 74.95%,#ffffff03 75%,transparent 75.05%)}.wrap{max-width:1600px;padding-left:5%;padding-right:5%}.nav-shell{position:sticky;top:0;z-index:50;background:#0b0b0fde;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}header{height:90px;border:0}.logo{font-size:37px;letter-spacing:-2.7px}.logo i{color:var(--yellow);font-size:38px;display:inline-block;margin-left:4px;vertical-align:middle;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.logo:hover i{transform:rotate(90deg)}.nav{gap:44px}.nav a{font-size:13px;color:#bfc0cb}.nav a:hover,.nav a[aria-current=page]{color:white}.nav .contact-nav{background:#f4f4f5;color:#111;border-color:#f4f4f5;padding:12px 25px}.nav .contact-nav:hover{background:var(--yellow);border-color:var(--yellow);color:#111}.nav a[aria-current=page]{text-decoration:none}.nav a[aria-current=page]:not(.contact-nav):after{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--yellow);vertical-align:middle;margin-left:8px}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:600;letter-spacing:-.025em;text-transform:uppercase}h1 em,h2 em{font-family:inherit;font-style:normal;font-weight:600;color:#7e92ff}.eyebrow{font-size:10px;letter-spacing:1.4px;color:#a2a3ae}.dot{background:var(--yellow);box-shadow:0 0 10px #efff8a40}.availability{font-size:11px;color:#8c8d9b}.dark-hero{padding-top:30px;padding-bottom:0;position:relative;overflow:hidden}.hero-composition{display:grid;grid-template-columns:1.16fr 1fr;align-items:center;position:relative;min-height:680px;padding-top:35px;padding-bottom:45px}.hero-main{position:relative;z-index:2}.hero-title{font-size:clamp(68px,7.6vw,120px);line-height:.91;font-weight:600;letter-spacing:-.035em;margin:10px 0 30px;max-width:810px}.title-line{display:block;overflow:hidden;padding-bottom:9px;margin-bottom:-9px}.title-line>span{display:block;transform-origin:left bottom;animation:headlineIn 1.1s cubic-bezier(.16,1,.3,1) both}.title-line:nth-child(2)>span{animation-delay:.12s}.title-line:nth-child(3)>span{animation-delay:.24s}.title-line:nth-child(4)>span{animation-delay:.36s}.title-line.accent{color:#7189ff}.hero-description{font-size:15px;color:#a8a9b7;line-height:1.8;max-width:430px;margin-bottom:26px;animation:softIn 1s .5s both}.hero-actions{display:flex;align-items:center;gap:28px;animation:softIn 1s .65s both}.button{background:#f4f4f5;color:#15151a;border:1px solid #f4f4f5;padding:15px 23px;border-radius:30px;transition:background .35s,color .35s,transform .35s,box-shadow .35s;will-change:transform}.button:hover{background:var(--yellow);border-color:var(--yellow);color:#111;box-shadow:0 6px 30px #efff8a0d;transform:translateY(-3px)}.button.blue{background:#4a60f4;border-color:#4a60f4;color:white}.button.blue:hover{background:#6b7fff;border-color:#6b7fff}.button.light{background:transparent;color:#f3f3f5;border-color:#4c4e5c}.button.light:hover{background:#f3f3f5;color:#111}.button.yellow{background:var(--yellow);color:#111;border-color:var(--yellow)}.text-link{font-size:13px;border-color:#6e707e}.text-link span,.button span{display:inline-block;transition:transform .3s}.text-link:hover span,.button:hover span{transform:translate(3px,-3px)}.hero-actions .text-link{border-bottom:0;color:#b4b6c3}.hero-art{position:relative;width:calc(100% + 70px);margin-left:-30px;min-height:550px;perspective:1000px;isolation:isolate;animation:softIn 1.6s .15s both}.art-glow{position:absolute;inset:12% 0 0;background:radial-gradient(ellipse,#2d43e62e,transparent 68%);filter:blur(24px)}.art-orbit{position:relative;transform-style:preserve-3d;transform:rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transition:transform .7s ease-out}.sculpture{width:100%;max-height:620px;animation:levitate 9s ease-in-out infinite;filter:drop-shadow(0 12px 35px #1d2e8f40)}.art-tag{position:absolute;background:linear-gradient(140deg,#292b3cea,#11121cea);border:1px solid #555a7a55;backdrop-filter:blur(12px);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:15px;font-size:11px;color:#9597a9;box-shadow:0 15px 45px #0007;line-height:1.7}.art-tag b{font-size:14px;color:#f6f6fb;font-weight:500}.tag-design{left:2%;top:17%;animation:drift 8s ease-in-out infinite}.tag-build{right:0;bottom:20%;animation:drift 8s -4s ease-in-out infinite}.tag-symbol{font-family:DejaVu Sans,sans-serif;font-size:30px;color:var(--yellow)}.code-symbol{font-size:22px;color:#8197ff}.art-caption{font-size:9px;letter-spacing:3px;text-align:center;color:#626779;margin-top:-10px}.hero-baseline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:9px;letter-spacing:1px;color:#757784}.hero-baseline a{letter-spacing:0;font-size:11px;color:#b4b5c1;display:flex;gap:27px}.hero-baseline a span{color:var(--yellow)}.capability-strip{border-block:1px solid var(--line);background:#111116;padding:25px 0;overflow:hidden}.marquee-track{display:flex;align-items:center;gap:45px;width:max-content;animation:marquee 36s linear infinite;will-change:transform}.marquee-track span{font-family:'Barlow Condensed',Arial,sans-serif;font-size:28px;font-weight:500;letter-spacing:.5px;color:#787b8f}.marquee-track i{font-family:DejaVu Sans,sans-serif;font-style:normal;font-size:24px;color:var(--blue)}.capability-strip:hover .marquee-track{animation-play-state:paused}.home-work{padding-top:100px;padding-bottom:110px}.section-head{margin-bottom:40px}.section-head h2{font-size:clamp(48px,5.6vw,84px);line-height:.98;font-weight:500;margin-top:18px}.section-label{color:#8c8d99}.project-grid{gap:55px 28px}.project-visual{border-radius:14px;background:#171820;isolation:isolate;box-shadow:0 0 0 1px #ffffff08;min-height:400px}.project:first-child .project-visual{height:620px}.project-visual:after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff0d;pointer-events:none;z-index:2}.project .scene{will-change:transform;transition:transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(var(--scene-shift,0px)) scale(1.06)}.project a:hover .scene{transform:translateY(var(--scene-shift,0px)) scale(1.1)}.safeli-scene{background:radial-gradient(ellipse at 50% 40%,#334c39 0,#14241f 65%,#10201c 100%);padding-top:60px;padding-bottom:60px}.scene-word{color:#e4efd8}.scene-label{color:#8a9b85}.phone{box-shadow:0 30px 60px #0007;border-color:#232725}.phone:before{background:#232725}.phone.first{transform:translateY(-10px) rotate(-8deg)}.phone.second{transform:translateY(38px) rotate(7deg)}.phone.third{transform:translateY(-7px) rotate(-5deg)}.dash-scene{background:radial-gradient(ellipse at 50% 40%,#30396c,#181d39 80%)}.focus-scene{background:radial-gradient(ellipse at 50% 40%,#594252,#332532 80%)}.float-note{color:#333}.desktop{border-color:#818cb933;box-shadow:0 30px 60px #0004}.project-meta h3{font-size:28px;letter-spacing:0}.project-meta p{font-size:12px;color:#8e909e}.arrow-circle{background:transparent;border-color:#454753;width:41px;height:41px;color:white}.project a:hover .arrow-circle{background:var(--blue);border-color:var(--blue);transform:rotate(8deg)}.project-visual .preview-video{background:radial-gradient(ellipse,#2d3c41,#172326);padding:45px 35px}.project-visual .preview-video.axolo{background:radial-gradient(ellipse,#2d3e50,#19232d)}.preview-caption{color:#a0acb6}.video-control{background:#ffffffde;color:#171820}.manifesto{background:#101116;color:#f1f1f4;border-block:1px solid var(--line);padding:110px 0;position:relative;overflow:hidden}.manifesto:after{content:'✳︎';font-family:DejaVu Sans,sans-serif;position:absolute;right:-70px;bottom:-120px;font-size:500px;line-height:1;color:#29376415;pointer-events:none}.manifesto .wrap{grid-template-columns:1fr 2.6fr}.manifesto .eyebrow{color:#74778a;align-items:flex-start}.manifesto h2{font-size:clamp(45px,5.7vw,87px);line-height:1.04;margin-bottom:35px;position:relative;z-index:1}.manifesto p{color:#9194a5;font-size:16px;max-width:610px;position:relative;z-index:1}.manifesto .text-link{color:#e6e6eb}.services{padding-top:110px;padding-bottom:100px}.services-intro{color:#979aa9;font-size:15px}.packages{margin-top:50px;gap:20px}.package{background:linear-gradient(140deg,#1b1b24,#14141b);border:1px solid #333340;border-radius:15px;padding:34px 28px;transition:transform .45s,border-color .45s,box-shadow .45s}.package:hover{transform:translateY(-8px);border-color:#6b739a;box-shadow:0 20px 45px #0004}.package.featured{background:linear-gradient(145deg,#283cbd,#1d2879);border-color:#6379ff70}.package.featured:before{content:'YOUR DESIGN PARTNER';position:absolute;top:-12px;right:22px;border-radius:20px;background:#dce2ff;padding:5px 12px;color:#273480;font-size:9px;letter-spacing:1px;font-weight:700}.package .eyebrow{color:#7e8296;font-size:9px;letter-spacing:1px}.package.featured .eyebrow{color:#afbaf9}.package h3{font-size:36px;letter-spacing:-.5px;margin:26px 0 16px}.package p{color:#9296a8;font-size:14px;min-height:90px}.package.featured p{color:#c1caf7}.price{color:white;font-family:'Barlow Condensed',Arial,sans-serif;font-size:57px;letter-spacing:-1px;line-height:1.2}.price span{color:#8d91a5;font-size:12px}.package.featured .price span{color:#b1bdf6}.package small{color:#7c8197;font-size:10px;margin:8px 0 30px}.package.featured small{color:#a5b2ed}.package ul{border-color:#ffffff19;padding:21px 0}.package li{color:#c5c7d4;font-size:12px;padding:9px 0}.package.featured li{color:#e0e5ff}.package li:before{color:#8297ff}.package.featured li:before{color:#d4ddff}.package .button{font-size:12px}.package.featured .button{color:#17205d}.package-note{font-size:11px;color:#727789;margin-top:25px}.process{border-color:var(--line);padding-top:90px;padding-bottom:100px}.step .number{color:#8295ff;font-size:10px}.step h3{font-size:31px;font-weight:500}.step p{color:#8e92a3}.cta{background:#13141e;border-block:1px solid #2d3045;padding:100px 0;position:relative;overflow:hidden}.cta:before{content:'';position:absolute;right:-10%;top:-150%;width:85%;height:400%;background:radial-gradient(ellipse,#3148da30,transparent 65%);pointer-events:none}.cta h2{font-size:clamp(68px,8vw,120px);line-height:.95}.cta .eyebrow{color:#85899c}.cta .button{position:relative}.cta h2 em{color:#7b93ff}.footer{padding-top:50px}.footer-bottom{color:#656b80;border-color:#252837}.footer-links{color:#b3b7c8}.page-hero{padding-top:70px;padding-bottom:70px}.page-hero h1{font-size:clamp(68px,8.2vw,125px);line-height:.97;margin:30px 0;max-width:1000px}.page-hero p{color:#9197aa;font-size:16px}.filters{margin-bottom:40px}.filter{color:#a9afc1;border-color:#303441;transition:all .25s}.filter:hover{border-color:#7789d3;color:white}.filter.active{background:#495fe8;border-color:#495fe8;color:#fff}.about-art{background:radial-gradient(ellipse at 50% 20%,#304bcd,#14205a 90%);border:1px solid #415cbb33}.about-art .monogram{color:#c1caff}.about-content h2{font-size:53px}.about-content p{color:#959bad}.about-facts{border-color:#303747;color:#d8deef}.about-facts span{color:#737e94}.contact-copy h2{font-size:48px}.contact-copy p{color:#8e96aa}.contact-email{font-size:18px;color:#c6d0ff;border-color:#6373a7}.field label{color:#a7afc3}.field input,.field select,.field textarea{border-color:#3b4357;color:#e4e9f7}.field select option{background:#181c28;color:#e4e9f7}.field input::placeholder,.field textarea::placeholder{color:#626d86}.form-note{color:#77849f}.form-status{background:#1f2d62;color:#d9e2ff}.case-hero h1{font-size:clamp(65px,8vw,120px);line-height:.95}.case-intro>p{color:#9da6bd}.case-facts{color:#d1d9ed}.case-facts span{color:#6f7c97}.case-banner{border-radius:15px}.case-section{border-color:#282e3d}.case-section h2{font-size:53px}.case-section h3{font-size:30px}.case-section p{color:#919db5;font-size:16px}.case-next a{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;font-size:65px;letter-spacing:0;border-color:#2e3445}.visual-note{color:#687791}.detail-showcase.green{background:#182923}.detail-showcase.violet{background:#1b2348}.detail-showcase.peach{background:#382939}.detail-copy h2{font-size:53px}.detail-copy p,.detail-copy ol{color:#9eacac}.detail-showcase .eyebrow{color:#7e9299}.detail-phones{color:#252a21}.detail-showcase h4{font-family:inherit}.detail-desktop{color:#2d3246}.detail-desktop h4{text-transform:none;font-family:Manrope,Arial,sans-serif}.detail-phones .phone h4{text-transform:none}.scroll-progress{position:fixed;left:0;top:0;height:2px;background:#8b9cff;width:0;z-index:100;box-shadow:0 0 10px #5975ff}.page-curtain{position:fixed;inset:0;background:#3f55df;z-index:999;transform:translateY(100%);pointer-events:none;display:grid;place-items:center}.page-curtain span{font-size:50px;font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-4px;color:#f3f4ff}.page-curtain.leaving{transform:translateY(0);transition:transform .5s cubic-bezier(.76,0,.24,1);pointer-events:all}.page-curtain.arriving{animation:curtainOut .7s cubic-bezier(.76,0,.24,1) both}.motion-item{opacity:0;transform:translateY(45px);transition:opacity .95s cubic-bezier(.16,1,.3,1),transform .95s cubic-bezier(.16,1,.3,1);transition-delay:var(--stagger,0ms)}.motion-item.in-view{opacity:1;transform:translateY(0)}.motion-image{clip-path:inset(12% 0 12% 0 round 14px);opacity:.3;transition:clip-path 1.3s cubic-bezier(.16,1,.3,1),opacity 1.2s}.motion-image.in-view{clip-path:inset(0 0 0 0 round 14px);opacity:1}.animated-heading .word-wrap{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.13em;margin-bottom:-.13em}.animated-heading .word-inner{display:inline-block;transform:translateY(110%) rotate(4deg);opacity:0;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .6s;transition-delay:calc(var(--word-index)*35ms)}.animated-heading.in-view .word-inner{opacity:1;transform:translateY(0) rotate(0)}.scroll-statement .scroll-word{color:#353a4b;transition:color .3s}.scroll-statement .scroll-word.lit{color:#f3f4f8}.scroll-statement .scroll-word:nth-last-of-type(-n+2).lit{color:#8b9dff}.reveal{animation:none}.project[hidden]{display:none!important}@keyframes headlineIn{from{transform:translateY(115%) rotate(5deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes softIn{from{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes levitate{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-17px) rotate(2deg)}}@keyframes drift{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes curtainOut{from{transform:translateY(0)}to{transform:translateY(-101%)}}@media(min-width:1600px){.dark-hero{padding-left:80px;padding-right:80px}}@media(max-width:1100px){.hero-composition{min-height:580px;grid-template-columns:1.2fr 1fr}.hero-title{font-size:8.5vw}.hero-art{min-height:440px;margin-left:-50px;width:calc(100% + 80px)}.tag-design{left:0;top:9%}.tag-build{right:-5%;bottom:16%}.art-tag{padding:12px 14px;font-size:9px}.art-tag b{font-size:12px}.art-caption{font-size:8px;letter-spacing:2px}.package h3{font-size:31px}.package{padding:30px 21px}.package p{min-height:110px}.project:first-child .project-visual{height:540px}.project-visual{min-height:350px}}@media(max-width:740px){header{height:76px}.logo{font-size:30px}.logo i{font-size:29px}.nav{gap:21px}.nav a{font-size:11px}.nav .contact-nav{padding:10px 17px}.hero-top .availability{display:none}.dark-hero{padding-top:25px}.hero-composition{grid-template-columns:1fr;min-height:0;padding-top:35px;padding-bottom:10px}.hero-title{font-size:clamp(67px,12vw,100px);line-height:.92;max-width:650px;margin:0 0 28px}.hero-description{font-size:14px;max-width:380px}.hero-actions{gap:22px}.hero-actions .button{font-size:12px;padding:13px 20px}.hero-actions .text-link{font-size:12px}.hero-art{width:75%;min-height:0;margin:25px auto 0;max-width:450px}.art-tag{padding:11px 14px}.tag-design{top:10%;left:-12%}.tag-build{right:-14%;bottom:15%}.art-caption{margin-top:-12px;margin-bottom:20px}.hero-baseline{font-size:8px;letter-spacing:.5px;gap:20px;padding:18px 0}.hero-baseline a{font-size:9px;gap:12px;white-space:nowrap}.marquee-track{gap:28px}.marquee-track span{font-size:23px}.capability-strip{padding:18px 0}.home-work{padding-top:65px;padding-bottom:65px}.section-head{margin-bottom:30px}.section-head h2{font-size:53px}.home-work .section-head{align-items:flex-end}.home-work .section-head .text-link{font-size:11px;gap:9px;white-space:nowrap}.project:first-child .project-visual{height:420px}.project-visual{min-height:330px}.manifesto{padding:65px 0}.manifesto .wrap{display:block}.manifesto h2{font-size:55px}.manifesto .eyebrow{margin-bottom:32px}.manifesto p{font-size:15px}.services{padding-top:65px;padding-bottom:60px}.package p{min-height:0}.package{padding:30px}.package h3{font-size:37px}.package .eyebrow{font-size:9px}.price{font-size:58px}.package li{font-size:13px}.package small{font-size:11px}.package.featured{margin-top:6px}.process{padding-top:60px;padding-bottom:55px}.process .section-head h2{font-size:51px}.step h3{font-size:32px}.step{border-color:#282d3b}.cta{padding:65px 0}.cta h2{font-size:84px}.footer-bottom{font-size:9px}.page-hero{padding-top:45px;padding-bottom:45px}.page-hero h1{font-size:70px}.about-content h2{font-size:47px}.contact-copy h2{font-size:44px}.case-hero h1{font-size:68px}.case-section h2,.detail-copy h2{font-size:44px}.case-section h3{font-size:29px}.case-next a{font-size:48px}.project-meta h3{font-size:28px}.project-meta p{font-size:11px}.project-visual .preview-video{padding:30px 22px}.case-facts{font-size:12px}}@media(max-width:430px){.nav{gap:13px}.nav .contact-nav{padding:8px 12px;gap:8px}.logo{font-size:27px}.logo i{font-size:26px}.dark-hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-title{font-size:17.3vw}.hero-art{width:83%;margin-top:20px}.art-tag{padding:10px 12px}.tag-design{left:-7%}.tag-build{right:-8%}.hero-baseline>span{max-width:180px;line-height:1.7}.project:first-child .project-visual{height:350px}.page-hero h1{font-size:61px}.manifesto h2{font-size:46px}.section-head h2{font-size:46px}.home-work .section-head .text-link{font-size:10px}.case-hero h1{font-size:60px}}@media(prefers-reduced-motion:reduce){.motion-item,.motion-image,.animated-heading .word-inner{opacity:1!important;transform:none!important;clip-path:none!important}.scroll-statement .scroll-word{color:#f3f4f8}.page-curtain{display:none!important}.marquee-track,.sculpture,.art-tag{animation:none!important}.project .scene{transform:none!important}.scroll-progress{display:none}}

.intake .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}.intake .step h3{font-size:29px;line-height:1.1;min-height:64px}.intake .step p{font-size:14px;line-height:1.75}.intake-link{margin-top:30px}@media(max-width:1000px){.intake .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.intake .step h3{min-height:0}}@media(max-width:640px){.intake .steps{grid-template-columns:1fr;gap:24px}.intake .step h3{font-size:31px}.intake .step p{max-width:100%}}

.partner-value{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding-top:110px;padding-bottom:105px;border-bottom:1px solid var(--line)}.partner-intro h2{font-size:clamp(50px,5vw,78px);line-height:1.02;margin:24px 0}.partner-intro>p{max-width:350px;color:#969fb3;font-size:16px;line-height:1.8}.partner-intro .text-link{margin-top:8px}.equity-note{display:flex;align-items:center;gap:20px;margin-top:50px;padding-top:25px;border-top:1px solid #2b3141;max-width:370px}.equity-note strong{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:500;font-size:76px;line-height:1;color:#8396ff;letter-spacing:-2px}.equity-note span{font-size:12px;line-height:1.8;color:#9da8bd}.partner-benefits{padding-top:5px}.partner-benefit{display:grid;grid-template-columns:32px 1fr;gap:22px;padding:27px 0;border-top:1px solid #303648;position:relative}.partner-benefit:last-child{border-bottom:1px solid #303648}.partner-benefit:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:1px;background:#6f88ff;transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.16,1,.3,1)}.partner-benefit:hover:before{transform:scaleX(1)}.benefit-number{color:#7c92ff;font-size:11px;padding-top:8px}.partner-benefit h3{font-size:31px;line-height:1.1;margin:0 0 14px;font-weight:500}.partner-benefit p{color:#929db4;font-size:14px;line-height:1.85;margin:0;max-width:480px}@media(max-width:900px){.partner-value{gap:6%}.partner-intro h2{font-size:57px}.partner-benefit{gap:15px}.partner-benefit h3{font-size:28px}}@media(max-width:640px){.partner-value{grid-template-columns:1fr;padding-top:65px;padding-bottom:65px;gap:45px}.partner-intro h2{font-size:54px}.partner-intro>p{font-size:15px;max-width:100%}.equity-note{margin-top:30px;max-width:100%}.equity-note strong{font-size:65px}.partner-benefit{padding:25px 0;gap:14px;grid-template-columns:24px 1fr}.partner-benefit h3{font-size:29px}.partner-benefit p{font-size:14px}}

/* Alternating light surfaces preserve the dark hero and blue brand accents. */
.theme-light{--ink:#191b24;--muted:#5e6370;--line:#d2d5de;--blue:#405ce3;--paper:#f3f3f4;background:var(--paper);color:var(--ink);border-radius:30px;position:relative;isolation:isolate}.theme-light .eyebrow{color:#727784}.theme-light h2 em{color:#4862e9}.theme-light .text-link{color:#282d3c;border-color:#9197a6}.theme-light .text-link:hover{color:#405ce3}.theme-light .home-work{padding-top:90px;padding-bottom:100px}.theme-light .project-meta h3{color:#202330}.theme-light .project-meta p{color:#687080}.theme-light .arrow-circle{color:#272e42;border-color:#a8afbd}.theme-light .project a:hover .arrow-circle{background:#405ce3;border-color:#405ce3;color:white}.theme-light .project-visual{box-shadow:none}.theme-light .section-label{color:#626b7c}.theme-light .partner-value{border:0;padding-top:100px;padding-bottom:100px}.theme-light .partner-intro>p{color:#606879}.theme-light .partner-benefit{border-color:#cbd0dc}.theme-light .partner-benefit p{color:#606879}.theme-light .benefit-number{color:#4763df}.theme-light .equity-note{border-color:#cbd0dc}.theme-light .equity-note strong{color:#4963df}.theme-light .equity-note span{color:#687184}.theme-light .intake{border:0;padding-top:90px;padding-bottom:85px}.theme-light .step .number{color:#4862dc}.theme-light .step p{color:#626b7b}.theme-light .step{border-color:#cbd0dc}.theme-light .work-section:not(.home-work){padding-top:55px;padding-bottom:90px}.theme-light .filter{color:#596376;border-color:#c4cad5}.theme-light .filter:hover{border-color:#4963df;color:#405ce3}.theme-light .filter.active{color:white;background:#405ce3;border-color:#405ce3}.theme-light .project-meta>span{color:#697286!important}.theme-light .about-grid{padding-top:70px;padding-bottom:80px}.theme-light .about-content p{color:#626b7d}.theme-light .about-facts{color:#323d55;border-color:#c9d0dc}.theme-light .about-facts span{color:#768097}.theme-light .contact-grid{padding-top:65px;padding-bottom:85px}.theme-light .contact-copy p{color:#687184}.theme-light .contact-email{color:#405ce3;border-color:#9ba8d6}.theme-light .field label{color:#505c72}.theme-light .field input,.theme-light .field select,.theme-light .field textarea{color:#242d40;border-color:#a8b2c4}.theme-light .field input::placeholder,.theme-light .field textarea::placeholder{color:#8992a4}.theme-light .field select option{color:#242d40;background:#f3f3f4}.theme-light .form-note{color:#737f95}.theme-light .form-status{color:#283e7b;background:#e1e7ff}.theme-light .button.blue{color:white;background:#405ce3;border-color:#405ce3}.theme-light .button.blue:hover{background:#2d47c6;border-color:#2d47c6}@media(max-width:640px){.theme-light{border-radius:20px}.theme-light .home-work{padding-top:60px;padding-bottom:65px}.theme-light .partner-value{padding-top:65px;padding-bottom:65px}.theme-light .intake{padding-top:60px;padding-bottom:60px}.theme-light .work-section:not(.home-work){padding-top:35px;padding-bottom:60px}.theme-light .about-grid,.theme-light .contact-grid{padding-top:45px;padding-bottom:55px}}

.testimonials {
  padding-block: clamp(60px, 8vw, 105px);
  border-bottom: 1px solid var(--line);
}
.testimonial-list {
  display: grid;
}
.testimonial {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(0, 2.4fr);
  align-items: start;
  gap: clamp(20px, 5vw, 72px);
  margin: 0;
  padding-block: clamp(26px, 4vw, 48px);
}
.testimonial + .testimonial {
  border-top: 1px solid var(--line);
}
.testimonial blockquote, .testimonial p {
  margin: 0;
}
.testimonial p {
  max-width: 65ch;
  font: inherit;
  font-weight: 400;
}
.testimonial figcaption {
  display: flex;
  align-items: center;
  gap: 14px;
}
.testimonial img, .testimonial-initials {
  flex: none;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
}
.testimonial-initials {
  display: grid;
  place-items: center;
  background: #242844;
  color: #c7d0ff;
  font-size: 14px;
}
.testimonial figcaption div span {
  display: block;
  color: var(--muted);
  font-size: 13px;
}
@media (max-width: 620px) {
  .testimonial {
    grid-template-columns: minmax(88px, 0.85fr) minmax(0, 1.65fr);
    gap: 16px;
  }
  .testimonial figcaption {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
  }
  .testimonial figcaption div span { font-size: 12px; }
}

.project-grid .project .project-visual.safeli-shop,
.work-page .project-grid .project .project-visual.safeli-shop,
.case-banner.safeli-shop {
  height: auto;
  min-height: 0;
  aspect-ratio: 1673 / 940;
  background: #211153;
}
.safeli-cover {
  display: block;
  width: 100%;
  height: auto;
}

.safeli-cover {
  filter: url("/assets/cover-sharpen.svg#sharpen");
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .safeli-cover,
  .clock-cover-screen {
    transition: transform 550ms cubic-bezier(.2, .75, .25, 1);
  }

  .project-visual.safeli-shop:hover .safeli-cover,
  .case-banner.safeli-shop:hover .safeli-cover,
  .clock-cover-stage:hover .clock-cover-screen {
    transform: scale(.965);
  }
}

.project-grid .project .project-visual.onclock,
.work-page .project-grid .project .project-visual.onclock,
.case-banner.onclock {
  height: auto;
  min-height: 0;
  aspect-ratio: 1672 / 941;
}

.clock-in-cover {
  display: block;
  width: 100%;
  height: auto;
}

.clock-cover-stage {
  width: 100%;
  overflow: hidden;
  background: #33475d;
}
.clock-cover-screen {
  position: relative;
  container-type: inline-size;
}
.clock-cover-metrics {
  position: absolute;
  inset: 0;
  pointer-events: none;
  visibility: hidden;
}
.clock-cover-metrics.is-counting {
  visibility: visible;
}
.clock-cover-value {
  position: absolute;
  top: 31.4%;
  height: 3.85%;
  display: flex;
  align-items: baseline;
  padding-left: .12cqw;
  box-sizing: border-box;
  background: #fdfdfd;
  color: #1669b7;
  font: 700 2.02cqw/1.12 Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.clock-cover-value:nth-child(1) { left: 33.7%; width: 1.6%; }
.clock-cover-value:nth-child(2) { left: 49.95%; width: 6.4%; }
.clock-cover-value:nth-child(3) { left: 66.1%; width: 1.6%; }
.clock-cover-value small {
  font-size: 43%;
}

.about-art.about-portrait {
  align-self: start;
  display: block;
  min-height: 0;
}
.about-portrait img {
  display: block;
  width: 100%;
  height: auto;
}
.about-portrait .caption {
  padding: 10px 14px;
  border-radius: 8px;
  background: #0b0b0fdb;
  color: white;
}

.home-work .project:has(.project-visual.study) {
  grid-column: 1 / -1;
}
.project-grid .project .project-visual.study,
.work-page .project-grid .project .project-visual.study,
.case-banner.study {
  height: auto;
  min-height: 0;
  aspect-ratio: 2 / 1;
}
.study-cover {
  width: 100%;
  aspect-ratio: 2 / 1;
  display: grid;
  place-items: center;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at 51% 25%, #366fda, #152e61 68%, #102043);
}
.study-window {
  overflow: hidden;
  border: 1px solid #b1c2df;
  border-radius: clamp(5px, 1vw, 14px);
  background: #eef3fc;
  box-shadow: 0 14px 36px #07132c4d;
}
.study-window-bar {
  display: flex;
  gap: 5px;
  padding: clamp(4px, .75vw, 10px);
  border-bottom: 1px solid #d1dceb;
}
.study-window-bar i {
  width: clamp(4px, .55vw, 7px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: #a2b4cf;
}
.study-window-bar i:first-child { background: #ffcf38; }
.study-window img {
  display: block;
  width: 100%;
  height: auto;
}
.study-cover > .study-window {
  width: 66%;
  z-index: 1;
}
.study-cover-secondary {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.study-cover-secondary .study-window {
  position: absolute;
  width: 46%;
  top: 25%;
}
.study-cover-secondary .study-window--explore {
  left: 3%;
  transform: rotate(-9deg);
}
.study-cover-secondary .study-window--questions {
  right: 3%;
  transform: rotate(9deg);
}
.study-gallery {
  padding-block: clamp(50px, 8vw, 105px);
}
.study-gallery figure {
  margin: 0 0 clamp(26px, 5vw, 60px);
  padding: clamp(14px, 4vw, 55px);
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #142a55;
}
.study-gallery figure:nth-of-type(2) { background: #202f4c; }
.study-gallery figure:nth-of-type(3) { background: #223a65; }
.study-gallery figcaption {
  margin-top: 18px;
  color: #e1e9fb;
  font-size: 14px;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .study-cover > .study-window { transition: transform 550ms cubic-bezier(.2, .75, .25, 1); }
  .study-cover:hover > .study-window { transform: scale(.965); }
}

.study-window-screen {
  position: relative;
  container-type: inline-size;
}
.study-screen-brand {
  position: absolute;
  inset: 0 auto auto 0;
  display: block;
  box-sizing: border-box;
  width: 17.3%;
  height: 25%;
  padding: 2.35cqw 0 0 4.1cqw;
  background: #fdfdfd;
  color: #16191d;
  font: 800 2.3cqw/1.12 'DM Sans', Arial, sans-serif;
  letter-spacing: -.07cqw;
}

.study-screen-brand i {
  position: absolute;
  left: 1.1cqw;
  top: 2.55cqw;
  color: #1857ce;
  font: normal 2.05cqw/1 Arial, sans-serif;
}

.availability-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px;
  border: 1px solid #eaff7938;
  border-radius: 999px;
  background: #eaff7910;
  color: var(--yellow);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
}
.availability-badge span {
  width: 6px;
  height: 6px;
  flex: none;
  border-radius: 50%;
  background: currentColor;
}
.availability-badge:hover,
.availability-badge:focus-visible {
  background: #eaff7926;
}
@media (min-width: 901px) {
  .nav-shell header {
    column-gap: 16px;
  }
  .availability-badge {
    margin-inline-start: auto;
  }
}
@media (max-width: 900px) {
  .nav-shell header {
    height: auto;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 12px;
    padding-block: 12px;
  }
  .nav-shell .nav {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }
  .availability-badge {
    grid-column: 1 / -1;
    justify-self: end;
    padding: 4px 9px;
    font-size: 11px;
  }
}

.project-grid .project .project-visual.city-concierge,
.case-banner.city-concierge {
  height: auto;
  min-height: 0;
  aspect-ratio: 1672 / 941;
  background: #242027;
}
.city-concierge-cover {
  display: block;
  width: 100%;
  height: auto;
}

.concierge-journey {
  margin: 48px 0;
  padding: clamp(24px, 5vw, 56px);
  border: 1px solid var(--line);
  border-radius: 24px;
  background: #14151c;
}
.concierge-journey h2 {
  margin: 0 0 12px;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.1;
}
.concierge-journey p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}
.concierge-stages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  list-style: none;
  margin: 28px 0 18px;
  padding: 0;
}
.concierge-stages li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #0e0f15;
}
.concierge-stages li:not(:last-child)::after {
  content: '→' / '';
  position: absolute;
  top: 50%;
  left: 100%;
  width: 22px;
  color: var(--yellow);
  text-align: center;
}
.concierge-stages h3 {
  margin: 0;
  font-size: 17px;
}
.concierge-stages p {
  font-size: 14px;
}
.concierge-chat {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  min-height: 170px;
  padding: 10px;
  border-radius: 10px;
  background: #e8e3d9;
}
.concierge-chat .concierge-bubble {
  align-self: flex-start;
  max-width: 95%;
  padding: 6px 8px;
  border-radius: 8px 8px 8px 2px;
  background: #fff;
  color: #20251e;
  font-size: 13px;
  line-height: 1.35;
}
.concierge-chat .sent {
  align-self: flex-end;
  border-radius: 8px 8px 2px 8px;
  background: #d8f6bd;
}
.concierge-bubble strong {
  color: #224eb9;
}
.concierge-journey .concierge-loop {
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 15px 18px;
  border: 1px solid #434a2a;
  border-radius: 14px;
  background: #1c2015;
}
.concierge-loop strong, .concierge-loop > span:first-child {
  color: var(--yellow);
}
@media (max-width: 940px) {
  .concierge-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .concierge-stages { grid-template-columns: 1fr; }
}

@media (min-width: 541px) and (max-width: 940px) {
  .concierge-stages li:nth-child(2)::after { content: none; }
}
@media (max-width: 540px) {
  .concierge-stages li:not(:last-child)::after {
    content: '↓' / '';
    top: 100%;
    left: calc(50% - 11px);
  }
  .concierge-chat { min-height: auto; }
}

.project-visual .preview-video.axolo {
  min-height: 0;
  padding: 24px clamp(14px, 3vw, 32px) 50px;
}
.preview-browser {
  width: 100%;
  overflow: hidden;
  border: 1px solid #566475;
  border-radius: 12px;
  background: #202633;
  box-shadow: 0 14px 28px #0006;
}
.preview-browser-bar {
  display: flex;
  gap: 5px;
  padding: 9px 12px;
}
.preview-browser-bar i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9caabd;
}
.preview-browser video {
  display: block;
  aspect-ratio: 1440 / 798;
  border-radius: 0;
  box-shadow: none;
}