/* Home page: Vision's teal and green identity on a cinematic dark stage. */
.vision-home {background:#030b0d}
.vision-home .home-navigation {z-index:1000}
.vision-home .navbar {position:absolute;top:0;left:0;width:100%;padding:clamp(14px,1.3vw,22px) clamp(24px,5.5vw,104px)!important;border:0;gap:clamp(14px,1.3vw,24px);background:transparent;min-height:clamp(80px,5.2vw,102px)}
.vision-home .navbar.sticky-top {position:fixed;background:rgba(3,15,18,.96);backdrop-filter:blur(18px);padding-top:12px!important;padding-bottom:12px!important}
.vision-home .navbar-brand {width:auto!important;flex-shrink:0;margin-right:auto}
.vision-home .navbar-brand .logo {display:block;width:clamp(124px,10vw,170px);height:auto;max-height:58px;object-fit:contain;background:transparent;border-radius:0;padding:0}
.vision-home .navbar-collapse {flex-grow:0}
.vision-home .navbar .navbar-nav {gap:clamp(12px,1.3vw,24px)}
.vision-home .navbar .navbar-nav .nav-link {font:500 clamp(12px,.98vw,14px) 'Rubik',sans-serif;color:#e4eeeb;margin:0;padding:12px 0;white-space:nowrap}
.vision-home .navbar .navbar-nav .nav-link:hover,.vision-home .navbar .navbar-nav .nav-link.active {color:#78c6a5}
.nav-project {display:inline-flex;align-items:center;gap:20px;border:1px solid #53625d;border-radius:40px;padding:5px 5px 5px 20px;font-size:12px;color:#fff;white-space:nowrap}
.nav-project span {display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eaf5ef;color:#01313f;font-size:25px}
.nav-project:hover {color:#a4e2bf;border-color:#a4e2bf}
.vision-hero {min-height:700px;height:100svh;max-height:980px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 49% 49%,#093b324d 0%,transparent 42%),#030b0d;color:#f3f8f6}
.vision-hero:before {content:'';position:absolute;z-index:-1;left:-25%;top:-52%;width:72%;height:140%;background:conic-gradient(from 145deg at 50% 0%,transparent,#388d7170 15deg,#01313f99 27deg,transparent 45deg);filter:blur(45px);transform:rotate(-15deg);pointer-events:none}
.hero-wordmark {position:absolute;top:22%;left:50%;transform:translateX(-50%);font:700 clamp(58px,10.5vw,204px)/1 'Rubik',sans-serif;white-space:nowrap;letter-spacing:-.065em;color:rgba(204,240,226,.045);z-index:-1;user-select:none}
.hero-orb {position:absolute;width:clamp(360px,42vw,720px);aspect-ratio:1;left:50%;top:49%;transform:translate(-50%,-50%);z-index:-1;border-radius:50%;background:radial-gradient(circle,#388d713d,transparent 67%)}
#vision-orb {width:100%;height:100%;display:block}
.vision-hero-inner {width:min(88%,1440px);height:100%;margin:auto;position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(112px,14vh,150px) 0 clamp(80px,10vh,95px)}
.hero-heading {margin-top:0;margin-bottom:clamp(90px,18vh,180px)}
.hero-eyebrow {font:400 11px 'Rubik',sans-serif;letter-spacing:.22em;margin:0 0 28px 17%;color:#8dc4ad;display:flex;gap:10px;align-items:center}
.hero-eyebrow span {width:6px;height:6px;background:#88d8b0;border-radius:50%;box-shadow:0 0 12px #78c6a5}
.vision-hero :is(h1,h2) {font:400 clamp(45px,5.1vw,88px)/1.16 'Rubik',sans-serif;letter-spacing:-.055em;color:#f3f8f6;margin:0 0 0 16%;text-shadow:0 2px 30px #00140f55}
.vision-hero :is(h1,h2)>span {display:block;margin-left:17%}
.vision-hero :is(h1,h2) em {font-weight:600;font-style:italic}
.hero-bottom {position:absolute;left:0;right:0;bottom:82px;display:flex;justify-content:space-between;align-items:flex-end;gap:45px}
.hero-intro {max-width:440px}
.hero-intro p {font-size:15px;line-height:1.7;color:#d9e3de;margin-bottom:28px}
.vision-project-button {display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border:1px solid #7bc69f;background:linear-gradient(115deg,#388d71,#225e4d);color:#fff;border-radius:40px;padding:13px 25px;font-size:15px;box-shadow:0 0 22px #388d7144;transition:transform .2s,box-shadow .2s}
.vision-project-button:hover {color:white;transform:translateY(-3px);box-shadow:0 0 32px #388d7177}
.vision-project-button span {font-size:22px;line-height:1}
.hero-capabilities {display:flex;gap:34px;padding-bottom:4px}
.hero-capabilities>div {display:flex;align-items:center;gap:12px}
.hero-capabilities strong {font-size:26px;font-weight:500;letter-spacing:-.04em;color:#f2f7f4}
.hero-capabilities span {font-size:11px;line-height:1.5;color:#a9bcb2}
.hero-scroll {position:absolute;bottom:22px;left:5.5%;font-size:9px;letter-spacing:.18em;color:#7e9c8d;display:flex;align-items:center;gap:14px}
.hero-scroll span {font-size:18px}
.vision-home a:focus-visible,.vision-home button:focus-visible {outline:2px solid #a8e8bd;outline-offset:5px}
@media(min-width:1100px){.vision-home .whatsapp-btn{right:76px!important;bottom:20px!important}.vision-home .back-to-top{right:20px!important;bottom:20px!important}}
@media(min-width:1600px){.hero-scroll{left:max(6%,calc((100% - 1440px)/2))}}
@media(max-width:1199px){.vision-home .navbar{gap:18px}.vision-home .navbar .navbar-nav{gap:18px}.nav-project{display:none}.hero-capabilities{gap:20px}.hero-capabilities>div{display:block}.hero-capabilities strong{display:block;margin-bottom:6px}.vision-hero :is(h1,h2){margin-left:9%}.hero-eyebrow{margin-left:10%}}
@media(max-width:991px){.vision-home .navbar{padding:16px 5.5%!important;background:rgba(3,15,18,.96)}.vision-home .navbar .navbar-toggler{color:#9ed3b9!important;border-color:#456858!important;padding:9px 12px}.vision-home .navbar-collapse{flex-basis:100%;padding:12px 0}.vision-home .navbar .navbar-nav{gap:0}.vision-home .navbar .navbar-nav .nav-link{padding:12px 8px}.vision-home .navbar-brand .logo{width:125px;height:48px}.vision-hero{min-height:820px}.hero-orb{width:620px;max-width:90vw;top:44%}.hero-heading{margin-bottom:220px}.vision-hero :is(h1,h2){margin-left:0;font-size:clamp(43px,6.8vw,65px)}.hero-eyebrow{margin-left:0}.vision-hero :is(h1,h2)>span{margin-left:8%}.hero-bottom{gap:30px}.hero-intro{max-width:350px}.hero-capabilities{gap:18px}.hero-capabilities strong{font-size:22px}.hero-capabilities span{font-size:10px}}
@media(max-width:600px){.vision-hero{height:auto;min-height:900px}.vision-hero-inner{min-height:900px;padding:170px 0 95px;justify-content:flex-start}.hero-heading{margin:55px 0 0}.hero-eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:22px}.vision-hero :is(h1,h2){font-size:clamp(36px,8.3vw,50px);line-height:1.23;letter-spacing:-.055em}.vision-hero :is(h1,h2)>span{margin-left:0}.hero-orb{top:39%;width:470px;max-width:115vw}.hero-wordmark{top:23%;font-size:86px}.hero-bottom{bottom:85px;display:block}.hero-intro{max-width:340px}.hero-intro p{font-size:14px}.hero-capabilities{margin-top:40px;justify-content:space-between;gap:10px}.hero-capabilities strong{font-size:22px}.hero-capabilities span{font-size:10px}.hero-scroll{bottom:20px}.vision-home .whatsapp-btn{bottom:20px!important;width:42px;height:42px}.vision-home .back-to-top{bottom:75px}}
@media(prefers-reduced-motion:reduce){.vision-project-button{transition:none}html{scroll-behavior:auto}}
/* Center the supplied introduction over the rotating sphere. */
.vision-hero .hero-heading {text-align:center}
.vision-hero .hero-heading :is(h1,h2) {margin-left:0;font-size:clamp(42px,5.1vw,88px)}
.vision-hero .hero-eyebrow {justify-content:center;margin-left:0}
.hero-center-description {max-width:min(760px,88%);margin:26px auto 0;color:#d9e3de;font-size:clamp(14px,.98vw,16px);line-height:1.8;text-wrap:pretty}
@media(max-width:600px){.vision-hero .hero-heading :is(h1,h2){font-size:clamp(36px,8.3vw,50px)}.hero-center-description{font-size:14px;line-height:1.7;margin-top:22px}}
/* One shared particle scene connects the hero to the pinned service gallery. */
.vision-journey{position:relative;background:#030b0d;isolation:isolate}
.vision-journey .vision-hero{isolation:auto;background:transparent}
.vision-journey>.hero-orb{z-index:1;pointer-events:none;top:416px;will-change:transform;left:50%}
.vision-journey .vision-hero-inner,.vision-journey .hero-scroll{z-index:2}
.services-journey{position:relative;background:transparent;color:#eef7f2}
.services-stage{min-height:clamp(720px,100svh,900px);padding:clamp(100px,12vh,135px) 0 clamp(50px,7vh,70px);display:flex;align-items:center;overflow:hidden}
.services-layout{width:58%;margin-left:42%;position:relative;z-index:2}
.services-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:clamp(20px,2.5vw,35px);padding-right:clamp(0px,4vw,48px);margin-bottom:38px}
.services-heading h2{color:#f2f7f4;font:500 clamp(30px,3vw,46px)/1.2 'Rubik',sans-serif;letter-spacing:-.04em;white-space:nowrap}
.services-heading p{max-width:310px;font-size:14px;line-height:1.7;color:#c4d8ce;margin:0}
.services-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#388d71 #071d19}
.services-track{display:flex;align-items:center;gap:24px;padding:4px 0 12px;will-change:transform}
.journey-card{flex:0 0 min(440px,38vw);height:clamp(430px,54svh,510px);position:relative;padding:clamp(24px,2.2vw,32px);border:1px solid #34574a;border-radius:24px;background:radial-gradient(ellipse at bottom right,#163e31,transparent 60%),#060e0c;color:#eff8f3;scroll-snap-align:start;display:flex;flex-direction:column;overflow:hidden;transition:background .4s,border-color .4s,scale .4s;scale:.94;transform-origin:left center}
.journey-card.is-active{background:#286a55;border-color:#8dbfa8;scale:1}
.journey-card-top{display:flex;justify-content:space-between;align-items:center;font-size:26px;margin-bottom:16px}
.journey-card-top a{color:#f1faf5;font-size:32px;line-height:1}
.journey-card h3{font:500 27px/1.2 'Rubik',sans-serif;color:#f1faf5;letter-spacing:-.035em;margin-top:auto;margin-bottom:0}
.journey-card.is-active h3{margin-top:0}
.journey-card-details{opacity:0;max-height:0;overflow:hidden;transition:opacity .35s}
.journey-card.is-active .journey-card-details{opacity:1;max-height:450px;display:flex;flex:1;flex-direction:column;justify-content:space-between;padding-top:34px}
.journey-card-details p{font-size:14px;line-height:1.7;max-width:350px}
.journey-deliverables>span{color:#aad0be;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.journey-deliverables ul{list-style:none;padding:0;margin:10px 0 0;font-size:12px;line-height:1.8}
.services-navigation{display:flex;align-items:center;gap:14px;margin-top:20px;padding-right:10%;color:#8fb7a3;font-size:12px}
.services-progress{height:2px;background:#234135;flex:1;margin:0 15px;overflow:hidden}
.services-progress span{display:block;height:100%;background:#88d8b0;transform-origin:left;scale:0 1}
.services-navigation button{border:1px solid #34574a;background:transparent;color:#d5ece0;border-radius:50%;width:36px;height:36px;font-size:18px}
.services-navigation button:disabled{opacity:.3}
.journey-enhanced .services-stage{position:sticky;top:0;height:100svh;min-height:650px}
.journey-enhanced .services-window{overflow:hidden;scroll-snap-type:none}
@media(max-width:991px){.services-layout{width:62%;margin-left:38%}.services-heading{display:block}.services-heading p{margin-top:16px}.journey-card{flex-basis:47vw;height:480px;padding:25px}.services-stage{padding-top:110px}.journey-card h3{font-size:24px}}
@media(max-width:600px){.services-layout{width:89%;margin:0 auto}.services-heading{padding:0;margin-bottom:22px}.services-heading h2{font-size:32px}.services-heading p{max-width:85%;font-size:12px}.services-stage{padding:220px 0 55px;min-height:900px}.journey-enhanced .services-stage{min-height:850px}.journey-card{flex-basis:82vw;height:440px;padding:24px}.journey-card-details p{font-size:13px}.journey-deliverables ul{font-size:11px}.journey-card.is-active .journey-card-details{padding-top:22px}.services-navigation{padding-right:0}.journey-card h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.journey-card,.journey-card-details{transition:none}.vision-journey>.hero-orb{display:none}.services-layout{width:89%;margin:0 auto}.services-heading{max-width:950px}.journey-card{flex-basis:min(440px,82vw)}}
/* Give the breakup animation room beyond the sphere's original bounds. */
.vision-journey #vision-orb{position:absolute;left:-40%;top:-40%;width:180%;height:180%;max-width:none}
/* Animated client horizon, immediately following About Us. */
.client-horizon{position:relative;isolation:isolate;overflow:hidden;background:#030b0d;min-height:560px;padding:100px 0 0;color:#edf7f1;text-align:center}
.client-horizon-heading{position:relative;z-index:2;padding:0 24px}
.client-horizon-eyebrow{font-size:10px;letter-spacing:.22em;color:#7fba9e;margin-bottom:18px}
.client-horizon h2{font:500 clamp(28px,3.2vw,46px)/1.2 'Rubik',sans-serif;letter-spacing:-.045em;color:#f0f7f3;margin-bottom:16px}
.client-horizon-heading>p:last-child{font-size:15px;color:#b7cfc1}
.client-orbit{position:relative;width:min(1400px,95%);height:270px;margin:45px auto 0;mask-image:linear-gradient(to right,transparent,#000 15%,#000 85%,transparent)}
.client-horizon-line,.client-horizon-glow{position:absolute;left:-5%;top:150px;width:110%;height:310px;border-radius:50%;pointer-events:none}
.client-horizon-line{border-top:2px solid #b5edcf;box-shadow:0 -3px 9px #91e2b9,0 -9px 26px #388d7199,inset 0 9px 18px #388d7155}
.client-horizon-glow{top:146px;background:radial-gradient(ellipse at 50% 0,#388d7144,transparent 64%);filter:blur(13px)}
.client-orbit-logos{position:absolute;inset:0}
.orbit-logo{position:absolute;top:0;left:0;width:150px;height:75px;display:flex;align-items:center;justify-content:center;will-change:transform,opacity}
.orbit-logo img{max-width:135px;max-height:62px;object-fit:contain;filter:none;background:#edf5ef;border-radius:7px;padding:10px;transition:filter .3s,box-shadow .3s}
.orbit-logo:hover img{filter:none;box-shadow:0 0 25px #79c69c55}
.client-motion-toggle{position:absolute;right:24px;bottom:16px;background:transparent;border:1px solid #34574a;color:#b1d0be;border-radius:30px;font-size:11px;padding:7px 14px;z-index:3}
@media(max-width:600px){.client-horizon{min-height:430px;padding-top:65px}.client-horizon-eyebrow{font-size:8px}.client-horizon-heading>p:last-child{font-size:13px}.client-orbit{width:150%;margin-left:-25%;height:230px;margin-top:20px}.orbit-logo{width:110px}.orbit-logo img{max-width:98px;max-height:50px;padding:7px}.client-horizon-line{height:230px}}
@media(prefers-reduced-motion:reduce){.orbit-logo img{transition:none}.client-motion-toggle{display:none}}
/* The particle finale leads into the same white headline below. */
.vision-home #home-expertise .section-title :is(h5,.semantic-eyebrow),.vision-home #home-expertise .section-title :is(h1,h2){color:#fff!important}
/* Reference-inspired expertise showcase: glass, teal light and orbital detail. */
.vision-home #home-expertise{position:relative;isolation:isolate;padding:90px 24px 120px;background:radial-gradient(ellipse at 0 10%,#004b414a,transparent 44%),radial-gradient(ellipse at 95% 95%,#014b404a,transparent 40%),#020d0e;color:#fff;overflow:hidden}
#home-expertise>.container{max-width:1320px;z-index:1}
#home-expertise .expertise-heading{max-width:800px;margin-bottom:55px}
#home-expertise .section-title:before,#home-expertise .section-title:after{display:none}
#home-expertise .expertise-heading :is(h5,.semantic-eyebrow){font:500 11px/1.5 'Rubik',sans-serif;letter-spacing:.3em;text-transform:uppercase;margin-bottom:23px;display:flex;align-items:center;justify-content:center;gap:22px}
#home-expertise .expertise-heading :is(h5,.semantic-eyebrow):before,#home-expertise .expertise-heading :is(h5,.semantic-eyebrow):after{content:'';width:65px;height:1px;background:linear-gradient(90deg,transparent,#398e7e)}
#home-expertise .expertise-heading :is(h5,.semantic-eyebrow):after{transform:rotate(180deg)}
#home-expertise .expertise-heading :is(h1,h2){font:500 clamp(30px,3.1vw,47px)/1.18 'Rubik',sans-serif;letter-spacing:-.04em}
#home-expertise .expertise-heading :is(h1,h2) span{color:#43b69a}
.expertise-heading-line{position:relative;width:130px;height:3px;margin:23px auto 0;background:linear-gradient(90deg,#269f8f,#073841);border-radius:3px}
.expertise-heading-line:after{content:'';position:absolute;left:55%;top:-2px;width:7px;height:7px;border-radius:50%;background:#caffee;box-shadow:0 0 10px 3px #39ead7;animation:expertise-light 4s ease-in-out infinite alternate}
.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.expertise-card{position:relative;isolation:isolate;overflow:hidden;min-height:235px;border:1px solid #356e67;border-radius:21px;padding:28px 30px 30px;background:linear-gradient(120deg,#153e3a99,#031a1b99 65%,#0e353266);box-shadow:inset 0 1px 0 #b8fff319,0 12px 35px #0003;transition:transform .3s,border-color .3s,box-shadow .3s}
.expertise-card:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--glow-x,0%) var(--glow-y,0%),#3be7d526,transparent 58%);pointer-events:none;z-index:-1}
.expertise-card:hover,.expertise-card:focus-within{transform:translateY(-5px);border-color:#57e3cb;box-shadow:0 0 23px #22c5ad33,inset 0 0 22px #26d7b818}
.expertise-card-1,.expertise-card-6{border-color:#43baa7;box-shadow:inset 0 0 24px #1eaf9f11,0 0 18px #1bab9b22}
.expertise-icon{position:relative;display:grid;place-items:center;width:62px;height:62px;border-radius:16px;margin-bottom:19px;color:#67e7d2;font-size:29px;background:linear-gradient(135deg,#246863b3,#0d323299);box-shadow:inset 0 1px 2px #90f9e833,0 5px 15px #0002}
.expertise-card h3{position:relative;font:500 18px/1.3 'Rubik',sans-serif;letter-spacing:-.035em;color:#f4faf7;margin:0 0 10px}
.expertise-card p{position:relative;font-size:12px;line-height:1.7;color:#ccdfd7;max-width:calc(100% - 25px);margin:0}
.expertise-art{position:absolute;z-index:-1;right:-35px;top:0;width:260px;height:100%;color:#41d7c3;opacity:.18;filter:drop-shadow(0 0 7px #1ee9ce55);transition:opacity .4s,transform .7s}
.expertise-card:hover .expertise-art{opacity:.34;transform:scale(1.06) rotate(-3deg)}
.expertise-link{position:absolute;right:20px;bottom:22px;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;border:1px solid #2c8579;color:#70ead6;background:#072b29bb;font-size:25px;line-height:1;transition:background .3s,color .3s}
.expertise-link:hover{background:#388d71;color:#fff}
.expertise-orbit{position:absolute;z-index:-1;pointer-events:none;width:115%;height:590px;left:-8%;top:60px;border:1px solid #0d756166;border-radius:50%;transform:rotate(-14deg);box-shadow:0 -1px 2px #10c4b133;animation:expertise-orbit 12s ease-in-out infinite alternate}
.expertise-orbit-two{top:280px;left:7%;width:100%;height:430px;transform:rotate(13deg);opacity:.5;animation-delay:-6s}
.expertise-dots{position:absolute;z-index:0;width:470px;height:470px;left:-300px;bottom:-170px;border-radius:50%;background-image:radial-gradient(#60e9d7aa .8px,transparent 1px);background-size:9px 9px;transform:rotate(-25deg);mask-image:radial-gradient(circle at 0% 90%,transparent 32%,#000 40%,#000 65%,transparent 72%);animation:expertise-drift 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes expertise-light{to{left:20%}}
@keyframes expertise-orbit{to{transform:rotate(-8deg) translateY(15px)}}
@keyframes expertise-drift{to{transform:rotate(-15deg) translate(20px,-10px)}}
@media(max-width:991px){.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expertise-card{padding:26px;min-height:240px}.expertise-card h3{font-size:18px}}
@media(max-width:600px){.vision-home #home-expertise{padding:65px 10px 75px}.expertise-grid{grid-template-columns:1fr;gap:18px}.expertise-card{min-height:225px}.expertise-desktop-break{display:none}#home-expertise .expertise-heading :is(h5,.semantic-eyebrow){font-size:9px;letter-spacing:.2em;gap:10px}#home-expertise .expertise-heading :is(h5,.semantic-eyebrow):before,#home-expertise .expertise-heading :is(h5,.semantic-eyebrow):after{width:25px}#home-expertise .expertise-heading{margin-bottom:35px}.expertise-card p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.expertise-heading-line:after,.expertise-orbit,.expertise-dots{animation:none}.expertise-card,.expertise-art,.expertise-link{transition:none}.expertise-card:hover{transform:none}}
/* Large animated particle globe emerging from the bottom-left edge. */
.vision-home #home-expertise .expertise-dots{width:610px;height:610px;left:-380px;bottom:-190px;background:none;mask-image:none;transform:none;animation:none;z-index:2;opacity:.8}
#expertise-globe{display:block;width:100%;height:100%;pointer-events:none}
@media(max-width:600px){.vision-home #home-expertise .expertise-dots{width:390px;height:390px;left:-285px;bottom:-135px;opacity:.65}}
/* Keep the complete circular particle globe visible below the cards. */
.vision-home #home-expertise{padding-bottom:300px}
.vision-home #home-expertise .expertise-dots{width:270px;height:270px;left:24px;bottom:12px;opacity:1;overflow:visible}
@media(max-width:600px){.vision-home #home-expertise{padding-bottom:235px}.vision-home #home-expertise .expertise-dots{width:210px;height:210px;left:12px;bottom:8px;opacity:1}}
/* Reference framing: a large globe enters from the left beside the lower row. */
.vision-home #home-expertise{padding-bottom:135px}
.vision-home #home-expertise .expertise-dots{width:620px;height:620px;left:-370px;bottom:-205px;opacity:.95;overflow:visible;z-index:0}
.vision-home #home-expertise>.container{z-index:1}
@media(max-width:991px){.vision-home #home-expertise .expertise-dots{width:540px;height:540px;left:-340px;bottom:-165px}}
@media(max-width:600px){.vision-home #home-expertise{padding-bottom:110px}.vision-home #home-expertise .expertise-dots{width:430px;height:430px;left:-285px;bottom:-140px;opacity:.85}}
/* Moving light accents replace the corner globe. */
.expertise-card:after{content:'';position:absolute;left:18%;right:18%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#70f4da,transparent);box-shadow:0 0 12px #38cfad99;opacity:.6;transform:translateX(-140%);animation:expertise-card-trail 6s ease-in-out infinite;pointer-events:none}
.expertise-card:nth-child(2):after{animation-delay:-1s}
.expertise-card:nth-child(3):after{animation-delay:-2s}
.expertise-card:nth-child(4):after{animation-delay:-3s}
.expertise-card:nth-child(5):after{animation-delay:-4s}
.expertise-card:nth-child(6):after{animation-delay:-5s}
@keyframes expertise-card-trail{0%,15%{transform:translateX(-140%);opacity:0}30%{opacity:.8}70%{opacity:.8}85%,100%{transform:translateX(140%);opacity:0}}
@media(prefers-reduced-motion:reduce){.expertise-card:after{animation:none;transform:none;opacity:.35}}
/* About Us: an editorial portrait with a compact, connected feature layout. */
.about-reimagined{position:relative;overflow:hidden;padding:115px 24px 100px;background:radial-gradient(ellipse at 8% 70%,#13493655,transparent 52%),#030b0d;border-top:1px solid #21443655;color:#e8f2ec}
.about-reimagined>.container{max-width:1320px}
.about-home-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:clamp(30px,5vw,76px);align-items:center}
.about-home-visual{position:relative;padding:0 28px 45px 0}
.about-home-photo{position:relative;height:clamp(390px,39vw,560px);overflow:hidden;border-radius:clamp(72px,8vw,130px) 24px 24px 24px;border:1px solid #54837466;background:#09231b}
.about-home-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#001810db);pointer-events:none}
.about-home-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1s;filter:saturate(.8)}
.about-home-visual:hover .about-home-photo img{transform:scale(1.035)}
.about-photo-caption{position:absolute;left:30px;bottom:29px;font-size:9px;letter-spacing:.23em;color:#e0f4e9;z-index:1}
.about-experience{position:absolute;right:0;bottom:0;display:flex;gap:20px;align-items:center;padding:24px 28px;background:linear-gradient(130deg,#2c765b,#0c3327);border:1px solid #63b48e;border-radius:18px;box-shadow:0 16px 40px #0005;color:white}
.about-experience strong{font:500 65px/1 'Rubik',sans-serif;letter-spacing:-.07em}
.about-experience strong>span{font-size:36px;vertical-align:top;line-height:1.2;color:#9ae5bd}
.about-experience>div{font-size:13px;line-height:1.6;color:#d6ebdf}
.about-experience b{font-weight:500;color:#fff}
.about-experience-dot{width:7px;height:7px;border-radius:50%;background:#99efbd;box-shadow:0 0 10px #9defbc;align-self:flex-start;animation:about-beacon 3s ease-in-out infinite}
.about-visual-label{position:absolute;left:-26px;top:46%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.24em;color:#6d9d84}
.about-home-eyebrow{display:flex;align-items:center;gap:12px;font:400 10px 'Rubik',sans-serif;letter-spacing:.23em;color:#9cd1b4;margin:0 0 24px}
.about-home-eyebrow>span{width:28px;height:1px;background:#79bc96}
.about-home-content h2{font:500 clamp(30px,3vw,44px)/1.2 'Rubik',sans-serif;color:#f0f7f2;letter-spacing:-.045em;margin:0 0 32px}
.about-home-content h2>span{color:#70b994}
.about-home-features{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:0}
.about-home-feature{display:flex;align-items:flex-start;gap:14px;padding:23px 0;border-top:1px solid #33504499}
.about-home-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #3d765d88;border-radius:12px;background:#1b503632;color:#a0d7b9;font-size:17px;transition:background .25s,color .25s}
.about-home-feature:hover .about-home-icon{color:#f1fff6;background:#388d71}
.about-home-feature h3{font:500 15px/1.4 'Rubik',sans-serif;letter-spacing:-.02em;color:#edf6f1;margin:0 0 7px}
.about-home-feature p{font-size:12px;color:#9bb4a7;line-height:1.7;margin:0}
.about-home-link{display:inline-flex;align-items:center;gap:25px;color:#e4f3e9;font-size:13px;padding:12px 0;border-bottom:1px solid #5b9678;margin-top:8px;transition:gap .25s,color .25s}
.about-home-link span{font-size:21px;color:#8ad9af}
.about-home-link:hover{color:#8ad9af;gap:35px}
@keyframes about-beacon{50%{opacity:.4;box-shadow:0 0 3px #9defbc}}
@media(max-width:1199px){.about-home-layout{gap:45px}.about-home-photo{height:530px}.about-home-features{column-gap:15px}.about-home-feature{gap:10px}.about-home-icon{width:35px;height:35px;font-size:15px}}
@media(max-width:991px){.about-home-layout{grid-template-columns:1fr;gap:55px}.about-home-visual{max-width:600px;width:100%;margin:auto}.about-home-photo{height:480px}.about-home-content{max-width:650px;margin:auto}.about-home-content h2{font-size:38px}.about-home-features{column-gap:30px}}
@media(max-width:600px){.about-reimagined{padding:65px 15px 70px}.about-home-photo{height:380px;border-top-left-radius:85px}.about-home-visual{padding-right:15px}.about-experience{padding:20px;gap:14px}.about-experience strong{font-size:52px}.about-experience>div{font-size:12px}.about-visual-label{left:-18px;font-size:8px}.about-home-content h2{font-size:31px}.about-home-features{grid-template-columns:1fr;gap:0}.about-home-feature{gap:16px;padding:18px 0}.about-home-icon{width:42px;height:42px}.about-home-feature h3{font-size:16px}.about-home-feature p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.about-experience-dot{animation:none}.about-home-photo img,.about-home-icon,.about-home-link{transition:none}.about-home-visual:hover .about-home-photo img{transform:none}}
/* Preserve the white lettering and original colors of Canara Decor. */
.orbit-logo-canara img{background:#071310;padding:8px;border:1px solid #34574a}
/* Display client artwork without background panels. */
.client-horizon .orbit-logo img{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.client-horizon .orbit-logo:hover img{box-shadow:none}
/* A fine moving beam follows the actual background-letter outlines. */
.hero-wordmark .wordmark-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:#56c8b2;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #38b99d66);opacity:.48}
.hero-wordmark .wordmark-outline path{opacity:0;vector-effect:non-scaling-stroke}
@media(max-width:600px){.hero-wordmark .wordmark-outline{stroke-width:.65;opacity:.4}}
@media(prefers-reduced-motion:reduce){.hero-wordmark .wordmark-outline{display:none}}
/* A continuous border makes the whole letter silhouette legible. */
.hero-wordmark .wordmark-outline{opacity:.72;stroke-width:1.15;filter:drop-shadow(0 0 2px #38b99d55)}
.hero-wordmark .wordmark-outline .wordmark-border{opacity:.25;stroke:#49ad99;stroke-width:.85}
.hero-wordmark .wordmark-outline .wordmark-beam{stroke:#8af5dd;stroke-width:1.4}
@media(max-width:600px){.hero-wordmark .wordmark-outline{opacity:.65}.hero-wordmark .wordmark-outline .wordmark-border{stroke-width:.7}.hero-wordmark .wordmark-outline .wordmark-beam{stroke-width:1.1}}
/* Give the Welkin emblem more presence within the client row. */
.client-horizon .orbit-logo-welkin img{width:240px;max-width:240px;max-height:140px}
@media(max-width:600px){.client-horizon .orbit-logo-welkin img{width:180px;max-width:180px;max-height:110px}}