:root{--bg:#070b12;--bg-soft:#101827;--panel:#1c1d20b8;--panel-solid:#171719;--white:#fff;--muted:#b8bcc7;--line:#ffffff38;--gold:#e6c2a4;--gold-deep:#c99f78;--blue:#0b3141;--cyan:#57d8ff;--primary-orange:#ff7a00;--orange-gradient:linear-gradient(90deg, #ff8a00, #ff4d00);--orange-border-glow:#ff7a0059}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;max-width:100%;scroll-padding-top:90px;overflow-x:hidden}body{max-width:100%;color:var(--white);background-color:#0000;background-image:radial-gradient(circle at 100% 40%,#ff500047,#0000 55rem),radial-gradient(circle at 0 60%,#0f192d99,#0000 55rem),linear-gradient(#070b12 0%,#030508 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0;font-family:Arial,Helvetica,sans-serif;position:relative;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;border:3px solid #ffffffeb;border-radius:34px;position:fixed;inset:18px;box-shadow:0 0 0 100vmax #070b12}.page-transition-wrapper{will-change:opacity, transform;transition:opacity .5s cubic-bezier(.25,1,.5,1),transform .5s cubic-bezier(.25,1,.5,1)}.page-enter{opacity:0;transform:translateY(12px)}.page-enter-active{opacity:1;transform:translateY(0)}.section-reveal{opacity:0;will-change:opacity, transform;transition:opacity .9s cubic-bezier(.25,1,.5,1),transform .9s cubic-bezier(.25,1,.5,1);transform:translateY(60px)scale(.98)}.section-reveal.revealed{opacity:1;transform:translateY(0)scale(1)}main>section{scroll-snap-align:start;scroll-snap-stop:always}main{background:0 0;padding:18px;position:relative}body:before{z-index:-1;pointer-events:none;content:"";opacity:.16;background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-size:16px 16px;position:fixed;inset:0}a{color:inherit;text-decoration:none}.container{width:min(88vw,1120px);margin:0 auto}.section-pad{padding:126px 0}.site-header{z-index:50;justify-content:center;padding:0 36px;animation:.85s .12s both navDrop;display:flex;position:fixed;inset:40px 0 auto}.navbar{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f0;border:1px solid #ffffff26;border-radius:999px;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:9px 16px;display:flex;position:relative;box-shadow:0 24px 80px #00000061}.brand,.footer-brand{letter-spacing:0;align-items:center;gap:10px;font-size:15px;font-weight:900;display:inline-flex}.brand-logo{object-fit:contain;width:auto;height:52px}.nav-panel,.nav-links{align-items:center;gap:12px;display:flex}@media (min-width:981px){.nav-links{position:absolute;left:50%;transform:translate(-50%)}}.nav-links a{text-transform:uppercase;border-radius:999px;padding:10px 12px;font-size:10px;font-weight:900;transition:color .25s,background .25s;position:relative}.nav-links a:hover{color:#000;background:#fff}.nav-cta,.primary-btn,.small-pill{letter-spacing:0;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:45px;padding:0 25px;font-size:11px;font-weight:900;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.nav-cta{color:#050505;background:#fff;min-height:48px;padding:0 32px;font-size:13px}.primary-btn{color:#070707;background:#fff;gap:10px}.primary-btn span{transition:transform .25s;display:inline-block}.primary-btn:hover,.nav-cta:hover,.small-pill:hover{transform:scale(1.04);box-shadow:0 0 34px #e6c2a447}.primary-btn:hover span{transform:translate(4px)}.menu-toggle{background:#101010;border:0;border-radius:50%;width:42px;height:42px;display:none}.menu-toggle span{background:#fff;width:18px;height:2px;margin:5px auto;display:block}.hero-wrap{background:0 0;position:relative}.hero{text-align:center;place-items:center;min-height:calc(100vh - 36px);display:grid;position:relative}.hero-bg,.hero-overlay,.image-tile,.project-image,.cta-box:before{background-position:50%;background-size:cover}.hero-bg{display:none}@keyframes panBackground{0%{background-position:0%}to{background-position:100%}}.hero-overlay{display:none}@keyframes bgMoveFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-content{z-index:2;flex-direction:column;align-items:center;width:min(88%,760px);padding-top:38px;display:flex;position:relative}.eyebrow,.section-label{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:700}.hero-badge{border:1px solid var(--line);color:#ffffffc7;letter-spacing:2.8px;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff14;border-radius:999px;padding:8px 17px;font-family:Arial,Helvetica,sans-serif;font-size:10px}.hero h1{text-transform:uppercase;max-width:800px;margin:22px 0 14px;font-size:clamp(42px,5vw,76px);font-weight:900;line-height:1.05}.text-orange-gradient{background:var(--orange-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.btn-orange-gradient{background:var(--orange-gradient);border:none;color:#fff!important}.btn-orange-gradient:hover{box-shadow:0 0 34px var(--orange-border-glow)!important}.active-link{color:var(--primary-orange)!important}.hero-copy{color:#d3d8dc;max-width:480px;margin:0 0 28px;font-size:14px;line-height:1.55}.hero-animate{animation:.78s both fadeUp}.hero-animate-delay-1{animation-delay:.14s}.hero-animate-delay-2{animation-delay:.26s}.hero-animate-delay-3{animation-delay:.38s}.feature-card{z-index:3;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#202124b8;border-radius:12px;align-items:center;gap:20px;min-width:214px;padding:19px 22px;transition:transform .3s,border-color .3s,box-shadow .3s;animation:4s ease-in-out infinite cardGlow,.9s .48s both fadeUp;display:flex;position:absolute;bottom:clamp(78px,10vw,112px);right:clamp(24px,4.5vw,72px);box-shadow:inset 0 1px #ffffff0f,0 22px 55px #00000047}.feature-card:hover{border-color:var(--orange-border-glow);box-shadow:inset 0 1px 0 #ffffff14, 0 0 38px var(--orange-border-glow);transform:translateY(-5px)}.feature-card strong{color:var(--primary-orange);font-family:Georgia,Times New Roman,serif;font-size:26px}.feature-card span{background:var(--line);width:1px;height:42px}.feature-card p{color:#f6f6f6;text-transform:uppercase;margin:0;font-size:11px;font-weight:900;line-height:1.3}.scroll-indicator{z-index:3;color:#ffffff8c;letter-spacing:6px;text-transform:uppercase;gap:12px;font-size:10px;animation:1.8s ease-in-out infinite scrollPulse;display:grid;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-indicator i{background:linear-gradient(var(--gold), transparent);width:1px;height:44px;margin:auto}.about,.services,.projects,.contact,.footer{background:0 0}.about-grid{grid-template-columns:.95fr 1fr;align-items:center;gap:84px;display:grid}h2{margin:0;font-size:clamp(40px,5vw,68px);font-weight:950;line-height:.97}h2 span{color:var(--gold);font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700;display:block}.about-copy p:not(.section-label),.cta-box p,.footer p{color:var(--muted);font-size:16px;line-height:1.75}.text-link{border-bottom:1px solid var(--gold);color:var(--gold);text-transform:uppercase;margin-top:20px;padding-bottom:8px;font-size:12px;font-weight:900;display:inline-block}.about-collage{grid-template-columns:1fr 1fr;grid-auto-rows:170px;gap:22px;display:grid}.about-collage>:nth-child(2),.about-collage>:nth-child(3){grid-row:span 2}.stat-card,.service-card{border:1px solid var(--primary-orange);background:#0b314166;border-radius:12px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.stat-card:hover,.service-card:hover{border-color:var(--primary-orange);box-shadow:0 0 30px var(--orange-border-glow);transform:translateY(-8px)}.image-tile{border:1px solid var(--primary-orange);background:#0b314166;border-radius:12px;min-height:265px;transition:transform .6s ease-in-out,border-color .6s ease-in-out,box-shadow .6s ease-in-out;position:relative;overflow:hidden}.image-tile:hover{border-color:var(--primary-orange);box-shadow:0 14px 40px #0009, 0 0 30px var(--orange-border-glow);transform:translateY(-6px)}.image-inner{object-fit:cover;transition:transform .6s ease-in-out,opacity .6s ease-in-out}.image-tile:hover .image-inner{transform:scale(1.08)}@keyframes crossFade{0%{opacity:0}5%{opacity:1}25%{opacity:1}30%{opacity:0}to{opacity:0}}.watch-slideshow .image-inner{opacity:0;animation:16s infinite crossFade}.watch-slideshow .slide-1{animation-delay:0s}.watch-slideshow .slide-2{animation-delay:-12s}.watch-slideshow .slide-3{animation-delay:-8s}.watch-slideshow .slide-4{animation-delay:-4s}.stat-card{flex-direction:column;justify-content:center;min-height:170px;padding:30px;display:flex}.stat-card strong{font-size:38px;line-height:1}.stat-card span{color:#ffffff94;text-transform:uppercase;margin:10px 0 14px;font-size:11px;font-weight:900}.stat-card p{color:#b8bbc0;margin:0;font-size:13px;line-height:1.55}.stat-card.gold{color:#060606;background:var(--orange-gradient)}.stat-card.gold span,.stat-card.gold p{color:#000000ad}.section-heading.split,.projects-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:58px;display:flex}.side-note{color:#ffffff70;letter-spacing:5px;text-transform:uppercase;font-size:10px}.services-grid-home{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;display:grid}.service-card-home{text-align:center;opacity:0;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;align-items:center;min-height:280px;padding:34px 24px;transition:opacity .6s ease-out,transform .6s ease-out,border-color .3s,box-shadow .3s;display:flex;position:relative;transform:translateY(30px)scale(.95)}.service-card-home.is-visible{opacity:1;transform:translateY(0)scale(1)}.service-card-home:hover{box-shadow:0 14px 40px #0009, 0 0 30px var(--orange-border-glow);border-color:#ff7a0073;transform:translateY(-8px)scale(1)}.service-icon-circle{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 24px;font-size:20px;transition:transform .3s,background .3s;display:flex}.service-card-home:hover .service-icon-circle{background:var(--primary-orange);transform:scale(1.1)}.service-card-home h3{margin:0 0 12px;font-size:20px;line-height:1.2}.service-card-home p{color:#a9adb6;flex-grow:1;margin-bottom:20px;font-size:13px;line-height:1.6}.service-link{color:#fff;text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;gap:8px;margin:0 auto;font-size:12px;font-weight:800;text-decoration:none;transition:color .3s;display:inline-flex}.service-link:hover{color:var(--primary-orange)}.project-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.95fr);gap:28px;display:grid}.project-col{flex-direction:column;gap:28px;display:flex}.project-card{border:1px solid var(--primary-orange);background:#0b314166;border-radius:12px;transition:transform .6s ease-in-out,border-color .6s ease-in-out,box-shadow .6s ease-in-out;position:relative;overflow:hidden}.project-card:hover{border-color:var(--primary-orange);box-shadow:0 14px 40px #0009, 0 0 30px var(--orange-border-glow);transform:translateY(-8px)}.project-card.featured{min-height:720px}.project-card.compact{min-height:345px}.project-image{background-position:50%;background-size:cover;transition:transform .7s ease-in-out;position:absolute;inset:0}.project-image:after{content:"";background:linear-gradient(#0000 20%,#050607f2);position:absolute;inset:0}.project-card:hover .project-image{transform:scale(1.08)}.project-content{z-index:2;padding:38px;transition:transform .6s ease-in-out;position:absolute;inset:auto 0 0}.project-card:hover .project-content{transform:translateY(-6px)}.project-content span{color:var(--primary-orange);text-transform:uppercase;font-size:11px;font-weight:900}.project-content h3{margin:9px 0 14px;font-size:34px}.project-content p{color:#d8dce0;max-width:520px;line-height:1.7}.small-pill{color:#070707;background:#fff;min-height:36px;margin-top:14px;padding:0 22px}.carousel-controls{gap:12px;display:flex}.carousel-controls button{color:#fff;border:1px solid var(--line);cursor:pointer;background:#111316;border-radius:50%;width:42px;height:42px}.contact{position:relative;overflow:hidden}.contact:before{display:none}@keyframes bgContactImageMove{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(-1.5%,-1.5%)}}.contact-marquee{-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;width:100%;display:flex;position:absolute;top:10%;left:0;overflow:hidden}.contact-marquee-track{white-space:nowrap;animation:25s linear infinite marqueeRightToLeft;display:flex}.contact-marquee-track span{color:#ffffff0a;-webkit-text-stroke:1.5px #ffffff4d;text-transform:uppercase;letter-spacing:-2px;font-size:140px;font-weight:900;line-height:1}@keyframes marqueeRightToLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.cta-horizontal-box{z-index:2;border:1px solid var(--primary-orange);background:#0b314166;border-radius:24px;justify-content:space-between;align-items:center;gap:40px;width:100%;max-width:900px;margin:180px auto 0;padding:40px 50px;display:flex;position:relative}.cta-text{text-align:left;flex:1}.cta-text h2{color:#fff;margin:0 0 12px;font-size:32px}.cta-text p{color:#a9adb6;margin:0;font-size:14px;line-height:1.6}.contact-btn-outline{color:#fff;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;height:52px;padding:0 32px;font-size:12px;font-weight:800;transition:all .3s;display:inline-flex}.contact-btn-outline:hover{color:#050607;background:#fff;transform:scale(1.04)}.footer{padding:54px 0 26px}.footer-grid{grid-template-columns:1.2fr .8fr .8fr 1.2fr;gap:60px;display:grid}.footer-brand{color:var(--text-main);letter-spacing:0;align-items:center;gap:12px;margin-bottom:24px;font-size:15px;font-weight:900;display:flex}.footer h3{color:#ffffff73;letter-spacing:5px;text-transform:uppercase;margin:0 0 24px;font-size:11px}.footer a:not(.footer-brand){margin:0 0 16px;font-size:14px;font-weight:800;display:block}.socials{gap:14px;margin-top:28px;display:flex}.socials a{border:1px solid var(--line);border-radius:50%;place-items:center;width:38px;height:38px;display:grid!important}.footer-bottom{border-top:1px solid var(--line);color:#ffffff6b;text-transform:uppercase;justify-content:space-between;gap:24px;margin-top:66px;padding-top:28px;font-size:11px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}@keyframes navDrop{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes heroImageZoom{0%{transform:scale(1.06)translate(-.8%,.2%)}to{transform:scale(1.13)translate(1%,-1%)}}@keyframes cardGlow{0%,to{box-shadow:inset 0 1px #ffffff0f,0 22px 55px #00000047}50%{box-shadow:inset 0 1px #ffffff14,0 0 34px #e6c2a41f}}@keyframes scrollPulse{0%,to{opacity:.55;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(8px)}}@media (max-width:980px){.nav-panel{border:1px solid var(--line);background:#fffffff5;border-radius:24px;flex-direction:column;align-items:stretch;padding:18px;display:none;position:absolute;top:calc(100% + 12px);left:26px;right:26px}.nav-panel.is-open,.nav-links{display:flex}.nav-links{text-align:center;flex-direction:column;align-items:stretch}.nav-links a{color:#050607;padding:14px;font-size:14px}.menu-toggle{display:block}.about-grid,.project-grid,.footer-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:repeat(2,1fr)}.feature-card{bottom:92px;right:24px}.hero{min-height:720px}.hero h1{max-width:600px;font-size:clamp(42px,6.8vw,54px)}}@media (max-width:640px){body:after{border-width:2px;border-radius:22px;inset:10px}main{padding:10px}.container{width:min(91vw,1120px)}.section-pad{padding:84px 0}.site-header{padding:0 16px;inset:14px 0 auto}.navbar{min-height:56px;padding:8px 10px 8px 14px}.brand{font-size:13px}.brand-mark{width:30px;height:30px}.hero{min-height:660px}.hero h1{max-width:330px;font-size:clamp(32px,9.6vw,40px);line-height:1.04}.hero-copy{max-width:340px;font-size:14px}.hero-content{width:min(88%,420px);padding-top:46px}.hero-badge{letter-spacing:1.8px;white-space:normal;max-width:100%;font-size:9px}.feature-card,.scroll-indicator{display:none}h2{font-size:40px}.about-grid{gap:46px}.about-collage{grid-template-columns:1fr;grid-auto-rows:auto}.about-collage>:nth-child(2),.about-collage>:nth-child(3){grid-row:span 1;min-height:265px}.section-heading.split,.projects-head,.footer-bottom{flex-direction:column;align-items:flex-start}.service-card{width:300px;min-height:280px}.project-card.featured,.project-card.compact{min-height:520px}.project-content{padding:28px}.contact-marquee-track span{font-size:80px}.cta-horizontal-box{text-align:center;flex-direction:column;margin-top:140px;padding:30px 24px}.cta-text{text-align:center}}.about-page{padding-top:80px}.about-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-hero-copy h1{margin:16px 0 24px;font-size:clamp(48px,6vw,72px);line-height:1.1}.about-hero-copy h1 span{color:var(--accent)}.hero-description{color:var(--text-muted);max-width:500px;font-size:18px;line-height:1.6}.about-hero-image-wrapper{aspect-ratio:4/5;border-radius:24px;width:100%;position:relative;overflow:hidden}.about-hero-image{object-fit:cover}.stats-grid-about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:30px;padding:60px 0;display:grid}.stat-item-about{text-align:center}.stat-value-about{color:var(--accent);margin:0 0 8px;font-size:48px;font-weight:900}.stat-label-about{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:14px}.founder-glass-card{border:1px solid var(--primary-orange);background:#0b314166;border-radius:32px;grid-template-columns:350px 1fr;align-items:center;gap:60px;padding:50px;display:grid}.founder-image-wrapper{aspect-ratio:3/4;border-radius:16px;width:100%;position:relative;overflow:hidden}.founder-image{object-fit:cover}.founder-label{text-transform:uppercase;letter-spacing:3px;color:var(--text-muted);margin-bottom:12px;font-size:12px}.founder-content h2{margin:0 0 8px;font-size:42px}.founder-title{color:var(--accent);margin-bottom:30px;font-size:16px}.founder-quote{color:var(--text-muted);border-left:3px solid var(--accent);margin:0 0 30px;padding-left:20px;font-size:18px;font-style:italic;line-height:1.6}.founder-link{color:#fff;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.founder-link:hover{color:var(--accent)}.vm-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.vm-card{border:1px solid var(--primary-orange);background:#0b314166;border-radius:24px;padding:50px;transition:transform .3s,box-shadow .3s}.vm-card:hover{box-shadow:0 0 30px var(--orange-border-glow);transform:translateY(-10px)}.vm-icon{width:60px;height:60px;color:var(--accent);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.vm-card h3{margin-bottom:16px;font-size:28px}.vm-card p{color:var(--text-muted);line-height:1.6}.team-header{text-align:center;margin-bottom:60px}.team-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.team-card{text-align:center}.team-image-wrapper{aspect-ratio:3/4;border-radius:16px;width:100%;margin-bottom:20px;position:relative;overflow:hidden}.team-image{object-fit:cover;transition:transform .5s}.team-card:hover .team-image{transform:scale(1.05)}.team-info h3{margin-bottom:4px;font-size:20px}.team-info p{color:var(--accent);font-size:14px}.env-header{margin-bottom:60px}.env-grid{grid-template-columns:1fr 400px;gap:40px;display:grid}.env-image-main{border-radius:24px;width:100%;min-height:400px;position:relative;overflow:hidden}.env-image{object-fit:cover}.env-join-card{border:1px solid var(--primary-orange);background:#0b314166;border-radius:24px;flex-direction:column;justify-content:center;padding:40px;display:flex}.env-join-card h3{margin-bottom:16px;font-size:28px}.env-join-card p{color:var(--text-muted);margin-bottom:30px;line-height:1.6}.env-button{color:#000;text-transform:uppercase;letter-spacing:1px;text-align:center;background:#fff;border-radius:99px;padding:16px 32px;font-weight:800;transition:transform .3s;display:inline-block}.env-button:hover{transform:scale(1.05)}.about-cta{text-align:center}.about-cta-content h2{margin-bottom:40px;font-size:48px}.about-cta-buttons{justify-content:center;gap:20px;display:flex}.btn-primary{background:var(--accent);color:#000;text-transform:uppercase;letter-spacing:1px;border-radius:99px;padding:18px 40px;font-weight:800;text-decoration:none;transition:transform .3s;display:inline-block}.btn-secondary{color:#fff;text-transform:uppercase;letter-spacing:1px;background:0 0;border:1px solid #fff3;border-radius:99px;padding:18px 40px;font-weight:800;text-decoration:none;transition:transform .3s;display:inline-block}.btn-primary:hover,.btn-secondary:hover{transform:scale(1.05)}@media (max-width:980px){.about-hero-grid,.founder-glass-card,.env-grid{grid-template-columns:1fr}.stats-grid-about{grid-template-columns:repeat(2,1fr);gap:40px}}@media (max-width:768px){.vm-grid,.team-grid{grid-template-columns:1fr}.about-cta-buttons{flex-direction:column}}� � .services-page{padding-top:80px}.services-hero-content{text-align:center;max-width:900px;margin:0 auto}.services-hero-content h1{margin:16px 0 24px;font-size:clamp(48px,6vw,76px);line-height:1.1}.services-hero-content h1 span{color:var(--accent);font-style:italic}.hero-cta-group{justify-content:center;gap:20px;margin-top:40px;display:flex}.services-grid-full{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.service-grid-card{border:1px solid var(--primary-orange);background:#0b314166;border-radius:24px;padding:40px;transition:transform .4s,border-color .4s,box-shadow .4s}.service-grid-card:hover{border-color:var(--primary-orange);box-shadow:0 0 30px var(--orange-border-glow);transform:translateY(-10px)}.service-icon-box{width:50px;height:50px;color:var(--accent);background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;font-size:24px;transition:box-shadow .4s;display:flex}.service-grid-card:hover .service-icon-box{box-shadow:0 0 20px #e6d5b833}.service-grid-card h3{margin-bottom:12px;font-size:24px}.service-grid-card p{color:var(--text-muted);font-size:15px;line-height:1.6}.concierge-card{border:1px solid var(--primary-orange);background:#0b314166;border-radius:32px;grid-template-columns:1fr 1fr;align-items:stretch;display:grid;overflow:hidden}.concierge-content{flex-direction:column;justify-content:center;padding:60px;display:flex}.concierge-content h2{margin-bottom:20px;font-size:42px}.concierge-content p{color:var(--text-muted);margin-bottom:40px;font-size:18px;line-height:1.6}.concierge-badge{letter-spacing:2px;color:var(--accent);background:#ffffff0d;border-radius:99px;align-items:center;gap:12px;padding:12px 24px;font-size:12px;font-weight:700;display:inline-flex}.concierge-image-wrapper{width:100%;min-height:400px;position:relative}.concierge-image{object-fit:cover;filter:grayscale()brightness(.7)}.custom-packages-box{border:1px solid var(--primary-orange);text-align:center;background:#0b314166;border-radius:32px;max-width:900px;margin:0 auto;padding:80px 40px}.custom-packages-box h2{margin-bottom:20px;font-size:48px}.custom-packages-box p{color:var(--text-muted);max-width:600px;margin:0 auto 40px;font-size:18px;line-height:1.6}.custom-packages-form{justify-content:center;gap:16px;max-width:500px;margin:0 auto;display:flex}.custom-packages-form input{border:1px solid var(--line);color:#fff;background:#ffffff0d;border-radius:99px;outline:none;flex:1;padding:0 24px;font-family:inherit;font-size:16px;transition:border-color .3s}.custom-packages-form input:focus{border-color:var(--accent)}@media (max-width:1024px){.services-grid-full{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.services-grid-full,.concierge-card{grid-template-columns:1fr}.concierge-content{padding:40px}.custom-packages-form{flex-direction:column}.custom-packages-form input{padding:16px 24px}.hero-cta-group{flex-direction:column}}.portfolio-page{padding-top:80px}.portfolio-hero-content{text-align:center;max-width:900px;margin:0 auto}.portfolio-hero-content h1{margin:16px 0 24px;font-size:clamp(40px,5.5vw,68px);line-height:1.1}.filter-pills{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.filter-pill{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:99px;padding:10px 24px;font-size:13px;font-weight:800;transition:all .3s}.filter-pill:hover,.filter-pill.active{color:#000;background:#fff;border-color:#fff;transform:scale(1.05)}.portfolio-bento-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.port-item{border:1px solid var(--primary-orange);background:#0b314166;border-radius:24px;min-height:300px;position:relative;overflow:hidden}.port-item.large{grid-column:span 12;min-height:500px}.port-item.medium{grid-column:span 6;min-height:400px}.port-item.small{grid-column:span 4;min-height:300px}.port-image{background-position:50%;background-size:cover;transition:transform .6s;position:absolute;inset:0}.port-item:hover .port-image{transform:scale(1.05)}.port-overlay{z-index:2;background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:30px;display:flex;position:absolute;inset:0}.port-overlay span{text-transform:uppercase;letter-spacing:2px;color:var(--primary-orange);margin-bottom:8px;font-size:11px}.port-overlay h3{margin:0;font-size:24px}.port-split{height:100%;display:flex}.port-split-left,.port-split-right{background-position:50%;background-size:cover;flex:1}.port-split-divider{background:#fff3;justify-content:center;align-items:center;width:2px;display:flex;position:absolute;top:0;bottom:0;left:50%}.port-split-handle{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;transform:translate(-50%)}.port-split-handle:before{content:"<>";color:#000;font-size:10px;font-weight:700}.port-split-title{z-index:2;text-transform:uppercase;letter-spacing:3px;background:#0009;border:1px solid #ffffff1a;border-radius:99px;padding:6px 16px;font-size:11px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.test-header-port{justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.test-header-port h2{max-width:500px;margin:0;font-size:40px;line-height:1.1}.test-header-port .section-label{margin-bottom:12px;display:block}.testimonial-grid-port{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.test-card-port{border:1px solid var(--primary-orange);background:#0b314166;border-radius:24px;flex-direction:column;padding:40px;transition:transform .4s,box-shadow .4s;display:flex}.test-card-port:hover{box-shadow:0 0 30px var(--orange-border-glow);transform:translateY(-8px)}.test-card-port .quote-mark{color:var(--primary-orange);margin-bottom:20px;font-family:Georgia,serif;font-size:40px;line-height:1}.test-card-port p{color:#a9adb6;flex-grow:1;margin-bottom:30px;font-size:14px;line-height:1.6}.test-author-port{align-items:center;gap:16px;display:flex}.test-avatar-port{background:#222;border-radius:50%;width:48px;height:48px;overflow:hidden}.test-avatar-port img{object-fit:cover;width:100%;height:100%}.test-author-info h4{margin:0 0 4px;font-size:14px}.test-author-info span{color:#fff6;text-transform:uppercase;letter-spacing:1px;font-size:11px}.portfolio-cta-section{text-align:center;border-top:1px solid #ffffff14;margin-top:60px;padding:100px 0}.portfolio-cta-section h2{margin-bottom:20px;font-size:48px}.portfolio-cta-section p{color:#a9adb6;max-width:500px;margin:0 auto 40px}@media (max-width:980px){.port-item.medium,.port-item.small{grid-column:span 12}.testimonial-grid-port{grid-template-columns:1fr}.test-header-port{flex-direction:column;align-items:flex-start;gap:20px}}.testimonials-page{padding-top:80px}.testimonials-hero{--card-width:calc(50% - 12px);--card-gap:24px}.testimonials-hero-grid-aura{grid-template-columns:420px 1fr;align-items:center;gap:60px;display:grid}.testimonials-hero-left h1{letter-spacing:-.5px;margin:16px 0 32px;font-size:clamp(34px,4.2vw,56px);line-height:1.1}.testimonials-hero-left .section-label{color:var(--primary-orange);letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:600}.carousel-nav-arrows{gap:16px;display:flex}.hero-carousel-arrow-btn{width:56px;height:56px;color:var(--primary-orange);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b314166;border:1px solid #ff7a0040;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.hero-carousel-arrow-btn:hover{border-color:var(--primary-orange);color:#fff;background:#ff7a002e;transform:scale(1.08);box-shadow:0 0 20px #ff7a0059}.hero-carousel-arrow-btn:active{transform:scale(.95)}.testimonials-hero-right-aura{width:100%;position:relative;overflow:hidden}.hero-carousel-viewport-aura{width:100%;overflow:hidden}.hero-carousel-track-aura{gap:var(--card-gap);transition:transform .6s cubic-bezier(.25,1,.5,1);display:flex}.hero-carousel-card-aura{width:var(--card-width);min-width:var(--card-width);box-sizing:border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090e16d9;border:1px solid #ff7a0026;border-radius:28px;flex-direction:column;flex-shrink:0;justify-content:space-between;min-height:380px;padding:36px;transition:all .4s;display:flex;box-shadow:0 10px 40px #0006}.hero-carousel-card-aura.active{border-color:var(--primary-orange);box-shadow:0 15px 45px #00000080,0 0 25px #ff7a0026}.card-header-aura{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card-label-aura{text-transform:uppercase;color:var(--primary-orange);letter-spacing:1.5px;border:1px solid #ff7a004d;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:600}.card-avatar-aura{object-fit:cover;border:2px solid #ff7a0066;border-radius:50%;width:42px;height:42px}.card-quotes-aura{color:#ff7a004d;margin-bottom:12px;font-family:Georgia,serif;font-size:32px;line-height:1}.card-text-aura{color:#a9adb6;flex-grow:1;margin-bottom:28px;font-size:15px;line-height:1.6}.card-footer-aura h4{color:#fff;margin:0 0 4px;font-size:16px;font-weight:700}.card-footer-aura span{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-size:11px}.testimonial-grid-main{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;display:grid}.testimonial-card-main{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090e16d9;border:1px solid #ff7a002e;border-radius:24px;flex-direction:column;justify-content:space-between;padding:40px;transition:transform .4s cubic-bezier(.25,.8,.25,1),border-color .4s,box-shadow .4s;display:flex;box-shadow:0 10px 30px #0006}.testimonial-card-main:hover{border-color:var(--primary-orange);box-shadow:0 15px 40px #0009, 0 0 30px var(--orange-border-glow);transform:translateY(-8px)}.testimonial-card-main .quote-mark{color:var(--primary-orange);margin-bottom:20px;font-family:Georgia,serif;font-size:40px;line-height:1}.testimonial-card-main p{color:#a9adb6;flex-grow:1;margin-bottom:30px;font-size:15px;line-height:1.65}.test-author-main{align-items:center;gap:16px;display:flex}.test-avatar-main{background:#222;border:2px solid #ff7a004d;border-radius:50%;width:52px;height:52px;overflow:hidden}.test-avatar-main img{object-fit:cover;width:100%;height:100%}.test-author-info-main h4{color:#fff;margin:0 0 4px;font-size:15px;font-weight:600}.test-author-info-main span{color:#ffffff80;text-transform:uppercase;letter-spacing:1.5px;font-size:11px}.trusted-brands-heading{text-align:center;letter-spacing:3px;color:#ffffff80;margin-bottom:40px;font-size:13px;font-weight:700}.brands-marquee-container{white-space:nowrap;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;width:100%;padding:24px 0;position:relative;overflow:hidden}.brands-marquee-track{gap:80px;animation:35s linear infinite brandsMarquee;display:inline-flex}.brands-marquee-container:hover .brands-marquee-track{animation-play-state:paused}.brand-marquee-item{letter-spacing:4px;color:#fff;opacity:.25;cursor:default;font-size:18px;font-weight:800;transition:opacity .3s,color .3s}.brand-marquee-item:hover{opacity:.95;color:var(--primary-orange)}@keyframes brandsMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.video-testimonial-section{padding:80px 0}.video-container-wrapper{aspect-ratio:16/9;border:1px solid #ff7a0026;border-radius:28px;width:100%;position:relative;overflow:hidden;box-shadow:0 15px 50px #0009}.video-preview-card{cursor:pointer;background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .5s;display:flex}.video-preview-card:hover{transform:scale(1.01)}.video-preview-overlay{background:#00000073;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.play-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#0b314180;border:2px solid #ff7a0066;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 0 30px #ff7a0026}.play-button:hover{background:var(--primary-orange);border-color:var(--primary-orange);transform:scale(1.1);box-shadow:0 0 40px #ff7a0066}.play-button svg{fill:#fff;width:28px;height:28px;margin-left:4px}.video-caption{letter-spacing:1.5px;color:#fff;font-size:20px;font-weight:800}.video-subcaption{text-transform:uppercase;letter-spacing:2.5px;color:#fff9;margin-top:10px;font-size:11px}.video-iframe-wrapper,.video-iframe-wrapper iframe{width:100%;height:100%}.premium-cta-box{text-align:center;background:#090e16;border:1px solid #ff7a0033;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 50px #0009}.premium-cta-glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#ff7a0014 0%,#0000 70%);width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.premium-cta-box h2{letter-spacing:-.5px;z-index:2;color:#fff;margin-bottom:20px;font-size:clamp(32px,4vw,48px);font-weight:800}.premium-cta-box p{color:#a9adb6;z-index:2;max-width:600px;margin-bottom:40px;font-size:clamp(15px,1.8vw,17px)}.gradient-cta-btn{color:#fff;letter-spacing:1.5px;text-transform:uppercase;z-index:2;background:linear-gradient(135deg,#ff7a00 0%,#ff4b00 100%);border-radius:50px;justify-content:center;align-items:center;padding:18px 40px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 4px 20px #ff7a004d}.gradient-cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ff7a0080,0 0 20px #ff7a0033}.gradient-cta-btn:active{transform:translateY(-1px)}@media (max-width:1200px){.testimonials-hero-grid-aura{text-align:center;grid-template-columns:1fr;gap:40px}.carousel-nav-arrows{justify-content:center;margin-bottom:20px}.testimonials-hero-right-aura{padding:0 20px}}@media (max-width:980px){.testimonial-grid-main{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.testimonial-grid-main{grid-template-columns:1fr}.premium-cta-box{padding:60px 20px}.testimonials-hero{--card-width:100%;--card-gap:16px}}@media (max-width:480px){.testimonials-hero{--card-width:100%;--card-gap:12px}}.contact-page{padding-top:80px}.contact-hero-content{text-align:center;max-width:800px;margin:0 auto 60px}.contact-hero-content h1{margin:16px 0 24px;font-size:clamp(48px,6vw,76px);line-height:1.1}.contact-grid-main{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px;display:grid}.contact-form-card{border:1px solid var(--primary-orange);background:#0b314166;border-radius:24px;flex-direction:column;padding:50px;display:flex}.contact-form-card h2{margin-bottom:40px;font-size:32px}.form-group{flex-direction:column;margin-bottom:24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.form-row .form-group{margin-bottom:0}.form-group label{color:#fff6;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:11px}.form-group input,.form-group textarea{color:#fff;background:0 0;border:none;border-bottom:1px solid #ffffff1a;outline:none;padding:12px 0;font-family:inherit;font-size:15px;transition:border-color .3s}.form-group textarea{resize:vertical;min-height:100px}.form-group input:focus,.form-group textarea:focus{border-color:#e6c2a4}.btn-send{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:99px;align-self:flex-start;align-items:center;gap:12px;margin-top:20px;padding:16px 32px;font-weight:800;transition:all .3s;display:inline-flex}.btn-send:hover{color:#000;background:#fff}.contact-info-cards{grid-template-rows:auto auto auto 1fr;grid-template-columns:1fr;gap:20px;display:grid}.info-card-main{border:1px solid var(--primary-orange);background:#0b314166;border-radius:20px;align-items:center;gap:20px;padding:30px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.info-card-main:hover{border-color:var(--primary-orange);box-shadow:0 0 30px var(--orange-border-glow);transform:translateY(-4px)}.info-card-icon{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.info-card-text span{text-transform:uppercase;letter-spacing:2px;color:#fff6;margin-bottom:6px;font-size:10px;display:block}.info-card-text p{color:#fff;margin:0;font-size:16px;font-weight:800}.strategy-card{flex-direction:column;justify-content:space-between;align-items:flex-start;padding:40px}.strategy-card h3{margin:0 0 12px;font-size:28px}.strategy-card p{color:#a9adb6;margin:0 0 30px;line-height:1.6}.btn-check-avail{color:#fff;text-transform:uppercase;letter-spacing:1px;text-align:center;background:0 0;border:1px solid #fff3;border-radius:99px;width:100%;padding:14px 24px;font-weight:800;transition:all .3s}.btn-check-avail:hover{color:#000;background:#fff}.location-social-section{grid-template-columns:1.5fr 1fr;gap:30px;margin-bottom:80px;display:grid}.location-card{border:1px solid var(--primary-orange);background:#0b314166 url(/images/about/work_env.webp) 50%/cover;border-radius:24px;min-height:400px;position:relative;overflow:hidden}.location-card:after{content:"";background:#0009;position:absolute;inset:0}.location-info{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:24px;position:absolute;bottom:40px;left:40px}.location-info h4{margin:0 0 8px;font-size:20px}.location-info p{color:#fff9;margin:0;font-size:14px}.network-card{border:1px solid var(--primary-orange);background:#0b314166;border-radius:24px;padding:50px}.network-card h3{margin-bottom:30px;font-size:28px}.social-links-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;display:grid}.social-link-item{color:#fff;background:#ffffff08;border-radius:12px;align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:800;text-decoration:none;transition:background .3s;display:flex}.social-link-item:hover{background:#ffffff14}.network-card p{color:#a9adb6;font-size:14px;line-height:1.6}.footer-newsletter{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;margin-top:16px;padding:4px;display:flex}.footer-newsletter input{color:#fff;background:0 0;border:none;outline:none;flex-grow:1;padding:12px 16px;font-size:13px}.footer-newsletter button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:99px;padding:0 20px;font-size:12px;font-weight:800}@media (max-width:980px){.contact-grid-main,.location-social-section{grid-template-columns:1fr}}@media (max-width:1024px){.hero-content{padding-top:60px}.hero h1{font-size:clamp(40px,5vw,54px)}}@media (max-width:768px){.hero-bg{background-size:cover}.about-grid,.project-grid,.footer-grid,.services-grid-full,.contact-grid-main,.location-social-section{grid-template-columns:1fr;gap:30px}h2{font-size:clamp(32px,6vw,42px)}.cta-horizontal-box{text-align:center;flex-direction:column}.port-item.medium,.port-item.small{grid-column:span 12}}@media (max-width:430px){.container{width:90vw}.site-header{padding:0 12px;inset:12px 0 auto}.navbar{padding:8px 12px}.brand-logo{height:40px}.nav-panel{left:12px;right:12px}.nav-cta{min-height:40px;padding:0 20px;font-size:12px}.hero{min-height:100vh}.hero-content{width:90%;padding-top:30px}.hero h1{margin:16px 0 12px;font-size:clamp(28px,8vw,36px)}.hero-copy{margin:0 0 24px;font-size:14px}.primary-btn{width:100%;max-width:280px;min-height:44px;padding:0 24px}.section-pad{padding:60px 0}.about-collage>:nth-child(2),.about-collage>:nth-child(3){min-height:200px}.service-card{width:80vw;max-width:320px;min-height:260px}body:after{border-radius:16px;inset:8px}main{padding:8px}.footer-grid{gap:40px}.contact-form-card{padding:30px 20px}.form-row{grid-template-columns:1fr}.custom-packages-box{padding:40px 20px}.founder-content h2,.custom-packages-box h2,.portfolio-cta-section h2,.testimonials-cta-section h2,.test-header-port h2{font-size:32px}}@media (max-width:375px){.hero h1{font-size:clamp(24px,7vw,32px)}h2{font-size:clamp(28px,7vw,36px)}.brand-logo{height:36px}.service-card{padding:24px}.project-content,.stat-card{padding:20px}.vm-card,.founder-glass-card{padding:30px 20px}.team-grid,.stats-grid-about{grid-template-columns:1fr}}@media (max-width:320px){.container{width:92vw}.hero h1{font-size:24px}h2{font-size:26px}.nav-cta{padding:0 16px;font-size:11px}.primary-btn{font-size:11px}.about-collage>*{min-height:180px}.testimonial-card-main{padding:24px 20px}}@keyframes bannerFloat{0%{transform:scale(1)translate(0)}33%{transform:scale(1.03)translate(-2%,-2%)}66%{transform:scale(1.05)translate(2%,1%)}to{transform:scale(1.02)translateY(3%)}}.about-hero-content-wrapper{z-index:2;width:100%;position:relative}.about-hero-content-wrapper .cta-horizontal-box{text-align:center;flex-direction:column}.about-hero-content-wrapper .port-item.medium,.about-hero-content-wrapper .port-item.small{grid-column:span 12}@media (max-width:430px){.container{width:90vw}.site-header{padding:0 12px;inset:12px 0 auto}.navbar{padding:8px 12px}.brand-logo{height:40px}.nav-panel{left:12px;right:12px}.nav-cta{min-height:40px;padding:0 20px;font-size:12px}.hero{min-height:100vh}.hero-content{width:90%;padding-top:30px}.hero h1{margin:16px 0 12px;font-size:clamp(28px,8vw,36px)}.hero-copy{margin:0 0 24px;font-size:14px}.primary-btn{width:100%;max-width:280px;min-height:44px;padding:0 24px}.section-pad{padding:60px 0}.about-collage>:nth-child(2),.about-collage>:nth-child(3){min-height:200px}.service-card{width:80vw;max-width:320px;min-height:260px}body:after{border-radius:16px;inset:8px}main{padding:8px}.footer-grid{gap:40px}.contact-form-card{padding:30px 20px}.form-row{grid-template-columns:1fr}.custom-packages-box{padding:40px 20px}.founder-content h2,.custom-packages-box h2,.portfolio-cta-section h2,.testimonials-cta-section h2,.test-header-port h2{font-size:32px}}@media (max-width:375px){.hero h1{font-size:clamp(24px,7vw,32px)}h2{font-size:clamp(28px,7vw,36px)}.brand-logo{height:36px}.service-card{padding:24px}.project-content,.stat-card{padding:20px}.vm-card,.founder-glass-card{padding:30px 20px}.team-grid,.stats-grid-about{grid-template-columns:1fr}}@media (max-width:320px){.container{width:92vw}.hero h1{font-size:24px}h2{font-size:26px}.nav-cta{padding:0 16px;font-size:11px}.primary-btn{font-size:11px}.about-collage>*{min-height:180px}.testimonial-card-main{padding:24px 20px}}.animated-banner-image{transform-origin:50%;will-change:transform;animation:12s ease-in-out infinite alternate bannerFloat}.about-hero-full{align-items:center;min-height:85vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.about-hero-bg{z-index:0;position:absolute;inset:-5%}.about-hero-bg-image{object-fit:cover;object-position:center}.about-hero-overlay{z-index:1;background:linear-gradient(90deg,#050607f2 0%,#05060799 50%,#0506071a 100%);position:absolute;inset:0}.about-hero-content-wrapper{z-index:2;width:100%;position:relative}.about-hero-full .about-hero-copy{max-width:700px;padding-left:clamp(20px,4vw,80px)}@media (max-width:768px){.about-hero-overlay{background:linear-gradient(#05060799 0%,#050607f2 100%)}.about-hero-full{align-items:flex-end;min-height:70vh;padding-bottom:60px}}.testimonial-carousel-track{width:100%;padding:20px 0 40px;overflow:hidden}.testimonial-carousel-wrapper{justify-content:center;align-items:center;width:100%;height:380px;display:flex;position:relative}.testimonial-carousel-card{will-change:transform, opacity;background:#090e16;border:1px solid #ff7a0033;border-radius:22px;flex-direction:column;width:90%;max-width:420px;padding:36px;transition:all .7s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;box-shadow:0 4px 30px #00000080}.testimonial-carousel-card.active{z-index:10;opacity:1;border-color:var(--primary-orange);box-shadow:0 10px 50px #000000b3, 0 0 35px var(--orange-border-glow);pointer-events:auto;transform:translate(0)scale(1)}.testimonial-carousel-card.right{z-index:5;opacity:.45;pointer-events:none;transform:translate(72%)scale(.85)}.testimonial-carousel-card.left{z-index:5;opacity:.45;pointer-events:none;transform:translate(-72%)scale(.85)}.testimonial-carousel-card.hidden-card{z-index:1;opacity:0;pointer-events:none;transform:translate(0)scale(.5)}.testimonial-carousel-card .quote-mark{color:var(--primary-orange);margin-bottom:20px;font-family:Georgia,serif;font-size:40px;line-height:1}.testimonial-carousel-card p,.testimonial-carousel-card .test-author-main{opacity:.25;transition:opacity .5s}.testimonial-carousel-card.active p,.testimonial-carousel-card.active .test-author-main{opacity:1;transition:opacity .5s}.testimonial-carousel-card p{color:#a9adb6;flex-grow:1;margin-bottom:28px;font-size:15px;line-height:1.6}@media (max-width:768px){.testimonial-carousel-wrapper{height:420px}.testimonial-carousel-card{max-width:320px;padding:28px}.testimonial-carousel-card.right{opacity:.2;transform:translate(45%)scale(.8)}.testimonial-carousel-card.left{opacity:.2;transform:translate(-45%)scale(.8)}.testimonial-carousel-card:not(.active) p,.testimonial-carousel-card:not(.active) .test-author-main{opacity:0}}.carousel-nav-btn{width:54px;height:54px;color:var(--primary-orange);cursor:pointer;z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b314166;border:1px solid #ff7a0040;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:32px;line-height:1;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav-btn:hover{border-color:var(--primary-orange);color:#fff;background:#ff7a002e;transform:translateY(-50%)scale(1.08);box-shadow:0 0 20px #ff7a0059}.carousel-nav-btn:active{transform:translateY(-50%)scale(.95)}.prev-btn{left:60px}.next-btn{right:60px}@media (max-width:1200px){.prev-btn{left:20px}.next-btn{right:20px}}@media (max-width:768px){.carousel-nav-btn{width:44px;height:44px;font-size:26px}.prev-btn{left:10px}.next-btn{right:10px}}






/* Custom Premium Styling Overrides - Updates */
/* ===================================================
   Custom Premium Styling Overrides for Remetics.com
   RULE: Do NOT break original layout, mobile styles,
   or content readability. Enhance only.
   =================================================== */

:root {
  --primary-accent: #ff7a00;
  --secondary-accent: #e6c2a4;
  --bg-dark: #070b12;
  --bg-deep: #030508;
  --glass-bg: rgba(7, 11, 18, 0.75);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-glow: rgba(255, 122, 0, 0.15);
  --font-sans: 'Inter', Arial, Helvetica, sans-serif;
  --scrollbar-thumb: rgba(255, 122, 0, 0.4);
  --scrollbar-track: #070b12;
}

/* ===========================
   Scrollbar & Scroll Snapping
   =========================== */
html {
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  scrollbar-width: thin;
  
  /* Scroll Snapping */
  scroll-snap-type: y proximity;
  scroll-padding-top: 80px; /* Offset for sticky header */
}
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 4px; }
::-webkit-scrollbar-track { background: var(--scrollbar-track); }

