:root{
    --ink:#0A1230;
    --navy-deep:#081A45;
    --navy:#0B2247;
    --blue:#1E5AE8;
    --blue-bright:#3E7BFF;
    --gold:#FFC922;
    --gold-soft:#FFC922;
    --turquoise:#2FD9C7;
    --green:#7ED957;
    --cream:#FBF6EA;
    --cream-2:#F4EEDF;
    --white:#FFFFFF;
    --gray:#5B6478;
    --gray-light:#9AA3B8;
    --line:rgba(10,18,48,0.1);
    --line-dark:rgba(255,255,255,0.16);
    --ondark:#E7ECFA;
    --ondark-muted:#E7ECFA;
    --sunset-yellow:#FFC922;
    --orange:#FF7B57;

    --cta:#FFC922;
    --cta-hover:#E0A800;
    --black:#0A0A0A;

    --display:'Bricolage Grotesque', sans-serif;
    --body:'Inter', sans-serif;
    --mono:var(--display);

    --container:1240px;
    --radius:20px;
    --ease:cubic-bezier(.22,1,.36,1);
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--body);
    background:var(--cream);
    color:var(--ink);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  ul{list-style:none;}
  button{font-family:inherit;cursor:pointer;border:none;background:none;}

  .container{width:100%;max-width:var(--container);margin:0 auto;padding:0 32px;}
  ::selection{background:var(--sunset-yellow);color:var(--ink);}

  .eyebrow{
    font-family:var(--mono);
    font-size:12.5px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--blue);
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:700;
  }
  .eyebrow::before{
    content:'';
    width:7px;height:7px;border-radius:50%;
    background:var(--sunset-yellow);
    box-shadow:0 0 0 3px rgba(245,185,66,.25);
  }
  .eyebrow.on-dark{color:var(--gold-soft);}

  h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-0.02em;line-height:1.02;}

  .section-title{
    font-size:clamp(34px,4.4vw,58px);
    margin-top:14px;
    max-width:820px;
  }
  .section-title em{font-style:normal;color:var(--blue);}
  .on-dark .section-title{color:var(--white);}
  .on-dark .section-title em{color:var(--gold-soft);}

  .section-sub{
    font-size:17px;
    color:var(--gray);
    max-width:520px;
    margin-top:18px;
    line-height:1.6;
  }
  .on-dark .section-sub{color:var(--ondark-muted);}

  section{position:relative;}

  .btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:16px 28px;
    border-radius:100px;
    font-size:14.5px;
    font-weight:700;
    transition:transform .35s var(--ease), box-shadow .35s var(--ease), background .3s;
  }
  .btn-cta{
    background:var(--cta);
    color:var(--ink);
    box-shadow:0 10px 30px -6px rgba(255,201,34,.42);
  }
  .btn-cta:hover{background:var(--cta-hover);color:var(--ink);transform:translateY(-3px);box-shadow:0 18px 40px -8px rgba(255,201,34,.5);}
  .btn-cta .arrow{transition:transform .35s var(--ease);}
  .btn-cta:hover .arrow{transform:translateX(4px);}
  .btn-ghost{border:1px solid var(--line-dark);color:var(--white);}
  .btn-ghost:hover{background:rgba(255,255,255,.08);transform:translateY(-3px);}

  .trust-note{
    font-family:var(--mono);
    font-size:11.5px;
    letter-spacing:.03em;
    color:var(--ondark-muted);
    margin-top:14px;
    display:flex;align-items:center;gap:8px;
  }
  .trust-note::before{content:'✓';color:var(--green);font-weight:700;}

  .reveal{opacity:0;transform:translate3d(0,32px,0);transition:opacity 1s var(--ease), transform 1s var(--ease);will-change:opacity,transform;}
  .reveal.in{opacity:1;transform:translateY(0);}
  .reveal-stagger > *{opacity:0;transform:translate3d(0,26px,0);transition:opacity .9s var(--ease), transform .9s var(--ease);will-change:opacity,transform;}
  .reveal-stagger.in > *{opacity:1;transform:translateY(0);}
  .reveal-stagger.in > *:nth-child(1){transition-delay:.02s;}
  .reveal-stagger.in > *:nth-child(2){transition-delay:.09s;}
  .reveal-stagger.in > *:nth-child(3){transition-delay:.16s;}
  .reveal-stagger.in > *:nth-child(4){transition-delay:.23s;}
  .reveal-stagger.in > *:nth-child(5){transition-delay:.30s;}
  .reveal-stagger.in > *:nth-child(6){transition-delay:.37s;}
  .reveal-stagger.in > *:nth-child(7){transition-delay:.44s;}
  .reveal-stagger.in > *:nth-child(8){transition-delay:.51s;}
  .reveal-stagger.in > *:nth-child(9){transition-delay:.58s;}

  /* ================= NAV ================= */
  .nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 0;transition:padding .35s var(--ease), background .35s var(--ease), border-color .35s var(--ease);border-bottom:1px solid transparent;}
  .nav.scrolled{padding:14px 0;background:rgba(251,246,234,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
  .nav.on-hero{--nav-fg:var(--white);}
  .nav .container{display:flex;align-items:center;justify-content:space-between;}
  .logo-mark{height:34px;width:auto;transition:opacity .3s;}
  .nav.on-hero .logo-navy{display:none;}
  .nav:not(.on-hero) .logo-white{display:none;}
  .nav-links{display:flex;gap:6px;align-items:center;}
  .nav-links a{font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;padding:9px 14px;border-radius:100px;color:var(--nav-fg,var(--ink));opacity:.88;transition:opacity .25s, background .25s;}
  .nav-links a.is-active{opacity:1;background:rgba(128,128,128,.16);}

  /* Desktop nav dropdowns (What We Do / Work) */
  .nav-item{position:relative;display:inline-flex;align-items:center;}
  .nav-dropdown{
    position:absolute;top:100%;left:50%;
    padding-top:14px;
    transform:translateX(-50%) translateY(-6px);
    opacity:0;pointer-events:none;
    transition:opacity .22s var(--ease), transform .22s var(--ease);
    z-index:120;
  }
  .nav-item.open .nav-dropdown{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);}
  .nav-dropdown-inner{
    background:var(--white);border-radius:14px;padding:10px;min-width:220px;
    box-shadow:0 24px 54px -20px rgba(10,18,48,.4);border:1px solid var(--line);
    display:flex;flex-direction:column;gap:1px;
  }
  .nav-dropdown a{
    font-family:var(--mono);font-size:12px;color:var(--ink);padding:10px 12px;border-radius:8px;
    opacity:1;white-space:nowrap;background:none;display:block;
  }
  .nav-dropdown a:hover{background:var(--cream-2);color:var(--blue);}

  /* Mobile accordion (same What We Do / Work sublists, tap to expand) */
  .mobile-accordion{border-bottom:1px solid var(--line-dark);}
  .mobile-accordion-head{display:flex;align-items:center;justify-content:space-between;}
  .mobile-accordion-head a{border-bottom:none;flex:1;}
  .mobile-accordion-toggle{
    background:none;border:none;color:var(--white);font-size:11px;padding:16px 6px;
    cursor:pointer;transition:transform .3s var(--ease);opacity:.7;
  }
  .mobile-accordion.open .mobile-accordion-toggle{transform:rotate(180deg);opacity:1;}
  .mobile-accordion-body{max-height:0;overflow:hidden;transition:max-height .35s var(--ease);}
  .mobile-accordion.open .mobile-accordion-body{max-height:420px;}
  .mobile-accordion-body a.sub{
    display:block;font-family:var(--mono);font-size:12.5px;color:var(--ondark-muted);
    padding:10px 4px 10px 14px;border-bottom:none;
  }
  .nav-links a:hover{opacity:1;background:rgba(128,128,128,.14);}
  .nav-cta{font-size:13px;padding:11px 20px;border-radius:100px;background:var(--cta);color:var(--ink)!important;font-weight:800;transition:transform .3s var(--ease), background .3s;}
  .nav-cta:hover{transform:translateY(-2px);background:var(--cta-hover);}
  .nav-burger{display:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-dark);align-items:center;justify-content:center;color:var(--nav-fg,var(--ink));cursor:pointer;background:none;}

  /* Mobile slide-in menu */
  .mobile-menu{
    position:fixed;top:0;right:0;bottom:0;width:min(320px,84vw);z-index:200;
    background:var(--navy-deep);
    transform:translateX(100%);
    transition:transform .4s var(--ease);
    display:flex;flex-direction:column;
    padding:28px 26px;
    box-shadow:-20px 0 60px rgba(0,0,0,.35);
  }
  .mobile-menu.open{transform:translateX(0);}
  .mobile-menu-close{
    align-self:flex-end;width:38px;height:38px;border-radius:50%;
    border:1px solid var(--line-dark);color:var(--white);
    display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;background:none;
  }
  .mobile-menu-links{display:flex;flex-direction:column;gap:6px;margin-top:50px;}
  .mobile-menu-links a{
    font-family:var(--mono);font-size:15px;letter-spacing:.02em;color:var(--white);
    padding:16px 4px;border-bottom:1px solid var(--line-dark);
  }
  .mobile-menu-links a.is-active{color:var(--gold-soft);}
  .mobile-menu-links a.nav-cta{
    margin-top:22px;border-bottom:none;text-align:center;padding:14px;border-radius:100px;
    background:var(--cta);color:var(--ink)!important;font-weight:800;
  }

  /* ================= HERO ================= */
  .hero{
    min-height:100vh;
    background:
      radial-gradient(1100px 700px at 78% -10%, rgba(62,123,255,.35), transparent 60%),
      radial-gradient(800px 500px at 10% 110%, rgba(245,185,66,.14), transparent 60%),
      linear-gradient(160deg, var(--navy-deep) 0%, #0A1F52 45%, var(--navy) 100%);
    color:var(--white);
    display:flex;flex-direction:column;justify-content:space-between;
    padding-top:120px;
    overflow:hidden;
  }
  .hero-inner{position:relative;flex:1;display:flex;align-items:center;}
  .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:20px;width:100%;}
  .hero-copy .eyebrow{margin-bottom:22px;}
  .hero-title{font-size:clamp(56px,8.6vw,132px);color:var(--white);}
  .hero-title .ht-line1{display:block;}
  .hero-title .ht-line2{
    display:block;
    position:relative;
    color:var(--sunset-yellow);
    -webkit-text-stroke:0;
    font-family:var(--display);
    font-size:.82em;
    font-weight:800;
    font-variation-settings:"opsz" 96;
    letter-spacing:-.055em;
    line-height:.9;
  }
  .hero-desc{margin-top:28px;font-size:18px;line-height:1.65;color:var(--ondark);max-width:460px;}
  .hero-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap;align-items:center;}

  .hero-orbit-wrap{position:relative;height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
  .orbit-scene{position:relative;width:460px;height:460px;transform-style:preserve-3d;perspective:1200px;}
  .volans-sphere{
    position:absolute;top:50%;left:50%;width:188px;height:188px;margin:-94px 0 0 -94px;border-radius:50%;
    background:radial-gradient(circle at 34% 28%, #A9C6FF 0%, #3E7BFF 32%, #1546B8 68%, #0A2670 100%);
    box-shadow:0 0 100px rgba(62,123,255,.55), inset -26px -26px 60px rgba(0,0,0,.35), inset 10px 10px 30px rgba(255,255,255,.25);
    animation:float 7s ease-in-out infinite;
    z-index:3;
    display:flex;align-items:center;justify-content:center;
  }
  .volans-sphere img{width:96px;opacity:.92;filter:drop-shadow(0 2px 8px rgba(255,255,255,.35));}
  @keyframes float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-14px);}}

  .orbit-ring{position:absolute;top:50%;left:50%;border:1px solid rgba(255,255,255,.24);border-radius:50%;transform-style:preserve-3d;}
  .ring-a{width:380px;height:380px;margin:-190px 0 0 -190px;transform:rotateX(72deg) rotate(0deg);animation:spin 20s linear infinite;}
  .ring-b{width:460px;height:460px;margin:-230px 0 0 -230px;transform:rotateX(72deg) rotate(50deg);animation:spinRev 30s linear infinite;}
  .ring-c{width:300px;height:300px;margin:-150px 0 0 -150px;transform:rotateX(72deg) rotate(140deg);animation:spin 14s linear infinite;border-color:rgba(255,255,255,.15);}
  @keyframes spin{from{transform:rotateX(72deg) rotate(0deg);}to{transform:rotateX(72deg) rotate(360deg);}}
  @keyframes spinRev{from{transform:rotateX(72deg) rotate(360deg);}to{transform:rotateX(72deg) rotate(0deg);}}
  .orbit-dot{position:absolute;top:-6px;left:14%;width:12px;height:12px;border-radius:50%;}
  .dot-gold{background:var(--sunset-yellow);box-shadow:0 0 16px var(--gold);}
  .dot-white{background:#fff;left:70%;box-shadow:0 0 14px rgba(255,255,255,.8);}
  .dot-turq{background:var(--turquoise);left:45%;box-shadow:0 0 14px var(--turquoise);}
  .dot-green{background:var(--green);left:85%;box-shadow:0 0 14px var(--green);}

  .hero-marquee{position:relative;border-top:1px solid var(--line-dark);padding:22px 0;overflow:hidden;white-space:nowrap;}
  .marquee-track{display:inline-flex;gap:44px;animation:marquee 34s linear infinite;}
  .marquee-track span{font-family:var(--mono);font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ondark-muted);display:inline-flex;align-items:center;gap:14px;}
  .marquee-track span::after{content:'✦';color:var(--sunset-yellow);font-size:11px;}
  @keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

  /* ================= BRAND WANTS (search) ================= */
  .wants{padding:130px 0 100px;text-align:center;}
  .wants .eyebrow{justify-content:center;}
  .wants-title{font-size:clamp(30px,4vw,48px);margin:16px auto 46px;max-width:640px;}
  .search-shell{max-width:720px;margin:0 auto;}
  .search-bar{
    background:var(--white);
    border-radius:100px;
    padding:20px 30px;
    display:flex;align-items:center;gap:16px;
    box-shadow:0 30px 70px -30px rgba(10,18,48,.25);
    border:1px solid var(--line);
  }
  .search-bar .ic{color:var(--gray-light);font-size:18px;}
  .type-text{
    flex:1;text-align:left;font-family:var(--display);font-weight:600;font-size:20px;color:var(--blue);
    min-height:28px;
  }
  .type-text .cursor{display:inline-block;width:2px;height:20px;background:var(--blue);margin-left:2px;vertical-align:middle;animation:blink 1s step-end infinite;}
  @keyframes blink{50%{opacity:0;}}
  .search-results{margin-top:34px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;text-align:left;}
  .search-results div{
    font-size:14.5px;color:var(--navy);font-weight:600;
    background:var(--cream-2);padding:14px 18px;border-radius:12px;
  }

  /* ================= WHO WE ARE ================= */
  .who{padding:100px 0 110px;}
  .who-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;}
  .who-copy p{font-size:17px;line-height:1.75;color:var(--gray);margin-top:20px;max-width:480px;}
  .who-copy p strong{color:var(--ink);}
  .who-panel{background:var(--white);border-radius:var(--radius);padding:36px;box-shadow:0 30px 70px -30px rgba(10,18,48,.18);}
  .who-panel-label{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--gray-light);text-transform:uppercase;margin-bottom:26px;}
  .route{position:relative;padding-top:6px;}
  .route-line{position:absolute;top:8px;left:0;right:0;height:1px;background:var(--line);}
  .route-line-fill{position:absolute;top:0;left:0;height:1px;background:linear-gradient(90deg,var(--blue),var(--gold));width:0%;transition:width 1.4s var(--ease);}
  .route.in .route-line-fill{width:100%;}
  .route-stops{display:flex;justify-content:space-between;position:relative;}
  .route-stop{display:flex;flex-direction:column;align-items:center;gap:14px;}
  .route-dot{width:15px;height:15px;border-radius:50%;background:var(--white);border:2px solid var(--blue);position:relative;z-index:2;}
  .route-stop:first-child .route-dot,.route-stop:last-child .route-dot{background:var(--gold);border-color:var(--gold);}
  .route-city{font-family:var(--mono);font-size:12.5px;font-weight:700;color:var(--ink);text-align:center;}
  .route-city small{display:block;font-weight:400;color:var(--gray-light);font-size:10.5px;margin-top:3px;}
  .who-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;}
  .who-tags li{font-size:14px;padding:14px 16px;border-radius:12px;background:var(--cream-2);color:var(--navy);font-weight:600;}

  /* ================= HOW WE WORK ================= */
  .how{background:var(--navy-deep);color:var(--white);padding:130px 0;}
  .how-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;}
  .how-stats{display:flex;gap:18px;}
  .stat-orb{width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--display);box-shadow:0 20px 50px -18px rgba(0,0,0,.5);}
  .stat-orb.blue{background:radial-gradient(circle at 32% 28%,#6FA0FF,#1E5AE8 60%,#0B2E8F 100%);}
  .stat-orb.gold{background:radial-gradient(circle at 32% 28%,#FFD08A,#FF9F2E 60%,#C4630F 100%);}
  .stat-orb b{font-size:30px;color:var(--white);}
  .stat-orb span{font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;color:rgba(255,255,255,.92);text-transform:uppercase;margin-top:2px;text-align:center;padding:0 10px;}

  .how-cols{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;margin-top:80px;align-items:start;}
  .how-list{margin-top:10px;}
  .how-list li{display:flex;gap:16px;padding:20px 0;border-top:1px solid var(--line-dark);font-size:15.5px;color:var(--ondark);}
  .how-list li:last-child{border-bottom:1px solid var(--line-dark);}
  .how-list li i{font-family:var(--mono);color:var(--gold-soft);font-style:normal;font-size:13px;flex:0 0 26px;}
  .how-list li b{color:var(--white);}

  .integrations{position:relative;height:340px;display:flex;align-items:center;justify-content:center;}
  .integ-core{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#A9C6FF,#1E5AE8 60%,#0A2670 100%);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:11px;color:#fff;box-shadow:0 0 60px rgba(62,123,255,.5);z-index:2;}
  .integ-ring{position:absolute;border:1px dashed rgba(255,255,255,.18);border-radius:50%;animation:spin2 40s linear infinite;}
  .integ-ring.r1{width:230px;height:230px;}
  .integ-ring.r2{width:330px;height:330px;animation-duration:60s;animation-direction:reverse;}
  @keyframes spin2{from{transform:rotate(0);}to{transform:rotate(360deg);}}
  .integ-pill{position:absolute;font-family:var(--mono);font-size:11px;letter-spacing:.04em;background:rgba(255,255,255,.08);border:1px solid var(--line-dark);padding:7px 13px;border-radius:100px;color:var(--ondark);backdrop-filter:blur(6px);}

  .benefits{margin-top:110px;border-top:1px solid var(--line-dark);padding-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:44px;}
  .benefit-tag{font-family:var(--display);font-weight:700;font-size:clamp(21px,2.1vw,27px);color:var(--gold-soft);display:block;}
  .benefit p{margin-top:14px;font-size:15.5px;line-height:1.65;color:var(--ondark);max-width:320px;}
  @media (max-width:1000px){.benefits{grid-template-columns:1fr;gap:32px;}}

  /* ================= WHAT WE DO ================= */
  .what{padding:130px 0;background:radial-gradient(900px 520px at 85% 10%,rgba(62,123,255,.22),transparent 65%),linear-gradient(145deg,var(--navy-deep),#0A1230);color:var(--white);}
  .what-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;}
  .what .section-title{color:var(--white);}
  .what .section-title em{color:var(--gold-soft);}
  .what .section-sub{color:var(--ondark);}
  .what .section-sub a{color:var(--gold-soft)!important;}
  .services-grid{margin-top:70px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
  .what .services-grid{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.18);box-shadow:0 28px 80px -54px rgba(0,0,0,.75);}
  .service-card{
    --accent:#1E5AE8;
    background:var(--cream);padding:34px 26px;min-height:250px;
    border-top:3px solid transparent;
    display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;
    transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
  }
  .service-card::before{
    content:'';position:absolute;inset:0;
    background:radial-gradient(380px 240px at 15% 0%, color-mix(in srgb, var(--accent) 20%, white 80%), transparent 72%);
    opacity:0;transition:opacity .45s var(--ease);
  }
  .service-card:hover{
    transform:translateY(-6px);z-index:2;
    border-top-color:var(--accent);
    box-shadow:0 26px 54px -22px color-mix(in srgb, var(--accent) 50%, rgba(10,18,48,.35));
  }
  .service-card:hover::before{opacity:1;}
  .service-card > *{position:relative;z-index:1;}
  .service-num{font-family:var(--mono);font-size:12px;color:var(--gray-light);transition:color .4s;}
  .service-card:hover .service-num{color:var(--accent);font-weight:700;}
  .service-name{font-family:var(--display);font-size:20px;font-weight:700;margin-top:34px;color:var(--ink);}
  .service-desc{font-size:13.5px;color:var(--gray);margin-top:10px;line-height:1.55;}
  .service-tag{margin-top:16px;display:inline-block;align-self:flex-start;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink);text-transform:uppercase;padding:5px 10px;border:1px solid var(--line);border-radius:100px;background:transparent;transition:background .35s, border-color .35s;}
  .service-card:hover .service-tag{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:700;}

  /* ================= STATS BAND ================= */
  .stats-band{background:linear-gradient(120deg,var(--blue) 0%, #1546B8 100%);color:var(--white);padding:90px 0;}
  .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .stat-item{border-left:1px solid rgba(255,255,255,.3);padding-left:22px;}
  .stat-item .num{font-family:var(--display);font-size:clamp(34px,4.2vw,58px);font-weight:700;}
  .stat-item .lbl{font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:#EAF0FF;text-transform:uppercase;margin-top:6px;}

  /* ================= WORK ================= */
  .work{padding:130px 0;}
  .logo-wall{margin-top:60px;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);}
  .logo-tile{
    border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 14px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
    min-height:96px;
    transition:background .3s;
  }
  .logo-tile:hover{background:var(--white);}
  .logo-tile img{
    max-height:30px;max-width:80%;object-fit:contain;
    filter:grayscale(1);opacity:.7;
    transition:filter .3s,opacity .3s;
  }
  .logo-tile:hover img{filter:none;opacity:1;}
  .logo-tile span{
    font-family:var(--display);font-weight:700;font-size:13px;color:var(--black);
    text-align:center;opacity:.7;transition:color .3s,opacity .3s;
  }
  .logo-tile.wordmark-only span{font-size:14px;letter-spacing:.015em;opacity:.82;}
  .logo-tile:hover span{color:var(--blue);opacity:1;}
  .logo-note{margin-top:14px;font-family:var(--mono);font-size:11px;color:var(--gray-light);}

  /* Case slider content (mechanics now handled by the shared .js-slider system) */
  .case-slider{position:relative;}
  .case-slide{flex:0 0 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--ink);color:var(--white);align-items:stretch;}
  .case-visual{position:relative;overflow:hidden;aspect-ratio:16/9;}
  .cv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:var(--ink);}
  .case-visual .cv-bg{position:absolute;inset:0;opacity:.2!important;}
  .case-copy{padding:34px 38px;display:flex;flex-direction:column;justify-content:center;}
  .case-brand{font-family:var(--mono);font-size:12px;color:var(--gold-soft);text-transform:uppercase;letter-spacing:.08em;}
  .case-title{font-family:var(--display);font-size:28px;margin-top:14px;}
  .case-desc{font-size:14.5px;color:var(--ondark);line-height:1.7;margin-top:14px;max-width:400px;}
  .case-arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:background .3s,transform .3s;}
  .case-arrow:hover{background:var(--ink);color:#fff;transform:scale(1.06);}

  /* ================= AI / STUDIO strip ================= */
  .extra{background:var(--cream-2);padding:110px 0;}
  .extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
  .extra-badge{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--white);padding:8px 16px;border-radius:100px;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;}
  .extra-badge b{color:rgba(255,255,255,.8);}
  .extra-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px;}
  .extra-metrics div{background:var(--white);border-radius:14px;padding:18px 14px;text-align:center;}
  .extra-metrics b{display:block;font-family:var(--display);font-size:26px;color:var(--blue);}
  .extra-metrics span{font-family:var(--mono);font-size:9.5px;color:var(--gray);text-transform:uppercase;}
  .extra-visual{aspect-ratio:4/3;border-radius:var(--radius);background:linear-gradient(135deg,#87CEEB,#4A90E2 60%,#1E5AE8);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
  .extra-visual span{font-family:var(--display);font-weight:800;font-size:9vw;color:rgba(255,255,255,.9);letter-spacing:-.03em;}

  /* DeeperLook service visualizations */
  .deep-visual{
    border-radius:var(--radius);position:relative;overflow:hidden;aspect-ratio:16/9;
    background:linear-gradient(145deg,#071431,#133B8E);isolation:isolate;
  }
  .deep-visual img{display:block;width:100%;height:100%;object-fit:cover;}
  .deep-visual--creative{background:linear-gradient(145deg,#071431,#174CB9);padding:0;}
  .deep-creative-kv{width:100%;height:auto;object-fit:contain;}
  .deep-visual--social{background:radial-gradient(circle at 20% 18%,rgba(47,217,199,.28),transparent 34%),linear-gradient(145deg,#06172F,#0B6E63);}
  .deep-social-vaillant{width:100%;height:auto;object-fit:contain;}
  .deep-visual--single{display:block;padding:0;}
  .deep-visual--single img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;filter:none;}
  .deep-visual--pr{background:radial-gradient(circle at 78% 16%,rgba(255,193,105,.38),transparent 30%),linear-gradient(145deg,#091632,#2A416E);}
  .deep-visual--digital{background:radial-gradient(circle at 24% 18%,rgba(30,90,232,.26),transparent 34%),linear-gradient(145deg,#F4F7FF,#DDE8FF);padding:28px;display:flex;align-items:center;justify-content:center;}
  .deep-visual--digital .deep-digital-platforms{width:100%;height:100%;max-width:100% !important;max-height:100% !important;object-fit:contain !important;object-position:center !important;filter:drop-shadow(0 20px 28px rgba(30,90,232,.18)) !important;}
  .deep-visual--web{background:radial-gradient(circle at 22% 18%,rgba(236,72,153,.22),transparent 32%),linear-gradient(145deg,#EEF3FF,#DDE7FF);}
  .deep-visual--web{display:flex;align-items:center;justify-content:center;padding:24px;}
  .deep-visual--digital img,.deep-visual--web img{object-fit:contain;}
  .deep-web-partner{width:100%;filter:drop-shadow(0 20px 26px rgba(10,18,48,.22));}
  .deep-ai-videos{aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;padding:8px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;background:linear-gradient(145deg,#140B35,#5B21B6);}
  .deep-ai-videos .video-embed{aspect-ratio:auto;min-height:0;border-radius:12px;}
  .deep-ai-videos .video-embed:first-child{grid-column:1/-1;}
  .deep-ai-videos .video-play-btn{width:46px;height:46px;font-size:15px;}
  .deep-ai-videos .video-embed-note{font-size:9px;padding:0 8px;}
  .deep-ai-videos--single{display:block;padding:8px;}
  .deep-ai-videos--single .video-embed{width:100%;height:100%;}

  /* Extra section slider content (7 service deep dives; mechanics via .js-slider) */
  .extra-slider{position:relative;}
  .extra-slide{flex:0 0 100%;}
  .js-slider-nav .case-arrow{border-color:var(--line);}
  .js-slider-nav .case-arrow:hover{background:var(--ink);color:#fff;}

  /* ================= CONTACT ================= */
  /* Awards */
  .awards{background:var(--ink);color:var(--white);padding:110px 0;}
  .awards-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
  .awards-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  @media (max-width:600px){.awards-list{grid-template-columns:1fr;}}
  .award-item{display:flex;align-items:center;gap:20px;background:rgba(255,255,255,.04);border:1px solid var(--line-dark);border-radius:16px;padding:20px 24px;}
  .award-medal{flex:0 0 60px;height:60px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#FFD08A,#FF9F2E 60%,#C4630F 100%);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:13px;color:#fff;}
  .award-name{font-family:var(--display);font-weight:700;font-size:18px;}
  .award-cat{font-family:var(--mono);font-size:11.5px;color:var(--ondark-muted);margin-top:4px;}
  @media (max-width:1000px){.awards-inner{grid-template-columns:1fr;}}

  /* Interior page hero (Who We Are, What We Do, Work, Contact) */
  .page-hero{
    background:radial-gradient(1100px 600px at 78% -10%, rgba(62,123,255,.3), transparent 60%), linear-gradient(160deg, var(--navy-deep) 0%, #0A1F52 45%, var(--navy) 100%);
    color:var(--white);
    padding:160px 0 70px;
  }
  .breadcrumb{font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;color:var(--ondark-muted);display:flex;gap:8px;align-items:center;margin-bottom:22px;}
  .breadcrumb a{color:var(--ondark-muted);transition:color .25s;}
  .breadcrumb a:hover{color:var(--white);}
  .page-hero .section-title{color:var(--white);max-width:760px;}
  .page-hero .section-title em{color:var(--gold-soft);font-style:normal;}
  .page-hero .section-sub{color:var(--ondark);max-width:680px;text-wrap:pretty;overflow:visible;display:block;}
  .service-page-hero .container>div:first-child{min-width:0;}
  .service-page-hero .section-sub{font-size:clamp(16px,1.45vw,19px);line-height:1.65;max-width:720px;}

  /* Manifesto band */
  .manifesto{background:var(--ink);padding:120px 0;}
  .manifesto p{font-family:var(--display);font-weight:700;font-size:clamp(28px,4.4vw,54px);line-height:1.25;color:var(--white);text-align:center;max-width:900px;margin:0 auto;}
  .manifesto em{font-style:normal;color:var(--gold-soft);}

  /* Milestones timeline */
  .milestones{padding:120px 0;}
  .mstones{margin-top:50px;position:relative;padding-left:20px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:34px;}
  .mstone{position:relative;padding-left:26px;}
  .mstone-dot{position:absolute;left:-31px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--cream);}
  .mstone-body b{font-family:var(--display);font-size:18px;font-weight:700;display:block;color:var(--ink);}
  .mstone-body span{font-size:14.5px;color:var(--gray);display:block;margin-top:4px;max-width:520px;}

  .social-row{display:flex;gap:14px;margin-top:30px;}
  .social-row a{font-family:var(--mono);font-size:11.5px;color:var(--ondark);border:1px solid var(--line-dark);padding:9px 16px;border-radius:100px;transition:background .25s;}
  .social-row a:hover{background:rgba(255,255,255,.08);}

  .next-steps{padding:110px 0 60px;text-align:center;}
  .steps{margin-top:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;text-align:left;}
  .step{background:var(--white);border-radius:16px;padding:30px 26px;box-shadow:0 20px 50px -30px rgba(10,18,48,.2);}
  .step-num{font-family:var(--mono);font-size:12px;color:var(--gray-light);}
  .step b{display:block;font-family:var(--display);font-size:19px;margin-top:10px;}
  .step span{display:block;font-size:13.5px;color:var(--gray);margin-top:8px;line-height:1.55;}
  @media (max-width:1000px){.steps{grid-template-columns:1fr;}}

  .faq{padding:60px 0 120px;max-width:760px;margin:0 auto;}
  .faq-list{margin-top:30px;display:flex;flex-direction:column;gap:12px;}
  .faq-list details{background:var(--white);border-radius:14px;padding:18px 22px;border:1px solid var(--line);}
  .faq-list summary{font-family:var(--display);font-weight:700;font-size:15.5px;cursor:pointer;list-style:none;}
  .faq-list summary::-webkit-details-marker{display:none;}
  .faq-list summary::after{content:'+';float:right;color:var(--blue);}
  .faq-list details[open] summary::after{content:'\2212';}
  .faq-list p{margin-top:12px;font-size:14px;color:var(--gray);line-height:1.6;}

  /* Generic image slider (service + case study example galleries) */
  .js-slider{margin-top:50px;}
  .js-slider-track-wrap{overflow:hidden;border-radius:var(--radius);transition:height .45s var(--ease);}
  .js-slider-track{display:flex;align-items:flex-start;transition:transform .6s var(--ease);}
  .js-slide{flex:0 0 100%;position:relative;background:var(--ink);overflow:hidden;}
  .js-slide-media{width:100%;background:var(--ink);overflow:hidden;}
  .js-slide-media img{width:100%;height:auto;object-fit:contain;object-position:center;display:block;}
  .js-slide-cap{position:relative;padding:20px 26px;background:var(--ink);color:#fff;min-height:76px;display:flex;flex-direction:column;justify-content:center;}
  .js-slide-cap b{font-family:var(--display);font-size:16px;display:block;}
  .js-slide-cap span{font-family:var(--mono);font-size:11px;color:var(--ondark-muted);}
  .js-slider-nav{display:flex;align-items:center;gap:16px;margin-top:20px;justify-content:center;}
  .js-slider-dots{display:flex;gap:8px;}
  .js-slider-dots span{width:7px;height:7px;border-radius:50%;background:var(--line);transition:background .3s,width .3s;}
  .js-slider-dots span.active{background:var(--blue);width:22px;border-radius:6px;}
  .js-slide--device{display:flex;flex-direction:column;background:var(--ink);}
  .js-slide-device-stage{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;padding:4.5%;background:radial-gradient(circle at 20% 15%,rgba(62,123,255,.28),transparent 30%),#071431;}
  .device-browser{width:min(92%,980px);height:88%;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 32px 70px -25px rgba(0,0,0,.75);}
  .device-browser-bar{height:38px;background:#E8ECF5;display:flex;align-items:center;gap:7px;padding:0 14px;color:var(--gray);font-family:var(--mono);font-size:9px;}
  .device-browser-bar i{width:8px;height:8px;border-radius:50%;background:#FF7B57;}.device-browser-bar i:nth-child(2){background:#FFC922}.device-browser-bar i:nth-child(3){background:#7ED957}.device-browser-bar span{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .device-screen{height:calc(100% - 38px);overflow:hidden;background:#fff;}.device-screen img{width:100%;height:100%;object-fit:contain;}

  /* Service page layout */
  .svc-overview{padding:100px 0 40px;}
  .svc-overview p{font-size:17px;line-height:1.75;color:var(--gray);max-width:720px;}
  .svc-grid{padding:60px 0;}
  .svc-cap-grid{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
  .svc-cap-grid li{font-size:14.5px;padding:16px 18px;border-radius:12px;background:var(--cream-2);color:var(--navy);font-weight:600;}
  .svc-stats{padding:70px 0;}
  .svc-examples{padding:70px 0 110px;}
  .watch-work{padding-top:40px;}
  .service-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;}
  .service-hero-art{display:flex;justify-content:flex-end;align-items:center;}
  .service-hero-art img{width:min(100%,520px);filter:drop-shadow(0 30px 50px rgba(0,0,0,.3));}
  .service-hero-art--software img{width:min(100%,560px);height:auto;max-height:390px;object-fit:contain;filter:drop-shadow(0 28px 42px rgba(0,0,0,.24));}
  .cms-spotlight{padding:15px 0 55px;}
  .cms-spotlight-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:44px;padding:34px 40px;border:1px solid var(--line);border-radius:22px;background:var(--white);box-shadow:0 22px 60px -48px rgba(10,18,48,.45);}
  .cms-spotlight-card h2{font-size:clamp(25px,2.8vw,38px);line-height:1.12;margin-top:12px;}
  .cms-spotlight-card p{color:var(--gray);font-size:15px;line-height:1.7;max-width:650px;}
  .cms-spotlight-card a{display:inline-block;margin-top:16px;color:var(--blue);font-size:13px;font-weight:700;}
  .pr-collage{margin-top:46px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:repeat(2,230px);gap:16px;}
  .pr-collage figure{position:relative;border-radius:18px;overflow:hidden;background:var(--ink);}.pr-collage-main{grid-row:span 2;}.pr-collage img{width:100%;height:100%;object-fit:cover;}.pr-collage figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;font-family:var(--mono);font-size:11px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);}
  .related{background:var(--cream-2);padding:90px 0;}
  .related-grid{margin-top:36px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .related-card{background:var(--white);border-radius:14px;padding:22px;transition:transform .3s var(--ease);}
  .related-card:hover{transform:translateY(-4px);}
  .related-card b{font-family:var(--display);font-size:16px;display:block;}
  .related-card span{font-size:12.5px;color:var(--gray);display:block;margin-top:6px;}
  @media (max-width:900px){.svc-cap-grid{grid-template-columns:1fr;}.related-grid{grid-template-columns:1fr;}.service-hero-grid{grid-template-columns:1fr;}.service-hero-art{justify-content:center;}.cms-spotlight-card{grid-template-columns:1fr;gap:16px;padding:28px;}.pr-collage{grid-template-columns:1fr;grid-template-rows:none;}.pr-collage figure,.pr-collage-main{grid-row:auto;min-height:240px;}}

  /* Vertical project stream — replaces the old horizontal galleries */
  .project-examples{display:flex;flex-direction:column;gap:28px;margin-top:48px;}
  .project-example{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);min-height:420px;background:var(--ink);border-radius:var(--radius);overflow:hidden;color:#fff;box-shadow:0 28px 70px -46px rgba(10,18,48,.62);}
  a.project-example{transition:transform .55s var(--ease),box-shadow .55s var(--ease);}
  a.project-example:hover{transform:translateY(-5px);box-shadow:0 34px 78px -42px rgba(10,18,48,.72);}
  .project-example-media{min-width:0;display:flex;align-items:center;justify-content:center;background:#071431;padding:0;}
  .project-example-media>img{display:block;width:100%;height:100%;max-height:600px;object-fit:contain;object-position:center;}
  .project-example-media--device{padding:5%;min-height:420px;background:radial-gradient(circle at 18% 12%,rgba(62,123,255,.25),transparent 32%),#071431;}
  .project-example-media--device .device-browser{height:min(88%,500px);aspect-ratio:16/10;width:min(94%,900px);}
  .project-example-copy{padding:clamp(30px,4vw,58px);display:flex;flex-direction:column;justify-content:center;}
  .project-example-copy>span{font-family:var(--display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft);font-weight:700;}
  .project-example-copy h3{font-size:clamp(26px,3vw,42px);margin-top:16px;}
  .project-example-copy p{margin-top:16px;color:var(--ondark);line-height:1.7;font-size:15px;}
  .project-example-link{display:block;margin-top:24px;color:var(--gold-soft);font-family:var(--display);font-size:13px;}

  /* Preserve complete cover art while replacing letterbox bars with a soft extension. */
  .media-backdrop{position:relative;isolation:isolate;overflow:hidden;}
  .media-backdrop::before{content:"";position:absolute;inset:-24px;background-image:var(--media);background-size:cover;background-position:center;filter:blur(22px) brightness(.62) saturate(.9);transform:scale(1.08);z-index:0;}
  .media-backdrop>img,.media-backdrop>.device-browser{position:relative;z-index:1;}

  @media (max-width:900px){
    .project-example{grid-template-columns:1fr;min-height:0;}
    .project-example-media:not(.project-example-media--device){aspect-ratio:auto;}
    .project-example-media:not(.project-example-media--device)>img{height:auto;max-height:none;}
    .project-example-media--device{min-height:0;}
    .project-example-copy{padding:28px;}
  }

  /* Work portfolio rows */
  .portfolio{padding:70px 0 120px;}
  .portfolio-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:48px;align-items:center;padding:70px 0;border-top:1px solid var(--line);}
  .portfolio-row:nth-child(even) .portfolio-copy{order:2;}
  .portfolio-visual{aspect-ratio:12/5;border-radius:var(--radius);overflow:hidden;background:var(--ink);}
  .portfolio-visual img{width:100%;height:100%;object-fit:contain;display:block;}
  .portfolio-copy .eyebrow{margin-bottom:14px;}
  .portfolio-copy h3{font-family:var(--display);font-size:clamp(24px,2.8vw,36px);font-weight:700;}
  .portfolio-copy p{font-size:14.5px;color:var(--gray);margin-top:14px;line-height:1.65;max-width:440px;}
  .portfolio-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
  .portfolio-tags span{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--blue);border:1px solid rgba(30,90,232,.25);padding:5px 10px;border-radius:100px;}
  .portfolio-copy .btn{margin-top:22px;}
  @media (max-width:900px){.portfolio-row{grid-template-columns:1fr;gap:26px;}.portfolio-row:nth-child(even) .portfolio-copy{order:0;}}

  /* Case study hero + stats */
  .cs-hero{padding:60px 0 0;}
  .cs-hero-visual{aspect-ratio:12/5;border-radius:var(--radius);overflow:hidden;margin-top:40px;position:relative;background:var(--ink);}
  .cs-hero-ferre-art-series .cs-hero-visual,.cs-hero-renova-touch .cs-hero-visual,.cs-hero-ferre-cpq .cs-hero-visual{aspect-ratio:16/9;}
  .cs-hero-visual img{width:100%;height:100%;object-fit:contain;display:block;}
  .cs-meta{display:flex;flex-wrap:wrap;gap:28px;margin-top:34px;}
  .cs-meta-item{font-family:var(--mono);font-size:11px;color:var(--gray-light);text-transform:uppercase;letter-spacing:.05em;}
  .cs-meta-item b{display:block;font-family:var(--display);font-size:16px;color:var(--ink);text-transform:none;letter-spacing:0;margin-top:4px;}
  .cs-body{padding:70px 0;}
  .cs-body p{font-size:16.5px;line-height:1.75;color:var(--gray);max-width:720px;}
  .cs-body p + p{margin-top:18px;}
  .cs-award{margin-top:40px;display:flex;align-items:center;gap:16px;background:var(--cream-2);border-radius:14px;padding:20px 24px;max-width:560px;}
  .cs-award .award-medal{flex:0 0 52px;height:52px;font-size:11px;}
  .cs-award .award-cat{color:var(--gray);}
  .project-case-head .section-title{margin-top:14px;max-width:960px;}
  .project-case-kicker{font-family:var(--display);font-size:clamp(21px,2.8vw,36px);line-height:1.2;color:var(--ondark);max-width:820px;margin-top:20px;}
  .case-facts{margin-top:24px;}
  .cs-body .btn{margin-top:28px;}
  .case-next{padding:90px 0;text-align:center;}
  .case-next .section-title{margin:14px auto 28px;}

  /* Text-led system view used consistently across social-media case studies. */
  .social-system{padding:70px 0 100px;}
  .social-system>.container>.section-title{max-width:860px;margin-top:14px;}
  .social-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:42px;}
  .social-system-card{min-height:230px;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:0 24px 58px -46px rgba(10,18,48,.48);}
  .social-system-card>span{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--blue);}
  .social-system-card h3{font-size:clamp(22px,2.2vw,31px);margin-top:32px;}
  .social-system-card p{color:var(--gray);line-height:1.7;font-size:14.5px;margin-top:12px;max-width:520px;}
  @media (max-width:720px){.social-system-grid{grid-template-columns:1fr;}.social-system-card{min-height:0;}}

  /* Playable Instagram posts and Reels on social-media case studies */
  .instagram-showcase{padding:30px 0 110px;}
  .instagram-showcase>.container>.section-title{margin-bottom:46px;}
  .instagram-collection+.instagram-collection{margin-top:72px;}
  .instagram-collection h3{font-size:clamp(24px,2.4vw,34px);margin-bottom:24px;color:var(--ink);}
  .instagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;}
  .instagram-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px -42px rgba(10,18,48,.55);}
  .instagram-embed-frame{display:block;width:100%;height:650px;border:0;background:#fff;}
  .instagram-card>a{display:block;padding:13px 18px;border-top:1px solid var(--line);font-size:12px;font-weight:700;color:var(--blue);}
  @media (max-width:1050px){.instagram-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media (max-width:680px){.instagram-grid{grid-template-columns:1fr;}.instagram-embed-frame{height:620px;}.instagram-showcase{padding-bottom:80px;}}

  /* Project-led Work index */
  .project-index{padding:90px 0 130px;}
  .project-index-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px;}
  .project-index-intro p{max-width:520px;color:var(--gray);line-height:1.65;}
  .project-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
  .project-card{display:flex;flex-direction:column;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .65s var(--ease),box-shadow .65s var(--ease),opacity 1s var(--ease);}
  .project-card.reveal{transform:translate3d(0,46px,0) scale(.985);transition-delay:var(--reveal-delay,0ms);}
  .project-card.reveal.in{transform:translate3d(0,0,0) scale(1);}
  .project-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px -42px rgba(10,18,48,.55);}
  .project-card.reveal.in:hover{transform:translate3d(0,-7px,0) scale(1);}
  .project-card-media{aspect-ratio:16/9;background:#071431;display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .project-card-media img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .8s var(--ease);}
  .project-card:hover .project-card-media img{transform:scale(1.015);}
  .project-card-copy{padding:26px 28px 30px;display:flex;flex-direction:column;flex:1;}
  .project-card-copy>span{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;}
  .project-card-copy h2{font-size:clamp(24px,2.4vw,34px);margin-top:10px;}
  .project-card-copy p{color:var(--gray);line-height:1.65;font-size:14px;margin-top:12px;}
  .project-card-copy b{font-family:var(--display);font-size:13px;margin-top:auto;padding-top:22px;color:var(--blue);}
  .work-cta{padding:20px 0 120px;text-align:center;}
  .work-cta .section-title{margin:0 auto 28px;}
  @media (max-width:820px){.project-index-grid{grid-template-columns:1fr;}.project-index-intro{align-items:start;flex-direction:column;}.project-index{padding-top:70px;}}

  /* Video embed placeholder (YouTube / Vimeo, click to load, no upload) */
  .video-embed{
    position:relative;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;
    background:linear-gradient(135deg,var(--navy-deep) 0%, var(--blue) 100%);
    display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;
  }
  .video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.58) saturate(.9);}
  .video-play-btn{
    width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.14);
    border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;
    color:#fff;font-size:20px;cursor:pointer;transition:transform .3s var(--ease), background .3s;position:relative;z-index:2;
  }
  .video-play-btn:hover{transform:scale(1.08);background:rgba(255,255,255,.26);}
  .video-embed-note{font-family:var(--mono);font-size:11px;color:#fff;text-align:center;padding:0 20px;position:relative;z-index:2;text-shadow:0 2px 12px rgba(0,0,0,.8);}
  .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:none;z-index:3;}
  .video-embed.is-playing .video-play-btn,
  .video-embed.is-playing .video-embed-note,
  .video-embed.is-playing .video-poster{display:none;}
  .video-embed.is-playing iframe{display:block;}

  /* Work page video showcase */
  .work-videos{padding:110px 0;background:var(--cream-2);}
  .video-showcase{margin-top:42px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
  .video-feature .video-embed{border:1px solid rgba(30,90,232,.12);box-shadow:0 24px 52px -34px rgba(10,18,48,.48);}
  .brand-films .video-showcase{grid-template-columns:repeat(3,1fr);}
  @media (max-width:800px){.video-showcase{grid-template-columns:1fr;}}

  /* What We Do hub — case spotlight grid */
  .spotlight{padding:100px 0 130px;}
  .spot-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
  .spot-card{background:var(--cream);padding:32px 20px;display:flex;flex-direction:column;gap:8px;transition:background .3s, transform .3s var(--ease);}
  .spot-card:hover{background:var(--white);transform:translateY(-4px);}
  .spot-stat{font-family:var(--display);font-weight:800;font-size:28px;color:var(--blue);}
  .spot-brand{font-family:var(--display);font-weight:700;font-size:14.5px;}
  .spot-label{font-size:11.5px;color:var(--gray);line-height:1.4;}
  @media (max-width:1000px){.spot-grid{grid-template-columns:repeat(2,1fr);}}

  /* Process band (solid blue, numbered phase cards + compact stat row) */
  .process-band{background:var(--blue);border-radius:var(--radius);padding:54px 44px;margin-top:56px;}
  .process-band-head{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;}
  .process-band-head h3{font-family:var(--display);font-weight:800;font-size:clamp(24px,3vw,34px);color:#fff;max-width:520px;line-height:1.15;}
  .process-band-head p{font-size:14px;color:var(--ondark);max-width:340px;line-height:1.6;}
  .process-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .process-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:26px 22px;}
  .process-num{font-family:var(--mono);font-weight:700;color:var(--gold-soft);font-size:12.5px;}
  .process-card h4{font-family:var(--display);font-size:19px;font-weight:700;margin-top:14px;color:#fff;}
  .process-card p{font-size:13px;color:var(--ondark);margin-top:8px;line-height:1.55;}
  .mini-stats{margin-top:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .mini-stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:18px 16px;}
  .mini-stat b{font-family:var(--display);font-size:24px;font-weight:800;color:var(--gold-soft);display:block;}
  .mini-stat span{font-size:11px;color:var(--ondark);}
  @media (max-width:900px){.process-grid,.mini-stats{grid-template-columns:1fr 1fr;}}
  @media (max-width:600px){.process-grid,.mini-stats{grid-template-columns:1fr;}}

  /* Glow-blob showcase cards (Selected Work) */
  .glow-section{background:var(--ink);color:#fff;padding:120px 0;}
  .glow-grid{margin-top:50px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,220px);gap:18px;}
  .glow-card{
    position:relative;border-radius:20px;overflow:hidden;background:#0C1C40;
    border:1px solid var(--line-dark);padding:26px;display:flex;flex-direction:column;justify-content:flex-end;
    transition:transform .45s var(--ease),border-color .35s,box-shadow .45s var(--ease);
  }
  .glow-card:hover{transform:translateY(-7px);border-color:rgba(255,201,34,.55);box-shadow:0 28px 58px -30px rgba(30,90,232,.8);}
  .glow-card.large{grid-row:span 2;}
  .glow-card::before{
    content:'VOLANS';position:absolute;top:16px;left:20px;
    font-family:var(--display);font-weight:800;font-size:52px;color:rgba(255,255,255,.045);letter-spacing:-.02em;
  }
  .glow-blob{position:absolute;border-radius:50%;filter:blur(46px);opacity:.55;pointer-events:none;animation:glowDrift 9s ease-in-out infinite alternate;transition:opacity .4s,filter .4s;}
  .glow-blob:nth-of-type(2){animation-duration:12s;animation-direction:alternate-reverse;}
  .glow-card:hover .glow-blob{opacity:.78;filter:blur(34px);}
  @keyframes glowDrift{0%{transform:translate3d(-8px,8px,0) scale(.94)}50%{transform:translate3d(18px,-13px,0) scale(1.08)}100%{transform:translate3d(-4px,-22px,0) scale(1)}}
  .glow-card .eyebrow{position:relative;color:var(--gold-soft);}
  .glow-card .eyebrow::before{background:var(--gold-soft);}
  .glow-card h3{position:relative;font-family:var(--display);font-weight:700;font-size:22px;margin-top:10px;}
  .glow-card p{position:relative;font-size:13px;color:var(--ondark-muted);margin-top:8px;line-height:1.55;max-width:340px;}

  .glow-photo-grid{margin-top:32px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
  .glow-photo-card{position:relative;aspect-ratio:12/5;border-radius:16px;overflow:hidden;background:var(--navy-deep);}
  .glow-photo-card img{width:100%;height:100%;object-fit:contain;filter:brightness(.72);transition:filter .35s,transform .5s var(--ease);}
  .glow-photo-card:hover img{filter:brightness(.88);transform:none;}
  .glow-photo-cap{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);}
  .glow-photo-cap b{font-family:var(--display);font-weight:700;font-size:14px;color:#fff;display:block;}
  .glow-photo-cap span{font-family:var(--mono);font-size:9px;color:var(--ondark-muted);}
  @media (max-width:900px){.glow-photo-grid{grid-template-columns:1fr;}}
  @media (max-width:900px){.glow-grid{grid-template-columns:1fr;grid-template-rows:auto;}.glow-card.large{grid-row:auto;min-height:240px;}}

  /* Back-to-top button */
  .to-top-btn{
    position:fixed;right:26px;bottom:26px;z-index:150;
    width:48px;height:48px;border-radius:50%;
    background:var(--ink);color:#fff;border:1px solid rgba(255,255,255,.14);
    display:flex;align-items:center;justify-content:center;font-size:17px;
    opacity:0;pointer-events:none;transform:translateY(10px);
    transition:opacity .3s var(--ease), transform .3s var(--ease), background .3s;
    cursor:pointer;
    box-shadow:0 14px 34px -10px rgba(10,18,48,.45);
  }
  .to-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0);}
  .to-top-btn:hover{background:var(--blue);}
  @media (max-width:600px){.to-top-btn{right:16px;bottom:16px;width:42px;height:42px;}}

  .contact{background:var(--navy-deep);color:var(--white);padding:150px 0 90px;position:relative;overflow:hidden;}
  .contact-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;}
  .contact-title{font-size:clamp(46px,7vw,96px);}
  .contact-title em{font-style:normal;-webkit-text-stroke:1.5px var(--gold-soft);color:transparent;}
  .contact-list{margin-top:40px;}
  .contact-list li{border-top:1px solid var(--line-dark);padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:15px;}
  .contact-list li:last-child{border-bottom:1px solid var(--line-dark);}
  .contact-list span:first-child{font-family:var(--mono);font-size:11px;color:var(--gold-soft);text-transform:uppercase;letter-spacing:.08em;}
  .contact-list a{font-weight:600;color:var(--white);}
  .contact-list a:hover{color:var(--gold-soft);}
  .contact-cities{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px;}
  .contact-cities span{font-family:var(--mono);font-size:11.5px;border:1px solid var(--line-dark);padding:8px 14px;border-radius:100px;color:var(--ondark);}
  .contact-page-hero{padding-bottom:70px;overflow:hidden;}
  .contact-hero-grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:50px;}
  .contact-hero-art{display:flex;align-items:center;justify-content:flex-end;min-height:320px;}
  .contact-hero-art img{width:min(100%,520px);filter:drop-shadow(0 28px 45px rgba(0,0,0,.35));animation:contactFloat 7s ease-in-out infinite;}
  @keyframes contactFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}

  /* Contact form */
  .contact-form{
    background:var(--white);
    border-radius:var(--radius);
    padding:38px;
    box-shadow:0 30px 70px -30px rgba(0,0,0,.45);
  }
  .form-honeypot{position:absolute;left:-9999px;top:-9999px;}
  .form-row{margin-bottom:20px;}
  .form-row:last-of-type{margin-bottom:26px;}
  .form-row label{
    display:block;
    font-family:var(--mono);
    font-size:11px;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--gray);
    margin-bottom:8px;
  }
  .form-row label span{color:var(--cta);}
  .form-row label .optional{color:var(--gray-light);text-transform:none;letter-spacing:0;}
  .form-row input,
  .form-row textarea,
  .form-row select{
    width:100%;
    font-family:var(--body);
    font-size:15px;
    color:var(--ink);
    background:var(--cream-2);
    border:1px solid transparent;
    border-radius:12px;
    padding:14px 16px;
    transition:border-color .25s, background .25s;
  }
  .form-row input::placeholder,
  .form-row textarea::placeholder{color:var(--gray-light);}
  .form-row input:focus,
  .form-row textarea:focus,
  .form-row select:focus{
    outline:none;
    background:var(--white);
    border-color:var(--blue);
  }
  .form-row textarea{resize:vertical;min-height:70px;}
  .form-submit{width:100%;justify-content:center;border:none;}
  .contact-form .trust-note{justify-content:center;margin-top:16px;color:var(--gray);}
  .contact-form .trust-note::before{color:var(--green);}
  .form-status{
    margin-top:14px;
    font-family:var(--mono);
    font-size:12.5px;
    text-align:center;
    min-height:16px;
  }
  .form-status.ok{color:#1B8A4A;}
  .form-status.err{color:#D6336C;}

  footer, volans-footer{background:var(--navy-deep);color:var(--ondark);border-top:1px solid var(--line-dark);padding:68px 0 26px;display:block;}
  .footer-main{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(125px,1fr));gap:40px;padding-bottom:58px;}
  .footer-brand img{height:38px;width:auto;display:block;}
  .footer-brand p{font-size:15px;line-height:1.6;max-width:280px;margin:23px 0;color:#B8C5DF;}
  .footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
  .footer-links h2{font-family:var(--mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#fff;margin:2px 0 10px;}
  .footer-links a,.footer-links button{color:#BBC8E0;text-align:left;font-size:14px;line-height:1.5;text-decoration:none;transition:color .2s ease;}
  .footer-links button{appearance:none;border:0;background:none;padding:0;cursor:pointer;font-family:inherit;}
  .footer-links a:hover,.footer-links button:hover,.footer-links a:focus-visible,.footer-links button:focus-visible{color:var(--gold);}
  .footer-social{display:flex;gap:10px;flex-wrap:wrap;}
  .footer-social a{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;color:#fff;transition:background .2s ease,border-color .2s ease,transform .2s ease;}
  .footer-social a:hover,.footer-social a:focus-visible{background:var(--blue);border-color:var(--blue);transform:translateY(-2px);}
  .footer-social svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
  .footer-social .icon-dot{fill:currentColor;stroke:none;}
  .footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:22px;display:flex;justify-content:space-between;gap:12px;color:#A9B8D3;font-family:var(--mono);font-size:12px;}
  .cookie-banner[hidden],.instagram-card .instagram-embed-frame:not([src]){display:none;}
  .cookie-banner{position:fixed;z-index:9000;left:20px;right:20px;bottom:20px;max-width:1160px;margin:auto;background:#fff;color:var(--ink);border:1px solid #C5CFE4;border-radius:18px;box-shadow:0 22px 70px rgba(4,11,33,.28);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:26px;}
  .cookie-banner-copy{max-width:630px;}
  .cookie-banner-copy strong{font-family:var(--display);font-size:21px;}
  .cookie-banner-copy p{font-size:14px;line-height:1.55;color:#41506D;margin:6px 0 0;}
  .cookie-banner-copy a,.cookie-dialog>a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;}
  .cookie-banner-actions{display:flex;gap:8px;flex-shrink:0;}
  .cookie-banner-actions button,.cookie-dialog-actions button{border:1px solid var(--blue);border-radius:10px;background:var(--blue);color:#fff;padding:12px 14px;font:700 13px/1.2 var(--body);cursor:pointer;min-height:44px;transition:background .2s ease,transform .2s ease;}
  .cookie-banner-actions button:hover,.cookie-dialog-actions button:hover{background:#0F43BE;transform:translateY(-1px);}
  .cookie-banner-actions button:focus-visible,.cookie-dialog button:focus-visible,.footer-social a:focus-visible{outline:3px solid var(--gold);outline-offset:3px;}
  .cookie-dialog{width:min(92vw,560px);max-height:min(90vh,760px);overflow:auto;border:1px solid #C5CFE4;border-radius:20px;padding:28px;background:#fff;color:var(--ink);box-shadow:0 30px 90px rgba(3,10,32,.35);}
  .cookie-dialog::backdrop{background:rgba(3,10,32,.65);}
  .cookie-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;}
  .cookie-dialog-head h2{font-family:var(--display);font-size:27px;}
  .cookie-dialog-head button{border:0;background:none;color:var(--ink);font-size:27px;line-height:1;cursor:pointer;}
  .cookie-dialog>p{font-size:15px;line-height:1.6;color:#526078;margin:15px 0 22px;}
  .cookie-choice{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #DAE1EF;font-size:14px;}
  .cookie-choice div{display:flex;flex-direction:column;gap:5px;}
  .cookie-choice strong{font-size:15px;}
  .cookie-choice span{color:#526078;}
  .cookie-choice input{width:22px;height:22px;accent-color:var(--blue);flex-shrink:0;}
  .cookie-dialog-actions{display:flex;gap:10px;margin:20px 0;}
  .cookie-dialog-actions button{flex:1;}
  .cookie-dialog>a{font-size:14px;}
  .instagram-embed-placeholder{height:390px;background:linear-gradient(150deg,#F4F6FB,#DFE8F9);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;}
  .instagram-embed-placeholder p{max-width:240px;color:#334562;font-size:15px;line-height:1.5;}
  .instagram-embed-placeholder button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:9px;padding:11px 16px;font-size:14px;cursor:pointer;}
  .instagram-card.media-consented .instagram-embed-placeholder{display:none;}
  .video-deep-link{display:inline-flex;align-items:center;margin-top:24px;color:var(--blue);font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:5px;}
  .video-portal{padding:30px 0 80px;}
  .video-portal-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--navy-deep);border-radius:24px;padding:40px 46px;color:#fff;}
  .video-portal h2{font-family:var(--display);font-size:clamp(25px,2.7vw,38px);margin:10px 0;}
  .video-portal p{font-size:15px;line-height:1.6;max-width:520px;color:#C3D0E8;}
  .video-portal .btn{white-space:nowrap;}
  .legal-hero{padding-bottom:85px;}
  .legal-content{padding:72px 0 110px;background:#F8F9FC;}
  .legal-layout{display:grid;grid-template-columns:200px minmax(0,760px);gap:64px;align-items:start;}
  .legal-layout aside{display:flex;flex-direction:column;gap:8px;position:sticky;top:100px;font-size:14px;color:#65718A;}
  .legal-layout aside strong{font-size:15px;color:var(--ink);margin-bottom:20px;}
  .legal-layout aside a,.legal-copy a,.legal-inline-button{color:var(--blue);text-decoration:underline;text-underline-offset:3px;}
  .legal-copy section+section{border-top:1px solid #DCE3EE;margin-top:34px;padding-top:34px;}
  .legal-copy h2{font-family:var(--display);font-size:clamp(22px,2.2vw,30px);margin-bottom:14px;}
  .legal-copy p{font-size:16px;line-height:1.8;color:#40506C;}
  .legal-copy code{font-size:14px;overflow-wrap:anywhere;}
  .legal-inline-button{border:0;background:none;padding:0;font:inherit;cursor:pointer;}

  /* Volans Partners */
  .partner-hero{min-height:760px;display:flex;align-items:center;background:radial-gradient(circle at 78% 42%,rgba(255,201,34,.18),transparent 24%),radial-gradient(circle at 70% 48%,rgba(30,90,232,.32),transparent 38%),linear-gradient(145deg,#050B20,#0B2247 62%,#09183A);overflow:hidden;}
  .partner-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;}
  .partner-hero .section-title{font-size:clamp(48px,6.8vw,92px);margin-top:22px;}.partner-hero .btn{margin-top:34px;}
  .partner-orbit{position:relative;aspect-ratio:1/1;width:min(100%,480px);margin:auto;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:grid;place-items:center;animation:partnerFloat 8s ease-in-out infinite;}
  .partner-orbit::before,.partner-orbit::after{content:'';position:absolute;inset:12%;border:1px solid rgba(255,201,34,.3);border-radius:50%;transform:rotate(50deg) scaleY(.42)}.partner-orbit::after{inset:3%;transform:rotate(-28deg) scaleY(.54);border-color:rgba(62,123,255,.42)}
  .partner-orbit b{width:190px;height:190px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 30% 24%,#85A9FF,#1E5AE8 58%,#08276E);box-shadow:0 0 70px rgba(30,90,232,.55);font-family:var(--display);font-size:27px;letter-spacing:.05em;color:#fff;z-index:2}.partner-orbit b small{font-family:var(--mono);font-size:9px;letter-spacing:.28em;color:#DDE7FF}.partner-orbit i{position:absolute;width:34px;height:34px;border-radius:50%;background:var(--gold);box-shadow:0 0 25px rgba(255,201,34,.55)}.partner-orbit i:nth-child(1){top:10%;left:24%}.partner-orbit i:nth-child(2){right:4%;top:47%;width:24px;height:24px;background:var(--turquoise)}.partner-orbit i:nth-child(3){bottom:8%;left:22%;width:18px;height:18px;background:#fff}
  @keyframes partnerFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1deg)}}
  .partner-manifesto{padding:120px 0 70px;}.partner-manifesto .section-title{max-width:900px}.partner-manifesto p{margin-top:32px;max-width:720px;color:var(--gray);font-size:18px;line-height:1.75}
  .partner-lanes{padding:30px 0 120px}.partner-lane-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.partner-lane-grid article{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:28px;min-height:210px;transition:transform .35s var(--ease),box-shadow .35s}.partner-lane-grid article:hover{transform:translateY(-6px);box-shadow:0 28px 50px -36px rgba(10,18,48,.55)}.partner-lane-grid span{font-family:var(--mono);font-size:11px;color:var(--blue)}.partner-lane-grid h3{font-size:21px;margin-top:34px}.partner-lane-grid p{font-size:13px;color:var(--gray);line-height:1.6;margin-top:10px}
  .partner-benefits{background:var(--ink);padding:100px 0;color:#fff}.partner-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.partner-benefit-grid article{padding:28px;border:1px solid var(--line-dark);border-radius:18px;background:linear-gradient(145deg,rgba(62,123,255,.12),rgba(255,201,34,.04))}.partner-benefit-grid b{font-family:var(--display);font-size:24px}.partner-benefit-grid p{margin-top:10px;font-size:14px;line-height:1.65;color:var(--ondark)}
  .partner-apply{padding:120px 0}.partner-apply-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.partner-form{box-shadow:0 30px 70px -35px rgba(10,18,48,.35)}

  @media (max-width:1000px){
    .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;}
    .cookie-banner{align-items:stretch;flex-direction:column;gap:18px;}
    .cookie-banner-actions{width:100%;}
    .cookie-banner-actions button{flex:1;}
    .legal-layout{grid-template-columns:1fr;gap:35px;}
    .legal-layout aside{position:static;}
    .video-portal-inner{align-items:flex-start;flex-direction:column;}
    .hero-grid{grid-template-columns:1fr;}
    .hero-orbit-wrap{height:420px;order:-1;}
    .orbit-scene{width:320px;height:320px;transform:scale(.85);}
    .who-grid,.how-cols,.extra-grid,.contact-inner,.contact-hero-grid,.partner-hero-grid,.partner-apply-grid{grid-template-columns:1fr;}
    .services-grid{grid-template-columns:repeat(2,1fr);}
    .stats-row{grid-template-columns:repeat(2,1fr);row-gap:34px;}
    .logo-wall{grid-template-columns:repeat(3,1fr);}
    .case-slide{grid-template-columns:1fr;}
    .nav-links{display:none;}
    .nav-burger{display:flex;}
    .search-results{grid-template-columns:1fr;}
    .contact-hero-art{justify-content:center;min-height:240px;}
    .partner-hero{min-height:0;}.partner-orbit{max-width:380px;margin-top:30px;}
    .partner-lane-grid,.partner-benefit-grid{grid-template-columns:1fr 1fr;}
    .brand-films .video-showcase{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:600px){
    .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px;}
    .footer-brand{grid-column:1/-1;}
    .footer-bottom{flex-direction:column;}
    .cookie-banner{left:10px;right:10px;bottom:10px;padding:18px;max-height:85vh;overflow:auto;}
    .cookie-banner-actions{flex-direction:column;}
    .cookie-dialog{padding:21px;}
    .video-portal-inner{padding:32px 24px;}
    .container{padding:0 20px;}
    .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .service-card{padding:24px 18px;min-height:250px;}
    .service-name{font-size:18px;margin-top:26px;}
    .service-desc{font-size:12.5px;}
    .service-tag{font-size:9px;padding:5px 8px;}
    .logo-wall{grid-template-columns:repeat(2,1fr);}
    .extra-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .who-tags{grid-template-columns:1fr;}
    .how-stats{flex-wrap:wrap;}
    .search-bar{padding:16px 20px;}
    .logo-mark{height:28px;}
    .case-copy{padding:28px 24px;}
    .contact-hero-art{min-height:180px;}.contact-hero-art img{max-width:320px;}
    .partner-lane-grid,.partner-benefit-grid,.brand-films .video-showcase{grid-template-columns:1fr;}
    .partner-hero .section-title{font-size:46px;}.partner-orbit{max-width:290px;}.partner-orbit b{width:140px;height:140px;font-size:21px;}
  }

  @media (prefers-reduced-motion: reduce){
    *{animation:none !important;transition:none !important;}
  }