/* Original vector brand and a lightweight CSS 3D scene. */
.brand{flex-shrink:0}.brand .brand-logo{width:218px;height:auto;max-width:none}.footer-main .brand-logo{width:210px}.header nav{gap:24px}.hero-note{display:none}.hero-content{position:relative;z-index:3;pointer-events:none}.hero-content a{pointer-events:auto}.hero h1{font-size:clamp(50px,4.65vw,72px);max-width:760px}.hero-shade{background:linear-gradient(90deg,#071c17ed 0%,#071c17b5 48%,#071c1770 100%),linear-gradient(0deg,#071c17b3,transparent 65%)}
.eco-scene{--tilt-x:0deg;--tilt-y:0deg;position:absolute;right:max(3.5%,calc((100vw - 1340px)/2));top:50%;width:min(40vw,570px);height:500px;margin-top:-260px;perspective:1100px;z-index:2;isolation:isolate}.scene-halo{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse,#a8dd772b,transparent 68%);filter:blur(20px)}.scene-stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .45s ease-out}.eco-globe{position:absolute;left:12%;top:7%;width:76%;aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(-18deg) rotateZ(-15deg);opacity:.45}.globe-axis{position:absolute;inset:0;transform-style:preserve-3d;animation:globe-spin 48s linear infinite}.globe-axis i,.globe-axis b{position:absolute;inset:0;border:1px solid #cce9a85e;border-radius:50%;transform:rotateY(var(--longitude));box-shadow:0 0 14px #a9dc6a08}.globe-axis b{transform:rotateX(90deg)}.globe-axis b:nth-last-child(2){inset:13%;transform:translateY(-78px) rotateX(90deg)}.globe-axis b:last-child{inset:13%;transform:translateY(78px) rotateX(90deg)}
.orbital{position:absolute;left:4%;top:3%;width:92%;height:92%;border:1px solid #def5bd66;border-radius:50%;transform-style:preserve-3d;animation:orbit-one 24s linear infinite;box-shadow:0 0 25px #ceef9c09,inset 0 0 25px #ceef9c09}.orbital>span{position:absolute;width:13px;height:13px;background:#e5ffae;border-radius:50%;left:14%;top:14%;box-shadow:0 0 24px #deff8ca6}.orbital-two{inset:9% 10%;width:80%;height:80%;border-color:#e1eeca38;animation:orbit-two 32s linear infinite reverse}.orbital-two>span{width:8px;height:8px;background:#fff}.orbital-three{inset:17% 18%;width:64%;height:64%;border-color:#ffffff2e;animation:orbit-three 28s linear infinite}.orbital-three>span{width:6px;height:6px}
.brand-sculpture{position:absolute;left:14%;top:27%;width:72%;height:196px;transform-style:preserve-3d;animation:brand-float 8s ease-in-out infinite}.sculpture-face,.sculpture-edge{position:absolute;inset:0;border-radius:16px}.sculpture-edge{background:#829677;transform:translateZ(-12px) translateY(9px);box-shadow:0 38px 65px #0009;border:1px solid #f6ffe777}.sculpture-face{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px 25px;background:linear-gradient(135deg,#fffffff7,#eaf0e0fa);border:1px solid #fff;transform:translateZ(12px);box-shadow:inset 0 0 25px #fff8,0 1px 1px #fff}.sculpture-face:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,#ffffff65 47%,transparent 65%);pointer-events:none}.sculpture-face img{width:100%;height:auto;position:relative;z-index:1}.sculpture-kicker{font-size:6.5px;letter-spacing:2px;color:#73846a;margin-bottom:18px;font-weight:650}.sculpture-line{width:28px;border-bottom:1px solid #8fa879;margin:16px 0 9px}.sculpture-signature{font-size:6.5px;letter-spacing:2.5px;color:#3e5e3b}.scene-tag{position:absolute;background:#13362bdf;border:1px solid #e0efcb4a;border-radius:30px;padding:9px 14px;color:#edf7df;white-space:nowrap;font-size:10px;backdrop-filter:blur(12px);box-shadow:0 12px 25px #0002;animation:tag-float 7s ease-in-out infinite}.scene-tag>span{color:#dcf6a3;margin-right:8px;font-size:16px}.tag-one{left:0;top:14%;transform:translateZ(60px)}.tag-two{right:-2%;top:66%;animation-delay:-2s}.tag-three{left:12%;bottom:8%;animation-delay:-4s}.scene-caption{position:absolute;bottom:-12px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.7px;color:#d3e2c6}.live-dot{display:inline-block;width:5px;height:5px;background:#d8ee99;border-radius:50%;margin-right:8px;box-shadow:0 0 10px #daff8e}
.motion-toggle{position:absolute;right:max(56px,calc((100vw - 1280px)/2));bottom:65px;z-index:4;background:#09291f65;color:#e4eddc;border:1px solid #ffffff40;border-radius:30px;font-size:9px;padding:8px 13px;display:flex;align-items:center;gap:8px;backdrop-filter:blur(8px)}.motion-toggle:hover{background:#183f32}.motion-toggle span{font-size:13px}.service-card.depth-target{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .4s ease-out,border-color .2s,background .2s,box-shadow .3s}.service-card.depth-target:hover{box-shadow:0 16px 30px #183f3210;z-index:2}.about-image.depth-target{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s ease-out}.cycle{isolation:isolate}.cycle:after{content:'';position:absolute;inset:-15px;border:1px dashed #8ca56b66;border-radius:50%;animation:globe-spin 60s linear infinite;pointer-events:none}.cycle:before{content:'';position:absolute;inset:15px;border:1px solid #8ca56b40;border-radius:50%;transform:rotateX(58deg) rotateZ(-30deg);box-shadow:0 12px 15px #183f320a;pointer-events:none}
@keyframes globe-spin{to{transform:rotateY(360deg)}}
@keyframes orbit-one{from{transform:rotateX(68deg) rotateY(-15deg) rotateZ(0)}to{transform:rotateX(68deg) rotateY(-15deg) rotateZ(360deg)}}
@keyframes orbit-two{from{transform:rotateX(34deg) rotateY(60deg) rotateZ(0)}to{transform:rotateX(34deg) rotateY(60deg) rotateZ(360deg)}}
@keyframes orbit-three{from{transform:rotateX(-40deg) rotateY(40deg) rotateZ(0)}to{transform:rotateX(-40deg) rotateY(40deg) rotateZ(360deg)}}
@keyframes brand-float{0%,100%{transform:translateY(0) rotateX(7deg) rotateY(-16deg) rotateZ(-4deg)}50%{transform:translateY(-15px) rotateX(-3deg) rotateY(10deg) rotateZ(1deg)}}
@keyframes tag-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after,.page-hidden *,.page-hidden *:before,.page-hidden *:after,.scene-offscreen *,.scene-offscreen *:before,.scene-offscreen *:after,.cycle.scene-offscreen:after{animation-play-state:paused!important}.motion-paused .depth-target{--tilt-x:0deg!important;--tilt-y:0deg!important}
@media(min-width:1600px){.hero h1{font-size:76px}.eco-scene{right:max(5%,calc((100vw - 1340px)/2));width:520px}}
@media(max-width:1150px){.brand .brand-logo{width:185px}.header nav{gap:16px}.hero h1{font-size:clamp(46px,5vw,60px)}.eco-scene{right:1%;width:40vw;height:430px;margin-top:-195px}.brand-sculpture{height:168px;left:10%;width:80%}.sculpture-face{padding:17px}.scene-tag{font-size:9px;padding:7px 10px}.scene-caption{font-size:6px;letter-spacing:1px}.scene-tag.tag-two{right:3%}}
@media(max-width:900px){.brand .brand-logo{width:175px}.header nav{gap:12px}.hero h1{font-size:49px}.eco-scene{width:38vw;height:390px;right:1%;margin-top:-160px}.sculpture-kicker{font-size:5px;letter-spacing:1px}.sculpture-signature{font-size:5px;letter-spacing:1.5px}.brand-sculpture{height:150px;left:5%;width:90%}.tag-one{left:0;top:6%}.tag-three{left:5%;bottom:10%}.tag-two{top:67%}.scene-tag{font-size:8px}.scene-caption{font-size:5px}.motion-toggle{right:32px}}
@media(max-width:680px){.brand .brand-logo{width:184px}.footer-main .brand-logo{width:210px}.hero{min-height:0;height:auto}.hero-content{padding-top:43px;padding-bottom:0}.hero h1{font-size:clamp(39px,9vw,58px);max-width:100%;line-height:1.17}.hero .eyebrow{margin-bottom:23px}.hero p{font-size:14px}.hero-actions{gap:22px}.hero-shade{background:linear-gradient(180deg,#09291ff2,#09291fc9 55%,#09291fbd)}.eco-scene{position:relative;right:auto;top:auto;width:min(94%,440px);height:370px;margin:28px auto 95px;perspective:900px}.eco-globe{width:70%;left:15%;top:0}.brand-sculpture{left:15%;top:24%;width:70%;height:156px}.sculpture-face{padding:20px}.sculpture-kicker{font-size:5.5px;margin-bottom:15px}.sculpture-signature{font-size:5.5px}.scene-tag{font-size:9px;padding:7px 11px}.tag-one{left:1%;top:6%}.tag-two{right:0!important;top:62%}.tag-three{left:6%;bottom:10%}.scene-caption{bottom:1px;font-size:6px;letter-spacing:1px}.motion-toggle{bottom:65px;right:20px;font-size:8px;padding:7px 11px}.hero-bottom{bottom:20px}.orbital{left:8%;top:-1%;width:84%;height:88%}.orbital-two{left:13%;top:5%;width:74%;height:76%}.orbital-three{left:20%;top:13%;width:60%;height:62%}.hero-photo{object-position:60% center}.service-card.depth-target,.about-image.depth-target{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.scene-stage,.service-card.depth-target,.about-image.depth-target{transform:none!important}.brand-sculpture{transform:rotateY(-10deg) rotateZ(-3deg)}.orbital-one{transform:rotateX(68deg) rotateY(-15deg)}.orbital-two{transform:rotateX(34deg) rotateY(60deg)}.orbital-three{transform:rotateX(-40deg) rotateY(40deg)}.motion-toggle{display:none}}
/* Atiksan layout: preserve the existing brand and give the 3D scene its own space. */
.brand .brand-logo{width:180px;max-height:70px}.footer-main .brand-logo{width:175px}.header nav{gap:30px}.hero{min-height:730px}.hero-content{padding-top:90px}.hero h1{font-size:clamp(48px,4.7vw,72px);max-width:57%}.hero p{max-width:49%}.hero-shade{background:linear-gradient(90deg,#071c17ef 0%,#071c17cf 45%,#071c1799 100%),linear-gradient(0deg,#071c17bf,transparent 65%)}.eco-scene{right:3%;width:40vw;max-width:560px;height:500px;margin-top:-245px}.brand-sculpture{height:220px;top:24%}.sculpture-face img{width:220px;max-width:100%;max-height:90px;object-fit:contain}.sculpture-kicker{font-size:6px;margin-bottom:10px}.sculpture-line{margin:12px 0 9px}.sculpture-signature{font-size:6px;letter-spacing:1.7px}.tag-two{right:-1%;top:69%}.tag-three{left:4%;bottom:5%}.scene-caption{bottom:-18px}.scene-stage{will-change:transform}.motion-toggle:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
@media(min-width:1600px){.eco-scene{right:max(4%,calc((100vw - 1340px)/2));width:530px}.hero h1{font-size:76px}}
@media(max-width:1150px){.brand .brand-logo{width:160px}.header nav{gap:22px}.hero h1{font-size:56px;max-width:57%}.eco-scene{width:40vw;right:1%;height:430px;margin-top:-200px}.brand-sculpture{height:190px}.sculpture-face img{max-height:75px}.tag-three{bottom:7%}.scene-caption{bottom:-20px}}
@media(max-width:900px){.brand .brand-logo{width:160px}.hero h1{font-size:49px}.eco-scene{width:39vw;height:390px;right:1%;margin-top:-165px}.brand-sculpture{height:175px;left:7%;width:86%}.sculpture-kicker{font-size:5px}.sculpture-signature{font-size:5px;letter-spacing:1px}.sculpture-face img{max-height:70px}.scene-tag{font-size:8px}.tag-two{top:73%}.tag-three{bottom:0}.scene-caption{bottom:-28px}.hero-content{padding-top:90px}}
@media(max-width:680px){.brand .brand-logo{width:145px;max-height:58px}.footer-main .brand-logo{width:175px}.hero{min-height:0}.hero-content{padding-top:44px;padding-bottom:0}.hero h1{font-size:clamp(40px,10vw,60px);max-width:100%}.hero p{max-width:100%;font-size:14px}.eco-scene{position:relative;top:auto;right:auto;width:min(94%,440px);height:365px;margin:36px auto 105px}.brand-sculpture{left:15%;top:24%;width:70%;height:166px}.sculpture-face img{width:180px;max-height:70px}.sculpture-kicker{font-size:5px;letter-spacing:1px;margin-bottom:10px}.sculpture-line{margin:10px 0 7px}.sculpture-signature{font-size:5px;letter-spacing:1px}.tag-one{top:5%}.tag-two{top:65%}.tag-three{bottom:6%;left:4%}.scene-caption{bottom:-4px}.motion-toggle{bottom:65px}.hero-shade{background:linear-gradient(180deg,#09291ff0,#09291fde 50%,#09291fd9)}.hero-actions{gap:22px}.hero-bottom{bottom:20px}}
@media(max-width:680px){.eco-scene{margin-bottom:140px}}