/* ===========================
   Body background enhancement
   =========================== */
body {
  font-family: var(--font-sans);
  background-image:
    radial-gradient(circle at 100% 30%, rgba(255, 77, 0, 0.18), transparent 60rem),
    radial-gradient(circle at 0% 70%, rgba(11, 49, 65, 0.6), transparent 60rem),
    linear-gradient(var(--bg-dark) 0%, var(--bg-deep) 100%) !important;
  background-attachment: fixed;
}

/* ===========================
   STICKY HEADER FIX - ALL PAGES
   Keep original inset/position values
   but override top positioning to 0
   =========================== */
.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10000 !important;
  width: 100% !important;
  padding: 8px 36px !important;
  transition: padding 0.3s ease, background 0.3s ease;
}

/* When user scrolls down, compact the header */
.site-header.header-scrolled {
  padding: 4px 36px !important;
}

/* Desktop large */
@media (min-width: 769px) {
  .site-header {
    padding: 8px 36px !important;
  }
}

/* Tablet */
@media (max-width: 768px) {
  .site-header {
    padding: 6px 16px !important;
  }
  .site-header.header-scrolled {
    padding: 4px 16px !important;
  }
}

/* Mobile */
@media (max-width: 430px) {
  .site-header {
    padding: 6px 12px !important;
  }
  .site-header.header-scrolled {
    padding: 4px 12px !important;
  }
}

