@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--page:#f5f5f5;--ink:#0a0a0a;--muted:#686868;--green:#039317;--teal:#38bebf;--white:#fff;--gap:12px;--page-gutter:36px;--radius:18px;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--page);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#f5f5f5;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:9px;min-width:0}.brand-mark{width:35px;height:31px;display:flex;align-items:flex-end;gap:2px;position:relative;flex:none}.brand-mark:before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border:2.5px solid #090909;border-bottom-color:transparent;border-radius:50% 50% 18% 50%;transform:rotate(-24deg)}.brand-mark span{display:block;background:#0a0a0a;width:5px;border-radius:4px 4px 0 0;z-index:1}.brand-mark span:nth-child(1){height:12px}.brand-mark span:nth-child(2){height:21px}.brand-mark span:nth-child(3){height:16px}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-copy strong{font-size:14px;letter-spacing:-.45px;line-height:1.15}.brand-copy small{font-size:8.5px;color:var(--green);font-weight:600;display:flex;align-items:center;gap:4px}.brand-copy small i,.tiny-green-dot,.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);flex:none}.topbar-right{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600}.status-dot{width:5px;height:5px;background:#111}.mini-contact{display:flex;align-items:center;gap:5px}.mini-contact span{font-size:13px}.menu-toggle,.mobile-menu{display:none}.hero{margin:0 6px;min-height:727px;border-radius:18px;overflow:hidden;position:relative;background:#030404;color:#fff;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 63% 39%,rgba(33,132,131,.48),transparent 31%),radial-gradient(ellipse at 94% 100%,rgba(7,50,49,.25),transparent 30%),linear-gradient(115deg,#020303 2%,#050707 60%,#010202);z-index:-2}.hero-ambient{position:absolute;z-index:-1;pointer-events:none;filter:blur(45px);opacity:.2;border-radius:50%}.ambient-one{width:460px;height:330px;right:17%;top:180px;background:#178b89}.ambient-two{width:300px;height:250px;right:1%;bottom:0;background:#103a39}.hero-giant{position:absolute;left:50%;top:-4px;transform:translateX(-50%);font-size:clamp(110px,21.2vw,305px);font-weight:800;letter-spacing:-.075em;line-height:.98;white-space:nowrap;color:transparent;background:linear-gradient(180deg,#343434 0%,#111 54%,rgba(0,0,0,.05) 100%);-webkit-background-clip:text;background-clip:text;opacity:.78}.hero-nav-pill{position:absolute;top:50%;left:5%;right:5%;height:50px;transform:translateY(-50%);border:1px solid #3c4141;border-radius:999px;background:rgba(0,0,0,.57);display:flex;align-items:center;justify-content:space-between;padding:6px 10px;z-index:2}.role-pill{height:35px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:999px;background:rgba(56,190,191,.27);border:1px solid rgba(56,190,191,.45);font-size:11px;font-weight:500;white-space:nowrap}.role-pill .tiny-green-dot{width:6px;height:6px;background:#38bebf}.hero-nav-links{display:flex;gap:24px;align-items:center;padding-right:10px}.hero-nav-links a{font-size:11px;display:flex;align-items:center;gap:7px;color:#f7f7f7}.nav-icon{width:18px;height:18px;border-radius:50%;border:1px solid #626666;display:inline-flex;align-items:center;justify-content:center;font-size:10px}.hero-content{position:absolute;left:5%;right:5%;top:66%;transform:translateY(-2%);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px, .9fr);align-items:center;gap:28px}.hero-copy{max-width:570px;z-index:2}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.01em;font-weight:500;display:flex;align-items:center;gap:8px;margin:0 0 18px}.hero .eyebrow{display:none}.hero h1{font-size:clamp(36px,3.2vw,46px);line-height:1.08;letter-spacing:-2px;font-weight:600;margin:0 0 14px}.hero h1 span{color:#38bebf}.hero-description{font-size:13px;line-height:1.65;color:#d0d3d3;max-width:440px;margin:0 0 19px}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:4px}.text-link span{font-size:15px}.hero-collage{height:270px;position:relative;display:flex;align-items:center;justify-content:center}.hero-profile-card{position:absolute;right:33%;top:22%;width:40%;height:74%;border:1px solid rgba(56,190,191,.55);border-radius:12px;overflow:hidden;background:#212426;box-shadow:0 12px 40px #0008}.hero-profile-card img{width:100%;height:100%;object-fit:cover}.hero-preview{position:absolute;overflow:hidden;background:#fff;box-shadow:0 12px 35px #0008}.hero-preview img{width:100%;height:100%;object-fit:cover}.preview-one{width:31%;height:70%;right:20%;top:9%;transform:rotate(1deg);z-index:2;border-radius:3px}.preview-two{width:24%;height:63%;right:0;top:24%;transform:rotate(3deg);z-index:3;border-radius:3px}.hero-square{position:absolute;left:0;bottom:5%;width:29%;aspect-ratio:1;background:#172020;border:2px solid #fff;border-radius:10px;overflow:hidden;z-index:2}.hero-square img{width:100%;height:100%;object-fit:cover}.collage-glow{position:absolute;width:56%;height:70%;right:7%;top:16%;background:#22b6b0;filter:blur(60px);opacity:.15}.section-wrap{width:min(100%,1440px);margin-left:auto;margin-right:auto;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.clients{padding-top:110px;padding-bottom:270px}.section-kicker{font-size:11px;color:#1f1f1f;margin-bottom:80px}.section-kicker .tiny-green-dot{width:7px;height:7px}.logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.logo-tile{min-height:157px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:14px 10px;color:#171717;font-size:clamp(12px,1.2vw,19px);font-weight:700;letter-spacing:-.6px;text-align:center;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.logo-tile:hover{transform:translateY(-2px);box-shadow:0 12px 25px #0000000a}.logo-reg{font-size:.45em;vertical-align:top}.logo-heartland{font-weight:500;font-family:Georgia,serif;gap:4px}.logo-sun{font-size:25px;color:#e7a46c}.logo-zafyre{font-weight:800;letter-spacing:-1px}.logo-aesco{font-size:15px;letter-spacing:1px}.logo-ks span{font-family:Georgia,serif;font-size:29px;font-weight:400}.logo-ks span span{font-size:22px}.logo-medmark{font-size:12px;letter-spacing:-.4px;gap:4px}.logo-square{font-size:20px}.logo-vizgou{font-size:18px;letter-spacing:1px}.logo-reviva{font-family:Georgia,serif;font-size:17px}.logo-motimedia{font-size:12px;letter-spacing:1px}.logo-north{font-size:14px;letter-spacing:-.4px}.logo-xfinity{font-size:23px;font-weight:400}.logo-mypulse{font-size:14px;letter-spacing:-.6px}.logo-mypulse span{font-weight:400}.logo-madinah{font-size:13px;line-height:1.05;letter-spacing:1px}.logo-realty{font-size:12px;line-height:1.05;letter-spacing:2px}.logo-somavera{font-size:12px;letter-spacing:2px}.logo-veira{font-family:Georgia,serif;letter-spacing:2px;font-size:21px}.work{padding-top:18px;padding-bottom:124px}.work-heading{height:130px;position:relative;display:flex;align-items:flex-end;padding-bottom:18px;margin-bottom:0}.watermark{position:absolute;top:-38px;left:0;width:100%;font-size:clamp(105px,17.6vw,253px);font-weight:800;line-height:1;letter-spacing:-.075em;color:transparent;background:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,0));-webkit-background-clip:text;background-clip:text;white-space:nowrap;overflow:hidden;pointer-events:none}.heading-content{position:relative;z-index:1;padding-left:0}.heading-content .section-kicker{margin:0 0 7px;font-size:11px}.heading-content h2{margin:0;font-size:clamp(26px,2.1vw,34px);font-weight:600;letter-spacing:-1.1px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 4px}.project-card{display:block;min-width:0;border-radius:18px;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.project-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(0,0,0,.08)}.project-media{position:relative;width:100%;aspect-ratio:682/497;background:#161e30;border:4px solid #fff;border-radius:20px;overflow:hidden;isolation:isolate}.project-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-media>img{transform:scale(1.025)}.project-caption{height:58px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;margin-top:4px}.project-caption strong{font-size:18px;letter-spacing:-.7px;font-weight:600}.caption-dots{display:flex;gap:4px}.caption-dots i{width:8px;height:8px;border-radius:50%;background:#e7e7e7}.project-fallback{position:absolute;inset:0;z-index:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:6%;font-weight:600}.fallback-zafyre{background:radial-gradient(circle at 70% 20%,#24b8ea 0,#0a1c53 34%,#07102a 100%);color:#f4f6ff}.fallback-zafyre b{font-size:clamp(22px,3vw,45px);letter-spacing:-2px}.fallback-zafyre small{font-size:11px;margin-top:8px;opacity:.75}.fallback-panels{position:absolute;right:7%;bottom:7%;width:54%;height:53%;display:flex;gap:7px;transform:rotate(-4deg)}.fallback-panels i{flex:1;border-radius:8px;background:linear-gradient(135deg,#192e77,#4ab6ef);border:1px solid #6687fa;box-shadow:0 8px 24px #0006}.project-continua .project-media{background:#561c70}.fallback-continua{background:linear-gradient(145deg,#541870,#8d40c0);color:#fff}.fallback-continua b{font-size:22px}.phone-row{display:flex;gap:13px;align-items:center;justify-content:center;margin-top:18px}.phone-row i{width:22%;height:270px;max-height:65%;border-radius:15px;background:linear-gradient(180deg,#fff,#f7dcff);box-shadow:0 15px 28px #2505327a;border:4px solid #251132}.project-inflamed .project-media{background:#f2f0f9}.dashboard-fallback{display:flex;flex-direction:row;padding:0;background:#f8f8fc;color:#222}.dashboard-fallback aside{width:13%;background:#22104c;color:white;padding:18px 12px;display:flex;flex-direction:column;gap:18px}.dashboard-fallback aside i{height:7px;border-radius:5px;background:#8774b8}.dash-content{padding:24px 20px;flex:1}.dash-content>b{font-size:clamp(12px,1.5vw,20px)}.dash-metrics{display:flex;gap:10px;margin:20px 0}.dash-metrics i{height:70px;flex:1;background:#fff;border-radius:9px;border:1px solid #e3dff0}.dash-charts{display:flex;gap:10px;height:130px}.dash-charts i{flex:1;border-radius:8px;background:linear-gradient(180deg,#ebe6ff,#fff);border:1px solid #e4dff3}.dash-charts i:first-child{background:repeating-linear-gradient(145deg,#fff 0 12px,#e4dafa 13px 15px)}.dash-table{margin-top:12px;display:grid;gap:7px}.dash-table i{height:7px;background:#e5e3eb;border-radius:5px}.project-heartland .project-media{background:#ac3200}.fallback-heartland{background:linear-gradient(115deg,#a83200,#e46c2a);color:#fff;padding:7% 9%;justify-content:flex-start}.fallback-heartland small{font-size:12px;letter-spacing:2px}.fallback-heartland b{font-size:clamp(28px,4.6vw,64px);letter-spacing:-3px;line-height:.95;margin-top:45px}.fallback-heartland i{position:absolute;width:30%;height:75%;right:5%;bottom:-4%;background:linear-gradient(120deg,#ffd1aa,#f4eee2);transform:rotate(12deg);border-radius:45% 45% 0 0}.project-realty .project-media{background:#e8e7df}.fallback-realty{background:linear-gradient(180deg,#d8d0be,#aeb8b7);color:#fff;justify-content:flex-start;padding-top:10%}.fallback-realty small{font-size:11px;letter-spacing:3px}.fallback-realty b{font-family:Georgia,serif;font-size:clamp(22px,4vw,51px);line-height:.95;margin-top:45px;letter-spacing:-1px;text-shadow:0 2px 15px #0004}.fallback-realty i{position:absolute;right:0;bottom:-10%;width:60%;height:43%;background:linear-gradient(120deg,#e9e4d8,#8b9d9b);border:6px solid #f6f0e4}.project-madinah .project-media{background:#f0eee7}.fallback-madinah{background:linear-gradient(120deg,#f2f0e8,#e2e7e2);color:#101b1a;padding:8%;justify-content:flex-start}.fallback-madinah small{font-size:11px;letter-spacing:2px}.fallback-madinah b{font-family:Georgia,serif;font-size:clamp(28px,4vw,48px);margin-top:35px;line-height:1}.fallback-madinah i{position:absolute;bottom:0;width:27%;height:30%;background:#203e3e;left:7%;border-radius:70% 70% 0 0}.fallback-madinah i:nth-of-type(2){left:38%;height:40%;background:#7b8d84}.fallback-madinah i:nth-of-type(3){left:68%;height:34%;background:#bbbea9}.project-somavera .project-media{background:#f4e8e1}.fallback-somavera{background:linear-gradient(125deg,#f9eee5,#ebcbc4);color:#212322;justify-content:flex-start;padding:8%}.fallback-somavera small{letter-spacing:3px;font-size:11px}.fallback-somavera b{font-family:Georgia,serif;font-size:clamp(28px,4vw,50px);line-height:.97;margin-top:35px}.fallback-somavera div{position:absolute;right:7%;bottom:7%;width:45%;height:51%;display:flex;gap:5px;transform:rotate(-8deg)}.fallback-somavera div i{background:#fff;border-radius:10px;flex:1;box-shadow:0 10px 20px #9e665022}.project-veira .project-media{background:#ff3e8a}.fallback-veira{background:linear-gradient(140deg,#ff3f90,#fb649a 48%,#f8e3dc);color:white;padding:7%;justify-content:flex-start}.fallback-veira small{font-size:12px;letter-spacing:3px}.fallback-veira b{font-size:clamp(44px,7vw,92px);letter-spacing:-5px;line-height:.82;margin-top:40px}.fallback-veira span{font-size:11px;color:#fff;margin-top:24px}.experience{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.9fr);align-items:center;gap:38px;padding-top:60px;padding-bottom:110px;min-height:834px}.experience-copy{position:relative;min-height:350px;display:flex;flex-direction:column;justify-content:center}.experience-copy .section-kicker{position:absolute;top:20px;left:0;margin:0;font-size:11px}.years-number{font-size:clamp(140px,17.6vw,253px);font-weight:800;letter-spacing:-.085em;line-height:1;color:transparent;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,0));-webkit-background-clip:text;background-clip:text}.experience-copy h2{font-size:clamp(27px,2.6vw,38px);letter-spacing:-1.5px;margin:-12px 0 16px;font-weight:600}.experience-note{font-size:12px;line-height:1.7;color:#696969;max-width:280px;margin:0}.voice-videos{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.voice-video{height:660px;max-height:none;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(140deg,#c9b8a6,#e8d6c5);isolation:isolate}.voice-video img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1}.voice-two{background:linear-gradient(140deg,#5d6866,#d2d5cb)}.play-button{position:absolute;z-index:3;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;left:16px;bottom:16px;background:#0008;color:#fff;border:1px solid #ffffff91;font-size:13px;padding-left:3px;backdrop-filter:blur(7px)}.thoughts-banner{width:min(calc(100% - 12px),1428px);height:1040px;margin:0 auto;position:relative;border-radius:18px;background:#030404;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;isolation:isolate}.thoughts-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 55% 40%,rgba(26,120,119,.27),transparent 32%),linear-gradient(180deg,transparent 40%,rgba(0,0,0,.8));z-index:2}.thoughts-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.thoughts-glow{position:absolute;z-index:2;inset:auto 10% -20% 10%;height:40%;background:#1e7770;filter:blur(100px);opacity:.2}.thoughts-banner h2{position:relative;z-index:3;margin:0 0 45px;color:#fff;font-size:clamp(30px,4.5vw,63px);font-weight:600;letter-spacing:-.06em;text-align:center}.testimonials{display:flex;gap:4px;padding-left:36px;padding-right:36px;margin-top:0;position:relative;z-index:4;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.testimonials::-webkit-scrollbar{display:none}.testimonial-card{flex:0 0 calc((100% - 12px)/4);scroll-snap-align:start;background:#fff;min-height:356px;padding:22px 18px 18px;border-right:1px solid #efefef;display:flex;flex-direction:column;gap:15px}.testimonial-card:first-child{border-radius:16px 0 0 16px}.testimonial-card:last-child{border-radius:0 16px 16px 0;border-right:0}.testimonial-card p{font-size:12px;line-height:1.55;color:#242424;margin:0;flex:1}.stars{color:#ff8a00;letter-spacing:1.5px;font-size:13px;line-height:1}.testimonial-person{display:flex;align-items:center;gap:9px}.testimonial-person>div{display:flex;flex-direction:column;gap:3px;min-width:0}.testimonial-person strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.testimonial-person small{font-size:9px;color:#858585}.avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#d8e5df;color:#254339;font-size:10px;font-weight:700;flex:none}.avatar-b{background:#ead8ce;color:#704a40}.avatar-c{background:#d7d9eb;color:#3a3a62}.avatar-d{background:#e9e1d0;color:#66522c}.avatar-e{background:#d8e2ef;color:#2c4761}.footer{padding-top:50px;padding-bottom:38px;position:relative;overflow:hidden;margin-top:0;min-height:828px}.footer-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e7e7;padding-bottom:30px;position:relative;z-index:2}.footer-email{font-size:15px;font-weight:600;letter-spacing:-.3px;display:flex;align-items:center;gap:12px}.footer-email span{font-size:19px}.footer-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding-top:34px;position:relative;z-index:2}.footer-columns>div{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.footer-columns h3{font-size:10px;color:#777;font-weight:500;margin:0 0 4px}.footer-columns a,.footer-columns span{font-size:12px;font-weight:500}.footer-columns a:hover,.footer-bottom a:hover{color:var(--green)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:48px;font-size:10px;color:#8a8a8a;position:relative;z-index:2}.footer-bottom a{color:#444}.footer-watermark{position:absolute;bottom:-78px;left:0;width:100%;font-size:clamp(110px,18vw,260px);font-weight:800;letter-spacing:-.075em;line-height:1;color:transparent;background:linear-gradient(180deg,rgba(0,0,0,.13),rgba(0,0,0,0));-webkit-background-clip:text;background-clip:text;white-space:nowrap;overflow:hidden;pointer-events:none}
@media (min-width:1441px){.hero{max-width:1428px;margin-left:auto;margin-right:auto}.section-wrap{padding-left:40px;padding-right:40px}}
@media (max-width:1000px){:root{--page-gutter:24px}.hero{min-height:650px}.hero-giant{font-size:clamp(110px,21vw,220px)}.hero-content{top:65%;grid-template-columns:1fr 42%;gap:12px}.hero-collage{height:220px}.hero h1{font-size:38px}.hero-description{font-size:12px}.clients{padding-top:68px;padding-bottom:66px}.logo-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.logo-tile{min-height:84px}.work-heading{height:165px}.project-caption{padding:0 17px}.project-caption strong{font-size:15px}.experience{grid-template-columns:.78fr 1.22fr;gap:18px;min-height:600px}.voice-video{height:480px}.thoughts-banner{height:650px}.testimonials{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}.testimonial-card{min-height:215px;border-radius:12px!important;border:0;margin-right:6px}.testimonial-card p{font-size:11px}.footer{min-height:470px}}
@media (max-width:680px){:root{--page-gutter:16px}.topbar{height:56px;padding:0 14px}.brand-mark{transform:scale(.9);transform-origin:left center;margin-right:-3px}.brand-copy strong{font-size:13px}.topbar-right{gap:8px}.mini-contact{font-size:10px}.menu-toggle{display:flex;width:34px;height:32px;border:1px solid #d9d9d9;border-radius:9px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0}.menu-toggle span{width:13px;height:1.5px;background:#111;border-radius:2px}.mobile-menu{position:absolute;right:12px;top:50px;min-width:165px;background:#fff;border:1px solid #e8e8e8;border-radius:13px;box-shadow:0 15px 35px #0001;padding:9px;display:none;flex-direction:column;gap:2px}.mobile-menu.open{display:flex}.mobile-menu a{padding:11px 12px;font-size:12px;border-radius:7px}.mobile-menu a:hover{background:#f3f3f3}.hero{min-height:730px;border-radius:14px;margin:0 4px}.hero-giant{top:25px;font-size:clamp(78px,20vw,140px);letter-spacing:-.08em}.hero-nav-pill{top:35%;left:4%;right:4%;height:44px;padding:4px 5px}.role-pill{font-size:9px;padding:0 9px;height:32px}.hero-nav-links{gap:9px;padding-right:4px}.hero-nav-links a{font-size:9px;gap:4px}.nav-icon{width:15px;height:15px;font-size:8px}.hero-content{top:43%;left:6%;right:6%;transform:none;display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero-copy{order:1}.hero h1{font-size:36px;letter-spacing:-1.8px;margin-bottom:10px}.hero-description{font-size:12px;max-width:100%;line-height:1.7}.hero .eyebrow{display:flex;font-size:8px;letter-spacing:.1em;margin-bottom:14px;color:#adb4b4}.text-link{font-size:11px}.hero-collage{order:2;height:235px;width:100%;margin-top:0}.hero-profile-card{right:29%;top:4%;width:42%;height:90%}.preview-one{right:15%;width:32%;height:75%;top:10%}.preview-two{right:0;width:23%;height:61%;top:24%}.hero-square{width:25%;left:0;bottom:0}.clients{padding-top:45px;padding-bottom:52px}.section-kicker{font-size:10px;margin-bottom:19px}.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.logo-tile{min-height:64px;border-radius:8px;padding:7px 4px;font-size:12px}.logo-heartland{font-size:11px}.logo-sun{font-size:17px}.logo-aesco{font-size:12px}.logo-ks span{font-size:22px}.logo-medmark{font-size:9px}.logo-vizgou{font-size:12px}.logo-reviva{font-size:13px}.logo-motimedia{font-size:9px}.logo-north{font-size:10px}.logo-madinah{font-size:10px}.logo-realty{font-size:9px}.logo-somavera{font-size:9px}.logo-veira{font-size:16px}.work{padding-top:10px;padding-bottom:58px}.work-heading{height:113px;padding-bottom:12px}.watermark{top:0;font-size:clamp(64px,18vw,120px);letter-spacing:-.08em}.heading-content .section-kicker{font-size:9px;margin-bottom:5px}.heading-content h2{font-size:27px}.project-grid{grid-template-columns:1fr;gap:12px}.project-media{aspect-ratio:1.12/1;border-radius:14px;border-width:3px}.project-caption{height:47px;padding:0 14px;border-radius:11px;margin-top:3px}.project-caption strong{font-size:14px}.caption-dots{gap:3px}.caption-dots i{width:6px;height:6px}.fallback-heartland b{font-size:44px}.fallback-realty b{font-size:34px}.fallback-madinah b{font-size:35px}.fallback-somavera b{font-size:38px}.fallback-veira b{font-size:66px}.experience{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-top:44px;padding-bottom:54px;min-height:auto}.experience-copy{min-height:250px}.experience-copy .section-kicker{top:0;font-size:9px}.years-number{font-size:150px;margin-top:18px}.experience-copy h2{font-size:28px;margin-top:-8px}.experience-note{font-size:11px}.voice-videos{gap:8px}.voice-video{height:290px;max-height:none;border-radius:13px}.play-button{width:32px;height:32px;left:9px;bottom:9px;font-size:10px}.thoughts-banner{width:calc(100% - 8px);height:360px;border-radius:14px}.thoughts-banner h2{font-size:32px;margin-bottom:26px}.thoughts-backdrop{object-position:center}.testimonials{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-left:12px;padding-right:12px;margin-top:10px}.testimonial-card{min-height:220px;padding:16px 13px 14px;border-radius:12px!important;margin:0}.testimonial-card p{font-size:11px}.testimonial-person{gap:7px}.testimonial-person strong{font-size:9px}.testimonial-person small{font-size:8px}.avatar{width:24px;height:24px}.footer{padding-top:50px;padding-bottom:24px;margin-top:10px;min-height:430px}.footer-top{align-items:flex-start;gap:20px;padding-bottom:22px}.footer-email{font-size:11px;gap:6px;padding-top:6px;white-space:nowrap}.footer-email span{font-size:15px}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;padding-top:25px}.footer-columns h3{font-size:9px}.footer-columns a,.footer-columns span{font-size:11px}.footer-bottom{padding-top:33px;font-size:9px;gap:15px;align-items:flex-start}.footer-watermark{font-size:19vw;bottom:-26px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Interaction & motion layer */
html { scroll-padding-top: 78px; }
body.has-motion .topbar { position: sticky; top: 0; z-index: 50; background: rgba(245,245,245,.88); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); transition: box-shadow .25s ease, background .25s ease; }
body.has-motion .topbar:has(+ main) { box-shadow: 0 1px 0 rgba(0,0,0,.025); }
.reading-progress { position: fixed; z-index: 1000; inset: 0 0 auto; height: 3px; pointer-events: none; background: transparent; }
.reading-progress span { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left center; background: linear-gradient(90deg, #039317, #38bebf); box-shadow: 0 0 12px rgba(56,190,191,.32); }
.back-to-top { position: fixed; z-index: 60; right: 22px; bottom: 22px; width: 44px; height: 44px; border: 1px solid rgba(0,0,0,.12); border-radius: 50%; display: grid; place-items: center; color: #fff; background: #080909; box-shadow: 0 8px 25px rgba(0,0,0,.16); font-size: 22px; opacity: 0; visibility: hidden; transform: translateY(12px) scale(.92); transition: opacity .25s ease, transform .25s cubic-bezier(.2,.8,.2,1), visibility .25s ease, background .2s ease; cursor: pointer; }
.back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0) scale(1); }
.back-to-top:hover { background: var(--green); transform: translateY(-3px) scale(1.04); }
.hero { --pointer-x: 50%; --pointer-y: 35%; }
.hero::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .72; background: radial-gradient(460px circle at var(--pointer-x) var(--pointer-y), rgba(56,190,191,.13), transparent 75%); transition: opacity .3s ease; }
.hero-ambient { animation: ambient-drift 12s ease-in-out infinite alternate; }
.ambient-two { animation-delay: -5s; }
.hero-giant { transform: translateX(-50%); transform-origin: center; animation: hero-title-in 1.15s cubic-bezier(.16,1,.3,1) both; }
.hero-nav-pill { animation: hero-pill-in .85s .2s cubic-bezier(.16,1,.3,1) both; }
.hero-copy { animation: hero-copy-in .8s .36s cubic-bezier(.16,1,.3,1) both; }
.hero-profile-card, .hero-preview, .hero-square { will-change: transform; transition: transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s ease; }
.hero-profile-card { animation: collage-float 6s ease-in-out infinite; }
.preview-one { animation: collage-float 7s -1s ease-in-out infinite; }
.preview-two { animation: collage-float 8s -3s ease-in-out infinite; }
.hero-square { animation: collage-float 6.5s -2s ease-in-out infinite; }
.hero-collage { transform: translate3d(var(--parallax-x, 0px), var(--parallax-y, 0px), 0); transition: transform .2s ease-out; }
.hero-collage:hover .hero-profile-card { box-shadow: 0 20px 55px #0009, 0 0 0 1px rgba(56,190,191,.28); }
.role-pill, .mini-contact, .text-link, .hero-nav-links a { transition: color .22s ease, background .22s ease, border-color .22s ease, transform .22s ease; }
.role-pill:hover { background: rgba(56,190,191,.42); transform: translateY(-1px); }
.hero-nav-links a:hover, .text-link:hover, .mini-contact:hover { color: #66d4d3; }
.text-link:hover span, .mini-contact:hover span { transform: translate(3px,-2px); }
.text-link span, .mini-contact span { transition: transform .22s ease; }
.js-reveal { opacity: 0; transform: translateY(25px); transition: opacity .72s cubic-bezier(.2,.7,.2,1), transform .72s cubic-bezier(.2,.7,.2,1); transition-delay: var(--reveal-delay, 0ms); }
.js-reveal.is-visible { opacity: 1; transform: translateY(0); }
.logo-tile.js-reveal { transform: translateY(18px) scale(.98); }
.logo-tile.js-reveal.is-visible { transform: translateY(0) scale(1); }
.project-card.js-reveal { transform: translateY(28px) scale(.99); }
.project-card.js-reveal.is-visible { transform: translateY(0) scale(1); }
.project-card { position: relative; transform-style: preserve-3d; }
.project-card:hover { box-shadow: 0 22px 48px rgba(0,0,0,.11); }
.project-card:focus-visible, .logo-tile:focus-visible, .text-link:focus-visible, a:focus-visible, button:focus-visible { outline: 2px solid var(--teal); outline-offset: 4px; }
.project-media::after { content: "View project ↗"; position: absolute; z-index: 4; right: 16px; bottom: 16px; padding: 10px 13px; border-radius: 999px; color: #111; background: rgba(255,255,255,.94); font-size: 11px; font-weight: 600; letter-spacing: -.15px; opacity: 0; transform: translateY(8px); transition: opacity .28s ease, transform .28s cubic-bezier(.2,.8,.2,1); pointer-events: none; box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.project-card:hover .project-media::after, .project-card:focus-visible .project-media::after { opacity: 1; transform: translateY(0); }
.project-caption { transition: background .25s ease, transform .25s ease; }
.project-card:hover .project-caption { background: #fcfffc; }
.project-card:hover .caption-dots i:nth-child(1) { background: var(--green); }
.project-card:hover .caption-dots i:nth-child(2) { background: var(--teal); }
.logo-tile { position: relative; isolation: isolate; }
.logo-tile::after { content: ""; position: absolute; z-index: -1; inset: 0; opacity: 0; background: radial-gradient(circle at 50% 100%, rgba(3,147,23,.07), transparent 70%); transition: opacity .25s ease; }
.logo-tile:hover { transform: translateY(-5px) scale(1.015); box-shadow: 0 15px 30px #0000000c; }
.logo-tile:hover::after { opacity: 1; }
.testimonial-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-top: 22px; padding-bottom: 12px; }
.testimonial-toolbar > p { display: flex; align-items: center; gap: 8px; font-size: 11px; color: #5b5b5b; margin: 0; }
.testimonial-controls { display: flex; align-items: center; gap: 8px; }
.testimonial-count { min-width: 54px; margin-right: 6px; font-size: 10px; font-variant-numeric: tabular-nums; color: #767676; }
.testimonial-arrow { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #dedede; border-radius: 50%; background: #fff; color: #111; font-size: 16px; cursor: pointer; transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease; }
.testimonial-arrow:hover:not(:disabled) { background: #090909; color: #fff; border-color: #090909; transform: translateY(-2px); }
.testimonial-arrow:disabled { opacity: .34; cursor: not-allowed; }
.testimonials { scroll-behavior: smooth; }
.testimonial-card { transition: transform .3s ease, box-shadow .3s ease; }
.testimonial-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(0,0,0,.045); z-index: 2; }
.testimonial-card .stars { display: inline-block; transform-origin: left center; transition: transform .25s ease; }
.testimonial-card:hover .stars { transform: scale(1.12); }
.play-button { cursor: pointer; transition: transform .25s cubic-bezier(.2,.8,.2,1), background .25s ease, box-shadow .25s ease; }
.play-button:hover { transform: scale(1.12); background: rgba(3,147,23,.9); box-shadow: 0 0 0 8px rgba(255,255,255,.12); }
.voice-video { cursor: pointer; }
.voice-video::after { content: "View client feedback"; position: absolute; z-index: 2; left: 16px; bottom: 68px; color: white; font-size: 11px; opacity: 0; transform: translateY(5px); transition: opacity .25s ease, transform .25s ease; text-shadow: 0 1px 8px #0008; pointer-events: none; }
.voice-video:hover::after { opacity: .95; transform: translateY(0); }
.footer-columns a { position: relative; transition: color .2s ease, transform .2s ease; }
.footer-columns a:hover { transform: translateX(4px); }
.footer-email { transition: color .25s ease; }
.footer-email:hover { color: var(--green); }
.footer-watermark { animation: footer-breathe 8s ease-in-out infinite alternate; }
.interaction-dialog { width: min(880px, calc(100% - 28px)); max-width: none; max-height: min(88vh, 900px); padding: 0; border: 1px solid rgba(255,255,255,.16); border-radius: 22px; background: #f5f5f5; color: #111; box-shadow: 0 35px 120px rgba(0,0,0,.38); overflow: auto; }
.interaction-dialog::backdrop { background: rgba(0,0,0,.68); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); animation: backdrop-in .2s ease both; }
.interaction-dialog[open] { animation: dialog-in .36s cubic-bezier(.16,1,.3,1) both; }
.dialog-frame { position: relative; display: grid; grid-template-columns: minmax(0,1.08fr) minmax(250px,.92fr); min-height: 390px; }
.dialog-close { position: absolute; z-index: 10; top: 12px; right: 12px; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(0,0,0,.1); border-radius: 50%; background: rgba(255,255,255,.92); color: #111; font-size: 26px; line-height: 1; cursor: pointer; transition: transform .2s ease, background .2s ease; }
.dialog-close:hover { background: #fff; transform: rotate(90deg); }
.dialog-media { min-height: 300px; overflow: hidden; border-radius: 21px 0 0 21px; background: #101010; display: grid; place-items: center; }
.dialog-project-media { width: 100%; height: 100%; min-height: 390px; aspect-ratio: auto; border: 0; border-radius: 0; }
.dialog-project-media::after { display: none; }
.dialog-video, .dialog-video-preview { width: 100%; height: 100%; min-height: 300px; max-height: 70vh; object-fit: cover; }
.dialog-copy { align-self: center; padding: clamp(24px,4vw,44px); }
.dialog-eyebrow { margin: 0 0 13px; color: var(--green); text-transform: uppercase; letter-spacing: .12em; font-weight: 700; font-size: 10px; }
.dialog-copy h2 { margin: 0 0 14px; font-size: clamp(28px,4vw,40px); letter-spacing: -.055em; line-height: 1.02; }
.dialog-description { margin: 0; font-size: 13px; line-height: 1.75; color: #5b5b5b; }
.dialog-cta { display: inline-flex; align-items: center; gap: 14px; margin-top: 25px; padding: 13px 16px; background: #080909; color: white; border-radius: 999px; font-size: 11px; font-weight: 600; transition: background .2s ease, transform .2s ease; }
.dialog-cta:hover { background: var(--green); transform: translateY(-2px); }
.dialog-cta[hidden] { display: none; }
.nav-current { color: #46c8c4 !important; }
.hero-nav-links a.nav-current { text-decoration: underline; text-decoration-color: rgba(70,200,196,.85); text-underline-offset: 5px; }
@keyframes hero-title-in { from { opacity: 0; transform: translate(-50%, 22px); filter: blur(9px); } to { opacity: .78; transform: translate(-50%, 0); filter: blur(0); } }
@keyframes hero-pill-in { from { opacity: 0; transform: translateY(calc(-50% + 16px)); } to { opacity: 1; transform: translateY(-50%); } }
@keyframes hero-copy-in { from { opacity: 0; transform: translateY(22px); filter: blur(5px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
@keyframes ambient-drift { from { transform: translate3d(-10px,-5px,0) scale(.95); } to { transform: translate3d(22px,16px,0) scale(1.08); } }
@keyframes collage-float { 0%,100% { margin-top: 0; } 50% { margin-top: -7px; } }
@keyframes footer-breathe { from { transform: translateY(0); opacity: .78; } to { transform: translateY(-9px); opacity: 1; } }
@keyframes dialog-in { from { opacity: 0; transform: translateY(18px) scale(.975); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes backdrop-in { from { opacity: 0; } to { opacity: 1; } }
@media (min-width: 681px) {
  body.has-motion .topbar { height: 60px; }
  .testimonial-toolbar { margin-top: 0; }
}
@media (max-width: 680px) {
  .back-to-top { right: 14px; bottom: 14px; width: 40px; height: 40px; }
  .hero::after { opacity: .4; }
  .testimonial-toolbar { padding: 14px 12px 10px; }
  .testimonial-toolbar > p { font-size: 9px; }
  .testimonial-arrow { width: 31px; height: 31px; }
  .testimonial-count { min-width: 45px; font-size: 9px; }
  .dialog-frame { display: flex; flex-direction: column; }
  .dialog-media { min-height: 210px; max-height: 43vh; border-radius: 21px 21px 0 0; }
  .dialog-project-media { min-height: 210px; }
  .dialog-video, .dialog-video-preview { min-height: 210px; }
  .dialog-copy { padding: 25px 22px 28px; }
  .dialog-copy h2 { font-size: 29px; }
  .dialog-description { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .js-reveal, .js-reveal.is-visible { opacity: 1 !important; transform: none !important; transition: none !important; }
  .hero-giant, .hero-nav-pill, .hero-copy, .hero-ambient, .hero-profile-card, .preview-one, .preview-two, .hero-square, .footer-watermark { animation: none !important; }
  .hero-collage { transition: none !important; }
  .interaction-dialog[open] { animation: none !important; }
}

/* Keep hover feedback available after scroll-reveal state is applied. */
.logo-tile.js-reveal.is-visible:hover { transform: translateY(-5px) scale(1.015); }
.project-card.js-reveal.is-visible:hover { transform: translateY(-3px); }
@media (prefers-reduced-motion: reduce) {
  .back-to-top, .project-media::after, .project-caption, .testimonial-arrow,
  .testimonial-card, .testimonial-card .stars, .play-button, .footer-columns a,
  .footer-email, .role-pill, .mini-contact, .text-link, .hero-nav-links a {
    transition: none !important;
  }
}