body.cinematic{background:#020817;color:#edf7ff;--accent:#65dfff;--bg:#020817;overflow-x:hidden}#universe{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}main,footer{position:relative;z-index:1}.cinematic .navbar{background:#020817b8;backdrop-filter:blur(20px);border-bottom:1px solid #aacfff22}.cinematic section{background:transparent}.flight-hero,.flight-transition,.work-gateway,.founder-gateway,.page-heading{padding:160px 7vw 90px;position:relative}.flight-hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-eyebrow,.hero-bottom,.page-heading>span,.flight-transition>span{font:13px monospace;letter-spacing:.16em;color:#9ebdd3}.flight-hero h1,.page-heading h1{font-size:clamp(56px,7.8vw,128px);line-height:1.02;font-weight:400;letter-spacing:-.065em;margin:35px 0;max-width:850px}.cinematic em{font-style:normal;color:#78ddff}.flight-hero p{font-size:19px;color:#adc3d5;line-height:1.6;margin-bottom:35px}.flight-link{display:inline-block;color:#e4f8ff;border-bottom:1px solid #80bcd1;padding:14px 0;font-size:18px}.hero-bottom{position:absolute;bottom:30px}.flight-transition{min-height:90svh;display:flex;flex-direction:column;justify-content:center}.flight-transition h2,.holo-services h2,.work-gateway h2,.founder-gateway h2{font-size:clamp(40px,6vw,92px);font-weight:400;line-height:1.06;letter-spacing:-.05em;margin:25px 0}.flight-transition p,.holo-services header p{color:#b4c7d9;font-size:18px}.cinematic .about,.cinematic .clients,.cinematic .process,.cinematic .contact,.cinematic .ceo,.cinematic .work{background:linear-gradient(120deg,#020817ef,#04142ee0);border-top:1px solid #a6dbff1a}.holo-services{padding:110px 7vw}.holo-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin-top:70px}.holo-space{position:sticky;top:120px;height:65vh;pointer-events:none;display:flex;align-items:flex-end}.holo-space span{font:14px monospace;color:#9ccfe6;letter-spacing:.15em}.holo-item{border-top:1px solid #8ecbfa35}.holo-select{padding:25px 0;width:100%;display:flex;align-items:center;text-align:left;gap:18px;background:none;border:0;color:#d9e9f4;cursor:pointer}.holo-select span{font:13px monospace;color:#75b7d4}.holo-select h3{font-size:clamp(19px,2vw,29px);font-weight:400;flex:1}.holo-select b{font-size:25px;font-weight:300}.holo-select[aria-expanded=true]{color:#6edfff}.holo-description{padding:0 0 25px 40px;color:#b7cddd;font-size:16px;line-height:1.8}.holo-description a{display:inline-block;margin-top:15px;color:#76dcff}.work-gateway{min-height:75vh}.founder-gateway{min-height:65vh}.cinematic .section-heading{font-weight:400;letter-spacing:-.035em}.cinematic .client-card{border:1px solid #78b3dc22;border-radius:2px;background:#061328}.cinematic .client-logo{object-fit:contain}.cinematic .ceo-card{background:transparent;border:0;box-shadow:none}.cinematic .contact-inner{background:#071b3acc;border:1px solid #699fbd35;box-shadow:none}.cinematic .footer{background:#020715}.founder-stats{padding:70px 7vw;display:flex;gap:8vw;justify-content:center;background:#041025!important}.founder-stats div{display:flex;flex-direction:column;gap:15px}.founder-stats b{font-size:64px;font-weight:400;color:#79dbff}.founder-stats span{color:#b1c6d8}.page-heading{padding-bottom:60px}.work-page #universe,.ceo-page #universe{opacity:.5}.new-work{padding:80px 7vw;background:#030b1ce8!important}.new-work h2{font-size:48px;font-weight:400;margin-bottom:30px}.new-media{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:30px}.new-media video,.new-media img{width:100%;max-height:75vh;object-fit:contain;background:#02050c;border-radius:8px}.new-media figure{margin:0}.new-media figcaption{padding:12px 0;color:#9bb4c8}.new-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.new-gallery a{display:block}.new-gallery img{width:100%;height:auto;display:block;border-radius:6px}.cinematic .reveal-up,.cinematic .reveal-left,.cinematic .reveal-right,.cinematic .reveal-fade{opacity:1;transform:none}#motion-toggle{position:fixed;bottom:16px;left:20px;z-index:1100;background:#03152cdd;color:#c8e3f8;border:1px solid #80bddd55;border-radius:20px;padding:10px 15px;font-size:13px;cursor:pointer}#logo-intro{position:fixed;inset:0;z-index:1500;pointer-events:none}#logo-intro[hidden]{display:none}body.intro-playing #universe{z-index:1400;background:#020817}#logo-intro>span{position:absolute;bottom:20%;width:100%;text-align:center;font:13px monospace;letter-spacing:.2em;color:#91cce7}#skip-intro{position:absolute;right:30px;bottom:30px;background:none;border:1px solid #84b1d555;color:white;padding:12px 20px;pointer-events:auto;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #89e7ff;outline-offset:5px}.cinematic .btn-primary{background:#2261ed;color:white}.cinematic .work-grid{gap:24px}
@media(max-width:760px){.flight-hero{padding:140px 6vw 90px;justify-content:flex-start}.flight-hero h1{font-size:58px}.flight-hero p{max-width:240px}.flight-transition,.work-gateway,.founder-gateway{padding:100px 6vw;min-height:70svh}.holo-services{padding:75px 6vw}.holo-layout{display:flex;flex-direction:column;gap:25px;margin-top:30px}.holo-space{position:relative;top:auto;height:290px}.holo-select{padding:20px 0}.holo-description{padding-left:0}.new-gallery{grid-template-columns:repeat(2,1fr)}.new-media{grid-template-columns:1fr}.new-work{padding:65px 6vw}.page-heading{padding:140px 6vw 40px}.founder-stats{gap:30px;flex-wrap:wrap;justify-content:flex-start}.founder-stats b{font-size:42px}.cinematic .nav-links.open{background:#020b1e}.hero-eyebrow{font-size:12px;letter-spacing:.08em}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Mobile services: tactile swipe + minimal directional arrows */
.service-mobile-nav{display:none}
@media(max-width:760px){
  .holo-services{padding:78px 0 82px;overflow:hidden}
  .holo-services>header{padding:0 6vw}
  .holo-services h2{font-size:clamp(42px,13vw,62px);line-height:.98;margin:18px 0 16px}
  .holo-services header p{font-size:15px;line-height:1.55;max-width:300px}

  .service-tabs{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:6vw;padding:28px 6vw 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x}
  .service-tabs::-webkit-scrollbar{display:none}
  .holo-select{flex:0 0 min(78vw,310px);min-height:84px;padding:16px 18px;border:1px solid rgba(120,190,224,.16);border-radius:16px;background:linear-gradient(145deg,rgba(6,28,57,.84),rgba(3,14,33,.7));align-items:flex-start;gap:12px;scroll-snap-align:start;scroll-snap-stop:always;transition:border-color .25s ease,background .25s ease,transform .25s ease}
  .holo-select>span:first-child{padding-top:3px;font-size:11px;opacity:.75}
  .holo-select .service-tab-title{font-family:inherit;font-size:16px;line-height:1.25;letter-spacing:-.02em;color:#dcecf6;white-space:normal}
  .holo-select[aria-expanded=true]{border-color:rgba(101,223,255,.58);background:linear-gradient(145deg,rgba(10,47,87,.95),rgba(3,19,43,.86));box-shadow:0 12px 30px rgba(0,0,0,.18)}
  .holo-select[aria-expanded=true] .service-tab-title{color:#83e6ff}

  .service-mobile-nav{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:12px;padding:5px 6vw 16px;min-height:58px}
  .service-scroll-hint{font:10px/1.2 monospace;letter-spacing:.16em;text-transform:uppercase;color:#7697ae;text-align:center;white-space:nowrap;user-select:none}
  .service-scroll-btn{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#dff5ff;padding:4px 0;width:44px;height:38px;font:300 31px/1 Arial,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;transition:opacity .18s ease,transform .18s ease,color .18s ease}
  .service-scroll-btn:active{transform:translateX(2px) scale(.95);color:#67dcff}
  .service-scroll-prev:active{transform:translateX(-2px) scale(.95)}
  .service-scroll-btn[hidden]{display:block;visibility:hidden;pointer-events:none;opacity:0}

  .holo-layout{margin-top:2px;padding:0 6vw;gap:18px;touch-action:pan-y}
  .holo-space{height:245px;border-radius:20px;background:radial-gradient(circle at 50% 48%,rgba(30,126,202,.13),transparent 68%);overflow:hidden;touch-action:pan-y}
  .holo-space span{position:absolute;left:16px;bottom:14px;font-size:10px;letter-spacing:.11em;max-width:84%;line-height:1.45}
  .service-panels{min-height:158px;touch-action:pan-y}
  .holo-description{font-size:14px;line-height:1.65;padding:3px 2px 0;color:#b9ccda}
  .holo-description p{margin:0;max-width:94%}
  .holo-description a{margin-top:16px;font-size:14px}
}

/* FINAL MOBILE SERVICE UI OVERRIDE */
@media(max-width:760px){
  .service-tabs{
    gap:12px!important;
    scroll-padding-inline:12vw!important;
    padding:28px 12vw 12px!important;
  }
  .cinematic .service-tabs .holo-select,
  .holo-select{
    flex:0 0 min(72vw,286px)!important;
    min-height:62px!important;
    padding:12px 16px!important;
    border:1px solid rgba(132,211,245,.20)!important;
    border-radius:22px!important;
    background:rgba(7,27,51,.30)!important;
    -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
    backdrop-filter:blur(14px) saturate(125%)!important;
    align-items:center!important;
    gap:10px!important;
    scroll-snap-align:center!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  .cinematic .service-tabs .holo-select .service-tab-title,
  .holo-select .service-tab-title{
    font-size:15px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .cinematic .service-tabs .holo-select[aria-selected=true],
  .holo-select[aria-expanded=true]{
    border-color:rgba(103,220,255,.72)!important;
    background:rgba(20,63,93,.34)!important;
    box-shadow:0 0 0 1px rgba(103,220,255,.06), inset 0 1px 0 rgba(255,255,255,.05), 0 8px 22px rgba(0,0,0,.14)!important;
  }
  .service-mobile-nav{
    grid-template-columns:54px 1fr 54px!important;
    gap:8px!important;
    padding:4px 8vw 14px!important;
    min-height:54px!important;
  }
  .service-scroll-btn{
    width:54px!important;
    height:42px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:transparent!important;
    font-size:0!important;
  }
  .service-scroll-btn .arrow-line{
    position:relative;
    display:block;
    width:34px;
    height:2px;
    background:#dff5ff;
    border-radius:2px;
    box-shadow:0 0 7px rgba(101,223,255,.12);
  }
  .service-scroll-btn .arrow-line::after{
    content:"";
    position:absolute;
    top:50%;
    width:10px;
    height:10px;
    border-top:2px solid #dff5ff;
    border-right:2px solid #dff5ff;
  }
  .service-scroll-next .arrow-line::after{
    right:0;
    transform:translateY(-50%) rotate(45deg);
  }
  .service-scroll-prev .arrow-line::after{
    left:0;
    transform:translateY(-50%) rotate(-135deg);
  }
  .service-scroll-btn[hidden]{display:block!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}
}