/* Glassmorphism Navbar */
.navbar {
  background: var(--glass-bg) !important;
  border: 1px solid var(--glass-border) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  transition: border-color 0.3s, box-shadow 0.3s, background 0.3s;
}

.navbar:hover {
  border-color: rgba(255, 122, 0, 0.2) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 20px var(--glass-glow) !important;
}

/* ===========================
   Custom Cursor (Desktop only)
   =========================== */
body.custom-cursor-on,
body.custom-cursor-on a,
body.custom-cursor-on button,
body.custom-cursor-on input,
body.custom-cursor-on textarea,
body.custom-cursor-on select {
  cursor: none !important;
}

.custom-cursor-dot,
.custom-cursor-circle {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 999999;
  border-radius: 50%;
  display: none;
  will-change: transform;
}

.custom-cursor-dot {
  width: 6px;
  height: 6px;
  background: var(--primary-accent);
  box-shadow: 0 0 10px var(--primary-accent);
  margin-left: -3px;
  margin-top: -3px;
}

.custom-cursor-circle {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 122, 0, 0.3);
  background: rgba(255, 122, 0, 0.02);
  margin-left: -17px;
  margin-top: -17px;
  transition: width 0.25s, height 0.25s, background 0.25s, border-color 0.25s, margin 0.25s;
}

