@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

/* -------------------------------------------------------------
   Tiraz Digital - Core Stylesheet
   ------------------------------------------------------------- */

/* RemixIcon Helper Reset */
[class^="ri-"], [class*=" ri-"] {
  font-style: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

        .tiraz-root{
          --bg:#0A0805;
          --bg-alt:#120D08;
          --glass:rgba(245,208,118,0.07);
          --glass-strong:rgba(245,208,118,0.13);
          --glass-border:rgba(245,208,118,0.20);
          --gold:#F5D076;
          --gold-mid:#E5B558;
          --gold-deep:#C9932E;
          --spark:#FFF1C9;
          --ink:#F8F3E9;
          --ink-soft:#C9B98F;
          --ink-mute:#8A7F65;
          --shadow:rgba(6,4,2,0.6);
          font-family:'Inter',sans-serif;
          background:transparent;
          color:var(--ink);
          width:100%;
          min-height:100vh;
          position:relative;
          overflow-x:hidden;
        }
        .tiraz-root *{box-sizing:border-box;}
        .tiraz-root h1,.tiraz-root h2,.tiraz-root h3{
          font-family:'Space Grotesk',sans-serif;
          letter-spacing:-0.02em;line-height:1.08;margin:0;
        }
        .tiraz-root p{margin:0;}
        .tiraz-root a,.tiraz-root button{color:inherit;text-decoration:none;font-family:inherit;}

        /* ---------- Custom scrollbar ---------- */
        html, body{
          background:#0A0805;
        }
        html{
          color-scheme:dark;
          scrollbar-width:thin;
          scrollbar-color:#C9932E rgba(10,8,5,0.9);
        }
        ::-webkit-scrollbar{
          width:10px;height:10px;
        }
        ::-webkit-scrollbar-track{
          background:rgba(10,8,5,0.9);
          border-left:1px solid rgba(229,181,88,0.12);
        }
        ::-webkit-scrollbar-thumb{
          background:linear-gradient(180deg,#E5B558,#C9932E);
          border-radius:8px;
          border:2px solid rgba(10,8,5,0.9);
          background-clip:padding-box;
        }
        ::-webkit-scrollbar-thumb:hover{
          background:linear-gradient(180deg,#FFF1C9,#E5B558);
          background-clip:padding-box;
        }
        ::-webkit-scrollbar-corner{
          background:rgba(10,8,5,0.9);
        }
        .tiraz-root ::-webkit-scrollbar{
          width:8px;height:8px;
        }
        .tiraz-root ::-webkit-scrollbar-track{
          background:transparent;
          border:none;
        }

        .bg-field{
          position:absolute;top:0;left:0;right:0;height:100vh;z-index:1;pointer-events:none;background:transparent;
          opacity:1;transition:opacity .4s ease;
        }
        .bg-field.bg-field-hidden{opacity:0;}
        .bg-field::after{
          content:'';position:absolute;inset:0;
          background:
            linear-gradient(90deg,
              rgba(5,4,2,1) 0%,
              rgba(5,4,2,1) 54%,
              rgba(5,4,2,0) 64%,
              rgba(5,4,2,0) 74%,
              rgba(5,4,2,0.85) 100%),
            url('assets/images/background-3.jpeg') right -45px center / clamp(560px, 58vw, 840px) auto no-repeat;
          background-color:transparent;background-repeat:no-repeat;
          pointer-events:none;
        }
        @media(max-width:700px){
          .bg-field::after{background-size:min(100vw, 720px) auto;background-position:center 42%;}
        }
        .bg-field::before{
          display:none;
        }

        section{position:relative;z-index:2;}
        .wrap{max-width:1180px;margin:0 auto;padding:0 22px;position:relative;z-index:2;}

        .glass{
          background:rgba(18,13,8,0.72);
          border:1px solid var(--glass-border);
          backdrop-filter:blur(18px);
          -webkit-backdrop-filter:blur(18px);
          box-shadow:0 18px 40px -22px var(--shadow);
        }

        .label-sm{
          font-size:13px;font-weight:600;color:var(--gold);
          display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;
        }
        .label-sm::before{content:'';width:20px;height:1px;background:var(--gold);opacity:0.7;}

        .btn{
          display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:600;
          padding:14px 24px;border-radius:999px;border:none;cursor:pointer;white-space:nowrap;
          transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, background .3s;
        }
        .btn-primary{
          background:linear-gradient(120deg, var(--gold-mid), var(--gold-deep));
          color:#171006;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,0.25);
          box-shadow:0 10px 26px -10px rgba(201,147,46,0.55);
        }
        .btn-primary:hover{transform:translateY(-2px); box-shadow:0 16px 32px -10px rgba(201,147,46,0.7);}
        .btn-secondary{background:var(--glass); border:1px solid var(--glass-border);}
        .btn-secondary:hover{background:var(--glass-strong);}
        .btn .arrow{transition:transform .3s;}
        .btn:hover .arrow{transform:translate(3px,-3px);}
        .btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

        /* ---------- top bar ---------- */
        .topbar{
          position:fixed;top:16px;left:50%;transform:translateX(-50%);
          width:calc(100% - 32px);max-width:1180px;z-index:1000;
          display:flex;align-items:center;justify-content:space-between;
          padding:12px 18px;border-radius:999px;border:1px solid transparent;
          transition:background .4s, border-color .4s;
        }
        @media(max-width:700px){
          .topbar{top:10px;padding:10px 14px;width:calc(100% - 20px);}
        }
        .topbar.scrolled{background:rgba(10,8,5,0.72);border-color:var(--glass-border);backdrop-filter:blur(20px);}
        .logo{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;font-family:'Space Grotesk',sans-serif;}
        .logo-img{
          height:56px;width:auto;display:block;flex-shrink:0;object-fit:contain;
          filter:drop-shadow(0 2px 8px rgba(245,208,118,0.45)) drop-shadow(0 0 18px rgba(245,208,118,0.22));
          transform-style:preserve-3d;perspective:600px;
          animation:logoFloat3D 6s ease-in-out infinite;
          will-change:transform;
        }
        @media(max-width:700px){
          .logo-img{height:42px;}
        }
        @keyframes logoFloat3D{
          0%,100%{ transform:perspective(600px) rotateY(-6deg) rotateX(2deg) translateY(0); }
          50%{ transform:perspective(600px) rotateY(6deg) rotateX(-2deg) translateY(-3px); }
        }
        @media(prefers-reduced-motion: reduce){
          .logo-img{animation:none;}
        }
        .topbar-links{display:none;gap:28px;font-size:14px;color:var(--ink-soft);}
        @media(min-width:820px){.topbar-links{display:flex;}}
        .topbar-links a,.nav-contact-btn{position:relative;transition:color .25s cubic-bezier(.2,.8,.2,1);}
        .topbar-links a:hover,.nav-contact-btn:hover{color:var(--ink);}
        .topbar-links a::after,.nav-contact-btn::after{
          content:'';position:absolute;left:50%;bottom:-6px;width:0;height:2px;
          background:var(--gold);border-radius:2px;
          transition:width .3s cubic-bezier(.2,.8,.2,1), left .3s cubic-bezier(.2,.8,.2,1);
        }
        .topbar-links a:hover::after,.nav-contact-btn:hover::after{width:18px;left:41%;}
        .nav-contact-btn{
          background:none;border:none;cursor:pointer;
          font-size:14px;color:var(--ink-soft);padding:0;font-family:'Inter',sans-serif;
        }
        .topbar-cta{display:none;}
        @media(min-width:820px){.topbar-cta{display:inline-flex;transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s, background .3s;}}
        .topbar-cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 28px -10px rgba(245,208,118,0.5);}
        .topbar-cta:active{transform:translateY(0) scale(0.98);}
        .menu-btn{display:flex;background:none;border:none;cursor:pointer;padding:6px;}
        @media(min-width:820px){.menu-btn{display:none;}}

.mobile-menu{
          position:fixed;inset:0;z-index:1200;background:rgba(6,4,2,0.97);
          backdrop-filter:blur(16px);display:flex;flex-direction:column;
          justify-content:flex-start;gap:0;padding:0 24px 32px;
          opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s;
          overflow-y:auto;
        }
        .mobile-menu.open{opacity:1;visibility:visible;pointer-events:all;}
        .mobile-menu-header{
          display:flex;align-items:center;justify-content:space-between;
          padding:18px 0 18px;border-bottom:1px solid var(--glass-border);
          margin-bottom:4px;flex-shrink:0;
        }
        .mobile-menu-logo{
          height:44px;width:auto;object-fit:contain;
          filter:drop-shadow(0 2px 10px rgba(245,208,118,0.45)) drop-shadow(0 0 22px rgba(245,208,118,0.25));
          animation:logoFloat3D 6s ease-in-out infinite;will-change:transform;
        }
        .mobile-menu .close-btn{
          position:static;background:var(--glass);border:1px solid var(--glass-border);
          border-radius:50%;width:36px;height:36px;cursor:pointer;
          display:flex;align-items:center;justify-content:center;
          color:var(--ink-soft);transition:background .2s,color .2s;flex-shrink:0;
        }
        .mobile-menu .close-btn:hover{background:var(--glass-strong);color:var(--ink);}
        .mobile-menu a{
          font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;
          padding:16px 0;border-bottom:1px solid rgba(245,208,118,0.08);
          display:flex;align-items:center;color:var(--ink);
          transition:color .2s;
        }
        .mobile-menu a:hover{color:var(--gold);}
        .mobile-menu .mobile-cta{
          margin-top:auto;padding-top:24px;border-bottom:none;
          justify-content:center;font-size:15px;display:inline-flex;
        }

        /* ---------- hero ---------- */
        .hero{min-height:100vh;display:flex;align-items:center;padding:110px 0 60px;}
        .hero .wrap{display:block;width:100%;}
        .hero .wrap>div:first-child{position:relative;z-index:3;max-width:620px;}
        @media(max-width:980px){.hero{padding-top:96px;}}
        @media(max-width:700px){
          .hero{padding-top:80px;padding-bottom:44px;min-height:auto;}
          .hero h1{font-size:clamp(28px,7.5vw,40px);margin-bottom:16px;}
          .hero .lead{font-size:15px;margin-bottom:22px;}
          .hero .actions{gap:10px;margin-bottom:22px;}
          .hero-stats{gap:10px;}
          .hero-stat{padding:12px 14px;}
        }
        .hero h1{font-size:clamp(34px,5.2vw,58px);margin-bottom:20px;}
        .hero .lead{font-size:17px;color:var(--ink-soft);max-width:440px;line-height:1.6;margin-bottom:26px;}
        .hero .actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px;}
        .hero-stats{display:flex;gap:12px;flex-wrap:wrap;}
        .hero-stat{padding:14px 18px;display:flex;flex-direction:column;gap:2px;border-radius:16px;}
        .hero-stat .num{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;color:var(--gold);}
        .hero-stat .lbl{font-size:12px;color:var(--ink-mute);}

        @media(max-width:700px){
          .bg-field{display:none;}
        }

        /* ---------- capability strip ---------- */
        .cap-strip{padding:8px 0 70px;}
        .cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--glass-border);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;}
        @media(max-width:820px){.cap-grid{grid-template-columns:1fr;}}
        .cap-card{background:rgba(18,13,8,0.88);padding:32px 28px;}
        .cap-card h3{font-size:18px;margin-bottom:8px;font-weight:600;}
        .cap-card p{color:var(--ink-soft);font-size:14.5px;line-height:1.6;}

        /* ---------- about ---------- */
        #about{padding:24px 0 70px;}
        .about-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:44px;align-items:center;}
        @media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:28px;}}
        .about-grid h2{font-size:clamp(28px,3.4vw,44px);margin:2px 0 26px;}
        .about-stats{display:flex;gap:12px;flex-wrap:wrap;}
        .about-stat{padding:14px 18px;display:flex;flex-direction:column;gap:2px;border-radius:16px;}
        .about-stat .num{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;color:var(--gold);}
        .about-stat .lbl{font-size:12px;color:var(--ink-mute);}
        .about-panel{border-radius:22px;padding:38px;display:flex;flex-direction:column;gap:18px;}
        .about-panel p{font-size:15.5px;line-height:1.7;color:var(--ink-soft);}
        .about-panel .btn{align-self:flex-start;margin-top:6px;}

        /* ---------- section head ---------- */
        .section-head{max-width:560px;margin-bottom:46px;}
        .section-head h2{font-size:clamp(28px,3.2vw,42px);margin-bottom:14px;}
        .section-head p{color:var(--ink-soft);font-size:16px;line-height:1.6;}

        /* ---------- services ---------- */
        #services{padding:70px 0;}
        .service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
        @media(max-width:820px){.service-grid{grid-template-columns:1fr;}}
        .service-card{
          border-radius:22px;padding:32px;display:flex;flex-direction:column;gap:16px;
          transition:transform .35s ease, border-color .35s, background .35s;
        }
        .service-card:hover{transform:translateY(-4px);border-color:rgba(245,208,118,0.4);background:var(--glass-strong);}
        .service-top{display:flex;align-items:center;justify-content:space-between;}
        .service-icon{
          width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
          background:linear-gradient(120deg, rgba(245,208,118,0.22), rgba(201,147,46,0.1));
          color:var(--gold);
        }
        .service-num{font-family:'Space Grotesk',sans-serif;font-size:12.5px;color:var(--ink-mute);}
        .service-card h3{font-size:22px;font-weight:600;}
        .service-card p{color:var(--ink-soft);font-size:14.5px;line-height:1.6;}
        .service-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;}
        .service-tags span{font-size:12px;color:var(--ink-mute);padding:5px 11px;border:1px solid var(--glass-border);border-radius:999px;}

        /* ---------- why us ---------- */
        #why-us{padding:70px 0;}
        .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
        @media(max-width:900px){.why-grid{grid-template-columns:1fr 1fr;}}
        @media(max-width:600px){.why-grid{grid-template-columns:1fr;}}
        .why-card{border-radius:18px;padding:26px;}
        .why-card h3{font-size:17px;margin-bottom:8px;font-weight:600;color:var(--ink);}
        .why-card p{font-size:14px;color:var(--ink-soft);line-height:1.6;}

        /* ---------- process ---------- */
        #process{padding:70px 0;}
        .process-track{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative;}
        @media(max-width:900px){.process-track{grid-template-columns:repeat(2,1fr);}}
        .process-track::before{
          content:'';position:absolute;top:19px;left:0;right:0;height:1px;background:var(--glass-border);
        }
        @media(max-width:900px){.process-track::before{display:none;}}
        .p-step{position:relative;padding-top:52px;}
        @media(max-width:900px){.p-step{padding-top:0;padding-left:52px;min-height:40px;}}
        .p-dot{
          position:absolute;top:0;left:0;width:38px;height:38px;border-radius:50%;
          background:var(--bg-alt);border:1px solid var(--glass-border);
          display:flex;align-items:center;justify-content:center;
          font-family:'Space Grotesk',sans-serif;font-size:12px;color:var(--ink-mute);z-index:2;
        }
        .p-step.final .p-dot{background:linear-gradient(120deg, var(--gold), var(--gold-deep));color:#1B1204;border-color:transparent;}
        .p-step h3{font-size:15px;margin-bottom:6px;font-weight:600;}
        .p-step p{font-size:13px;color:var(--ink-soft);line-height:1.5;}

        /* ---------- portfolio teaser ---------- */
        #portfolio{padding:70px 0;}
        .folio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
        @media(max-width:900px){.folio-grid{grid-template-columns:1fr 1fr;}}
        @media(max-width:560px){.folio-grid{grid-template-columns:1fr;}}
        .folio-card{
          border-radius:18px;overflow:hidden;position:relative;padding:18px;cursor:pointer;
          transition:transform .5s cubic-bezier(.2,.8,.2,1), border-color .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s cubic-bezier(.2,.8,.2,1);
        }
        .folio-card:hover{transform:translateY(-6px);border-color:rgba(245,208,118,0.38);box-shadow:0 24px 48px -16px rgba(0,0,0,0.6);}
        .folio-stage{
          position:relative;height:168px;border-radius:14px;margin-bottom:16px;
          background:radial-gradient(ellipse at 50% 35%, rgba(245,208,118,0.10), rgba(8,6,3,0.9) 70%);
          perspective:900px;transform-style:preserve-3d;
          transition:transform .6s cubic-bezier(.2,.8,.2,1);
        }
        .folio-image-wrap{position:absolute;inset:0;border-radius:14px;overflow:hidden;z-index:0;
          animation:img3DFloatSoft 7s cubic-bezier(.45,.05,.55,.95) infinite;
        }
        .folio-card:nth-child(2) .folio-image-wrap{animation-delay:.6s;}
        .folio-card:nth-child(3) .folio-image-wrap{animation-delay:1.2s;}
        .folio-card:nth-child(4) .folio-image-wrap{animation-delay:1.8s;}
        .folio-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px;opacity:.72;filter:saturate(.82) contrast(1.05);}
        .folio-stage::after{content:'';position:absolute;inset:0;border-radius:14px;background:linear-gradient(180deg,rgba(8,6,3,.08),rgba(8,6,3,.72));pointer-events:none;z-index:1;}
        .folio-halo{
          position:absolute;inset:22%;border-radius:50%;
          background:radial-gradient(circle, rgba(245,208,118,0.4), transparent 70%);
          filter:blur(16px);animation:haloPulse 5s cubic-bezier(.45,.05,.55,.95) infinite;
          z-index:2;
        }
        @keyframes haloPulse{
          0%,100%{opacity:0.4;transform:scale(0.96);}
          50%{opacity:0.75;transform:scale(1.08);}
        }
        .folio-main-icon{
          position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
          width:56px;height:56px;border-radius:16px;
          background:linear-gradient(135deg, var(--gold), var(--gold-deep));
          color:#1B1204;display:flex;align-items:center;justify-content:center;
          box-shadow:0 14px 30px -10px rgba(201,147,46,0.65);
          z-index:3;
        }
        .folio-badge{
          position:absolute;width:36px;height:36px;border-radius:11px;
          background:rgba(20,15,8,0.75);border:1px solid var(--glass-border);
          backdrop-filter:blur(6px);color:var(--gold);
          display:flex;align-items:center;justify-content:center;
          z-index:4;
          animation:badgeFloat 4.5s cubic-bezier(.45,.05,.55,.95) infinite;
        }
        @keyframes badgeFloat{
          0%,100%{transform:translateZ(20px) translateY(0);}
          50%{transform:translateZ(20px) translateY(-6px);}
        }
        .folio-badge.b-tl{top:10%;left:10%;animation-delay:0s;}
        .folio-badge.b-tr{top:12%;right:8%;animation-delay:.8s;}
        .folio-badge.b-bl{bottom:12%;left:16%;animation-delay:1.6s;}
        .folio-cat{font-size:12px;color:var(--gold);margin-bottom:4px;}
        .folio-title{font-size:16px;font-weight:600;}

        /* ---------- final cta ---------- */
        .final-cta{padding:80px 0;text-align:center;position:relative;}
        .final-cta .glow{
          position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
          width:560px;height:560px;border-radius:50%;
          background:radial-gradient(circle, rgba(245,208,118,0.22), rgba(201,147,46,0.06) 45%, transparent 70%);
          filter:blur(10px);z-index:0;
        }
        .final-cta h2{position:relative;font-size:clamp(28px,4.4vw,52px);max-width:680px;margin:0 auto 16px;z-index:2;}
        .final-cta p{position:relative;color:var(--ink-soft);font-size:16px;max-width:460px;margin:0 auto 30px;z-index:2;}
        .final-cta .btn{position:relative;z-index:2;}

        /* ---------- contact section ---------- */
        .contact-strip{padding:0 0 60px;}
        .contact-layout{display:grid;grid-template-columns:0.85fr 1.35fr;gap:36px;align-items:start;margin-bottom:44px;}
        @media(max-width:900px){.contact-layout{grid-template-columns:1fr;}}
        .ci-info h2{font-size:clamp(24px,3vw,32px);margin-bottom:28px;}
        .ci-row{display:flex;align-items:center;gap:16px;padding:9px 0;color:inherit;}
        .ci-icon{
          width:48px;height:48px;border-radius:14px;background:var(--glass);
          border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;
          color:var(--gold);flex-shrink:0;transition:background .25s,transform .25s,box-shadow .25s;
        }
        .ci-row:hover .ci-icon{background:var(--glass-strong);transform:translateY(-2px);box-shadow:0 6px 18px rgba(245,208,118,0.12);}
        .ci-label{display:block;font-size:13px;color:var(--ink-mute);}
        .ci-value{display:block;font-size:16px;font-weight:600;margin-top:3px;color:var(--ink);}
        .ci-value.ci-gold{color:var(--gold-mid);}
        .ci-row:hover .ci-value.ci-gold{text-decoration:underline;}
        .ci-qr{margin-top:30px;border-radius:20px;padding:24px 26px;}
        .ci-qr-head{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;margin-bottom:10px;}
        .ci-qr-head svg{color:var(--gold);}
        .ci-qr p{font-size:14px;line-height:1.65;color:var(--ink-soft);}
        .ci-form{border-radius:24px;padding:36px;}
        @media(max-width:640px){.ci-form{padding:24px;}}
        .ci-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
        @media(max-width:640px){.ci-grid{grid-template-columns:1fr;}}
        .contact-field{display:flex;flex-direction:column;gap:8px;}
        .contact-field label{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:0.01em;}
        .contact-field .req{color:var(--gold);}
        .contact-field input,.contact-field select,.contact-field textarea{
          width:100%;padding:13px 16px;border-radius:12px;font-size:14.5px;font-family:'Inter',sans-serif;
          background:rgba(0,0,0,0.28);border:1px solid var(--glass-border);color:var(--ink);
          transition:border-color .2s, background .2s, box-shadow .2s;
        }
        .contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--ink-mute);}
        .contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{
          outline:none;border-color:var(--gold);background:rgba(0,0,0,0.36);
          box-shadow:0 0 0 3px rgba(245,208,118,0.12);
        }
        .contact-field select{
          appearance:none;cursor:pointer;
          background-image:
            linear-gradient(45deg,transparent 50%,var(--gold) 50%),
            linear-gradient(135deg,var(--gold) 50%,transparent 50%);
          background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;
          background-size:6px 6px;
          background-repeat:no-repeat;
        }
        .contact-field select:invalid{color:var(--ink-mute);}
        .contact-field select option{background:#141009;color:var(--ink);}
        .ci-select{position:relative;}
        .ci-select-trigger{
          width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
          padding:13px 16px;border-radius:12px;font-size:14.5px;font-family:'Inter',sans-serif;
          background:rgba(0,0,0,0.28);border:1px solid var(--glass-border);color:var(--ink);
          cursor:pointer;text-align:left;transition:border-color .2s, background .2s, box-shadow .2s;
        }
        .ci-select-trigger:hover{border-color:rgba(245,208,118,0.4);}
        .ci-select.open .ci-select-trigger{
          border-color:var(--gold);background:rgba(0,0,0,0.36);
          box-shadow:0 0 0 3px rgba(245,208,118,0.12);
        }
        .ci-select-placeholder{color:var(--ink-mute);}
        .ci-select-arrow{
          width:8px;height:8px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);
          transform:rotate(45deg) translateY(-2px);transition:transform .2s;flex-shrink:0;margin-right:4px;
        }
        .ci-select.open .ci-select-arrow{transform:rotate(225deg) translateY(-1px);}
        .ci-select-menu{
          position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;
          margin:0;padding:6px;list-style:none;
          background:#15100A;border:1px solid var(--glass-border);border-radius:14px;
          box-shadow:0 18px 40px rgba(0,0,0,0.55), 0 0 0 1px rgba(245,208,118,0.06);
          max-height:260px;overflow-y:auto;animation:ciDrop .18s ease;
        }
        @keyframes ciDrop{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
        .ci-select-option{
          display:block;width:100%;text-align:left;padding:11px 14px;
          border:none;background:transparent;color:var(--ink);
          font-size:14px;font-family:'Inter',sans-serif;border-radius:9px;cursor:pointer;
          transition:background .15s,color .15s;
        }
        .ci-select-option:hover{background:var(--glass-strong);color:var(--spark);}
        .ci-select-option.selected{color:var(--gold);font-weight:600;}
        .contact-field textarea{resize:vertical;min-height:120px;}
        .ci-submit{
          width:100%;justify-content:center;margin-top:20px;padding:15px 24px;
          border-radius:12px;font-size:15.5px;font-weight:700;
          background:linear-gradient(135deg,var(--gold-mid),var(--gold-deep) 70%);
          color:#171006;text-shadow:0 1px 0 rgba(255,255,255,0.25);
        }
        .ci-submit:hover{box-shadow:0 8px 26px rgba(245,208,118,0.28);}
        .ci-trust{font-size:12.5px;color:var(--ink-mute);text-align:center;margin-top:12px;}
        .contact-success{font-size:13.5px;color:var(--gold);font-weight:600;text-align:center;}

        /* ---------- contact page ---------- */
        .contact-page{min-height:100vh;}

        .contact-page-hero{
          padding:130px 0 50px;
          position:relative;
          z-index:2;
        }
        @media(max-width:700px){
          .contact-page-hero{padding:90px 0 36px;}
        }
        .contact-page-hero h1{
          font-size:clamp(32px,4.8vw,54px);
          max-width:640px;
          margin-bottom:16px;
        }
        .contact-page-hero .lead{
          font-size:16px;
          color:var(--ink-soft);
          max-width:480px;
          line-height:1.65;
        }
        .contact-page-hero .breadcrumb{
          display:block;
          margin-bottom:22px;
        }
        .contact-page-eyebrow{
          display:block;
          margin-bottom:0;
        }

        .contact-page-body{
          padding:0 0 60px;
          position:relative;
          z-index:2;
        }

        /* ---------- contact map ---------- */
        .contact-map-section{
          position:relative;z-index:2;
          padding:0 0 90px;
        }
        .contact-map-header{
          margin-bottom:32px;
        }
        .contact-map-title{
          font-size:clamp(26px,3.2vw,40px);
          margin-bottom:10px;
        }
        .contact-map-sub{
          font-size:15px;color:var(--ink-soft);
        }
        .contact-map-card{
          border-radius:22px;
          overflow:hidden;
        }
        /* fake browser bar for polish */
        .contact-map-bar{
          display:flex;align-items:center;gap:7px;
          padding:12px 18px;
          background:rgba(10,8,5,0.6);
          border-bottom:1px solid var(--glass-border);
        }
        .contact-map-dot{
          width:11px;height:11px;border-radius:50%;
          background:var(--glass-border);flex-shrink:0;
        }
        .contact-map-dot:nth-child(1){background:#ff5f57;}
        .contact-map-dot:nth-child(2){background:#febc2e;}
        .contact-map-dot:nth-child(3){background:#28c840;}
        .contact-map-bar-label{
          margin-left:auto;font-size:12.5px;color:var(--ink-mute);
          display:flex;align-items:center;gap:5px;
        }
        .contact-map-bar-label i{color:var(--gold);font-size:13px;}
        .contact-map-frame-wrap{
          position:relative;
          height:460px;
          overflow:hidden;
          cursor:pointer;
        }
        .contact-map-frame-wrap::after{
          content:'';position:absolute;inset:0;pointer-events:none;
          box-shadow:inset 0 0 80px rgba(10,8,5,0.45);
          z-index:3;
        }
        .contact-map-overlay{
          position:absolute;inset:0;z-index:2;
          display:flex;align-items:center;justify-content:center;
          background:rgba(10,8,5,0.18);
          transition:background .2s;
        }
        .contact-map-frame-wrap:hover .contact-map-overlay{
          background:rgba(10,8,5,0.08);
        }
        .contact-map-overlay-btn{
          display:flex;align-items:center;gap:8px;
          padding:10px 20px;border-radius:999px;
          background:rgba(10,8,5,0.72);border:1px solid var(--glass-border);
          font-size:13.5px;font-weight:600;color:var(--ink-soft);
          backdrop-filter:blur(10px);
          pointer-events:none;
        }
        .contact-map-overlay-btn i{color:var(--gold);font-size:15px;}
        .contact-map-frame{
          width:100%;height:100%;border:none;display:block;
          filter:invert(92%) hue-rotate(180deg) saturate(0.45) brightness(0.82) contrast(1.05);
        }
        @media(max-width:700px){
          .contact-map-frame-wrap{height:300px;}
          .contact-map-section{padding-bottom:60px;}
        }

        /* footer ---------- */
        footer{
          border-top:1px solid var(--glass-border);
          padding:60px 0 0;
          background:rgba(12,9,5,0.92);
          position:relative;z-index:2;
        }
        .footer-main{
          display:grid;
          grid-template-columns:1.4fr 1fr 1fr 1.2fr;
          gap:40px;
          padding-bottom:48px;
        }
        @media(max-width:900px){
          .footer-main{grid-template-columns:1fr 1fr;gap:36px;}
        }
        @media(max-width:560px){
          .footer-main{grid-template-columns:1fr;gap:28px;}
        }

        /* brand col */
        .footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
        .footer-logo-img{height:38px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(245,208,118,0.4));}
        .footer-logo-text{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;letter-spacing:0.04em;}
        .footer-logo-tiraz{color:var(--gold);}
        .footer-logo-digital{color:var(--ink);margin-left:4px;}
        .footer-tagline{font-size:13.5px;color:var(--ink-mute);line-height:1.65;max-width:260px;margin-bottom:20px;}
        .footer-socials{display:flex;gap:8px;}
        .footer-social-btn{
          width:38px;height:38px;border-radius:10px;
          background:rgba(18,13,8,0.72);border:1px solid var(--glass-border);
          display:flex;align-items:center;justify-content:center;
          font-size:18px;
          color:var(--ink-soft);transition:background .2s,color .2s,border-color .2s;
        }
        .footer-social-btn:hover{background:var(--glass-strong);color:var(--gold);border-color:rgba(245,208,118,0.35);}
        .footer-social-btn i{line-height:1;}

        /* col titles */
        .footer-col-title{
          font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;
          letter-spacing:0.1em;color:var(--ink);margin-bottom:20px;
        }

        /* quick links */
        .footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
        .footer-links a, .footer-link-btn{
          font-size:14px;color:var(--ink-mute);
          transition:color .2s;
        }
        .footer-link-btn{
          background:none;border:none;cursor:pointer;padding:0;
          font-family:'Inter',sans-serif;text-align:left;
        }
        .footer-links a:hover,.footer-link-btn:hover{color:var(--ink);}

        /* contact list */
        .footer-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px;}
        .footer-contact-list li{display:flex;align-items:center;gap:10px;}
        .footer-ci-icon{
          width:28px;height:28px;border-radius:7px;flex-shrink:0;
          background:var(--glass);border:1px solid var(--glass-border);
          display:flex;align-items:center;justify-content:center;
          color:var(--gold);font-size:13px;
        }
        .footer-contact-list a,
        .footer-contact-list span{font-size:13.5px;color:var(--ink-mute);transition:color .2s;}
        .footer-contact-list a:hover{color:var(--ink);}

        /* bottom bar */
        .footer-bottom{
          border-top:1px solid var(--glass-border);
          padding:18px 0;
          display:flex;align-items:center;justify-content:space-between;
          flex-wrap:wrap;gap:12px;
        }
        .footer-bottom p{font-size:13px;color:var(--ink-mute);}
        .footer-bottom-links{display:flex;gap:24px;}
        .footer-bottom-links a{font-size:13px;color:var(--ink-mute);transition:color .2s;}
        .footer-bottom-links a:hover{color:var(--ink);}
        @media(max-width:560px){
          .footer-bottom{justify-content:center;text-align:center;}
          .footer-bottom-links{justify-content:center;}
        }

        /* ---------- whatsapp float ---------- */
        .wa-float{
          position:fixed;bottom:24px;right:24px;z-index:900;
          display:flex;align-items:center;gap:10px;padding:13px;border-radius:999px;
          cursor:pointer;overflow:hidden;white-space:nowrap;transition:padding .35s, background .35s;
        }
        .wa-float:hover{padding:13px 20px 13px 13px;background:var(--glass-strong);}
        .wa-float .wa-icon{
          width:22px;height:22px;border-radius:50%;background:#25D366;color:#05070D;
          display:flex;align-items:center;justify-content:center;flex-shrink:0;
        }
        .wa-float .wa-label{max-width:0;overflow:hidden;opacity:0;font-size:13px;font-weight:600;transition:max-width .35s, opacity .35s;}
        .wa-float:hover .wa-label{max-width:140px;opacity:1;}

        @media(prefers-reduced-motion: reduce){
          .folio-halo,.folio-badge{animation:none;}
        }

        /* ---------- nav services dropdown (desktop) ---------- */
        .nav-dropdown{position:relative;}
        .nav-dropdown-trigger{
          display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;
          font-size:14px;color:var(--ink-soft);padding:0;transition:color .2s;
        }
        .nav-dropdown-trigger:hover,.nav-dropdown.open .nav-dropdown-trigger{color:var(--ink);}
        .caret{font-size:10px;transition:transform .2s;display:inline-block;}
        .nav-dropdown.open .caret{transform:rotate(180deg);}
        .nav-dropdown-panel{
          position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(-6px) scale(0.96);
          width:280px;padding:10px;border-radius:16px;
          background:var(--bg-alt);border:1px solid var(--glass-border);
          box-shadow:0 20px 48px rgba(0,0,0,0.45);
          opacity:0;visibility:hidden;transition:opacity .25s cubic-bezier(.2,.8,.2,1), transform .25s cubic-bezier(.2,.8,.2,1), visibility .25s;
          z-index:50;
        }
        .nav-dropdown.open .nav-dropdown-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1);}
        .nav-dropdown-panel a{
          display:flex;align-items:flex-start;gap:11px;padding:10px 12px;border-radius:10px;transition:background .2s, transform .2s cubic-bezier(.2,.8,.2,1), opacity .2s;
          opacity:0;transform:translateX(-8px);
        }
        .nav-dropdown.open .nav-dropdown-panel a{animation:navDropIn .3s cubic-bezier(.2,.8,.2,1) forwards;}
        .nav-dropdown.open .nav-dropdown-panel a:nth-child(1){animation-delay:.02s;}
        .nav-dropdown.open .nav-dropdown-panel a:nth-child(2){animation-delay:.07s;}
        .nav-dropdown.open .nav-dropdown-panel a:nth-child(3){animation-delay:.12s;}
        .nav-dropdown.open .nav-dropdown-panel a:nth-child(4){animation-delay:.17s;}
        @keyframes navDropIn{to{opacity:1;transform:translateX(0);}}
        .nav-dropdown-panel a:hover{background:rgba(245,208,118,0.08);transform:translateX(4px);}
        .nav-dropdown-icon{
          width:32px;height:32px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
          background:linear-gradient(120deg, rgba(245,208,118,0.22), rgba(201,147,46,0.1));color:var(--gold);
          transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s;
        }
        .nav-dropdown-panel a:hover .nav-dropdown-icon{transform:scale(1.12) rotate(-6deg);box-shadow:0 6px 16px -6px rgba(245,208,118,0.5);}
        .nav-dropdown-title{display:block;font-size:14px;font-weight:600;color:var(--ink);}
        .nav-dropdown-sub{display:block;font-size:12px;color:var(--ink-mute);margin-top:2px;}

        /* ---------- mobile services submenu ---------- */
        .mobile-submenu{display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid rgba(245,208,118,0.08);}
        .mobile-submenu-trigger{
          background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;
          font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;color:var(--ink);
          padding:16px 0;width:100%;transition:color .2s;
        }
        .mobile-submenu-trigger:hover{color:var(--gold);}
        .mobile-submenu-trigger .caret{font-size:11px;margin-left:auto;transition:transform .25s;}
        .mobile-submenu-trigger .caret.up{transform:rotate(180deg);}
        .mobile-submenu-list{
          max-height:0;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:0;
          transition:max-height .3s ease;width:100%;
        }
        .mobile-submenu-list.open{max-height:320px;padding-bottom:12px;}
        .mobile-submenu-list a{
          font-size:14px;font-weight:500;color:var(--ink-soft);padding:9px 0 9px 16px;
          border-bottom:none;border-left:2px solid var(--glass-border);
          transition:color .2s,border-color .2s;
        }
        .mobile-submenu-list a:hover{color:var(--gold);border-color:var(--gold);}

        /* ---------- services card link ---------- */
        .service-more{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gold);font-weight:600;margin-top:2px;}
        .service-card .arrow{transition:transform .25s;}
        .service-card:hover .arrow{transform:translate(2px,-2px);}

        /* ---------- service detail page ---------- */
        .svc-page{ --svc-accent: var(--gold); }
        .service-hero{padding:150px 0 60px;overflow:hidden;}
        .svc-hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center;}
        @media(max-width:900px){.svc-hero-grid{grid-template-columns:1fr;gap:16px;}}
        .svc-hero-copy{position:relative;z-index:3;}
        .breadcrumb{
          background:none;border:none;cursor:pointer;color:var(--ink-mute);font-size:13px;
          margin-bottom:22px;padding:0;display:inline-flex;align-items:center;gap:6px;
        }
        .breadcrumb:hover{color:var(--ink-soft);}
        .crumb-sep{opacity:.5;}
        .crumb-current{color:var(--svc-accent);}
        .service-hero h1{max-width:640px;}
        .service-hero .lead{max-width:520px;}
        .service-hero .actions{margin-top:28px;}
        .svc-page .label-sm{color:var(--svc-accent);}
        .svc-page .label-sm::before{background:var(--svc-accent);}
        .svc-page .btn-primary{
          background:linear-gradient(120deg, var(--svc-accent), var(--gold-deep));
          box-shadow:0 10px 26px -10px color-mix(in srgb, var(--svc-accent) 60%, transparent);
        }

        .svc-hero-visual{display:flex;align-items:center;justify-content:center;min-height:320px;position:relative;}
        @media(max-width:900px){.svc-hero-visual{min-height:240px;order:-1;}}
        .svc-service-image{display:block;width:min(100%,520px);aspect-ratio:4/3;object-fit:cover;border-radius:22px;border:1px solid var(--glass-border);box-shadow:0 24px 60px -22px rgba(245,208,118,.55);}

        .service-overview{padding:0 0 70px;}
        .service-overview-panel{border-radius:20px;padding:32px;border-top:1px solid color-mix(in srgb, var(--svc-accent) 35%, var(--glass-border));}
        .service-overview-panel p{font-size:16px;line-height:1.75;color:var(--ink-soft);}
        #service-includes,#service-process,#service-benefits{padding:70px 0;}
        .offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
        @media(max-width:900px){.offer-grid{grid-template-columns:1fr 1fr;}}
        @media(max-width:600px){.offer-grid{grid-template-columns:1fr;}}
        .offer-card{
          border-radius:18px;padding:26px;position:relative;will-change:transform;
          transition:transform .15s ease-out, border-color .3s;
        }
        .offer-card:hover{border-color:color-mix(in srgb, var(--svc-accent) 45%, var(--glass-border));}
        .offer-card-index{
          width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;
          background:linear-gradient(120deg,var(--svc-accent),var(--gold-deep));color:#1B1204;
          font-size:13px;font-weight:700;margin-bottom:14px;
        }
        .offer-card h3{font-size:16.5px;margin-bottom:8px;font-weight:600;color:var(--ink);}
        .offer-card p{font-size:14px;color:var(--ink-soft);line-height:1.6;}
        .benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
        @media(max-width:700px){.benefit-grid{grid-template-columns:1fr;}}
        .benefit-item{
          border-radius:14px;padding:16px 18px;display:flex;align-items:flex-start;gap:12px;
          font-size:14.5px;color:var(--ink-soft);line-height:1.5;
        }
        .svc-benefit-item{will-change:transform;transition:transform .15s ease-out, border-color .3s;}
        .svc-benefit-item:hover{border-color:color-mix(in srgb, var(--svc-accent) 45%, var(--glass-border));}
        .benefit-check{
          width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
          background:linear-gradient(120deg, var(--svc-accent), var(--gold-deep));color:#1B1204;font-size:12px;font-weight:700;
        }
        .service-final-cta{margin-top:0;}
        .svc-page .final-cta .glow{background:radial-gradient(circle, color-mix(in srgb, var(--svc-accent) 30%, transparent), rgba(201,147,46,0.06) 45%, transparent 70%);}

        .svc-process-track .p-step.svc-p-step .p-dot{border-color:color-mix(in srgb, var(--svc-accent) 40%, var(--glass-border));}
        .svc-process-track .p-step.svc-p-step.final .p-dot{background:linear-gradient(120deg, var(--svc-accent), var(--gold-deep));}
        .svc-process-track::before{background:linear-gradient(90deg, color-mix(in srgb, var(--svc-accent) 45%, transparent), var(--glass-border));}

        /* ---------- 3D service icon stage ---------- */
        .svc-hero-visual{display:flex;align-items:center;justify-content:center;min-height:320px;position:relative;}
        @media(max-width:900px){.svc-hero-visual{min-height:240px;order:-1;}}
        .svc-service-image{display:block;width:min(100%,520px);aspect-ratio:4/3;object-fit:cover;border-radius:22px;border:1px solid var(--glass-border);box-shadow:0 24px 60px -22px rgba(245,208,118,.55);}
        .svc-orb-wrap{
          width:100%;max-width:340px;aspect-ratio:1/1;position:relative;
          perspective:1100px;
        }
        .svc-orb-wrap::before{
          content:'';position:absolute;inset:6%;border-radius:50%;
          background:radial-gradient(circle, color-mix(in srgb, var(--svc-accent) 30%, transparent), transparent 70%);
          filter:blur(28px);z-index:0;animation:svcGlowPulse 5s ease-in-out infinite;
        }
        @keyframes svcGlowPulse{0%,100%{opacity:0.65;transform:scale(1);}50%{opacity:1;transform:scale(1.08);}}
        .svc-orb-stage{
          position:relative;width:100%;height:100%;transform-style:preserve-3d;
          transition:transform .4s cubic-bezier(.2,.8,.2,1);
          animation:svcOrbDrift 9s ease-in-out infinite;
        }
        @keyframes svcOrbDrift{0%,100%{transform:rotateY(-6deg) rotateX(4deg);}50%{transform:rotateY(6deg) rotateX(-4deg);}}
        .svc-orb-ring{
          position:absolute;inset:0;border-radius:50%;
          border:1px solid color-mix(in srgb, var(--svc-accent) 45%, transparent);
          transform-style:preserve-3d;
        }
        .svc-orb-ring-1{transform:rotateX(72deg) rotateZ(8deg);animation:svcRingSpin 14s linear infinite;}
        .svc-orb-ring-2{inset:9%;transform:rotateX(72deg) rotateZ(-24deg);border-color:color-mix(in srgb, var(--svc-accent) 30%, transparent);animation:svcRingSpin 20s linear infinite reverse;}
        .svc-orb-ring-3{inset:18%;transform:rotateY(72deg) rotateZ(40deg);border-color:color-mix(in srgb, var(--svc-accent) 22%, transparent);animation:svcRingSpin 26s linear infinite;}
        @keyframes svcRingSpin{from{transform:rotateX(72deg) rotateZ(0deg);}to{transform:rotateX(72deg) rotateZ(360deg);}}
        .svc-orb-core{
          position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(60px);
          width:34%;height:34%;border-radius:28%;
          background:linear-gradient(135deg, var(--svc-accent), var(--gold-deep));
          color:#1B1204;display:flex;align-items:center;justify-content:center;
          box-shadow:0 20px 50px -12px color-mix(in srgb, var(--svc-accent) 65%, transparent), inset 0 2px 6px rgba(255,255,255,0.4);
        }
        .svc-orb-badge{
          position:absolute;width:15%;height:15%;border-radius:26%;
          background:rgba(18,13,8,0.82);border:1px solid var(--glass-border);
          backdrop-filter:blur(6px);color:var(--svc-accent);
          display:flex;align-items:center;justify-content:center;
          transform-style:preserve-3d;
          animation:svcBadgeFloat 4s ease-in-out infinite;
        }
        @keyframes svcBadgeFloat{0%,100%{transform:translateZ(46px) translateY(0);}50%{transform:translateZ(46px) translateY(-8px);}}
        .svc-orb-badge-1{top:6%;left:12%;animation-delay:0s;}
        .svc-orb-badge-2{top:10%;right:8%;animation-delay:.6s;}
        .svc-orb-badge-3{bottom:10%;left:50%;transform:translateX(-50%);animation-delay:1.2s;}

        /* ---------- 3D moving image animation (all content images) ---------- */
        .svc-hero-visual{ perspective:1400px; }
        .svc-service-image{
          transform-style:preserve-3d;
          animation:img3DFloat 7s ease-in-out infinite;
          will-change:transform;
        }
        .folio-image{
          animation:img3DFloatSoft 7s cubic-bezier(.45,.05,.55,.95) infinite;
        }
        .folio-card:nth-child(2) .folio-image-wrap{animation-delay:.6s;}
        .folio-card:nth-child(3) .folio-image-wrap{animation-delay:1.2s;}
        .folio-card:nth-child(4) .folio-image-wrap{animation-delay:1.8s;}
        @keyframes img3DFloat{
          0%,100%{ transform:perspective(1200px) rotateY(-6deg) rotateX(3deg) translateY(0) translateZ(0); }
          50%{ transform:perspective(1200px) rotateY(6deg) rotateX(-3deg) translateY(-10px) translateZ(20px); }
        }
        @keyframes img3DFloatSoft{
          0%,100%{ transform:translateY(0) scale(1); }
          50%{ transform:translateY(-5px) scale(1.02); }
        }
        @media(prefers-reduced-motion: reduce){
          .svc-service-image,.folio-image{animation:none;}
        }