:root{--hu-fx-tiffany:#81D8D0;--hu-fx-navy:#22324A;--hu-fx-paper:#F4F2ED}

@media(max-width:900px){
  /* Stronger mobile depth: the previous version was intentionally subtle; v5 makes motion visually legible. */
  .hero-v2,.editorial-section,.services-section,.topic-section,.journal-teaser,.parallax-glass-section,.action-section{isolation:isolate}

  /* ---------- HERO / cinematic moving layers ---------- */
  .hero-v2 .hero-content{z-index:5!important;transform:translate3d(0,var(--hu-v5-hero-copy-y,0px),0)!important}
  .hero-v2::before{transform:translate3d(var(--hu-v5-hero-bg-x,0px),var(--hu-v5-hero-bg-y,0px),0) scale(1.24)!important;filter:saturate(1.06) contrast(1.03)}
  .hero-v2 .hero-overlay{z-index:2!important}
  .hu-hero-fx{position:absolute;z-index:4;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
  .hu-hero-fx .hu-fx-grid{position:absolute;inset:-20%;opacity:.14;background-image:linear-gradient(rgba(129,216,208,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(129,216,208,.12) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent 3%,#000 25%,#000 72%,transparent 98%);-webkit-mask-image:linear-gradient(to bottom,transparent 3%,#000 25%,#000 72%,transparent 98%);transform:perspective(600px) rotateX(62deg) translate3d(var(--hu-v5-grid-x,0px),var(--hu-v5-grid-y,0px),0) scale(1.5);transform-origin:center 80%;animation:hu-grid-breathe 5.5s ease-in-out infinite alternate}
  .hu-hero-fx .hu-fx-beam{position:absolute;left:-45%;width:190%;height:2px;background:linear-gradient(90deg,transparent 0 24%,rgba(129,216,208,.14) 34%,rgba(129,216,208,.95) 49%,rgba(255,255,255,.8) 51%,rgba(129,216,208,.18) 63%,transparent 78%);filter:drop-shadow(0 0 9px rgba(129,216,208,.62));transform-origin:center;will-change:transform,opacity}
  .hu-hero-fx .b1{top:36%;transform:rotate(-18deg);animation:hu-beam-1 4.2s linear infinite}
  .hu-hero-fx .b2{top:57%;height:1px;opacity:.72;transform:rotate(12deg);animation:hu-beam-2 5.6s linear infinite}
  .hu-hero-fx .b3{top:74%;height:3px;opacity:.38;transform:rotate(-7deg);animation:hu-beam-3 7s linear infinite}
  .hu-hero-fx .hu-fx-orbit{position:absolute;width:230px;height:230px;right:-88px;top:27%;border:1px solid rgba(129,216,208,.62);border-radius:50%;box-shadow:0 0 0 22px rgba(129,216,208,.035),0 0 70px rgba(129,216,208,.16);transform:translate3d(var(--hu-v5-orbit-x,0px),var(--hu-v5-orbit-y,0px),0) scale(var(--hu-v5-orbit-s,1));animation:hu-orbit-pulse 4.8s ease-in-out infinite alternate}
  .hu-hero-fx .hu-fx-orbit:before,.hu-hero-fx .hu-fx-orbit:after{content:"";position:absolute;border-radius:50%}
  .hu-hero-fx .hu-fx-orbit:before{inset:24px;border:1px dashed rgba(255,255,255,.24);animation:hu-spin 12s linear infinite}
  .hu-hero-fx .hu-fx-orbit:after{width:11px;height:11px;left:28px;top:36px;background:var(--hu-fx-tiffany);box-shadow:0 0 20px rgba(129,216,208,.9)}
  .hero-v2 h1{position:relative}
  .hero-v2 h1:after{content:"";position:absolute;left:2px;bottom:-12px;width:88px;height:3px;background:linear-gradient(90deg,var(--hu-fx-tiffany),transparent);box-shadow:0 0 18px rgba(129,216,208,.42);animation:hu-line-pulse 2.7s ease-in-out infinite alternate}

  /* ---------- Kinetic marquee / visible motion moment ---------- */
  .hu-kinetic-strip{position:relative;z-index:12;height:44px;overflow:hidden;display:flex;align-items:center;background:#0c1217;color:#fff;border-top:1px solid rgba(129,216,208,.38);border-bottom:1px solid rgba(129,216,208,.22)}
  .hu-kinetic-track{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:hu-marquee 15s linear infinite;will-change:transform}
  .hu-kinetic-track span{display:inline-flex;align-items:center;gap:14px;padding-right:14px;font-size:.68rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:rgba(255,255,255,.76)}
  .hu-kinetic-track i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--hu-fx-tiffany);box-shadow:0 0 14px rgba(129,216,208,.75)}

  /* ---------- ABOUT ---------- */
  .editorial-section:after{width:330px!important;height:330px!important;right:-150px!important;background:radial-gradient(circle,rgba(129,216,208,.38) 0,rgba(129,216,208,.12) 38%,transparent 70%)!important;transform:translate3d(var(--hu-v5-about-bg-x,0px),var(--hu-v5-about-bg-y,0px),0)!important;filter:blur(1px)}
  .editorial-label{transform:translate3d(var(--hu-v5-about-label-x,0px),var(--hu-v5-about-label-y,0px),0)!important}
  .editorial-copy{transform:translate3d(var(--hu-v5-about-copy-x,0px),var(--hu-v5-about-copy-y,0px),0)!important}

  /* ---------- SERVICES / moving light and independent planes ---------- */
  .services-section:before{width:560px!important;height:560px!important;background:radial-gradient(circle,rgba(129,216,208,.32),rgba(129,216,208,.04) 42%,transparent 69%)!important;transform:translate3d(var(--hu-v5-services-glow-x,0px),var(--hu-v5-services-glow-y,0px),0)!important}
  .services-grid>.flip-card:nth-child(1){transform:translate3d(var(--hu-v5-service-1-x,0px),var(--hu-v5-service-1-y,0px),0)!important}
  .services-grid>.flip-card:nth-child(2){transform:translate3d(var(--hu-v5-service-2-x,0px),var(--hu-v5-service-2-y,0px),0)!important}
  .services-grid>.flip-card:nth-child(3){transform:translate3d(var(--hu-v5-service-3-x,0px),var(--hu-v5-service-3-y,0px),0)!important}
  .flip-card-inner{position:relative!important;overflow:hidden!important}
  .flip-card-inner:after{content:"";position:absolute;z-index:8;top:-90%;left:-50%;width:44%;height:280%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(129,216,208,.04),rgba(255,255,255,.24),rgba(129,216,208,.05),transparent);transform:rotate(18deg) translateX(-180%);animation:hu-card-sheen 5.8s ease-in-out infinite}
  .flip-card:nth-child(2) .flip-card-inner:after{animation-delay:-1.8s}.flip-card:nth-child(3) .flip-card-inner:after{animation-delay:-3.5s}
  .flip-card-front i{animation:hu-icon-pulse 3.4s ease-in-out infinite alternate}

  /* ---------- PROJECTS / true 2.5D tilt ---------- */
  .topic-section:before{width:62vw!important;max-width:380px!important;border-color:rgba(129,216,208,.42)!important;box-shadow:0 0 0 28px rgba(129,216,208,.035),0 0 70px rgba(129,216,208,.08);transform:translate3d(var(--hu-v5-project-orb-x,0px),var(--hu-v5-project-orb-y,0px),0) scale(1.24)!important}
  .topic-section .topic-content{transform:translate3d(var(--hu-v5-project-copy-x,0px),var(--hu-v5-project-copy-y,0px),0)!important}
  .topic-section .topic-carousel-wrapper{transform:perspective(900px) translate3d(var(--hu-v5-project-card-x,0px),var(--hu-v5-project-card-y,0px),0) rotateX(var(--hu-v5-card-rx,0deg)) rotateY(var(--hu-v5-card-ry,0deg)) rotateZ(var(--hu-v5-card-rz,-1deg)) scale(var(--hu-v5-card-s,1))!important;filter:drop-shadow(0 34px 42px rgba(0,0,0,.28))!important}
  .topic-bg-gray .topic-carousel-wrapper{--hu-v5-card-rz:1deg}
  .topic-carousel-wrapper:before{inset:-14px!important;border-color:rgba(129,216,208,.45)!important;box-shadow:0 0 24px rgba(129,216,208,.08);transform:translate3d(var(--hu-v5-frame-x,10px),var(--hu-v5-frame-y,14px),0)!important}
  .topic-carousel-wrapper:after{content:"";position:absolute;z-index:4;inset:0;border-radius:22px;pointer-events:none;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.12) 46%,rgba(129,216,208,.14) 50%,transparent 63%);background-size:240% 100%;animation:hu-project-shine 6.5s linear infinite;mix-blend-mode:screen}
  .topic-content h2{position:relative;display:inline-block}
  .topic-content h2:after{content:"";position:absolute;left:0;bottom:-8px;width:46%;height:2px;background:linear-gradient(90deg,var(--hu-fx-tiffany),transparent);transform-origin:left;animation:hu-underline-grow 3.6s ease-in-out infinite alternate}

  /* ---------- JOURNAL ---------- */
  .journal-teaser:before{transform:translate3d(var(--hu-v5-journal-orb-x,0px),var(--hu-v5-journal-orb-y,0px),0) rotate(var(--hu-v5-journal-orb-r,0deg))!important}
  .journal-head{transform:translate3d(var(--hu-v5-journal-head-x,0px),var(--hu-v5-journal-head-y,0px),0)!important}
  .journal-mini:nth-child(1){transform:translate3d(var(--hu-v5-journal-1-x,0px),var(--hu-v5-journal-1-y,0px),0)!important}
  .journal-mini:nth-child(2){transform:translate3d(var(--hu-v5-journal-2-x,0px),var(--hu-v5-journal-2-y,0px),0)!important}
  .journal-mini:nth-child(3){transform:translate3d(var(--hu-v5-journal-3-x,0px),var(--hu-v5-journal-3-y,0px),0)!important}
  .journal-mini{position:relative;overflow:hidden}
  .journal-mini:after{content:"";position:absolute;left:-40%;right:-40%;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--hu-fx-tiffany),transparent);animation:hu-journal-line 4.8s linear infinite}

  /* ---------- SOCIAL / rotating atmospheric ring ---------- */
  .parallax-glass-section .container{transform:translate3d(var(--hu-v5-social-copy-x,0px),var(--hu-v5-social-copy-y,0px),0)!important}
  .parallax-glass-section .container:before{content:"";position:absolute;z-index:-1;width:320px;height:320px;left:50%;top:50%;margin:-160px 0 0 -160px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 18%,rgba(129,216,208,.25) 24%,transparent 31% 58%,rgba(242,167,160,.16) 65%,transparent 73%);filter:blur(1px);animation:hu-spin 13s linear infinite}
  .glass-btn-container{transform:translate3d(var(--hu-v5-social-icons-x,0px),var(--hu-v5-social-icons-y,0px),0)!important}
  .glass-circle-btn{box-shadow:0 10px 30px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.12)!important}

  /* ---------- CTA ---------- */
  .action-section:after{animation-duration:4.6s!important;background:linear-gradient(105deg,transparent 32%,rgba(129,216,208,.08) 43%,rgba(129,216,208,.34) 49%,rgba(255,255,255,.16) 51%,rgba(129,216,208,.08) 57%,transparent 67%)!important}
  .action-content{transform:translate3d(var(--hu-v5-cta-x,0px),var(--hu-v5-cta-y,0px),0)!important}
  .action-btn{position:relative;overflow:hidden}
  .action-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(129,216,208,.22);opacity:.3;animation:hu-btn-pulse 2.8s ease-in-out infinite alternate;pointer-events:none}
}