.custom-cursor-active .custom-cursor-dot {
  width: 10px; height: 10px;
  margin-left: -5px; margin-top: -5px;
  background: #fff;
  box-shadow: 0 0 15px #fff;
}

.custom-cursor-active .custom-cursor-circle {
  width: 54px; height: 54px;
  margin-left: -27px; margin-top: -27px;
  border-color: rgba(255,255,255,0.8);
  background: rgba(255,255,255,0.1);
  mix-blend-mode: difference;
}

/* Hide cursor on mobile completely */
@media (max-width: 768px) {
  .custom-cursor-dot,
  .custom-cursor-circle {
    display: none !important;
  }
}

/* ===========================
   Full-screen Loader
   =========================== */
.mv-loader-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: var(--bg-dark);
  z-index: 9999999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.mv-loader-overlay.fade-out { opacity: 0; pointer-events: none; }

.mv-loader-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.mv-loader-logo {
  font-family: var(--font-sans);
  font-size: clamp(20px, 4.5vw, 42px);
  font-weight: 950;
  color: #fff;
  letter-spacing: 0.45em;
  text-transform: uppercase;
  background: linear-gradient(90deg, #ffffff, var(--secondary-accent), #ffffff);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shineLogo 3s linear infinite;
}

.mv-loader-equalizer {
  display: flex;
  align-items: flex-end;
  height: 24px;
  gap: 4px;
}
.mv-loader-bar {
  width: 3px; height: 100%;
  background: linear-gradient(to top, var(--primary-accent), var(--secondary-accent));
  border-radius: 2px;
  animation: eqBounce 1.2s ease-in-out infinite alternate;
}
.mv-loader-bar:nth-child(1) { animation-delay: 0.1s; height: 35%; }
.mv-loader-bar:nth-child(2) { animation-delay: 0.4s; height: 75%; }
.mv-loader-bar:nth-child(3) { animation-delay: 0.2s; height: 50%; }
.mv-loader-bar:nth-child(4) { animation-delay: 0.6s; height: 95%; }
.mv-loader-bar:nth-child(5) { animation-delay: 0.3s; height: 65%; }

@keyframes eqBounce {
  0% { transform: scaleY(0.25); }
  100% { transform: scaleY(1); }
}
@keyframes shineLogo {
  to { background-position: 200% center; }
}

/* ===========================
   Nav Links
   =========================== */
.nav-links a {
  position: relative;
  overflow: hidden;
  transition: color 0.3s, background 0.3s;
  color: #ffffff8c;
}
.nav-links a:hover { color: #fff !important; background: rgba(255,255,255,0.05) !important; }
.nav-links a::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%;
  width: 0; height: 2px;
  background: var(--primary-accent);
  transition: width 0.3s, left 0.3s;
}
.nav-links a:hover::after { width: 60%; left: 20%; }

.navbar a.active-link { color: var(--primary-accent) !important; }
.active-link::after {
  content: '' !important;
  position: absolute;
  bottom: 0; left: 20% !important;
  width: 60% !important; height: 2px;
  background: var(--primary-accent);
}

/* ===========================
   Buttons
   =========================== */
.btn-orange-gradient, .primary-btn, .contact-btn-outline, .small-pill {
  position: relative;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.3s;
}
.btn-orange-gradient:hover, .primary-btn:hover, .contact-btn-outline:hover, .small-pill:hover {
  transform: translateY(-3px) scale(1.03) !important;
}

.contact-btn-outline {
  border-color: rgba(255,255,255,0.15) !important;
  background: rgba(255,255,255,0.02) !important;
  backdrop-filter: blur(8px);
}
.contact-btn-outline:hover {
  background: #fff !important; color: #000 !important;
  border-color: #fff !important;
  box-shadow: 0 10px 25px rgba(255,255,255,0.25) !important;
}

/* ===========================
   Glassmorphic Cards
   =========================== */
.service-card-home, .project-card, .stat-card, .vm-card,
.founder-glass-card, .testimonial-card-main,
.testimonial-carousel-card, .info-card-main {
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.03) !important;
  transition: transform 0.4s cubic-bezier(0.25,0.8,0.25,1), border-color 0.4s, box-shadow 0.4s;
}
.service-card-home:hover, .project-card:hover, .stat-card:hover,
.vm-card:hover, .testimonial-card-main:hover,
.testimonial-carousel-card.active, .info-card-main:hover {
  border-color: rgba(255,122,0,0.35) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.45), 0 0 30px var(--glass-glow) !important;
  transform: translateY(-8px) scale(1.01) !important;
}

.service-icon-circle {
  border: 1px solid rgba(255,122,0,0.25) !important;
  background: rgba(255,122,0,0.05) !important;
  transition: transform 0.4s, background 0.4s, color 0.4s;
}
.service-card-home:hover .service-icon-circle {
  background: var(--primary-accent) !important;
  color: #fff !important;
  box-shadow: 0 0 20px var(--primary-accent);
}

/* Portfolio */
.project-image, .port-image {
  transition: transform 0.8s cubic-bezier(0.25,1,0.5,1) !important;
}
.project-card:hover .project-image, .port-item:hover .port-image {
  transform: scale(1.06) !important;
}

/* ===========================
   SECTION ANIMATIONS
   Cinematic Scroll Snap & Reveal
   =========================== */
main > section, .section-reveal {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.section-animate {
  opacity: 0.2;
  transform: scale(0.95) translateY(40px);
  filter: blur(8px);
  transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),
              transform 1.2s cubic-bezier(0.22, 1, 0.36, 1),
              filter 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform, filter;
}

.section-animate.section-visible {
  opacity: 1 !important;
  transform: scale(1) translateY(0) !important;
  filter: blur(0) !important;
}

/* Cards reveal */
.card-animate {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.card-animate.card-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Parallax */
.parallax-bg {
  will-change: transform;
  transition: transform 0.15s cubic-bezier(0.22,1,0.36,1);
}

/* ===========================
   MOBILE RESPONSIVENESS
   Disable animations on mobile,
   ensure all content is visible
   =========================== */
@media (max-width: 768px) {
  /* Disable section animations on mobile */
  .section-animate,
  .section-animate.section-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  /* Disable card animations on mobile */
  .card-animate,
  .card-animate.card-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  /* Ensure all content is visible */
  .floating-section {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  /* Cards stack properly */
  .service-card-home:hover, .project-card:hover,
  .stat-card:hover, .vm-card:hover {
    transform: none !important;
  }

  /* Buttons - no hover transform on mobile */
  .btn-orange-gradient:hover, .primary-btn:hover,
  .contact-btn-outline:hover, .small-pill:hover {
    transform: none !important;
  }

  /* Ensure touch-friendly spacing */
  .nav-panel {
    -webkit-backdrop-filter: blur(20px) !important;
    backdrop-filter: blur(20px) !important;
    background: rgba(7, 11, 18, 0.95) !important;
  }
}

/* ===========================
   Reduced motion
   =========================== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0s !important;
    animation-delay: 0s !important;
    transition-duration: 0s !important;
  }
  .section-animate, .card-animate, .floating-section {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
  .custom-cursor-dot, .custom-cursor-circle { display: none !important; }
}

/* ===========================
   SERVICES SECTION UPGRADES
   Mobile friendly & Real Images
   =========================== */

@media (max-width: 768px) {
  .services-grid-home {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    overflow: visible !important;
    padding: 0 !important;
  }
  .service-card-home {
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
  }
}

/* Hide icons and prep for images */
.service-icon-circle { 
  display: none !important; 
}

.service-card-home {
  background-size: cover !important;
  background-position: center !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  position: relative;
  border-radius: 12px;
  /* Add padding to compensate for removed icon */
  padding-top: 40px !important;
  /* ensure text is above background */
  z-index: 1;
}

.service-card-home h3, .service-card-home p, .service-card-home a {
  position: relative;
  z-index: 2;
  text-shadow: 0px 2px 4px rgba(0,0,0,0.8);
}

/* Add images to each card (looping through available projects images) */
.service-card-home:nth-child(1) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/product_creative.webp) !important; }
.service-card-home:nth-child(2) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/brand_film.webp) !important; }
.service-card-home:nth-child(3) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/event_coverage.webp) !important; }
.service-card-home:nth-child(4) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/digital_growth.webp) !important; }
.service-card-home:nth-child(5) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/social_media.webp) !important; }
.service-card-home:nth-child(6) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/seo_campaign.webp) !important; }
.service-card-home:nth-child(7) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/website_dev.webp) !important; }
.service-card-home:nth-child(8) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/podcast_setup.webp) !important; }
.service-card-home:nth-child(n+9) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/brand_film.webp) !important; }


