@keyframes hu-beam-1{0%{transform:translateX(-34%) rotate(-18deg);opacity:.05}18%{opacity:.85}60%{opacity:.45}100%{transform:translateX(44%) rotate(-18deg);opacity:.05}}
@keyframes hu-beam-2{0%{transform:translateX(36%) rotate(12deg);opacity:.05}25%{opacity:.52}100%{transform:translateX(-42%) rotate(12deg);opacity:.05}}
@keyframes hu-beam-3{0%{transform:translateX(-28%) rotate(-7deg);opacity:.06}40%{opacity:.42}100%{transform:translateX(35%) rotate(-7deg);opacity:.04}}
@keyframes hu-grid-breathe{0%{opacity:.08;filter:blur(.1px)}100%{opacity:.19;filter:blur(.45px)}}
@keyframes hu-orbit-pulse{0%{opacity:.62;filter:drop-shadow(0 0 5px rgba(129,216,208,.12))}100%{opacity:1;filter:drop-shadow(0 0 24px rgba(129,216,208,.4))}}
@keyframes hu-spin{to{transform:rotate(360deg)}}
@keyframes hu-line-pulse{0%{width:56px;opacity:.45}100%{width:122px;opacity:1}}
@keyframes hu-marquee{to{transform:translateX(-50%)}}
@keyframes hu-card-sheen{0%,58%{transform:rotate(18deg) translateX(-220%);opacity:0}67%{opacity:.7}82%,100%{transform:rotate(18deg) translateX(460%);opacity:0}}
@keyframes hu-icon-pulse{0%{filter:drop-shadow(0 0 0 rgba(129,216,208,0));transform:translateY(0)}100%{filter:drop-shadow(0 0 12px rgba(129,216,208,.48));transform:translateY(-3px)}}
@keyframes hu-project-shine{0%{background-position:160% 0}100%{background-position:-120% 0}}
@keyframes hu-underline-grow{0%{transform:scaleX(.45);opacity:.4}100%{transform:scaleX(1);opacity:1}}
@keyframes hu-journal-line{0%{transform:translateX(-80%)}100%{transform:translateX(80%)}}
@keyframes hu-btn-pulse{0%{opacity:.25;box-shadow:inset 0 0 0 1px rgba(129,216,208,.15)}100%{opacity:.8;box-shadow:inset 0 0 0 1px rgba(129,216,208,.5),0 0 20px rgba(129,216,208,.1)}}

@media(prefers-reduced-motion:reduce){
  .hu-hero-fx,.hu-kinetic-strip{display:none!important}
  .flip-card-inner:after,.flip-card-front i,.topic-carousel-wrapper:after,.topic-content h2:after,.journal-mini:after,.parallax-glass-section .container:before,.action-btn:after{animation:none!important}
}