/* CUSTOM PREMIUM CSS OVERRIDES */
/* ===================================================
   Custom Premium Styling Overrides for Remetics.com
   RULE: Do NOT break original layout, mobile styles,
   or content readability. Enhance only.
   =================================================== */

:root {
  --primary-accent: #ff7a00;
  --secondary-accent: #e6c2a4;
  --bg-dark: #070b12;
  --bg-deep: #030508;
  --glass-bg: rgba(7, 11, 18, 0.75);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-glow: rgba(255, 122, 0, 0.15);
  --font-sans: 'Inter', Arial, Helvetica, sans-serif;
  --scrollbar-thumb: rgba(255, 122, 0, 0.4);
  --scrollbar-track: #070b12;
}

/* ===========================
   Scrollbar & Scroll Snapping
   =========================== */
html {
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  scrollbar-width: thin;
  
  /* Scroll Snapping */
  scroll-snap-type: y proximity;
  scroll-padding-top: 80px; /* Offset for sticky header */
}
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 4px; }
::-webkit-scrollbar-track { background: var(--scrollbar-track); }

/* ===========================
   Body background enhancement
   =========================== */
body {
  font-family: var(--font-sans);
  background-image:
    radial-gradient(circle at 100% 30%, rgba(255, 77, 0, 0.18), transparent 60rem),
    radial-gradient(circle at 0% 70%, rgba(11, 49, 65, 0.6), transparent 60rem),
    linear-gradient(var(--bg-dark) 0%, var(--bg-deep) 100%) !important;
  background-attachment: fixed;
}

.site-header {
  position: sticky !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  top: 15px !important;
  left: 0 !important;
  transform: none !important;
  z-index: 10000 !important;
  width: calc(100% - 30px) !important;
  max-width: 100% !important;
  border-radius: 12px !important;
  padding: 8px 36px !important;
  box-sizing: border-box !important;
  transition: padding 0.3s ease, background 0.3s ease;
}

@media (max-width: 768px) {
  .site-header {
    padding: 8px 16px !important;
    width: calc(100% - 20px) !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    top: 10px !important;
  }
}

/* When user scrolls down, compact the header */
.site-header.header-scrolled {
  padding: 4px 36px !important;
}

/* Desktop large */
@media (min-width: 769px) {
  .site-header {
    padding: 8px 36px !important;
  }
}

/* Tablet */
@media (max-width: 768px) {
  .site-header {
    padding: 6px 16px !important;
  }
  .site-header.header-scrolled {
    padding: 4px 16px !important;
  }
}

/* Mobile */
@media (max-width: 430px) {
  .site-header {
    padding: 6px 12px !important;
  }
  .site-header.header-scrolled {
    padding: 4px 12px !important;
  }
}

/* Gradient & Glassmorphism Navbar */
.navbar {
  background: linear-gradient(90deg, rgba(30,10,5,0.95), rgba(15,5,0,0.95), rgba(30,10,5,0.95)) !important;
  border: 1px solid rgba(255,122,0,0.15) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  transition: border-color 0.3s, box-shadow 0.3s, background 0.3s;
}

.navbar:hover {
  border-color: rgba(255, 122, 0, 0.2) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 20px var(--glass-glow) !important;
}

/* ===========================
   Custom Cursor (Desktop only)
   =========================== */
body.custom-cursor-on,
body.custom-cursor-on a,
body.custom-cursor-on button,
body.custom-cursor-on input,
body.custom-cursor-on textarea,
body.custom-cursor-on select {
  cursor: none !important;
}

.custom-cursor-dot,
.custom-cursor-circle {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 999999;
  border-radius: 50%;
  display: none;
  will-change: transform;
}

.custom-cursor-dot {
  width: 6px;
  height: 6px;
  background: var(--primary-accent);
  box-shadow: 0 0 10px var(--primary-accent);
  margin-left: -3px;
  margin-top: -3px;
}

.custom-cursor-circle {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 122, 0, 0.3);
  background: rgba(255, 122, 0, 0.02);
  margin-left: -17px;
  margin-top: -17px;
  transition: width 0.25s, height 0.25s, background 0.25s, border-color 0.25s, margin 0.25s;
}

.custom-cursor-active .custom-cursor-dot {
  width: 10px; height: 10px;
  margin-left: -5px; margin-top: -5px;
  background: #fff;
  box-shadow: 0 0 15px #fff;
}

.custom-cursor-active .custom-cursor-circle {
  width: 54px; height: 54px;
  margin-left: -27px; margin-top: -27px;
  border-color: rgba(255,255,255,0.8);
  background: rgba(255,255,255,0.1);
  mix-blend-mode: difference;
}

/* Hide cursor on mobile completely */
@media (max-width: 768px) {
  .custom-cursor-dot,
  .custom-cursor-circle {
    display: none !important;
  }
}

/* ===========================
   Full-screen Loader
   =========================== */
.mv-loader-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: var(--bg-dark);
  z-index: 9999999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.mv-loader-overlay.fade-out { opacity: 0; pointer-events: none; }

.mv-loader-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.mv-loader-logo {
  font-family: var(--font-sans);
  font-size: clamp(20px, 4.5vw, 42px);
  font-weight: 950;
  color: #fff;
  letter-spacing: 0.45em;
  text-transform: uppercase;
  background: linear-gradient(90deg, #ffffff, var(--secondary-accent), #ffffff);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shineLogo 3s linear infinite;
}

.mv-loader-equalizer {
  display: flex;
  align-items: flex-end;
  height: 24px;
  gap: 4px;
}
.mv-loader-bar {
  width: 3px; height: 100%;
  background: linear-gradient(to top, var(--primary-accent), var(--secondary-accent));
  border-radius: 2px;
  animation: eqBounce 1.2s ease-in-out infinite alternate;
}
.mv-loader-bar:nth-child(1) { animation-delay: 0.1s; height: 35%; }
.mv-loader-bar:nth-child(2) { animation-delay: 0.4s; height: 75%; }
.mv-loader-bar:nth-child(3) { animation-delay: 0.2s; height: 50%; }
.mv-loader-bar:nth-child(4) { animation-delay: 0.6s; height: 95%; }
.mv-loader-bar:nth-child(5) { animation-delay: 0.3s; height: 65%; }

@keyframes eqBounce {
  0% { transform: scaleY(0.25); }
  100% { transform: scaleY(1); }
}
@keyframes shineLogo {
  to { background-position: 200% center; }
}

/* ===========================
   Nav Links
   =========================== */
.nav-links a {
  position: relative;
  overflow: hidden;
  transition: color 0.3s, background 0.3s;
  color: #ffffff8c;
}
.nav-links a:hover { color: #fff !important; background: rgba(255,255,255,0.05) !important; }
.nav-links a::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%;
  width: 0; height: 2px;
  background: var(--primary-accent);
  transition: width 0.3s, left 0.3s;
}
.nav-links a:hover::after { width: 60%; left: 20%; }

.navbar a.active-link { color: var(--primary-accent) !important; }
.active-link::after {
  content: '' !important;
  position: absolute;
  bottom: 0; left: 20% !important;
  width: 60% !important; height: 2px;
  background: var(--primary-accent);
}

/* ===========================
   Buttons
   =========================== */
.btn-orange-gradient, .primary-btn, .contact-btn-outline, .small-pill {
  position: relative;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.25,0.8,0.25,1), box-shadow 0.3s;
}
.btn-orange-gradient:hover, .primary-btn:hover, .contact-btn-outline:hover, .small-pill:hover {
  transform: translateY(-3px) scale(1.03) !important;
}

.contact-btn-outline {
  border-color: rgba(255,255,255,0.15) !important;
  background: rgba(255,255,255,0.02) !important;
  backdrop-filter: blur(8px);
}
.contact-btn-outline:hover {
  background: #fff !important; color: #000 !important;
  border-color: #fff !important;
  box-shadow: 0 10px 25px rgba(255,255,255,0.25) !important;
}

/* ===========================
   Glassmorphic Cards
   =========================== */
.service-card-home, .project-card, .stat-card, .vm-card,
.founder-glass-card, .testimonial-card-main,
.testimonial-carousel-card, .info-card-main {
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.03) !important;
  transition: transform 0.4s cubic-bezier(0.25,0.8,0.25,1), border-color 0.4s, box-shadow 0.4s;
}
.service-card-home:hover, .project-card:hover, .stat-card:hover,
.vm-card:hover, .testimonial-card-main:hover,
.testimonial-carousel-card.active, .info-card-main:hover {
  border-color: rgba(255,122,0,0.35) !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.45), 0 0 30px var(--glass-glow) !important;
  transform: translateY(-8px) scale(1.01) !important;
}

.service-icon-circle {
  border: 1px solid rgba(255,122,0,0.25) !important;
  background: rgba(255,122,0,0.05) !important;
  transition: transform 0.4s, background 0.4s, color 0.4s;
}
.service-card-home:hover .service-icon-circle {
  background: var(--primary-accent) !important;
  color: #fff !important;
  box-shadow: 0 0 20px var(--primary-accent);
}

/* Portfolio */
.project-image, .port-image {
  transition: transform 0.8s cubic-bezier(0.25,1,0.5,1) !important;
}
.project-card:hover .project-image, .port-item:hover .port-image {
  transform: scale(1.06) !important;
}

/* ===========================
   SECTION ANIMATIONS
   Cinematic Scroll Snap & Reveal
   =========================== */
main > section, .section-reveal {
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

.section-animate {
  opacity: 0.2;
  transform: scale(0.95) translateY(40px);
  filter: blur(8px);
  transition: opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),
              transform 1.2s cubic-bezier(0.22, 1, 0.36, 1),
              filter 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform, filter;
}

.section-animate.section-visible {
  opacity: 1 !important;
  transform: scale(1) translateY(0) !important;
  filter: blur(0) !important;
}

/* Cards reveal */
.card-animate {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.card-animate.card-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Parallax */
.parallax-bg {
  will-change: transform;
  transition: transform 0.15s cubic-bezier(0.22,1,0.36,1);
}

/* ===========================
   MOBILE RESPONSIVENESS
   Disable animations on mobile,
   ensure all content is visible
   =========================== */
@media (max-width: 768px) {
  /* Disable section animations on mobile */
  .section-animate,
  .section-animate.section-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  /* Disable card animations on mobile */
  .card-animate,
  .card-animate.card-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

  /* Ensure all content is visible */
  .floating-section {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  /* Cards stack properly */
  .service-card-home:hover, .project-card:hover,
  .stat-card:hover, .vm-card:hover {
    transform: none !important;
  }

  /* Buttons - no hover transform on mobile */
  .btn-orange-gradient:hover, .primary-btn:hover,
  .contact-btn-outline:hover, .small-pill:hover {
    transform: none !important;
  }

  /* Ensure touch-friendly spacing */
  .nav-panel {
    -webkit-backdrop-filter: blur(20px) !important;
    backdrop-filter: blur(20px) !important;
    background: rgba(7, 11, 18, 0.95) !important;
  }
}

/* ===========================
   Reduced motion
   =========================== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0s !important;
    animation-delay: 0s !important;
    transition-duration: 0s !important;
  }
  .section-animate, .card-animate, .floating-section {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
  .custom-cursor-dot, .custom-cursor-circle { display: none !important; }
}

/* ===========================
   SERVICES SECTION - STICKY SCROLL
   Image stays sticky while cards scroll
   =========================== */

/* Hide icons everywhere */
.service-icon-circle { 
  display: none !important; 
}

/* ---- ALL SCREENS: Sticky scroll layout ---- */
.sticky-services-wrapper {
    display: flex;
    gap: 50px;
    align-items: flex-start;
    position: relative;
  }

  .services-grid-home.sticky-initialized {
    display: block !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  /* Sticky image panel (left side - white bg) */
  .sticky-image-panel {
    position: sticky;
    top: 110px;
    width: 50%;
    flex-shrink: 0;
    height: 70vh;
    border-radius: 20px;
    overflow: hidden;
    background: #030508;
    box-shadow: 
      0 30px 80px rgba(0,0,0,0.5),
      0 0 0 1px rgba(255,255,255,0.06);
    /* 3D Context */
    perspective: 2000px;
    transform-style: preserve-3d;
  }

  .sticky-image-panel .sticky-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: left center;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: transform 1.2s cubic-bezier(0.25, 1, 0.5, 1), 
                opacity 0.8s ease;
    will-change: transform;
    transform: rotateY(0deg);
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.4);
  }

  /* Page flipped to the left */
  .sticky-image-panel .sticky-img.flipped {
    transform: rotateY(-180deg) scale(0.98);
  }

  /* Active page on top */
  .sticky-image-panel .sticky-img.active {
    transform: rotateY(0deg);
  }

  /* Next page flat underneath */
  .sticky-image-panel .sticky-img.next-under {
    transform: rotateY(0deg);
  }

  /* Counter overlay */
  .sticky-image-panel .sticky-counter {
    position: absolute;
    bottom: 24px;
    right: 28px;
    font-size: 72px;
    font-weight: 900;
    color: rgba(255,255,255,0.12);
    line-height: 1;
    z-index: 2;
    font-family: var(--font-sans);
    letter-spacing: -0.04em;
  }

  /* Label overlay */
  .sticky-image-panel .sticky-label {
    position: absolute;
    bottom: 28px;
    left: 28px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255,255,255,0.85);
    text-transform: uppercase;
    letter-spacing: 0.15em;
    z-index: 2;
    background: rgba(0,0,0,0.5);
    padding: 8px 16px;
    border-radius: 8px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  /* Right side: scrolling cards */
  .services-scroll-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-top: 5vh;
    padding-bottom: 30vh;
  }

  /* Cards as text-only items */
  .sticky-initialized .service-card-home {
    background-image: none !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 0 !important;
    padding: 32px 20px 32px 0 !important;
    min-height: auto !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 0.2;
    transition: opacity 0.5s ease, border-color 0.4s ease !important;
    transform: none !important;
    position: relative;
    width: 100% !important;
    min-width: 100% !important;
    text-align: left !important;
    display: block !important;
    flex-direction: unset !important;
    align-items: unset !important;
    justify-content: unset !important;
  }

  .sticky-initialized .service-card-home.service-in-view {
    opacity: 1 !important;
    border-bottom-color: rgba(255,122,0,0.3) !important;
  }

  .sticky-initialized .service-card-home:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  .sticky-initialized .service-card-home h3 {
    text-shadow: none !important;
    font-size: 22px;
    margin-bottom: 8px;
    transition: color 0.4s;
    color: rgba(255,255,255,0.9);
    text-align: left !important;
  }

  .sticky-initialized .service-card-home.service-in-view h3 {
    color: #ff7a00 !important;
  }

  .sticky-initialized .service-card-home p {
    text-shadow: none !important;
    color: rgba(255,255,255,0.5);
    font-size: 14px;
    line-height: 1.6;
    transition: color 0.4s;
    text-align: left !important;
    max-width: 100% !important;
  }

  .sticky-initialized .service-card-home.service-in-view p {
    color: rgba(255,255,255,0.75);
  }

  .sticky-initialized .service-card-home .service-link {
    color: var(--primary-accent);
    opacity: 0;
    transform: translateX(-10px);
    transition: opacity 0.4s, transform 0.4s;
    display: inline-block;
    text-align: left !important;
  }

  .sticky-initialized .service-card-home.service-in-view .service-link {
    opacity: 1;
    transform: translateX(0);
  }

/* ---- MOBILE: Stacked cards with bg images ---- */
@media (max-width: 768px) {
  .services-grid-home:not(.sticky-initialized) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    overflow: visible !important;
    padding: 0 !important;
  }
  .service-card-home:not(.sticky-initialized .service-card-home) {
    width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    background-size: cover !important;
    background-position: center !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    position: relative;
    border-radius: 12px;
    padding-top: 40px !important;
    z-index: 1;
  }
  .service-card-home:not(.sticky-initialized .service-card-home) h3, 
  .service-card-home:not(.sticky-initialized .service-card-home) p, 
  .service-card-home:not(.sticky-initialized .service-card-home) a {
    position: relative;
    z-index: 2;
    text-shadow: 0px 2px 4px rgba(0,0,0,0.8);
  }

  /* Mobile Overrides for Sticky Scroll */
  .sticky-services-wrapper {
    flex-direction: column !important;
    gap: 20px !important;
  }
  .sticky-image-panel {
    position: -webkit-sticky !important;
    position: sticky !important;
    width: 100% !important;
    height: 350px !important;
    top: 70px !important;
    z-index: 5 !important;
  }
  .services-scroll-content {
    padding-top: 0 !important;
    padding-bottom: 50vh !important;
    width: 100% !important;
  }
  .sticky-initialized .service-card-home {
    padding: 24px 16px 24px 0 !important;
  }
  .sticky-image-panel .sticky-counter {
    font-size: 48px !important;
    bottom: 16px !important;
    right: 16px !important;
  }
  .sticky-image-panel .sticky-label {
    font-size: 10px !important;
    bottom: 16px !important;
    left: 16px !important;
  }

  .service-card-home:not(.sticky-initialized .service-card-home):nth-child(1) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/product_creative.webp) !important; }
  .service-card-home:not(.sticky-initialized .service-card-home):nth-child(2) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/brand_film.webp) !important; }
  .service-card-home:not(.sticky-initialized .service-card-home):nth-child(3) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/event_coverage.webp) !important; }
  .service-card-home:not(.sticky-initialized .service-card-home):nth-child(4) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/digital_growth.webp) !important; }
  .service-card-home:not(.sticky-initialized .service-card-home):nth-child(5) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/social_media.webp) !important; }
  .service-card-home:not(.sticky-initialized .service-card-home):nth-child(6) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/seo_campaign.webp) !important; }
  .service-card-home:not(.sticky-initialized .service-card-home):nth-child(7) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/website_dev.webp) !important; }
  .service-card-home:not(.sticky-initialized .service-card-home):nth-child(8) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/podcast_setup.webp) !important; }
  .service-card-home:not(.sticky-initialized .service-card-home):nth-child(n+9) { background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.9)), url(/images/projects/brand_film.webp) !important; }
}

/* ---- PAGE TRANSITION WRAPPER FIX FOR STICKY ---- */
.page-transition-wrapper {
  will-change: opacity !important;
  transform: none !important;
  transition: opacity 0.5s ease-in-out !important;
}

/* ---- SECTION SERVICES WILL-CHANGE OVERRIDE FOR STICKY ---- */
#services, .services {
  will-change: opacity !important;
}

/* ---- VIEWPORT OVERFLOW OVERRIDES FOR STICKY SCROLL ---- */
html, body, main, .page-transition-wrapper, #services, .services, #services .container, .services-grid-home, .sticky-services-wrapper {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  transform: none !important;
  perspective: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}


@media (max-width: 768px) {
  html { scroll-snap-type: none !important; }
  main > section, .section-reveal { scroll-snap-align: none !important; scroll-snap-stop: normal !important; }
}

/* ---- GOLD STAT CARD LIGHT TEXT OVERRIDES ---- */
.stat-card.gold {
  color: #ffffff !important;
  border: 1px solid rgba(255, 122, 0, 0.25) !important;
  box-shadow: 0 15px 35px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 0 15px rgba(255, 122, 0, 0.05) !important;
}
.stat-card.gold strong {
  color: #ffffff !important;
}
.stat-card.gold span {
  color: #ffffff94 !important;
}
.stat-card.gold p {
  color: #b8bbc0 !important;
}

/* ---- FOOTER FIXES ---- */
.footer-brand span {
  display: none !important;
}