/* AuraDigital cinematic system
   Inspired by the interaction principles of high-end digital agency sites.
   Loaded after style.css + responsive.css so existing functionality remains intact. */

:root{
  --aura-bg:#07180f;
  --aura-bg-2:#0a1e14;
  --aura-surface:#10281b;
  --aura-surface-2:#153424;
  --aura-surface-3:#193d2a;
  --aura-text:#f2f5ef;
  --aura-muted:#a1aea5;
  --aura-line:rgba(214,230,217,.14);
  --aura-line-strong:rgba(214,230,217,.24);
  --aura-accent:#e1e100;
  --aura-accent-soft:#cfd55a;
  --aura-max:1440px;
  --aura-radius:18px;
  --aura-ease:cubic-bezier(.16,1,.3,1);
  --ink:var(--aura-text);
  --paper:var(--aura-bg);
  --white:var(--aura-text);
  --orange:var(--aura-accent);
  --orange-deep:#0a2b1b;
  --lime:var(--aura-accent);
  --blue:var(--aura-accent);
  --cyan:var(--aura-accent-soft);
  --muted:var(--aura-muted);
  --line:var(--aura-line);
  --max:var(--aura-max);
  --radius:var(--aura-radius);
}

html{background:var(--aura-bg);scroll-padding-top:90px}
body.cinematic-enabled{
  background:
    radial-gradient(circle at 70% 8%,rgba(225,225,0,.07),transparent 28rem),
    radial-gradient(circle at 15% 40%,rgba(225,225,0,.025),transparent 30rem),
    var(--aura-bg);
  color:var(--aura-text);
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
body.cinematic-enabled::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:999;
  opacity:.14;
  mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
}
body.cinematic-enabled main{isolation:isolate}
body.cinematic-enabled .container{width:min(calc(100% - clamp(32px,6vw,110px)),var(--aura-max))}
body.cinematic-enabled a,body.cinematic-enabled button{transition-timing-function:var(--aura-ease)}
body.cinematic-enabled ::selection{background:var(--aura-accent);color:#081a11}

/* preloader */
.cinema-loader{
  position:fixed;inset:0;z-index:10000;display:grid;place-items:center;
  background:#ffff00;color:#081a11;
  opacity:1;transition:opacity .45s ease,visibility .45s;
}
.cinema-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.cinema-loader-logo{display:block;width:clamp(88px,18vw,142px);height:auto;animation:cinema-logo-spin 1.4s linear infinite;will-change:transform}
@keyframes cinema-logo-spin{to{transform:rotate(360deg)}}

/* global motion */
.cinema-glow{
  position:fixed;z-index:-1;width:520px;height:520px;border-radius:50%;
  left:var(--cinema-x,70vw);top:var(--cinema-y,25vh);transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(225,225,0,.09),rgba(225,225,0,.025) 36%,transparent 70%);
  filter:blur(8px);pointer-events:none;opacity:.8;
}
.cinematic-enabled .reveal{
  opacity:0;
  transform:translate3d(0,42px,0);
  filter:blur(7px);
  transition:
    opacity .9s var(--aura-ease) var(--reveal-delay,0ms),
    transform 1.05s var(--aura-ease) var(--reveal-delay,0ms),
    filter 1.05s var(--aura-ease) var(--reveal-delay,0ms);
}
.cinematic-enabled .reveal.in{opacity:1;transform:none;filter:none}
.cinematic-enabled .display{
  color:var(--aura-text);
  font-weight:650;
  letter-spacing:-.067em;
  line-height:.88;
  text-wrap:balance;
}
.cinematic-enabled .display em{color:var(--aura-accent);font-style:normal}
.cinematic-enabled .eyebrow{
  color:var(--aura-muted);font-size:.65rem;letter-spacing:.17em;font-weight:800;
}
.cinematic-enabled .eyebrow::before{width:6px;height:6px;background:var(--aura-accent);box-shadow:0 0 20px rgba(225,225,0,.55)}
.cinematic-enabled .muted{color:var(--aura-muted)}

/* header */
.cinematic-enabled .site-header{
  color:var(--aura-text);padding-top:8px;
  background:linear-gradient(180deg,rgba(5,7,5,.82),rgba(5,7,5,0));
}
.cinematic-enabled .site-header .nav{
  height:76px;
  padding:0 18px;
  border:1px solid transparent;
  border-radius:16px;
  transition:background .45s var(--aura-ease),border-color .45s var(--aura-ease),height .45s var(--aura-ease),box-shadow .45s var(--aura-ease);
}
.cinematic-enabled .site-header.scrolled{background:transparent;border:0;backdrop-filter:none}
.cinematic-enabled .site-header.scrolled .nav{
  height:64px;background:rgba(8,11,8,.82);border-color:var(--aura-line);backdrop-filter:blur(18px);
  box-shadow:0 16px 48px rgba(0,0,0,.22);
}
.cinematic-enabled .brand-name{color:var(--aura-text);font-size:1rem;letter-spacing:-.055em}
.cinematic-enabled .brand-name strong{color:var(--aura-accent)}
.cinematic-enabled .brand-logo{width:40px;height:40px;flex-basis:40px}
.cinematic-enabled .nav-links{gap:24px}
.cinematic-enabled .nav-links a{color:rgba(242,243,236,.76);font-size:.72rem;font-weight:650;letter-spacing:.015em}
.cinematic-enabled .nav-links a:hover,.cinematic-enabled .nav-links a.active{color:var(--aura-text)}
.cinematic-enabled .nav-links a::after{height:1px;background:var(--aura-accent);bottom:-7px}
.cinematic-enabled .nav-cta,.cinematic-enabled .btn{
  min-height:46px;border-radius:999px;padding:13px 19px;font-size:.72rem;letter-spacing:.02em;font-weight:780;
}
.cinematic-enabled .nav-cta,.cinematic-enabled .btn-primary{
  background:var(--aura-accent);color:#081a11;box-shadow:none;border:1px solid var(--aura-accent);
}
.cinematic-enabled .nav-cta:hover,.cinematic-enabled .btn-primary:hover{
  background:var(--aura-text);color:#081a11;border-color:var(--aura-text);
}
.cinematic-enabled .btn-ghost,.cinematic-enabled .btn-light{
  border:1px solid var(--aura-line-strong);background:rgba(255,255,255,.025);color:var(--aura-text);
}
.cinematic-enabled .btn-ghost:hover,.cinematic-enabled .btn-light:hover{
  background:var(--aura-text);color:#07180f;border-color:var(--aura-text);
}
.cinematic-enabled .menu-btn{color:var(--aura-text);border-color:var(--aura-line-strong);background:rgba(255,255,255,.025)}
.cinematic-enabled .lang-current{color:var(--aura-text)}
.cinematic-enabled .lang-menu{background:#0c100c;border-color:var(--aura-line)}
.cinematic-enabled .lang-menu button{color:var(--aura-text)}
.cinematic-enabled .lang-menu button:hover{background:rgba(225,225,0,.08)}

/* home hero */
.cinematic-enabled .hero{
  min-height:100svh;
  padding:150px 0 74px;
  align-items:flex-end;
  background:#07180f;
}
.cinematic-enabled .hero::before{
  content:"AURA";left:-.04em;bottom:-.11em;
  color:rgba(242,243,236,.025);font-size:clamp(13rem,31vw,35rem);
}
.cinematic-enabled .reference-hero .hero-media{
  width:52%;inset:0 0 0 auto;background:#122d1f;
  clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);
}
.cinematic-enabled .hero-media::after{
  background:
    linear-gradient(90deg,#07180f 0%,rgba(7,9,7,.76) 14%,rgba(7,9,7,.12) 48%,rgba(7,9,7,.1) 100%),
    linear-gradient(0deg,rgba(7,9,7,.7),transparent 48%);
}
.cinematic-enabled .hero-media video{filter:none}
.cinematic-enabled .hero-grid{position:relative;z-index:4;grid-template-columns:minmax(0,1.2fr) minmax(240px,.38fr);gap:clamp(30px,7vw,120px);align-items:end}
.cinematic-enabled .hero-copy-block{max-width:920px}
.cinematic-enabled .hero .display{
  max-width:1000px;
  font-size:clamp(4.3rem,8.8vw,9rem);
  line-height:.82;
  margin:20px 0 26px;
}
.cinematic-enabled .hero-copy{
  max-width:590px;color:rgba(242,243,236,.68);font-size:clamp(.95rem,1.22vw,1.15rem);line-height:1.65;
}
.cinematic-enabled .hero-actions{gap:10px;margin-top:28px;flex-wrap:wrap}
.cinematic-enabled .hero-note{
  align-self:end;
  background:rgba(9,12,9,.68);
  border:1px solid var(--aura-line);
  color:var(--aura-text);
  backdrop-filter:blur(16px);
  border-radius:14px;
  padding:22px;
  box-shadow:none;
}
.cinematic-enabled .hero-note strong{font-size:clamp(1rem,1.4vw,1.35rem);line-height:1.2}
.cinematic-enabled .hero-note p{color:var(--aura-muted);line-height:1.6}
.cinematic-enabled .scroll-cue{
  left:auto;right:clamp(24px,5vw,80px);bottom:24px;color:rgba(242,243,236,.48);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;
}

/* public page hero */
.cinematic-enabled .page-hero{
  min-height:min(82svh,860px);
  display:flex;align-items:flex-end;
  padding:170px 0 76px;
  background:
    radial-gradient(circle at 78% 30%,rgba(225,225,0,.09),transparent 28rem),
    #07180f;
  color:var(--aura-text);
  border-bottom:1px solid var(--aura-line);
  position:relative;overflow:hidden;
}
.cinematic-enabled .page-hero::after{
  content:"";position:absolute;right:-12vw;bottom:-35vw;width:70vw;height:70vw;border:1px solid rgba(225,225,0,.09);border-radius:50%;
  box-shadow:0 0 0 8vw rgba(225,225,0,.015),0 0 0 18vw rgba(225,225,0,.012);
  pointer-events:none;
}
.cinematic-enabled .page-hero .container{position:relative;z-index:2}
.cinematic-enabled .page-hero .crumb{color:rgba(242,243,236,.42);font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:22px}
.cinematic-enabled .page-hero .display{font-size:clamp(4rem,8.4vw,8.5rem);max-width:1100px;margin:18px 0 28px}
.cinematic-enabled .page-hero p{max-width:720px;color:var(--aura-muted);font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.65}

/* trust/ticker */
.cinematic-enabled .trustbar{background:#0d2318;border-block:1px solid var(--aura-line);color:var(--aura-text)}
.cinematic-enabled .trustgrid{min-height:112px}
.cinematic-enabled .trustitem{border-color:var(--aura-line)}
.cinematic-enabled .trustitem b{color:var(--aura-text);font-weight:650}
.cinematic-enabled .trustitem span{color:var(--aura-muted)}
.cinematic-enabled .aura-ticker{
  background:var(--aura-accent);color:#081a11;border:0;padding:15px 0;
}
.cinematic-enabled .ticker-track{gap:42px;animation-duration:34s}
.cinematic-enabled .ticker-track span{font-size:.68rem;letter-spacing:.145em}

/* sections */
.cinematic-enabled .section,
.cinematic-enabled .aura-workspace,
.cinematic-enabled .aura-personas{padding-block:clamp(92px,10vw,170px);background:transparent;color:var(--aura-text)}
.cinematic-enabled .section.alt{background:#0d2318;border-block:1px solid var(--aura-line)}
.cinematic-enabled .section-head{
  grid-template-columns:minmax(140px,.34fr) minmax(0,1fr);
  gap:clamp(34px,8vw,130px);
  align-items:start;margin-bottom:clamp(44px,6vw,90px);
}
.cinematic-enabled .section-head .display{font-size:clamp(3.2rem,6.4vw,7rem);margin:0 0 24px}
.cinematic-enabled .section-head p{max-width:680px;color:var(--aura-muted);font-size:1rem;line-height:1.7}
.cinematic-enabled .section-head>.eyebrow{padding-top:11px}

/* services: numbered editorial rows */
.cinematic-enabled .services-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;
  counter-reset:aura-service;border-top:1px solid var(--aura-line);
}
.cinematic-enabled .service-card{
  counter-increment:aura-service;
  min-height:310px;
  background:transparent;
  border:0;border-bottom:1px solid var(--aura-line);
  border-radius:0;
  padding:34px 30px 32px 68px;
  position:relative;overflow:hidden;
}
.cinematic-enabled .service-card:nth-child(odd){border-right:1px solid var(--aura-line)}
.cinematic-enabled .service-card::before{
  content:counter(aura-service,decimal-leading-zero);
  position:absolute;left:2px;top:38px;color:var(--aura-muted);
  font-size:.65rem;letter-spacing:.12em;font-weight:800;
}
.cinematic-enabled .service-card::after{
  content:"";position:absolute;inset:auto 0 0;height:100%;
  transform:translateY(101%);background:var(--aura-accent);
  transition:transform .65s var(--aura-ease);z-index:-1;
}
.cinematic-enabled .service-card:hover::after{transform:none}
.cinematic-enabled .service-card:hover,.cinematic-enabled .service-card:hover p,.cinematic-enabled .service-card:hover .service-link,.cinematic-enabled .service-card:hover .mini-tags span{color:#081a11}
.cinematic-enabled .service-card:hover .service-icon{border-color:rgba(9,11,8,.25)}
.cinematic-enabled .service-icon{
  width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--aura-line);border-radius:50%;
  color:var(--aura-accent);font-size:.9rem;background:transparent;margin-bottom:48px;
}
.cinematic-enabled .service-card h3{font-size:clamp(1.7rem,2.6vw,2.65rem);letter-spacing:-.045em;margin-bottom:14px}
.cinematic-enabled .service-card p{max-width:520px;color:var(--aura-muted);line-height:1.65}
.cinematic-enabled .service-link{color:var(--aura-text);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}
.cinematic-enabled .service-price{color:var(--aura-accent)}
.cinematic-enabled .mini-tags span{border-color:var(--aura-line);color:var(--aura-muted);background:transparent}

/* visual explainer / detail / process */
.cinematic-enabled .visual-explainers{gap:1px;background:var(--aura-line);border:1px solid var(--aura-line)}
.cinematic-enabled .visual-explainer{
  background:#122d1f;border:0;border-radius:0;padding:26px;
}
.cinematic-enabled .visual-explainer h3{color:var(--aura-text)}
.cinematic-enabled .visual-explainer p{color:var(--aura-muted)}
.cinematic-enabled .detail-grid{gap:1px;background:var(--aura-line);border:1px solid var(--aura-line)}
.cinematic-enabled .detail-card{
  background:#122d1f;border:0;border-radius:0;padding:clamp(26px,4vw,48px);min-height:280px;
}
.cinematic-enabled .detail-card h3{font-size:clamp(1.6rem,2.2vw,2.25rem);letter-spacing:-.04em}
.cinematic-enabled .detail-card p{color:var(--aura-muted);line-height:1.7}
.cinematic-enabled .process{border-top:1px solid var(--aura-line);gap:0}
.cinematic-enabled .process-step{
  position:relative;border:0;border-bottom:1px solid var(--aura-line);border-radius:0;background:transparent;padding:34px 28px 34px 64px;min-height:230px;
}
.cinematic-enabled .process-step::after{
  content:attr(data-cinema-index);position:absolute;left:0;top:37px;font-size:.62rem;color:var(--aura-muted);letter-spacing:.14em;
}
.cinematic-enabled .process-step>b{color:var(--aura-accent);font-size:.68rem;letter-spacing:.14em}
.cinematic-enabled .process-step h3{font-size:clamp(1.5rem,2vw,2rem);letter-spacing:-.04em}
.cinematic-enabled .process-step p{color:var(--aura-muted);line-height:1.6}

/* workspace / interactive */
.cinematic-enabled .aura-workspace{background:#0a1e14;border-block:1px solid var(--aura-line)}
.cinematic-enabled .aura-workspace-head h2{font-size:clamp(3.1rem,6vw,6.8rem)}
.cinematic-enabled .aura-workspace-head p{color:var(--aura-muted)}
.cinematic-enabled .aura-scene-tabs{border-color:var(--aura-line)}
.cinematic-enabled .aura-scene-tab{color:var(--aura-muted);border-color:var(--aura-line);background:transparent}
.cinematic-enabled .aura-scene-tab.is-active,.cinematic-enabled .aura-scene-tab:hover{color:#07180f;background:var(--aura-accent)}
.cinematic-enabled .aura-canvas{
  background:#0a1e14;border:1px solid var(--aura-line);box-shadow:none;border-radius:16px;
}
.cinematic-enabled .aura-canvas-toolbar,.cinematic-enabled .aura-canvas-prompt{border-color:var(--aura-line)}
.cinematic-enabled .aura-canvas-prompt{background:#122d1f}
.cinematic-enabled .aura-canvas-prompt p{color:var(--aura-text)}
.cinematic-enabled .aura-node{
  background:rgba(12,16,12,.94);border:1px solid var(--aura-line);box-shadow:0 22px 70px rgba(0,0,0,.28);
}
.cinematic-enabled .aura-node small,.cinematic-enabled .aura-node p{color:var(--aura-muted)}
.cinematic-enabled .aura-node-index{color:var(--aura-accent)}
.cinematic-enabled .aura-connectors path{stroke:rgba(225,225,0,.34)}
.cinematic-enabled .aura-status-dot{background:var(--aura-accent);box-shadow:0 0 24px rgba(225,225,0,.6)}

/* personas */
.cinematic-enabled .aura-personas{background:#07180f}
.cinematic-enabled .aura-personas-label{color:var(--aura-muted);border-color:var(--aura-line)}
.cinematic-enabled .aura-persona-tabs{border-color:var(--aura-line)}
.cinematic-enabled .aura-persona-tab{
  color:var(--aura-muted);border-color:var(--aura-line);background:transparent;
}
.cinematic-enabled .aura-persona-tab.is-active,.cinematic-enabled .aura-persona-tab:hover{color:var(--aura-text)}
.cinematic-enabled .aura-persona-tab.is-active::before{background:var(--aura-accent)}
.cinematic-enabled .aura-persona-panel{background:#10281b;border:1px solid var(--aura-line);border-radius:16px}
.cinematic-enabled .aura-persona-number{color:rgba(225,225,0,.22)}
.cinematic-enabled .aura-persona-copy p{color:var(--aura-muted)}
.cinematic-enabled .aura-text-link{color:var(--aura-accent)}
.cinematic-enabled .persona-core{background:var(--aura-accent);color:#07180f}
.cinematic-enabled .persona-orbit{border-color:rgba(225,225,0,.26);color:var(--aura-text)}

/* campaign / video */
.cinematic-enabled .video-panel,.cinematic-enabled .campaign-stage{border-radius:16px;border:1px solid var(--aura-line);overflow:hidden}
.cinematic-enabled .video-panel::after{background:linear-gradient(90deg,rgba(5,7,5,.88),rgba(5,7,5,.18) 70%)}
.cinematic-enabled .video-overlay{color:var(--aura-text)}
.cinematic-enabled .campaign-stage{background:#0d2318;color:var(--aura-text);box-shadow:none}
.cinematic-enabled .campaign-stage-copy p{color:var(--aura-muted)}
.cinematic-enabled .ad-card{background:#153424;border-color:var(--aura-line);color:var(--aura-text);box-shadow:none}
.cinematic-enabled .ad-card p,.cinematic-enabled .ad-card small{color:var(--aura-muted)}
.cinematic-enabled .ad-card-results strong,.cinematic-enabled .ad-card-top b{color:var(--aura-accent)}
.cinematic-enabled .business-flow{border-color:var(--aura-line)}
.cinematic-enabled .business-flow>div{border-color:var(--aura-line)}
.cinematic-enabled .business-flow b{color:var(--aura-accent)}
.cinematic-enabled .business-flow small{color:var(--aura-muted)}

/* portfolio */
.cinematic-enabled .portfolio-intro{border-block:1px solid var(--aura-line);color:var(--aura-muted);padding:18px 0;margin-bottom:60px}
.cinematic-enabled .project-grid{gap:clamp(55px,8vw,120px)}
.cinematic-enabled .project-card{
  background:transparent;border:0;border-radius:0;overflow:visible;color:var(--aura-text);
}
.cinematic-enabled .project-media{
  border-radius:12px;overflow:hidden;background:#153424;border:1px solid var(--aura-line);aspect-ratio:16/10;
}
.cinematic-enabled .project-media img{
  width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--aura-ease),filter .8s var(--aura-ease);
}
.cinematic-enabled .project-card:hover .project-media img{transform:scale(1.035);filter:saturate(1.06)}
.cinematic-enabled .project-meta{padding:24px 0 0;border:0}
.cinematic-enabled .project-meta h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.055em;margin:6px 0 14px}
.cinematic-enabled .project-meta p{color:var(--aura-muted);max-width:620px;line-height:1.65}
.cinematic-enabled .project-type{color:var(--aura-accent);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}
.cinematic-enabled .project-arrow{font-size:.7rem;color:var(--aura-muted);border:1px solid var(--aura-line);border-radius:50%;width:44px;height:44px;display:grid;place-items:center}
.cinematic-enabled .project-live{color:var(--aura-text);border-bottom:1px solid var(--aura-line)}
.cinematic-enabled .project-live:hover{color:var(--aura-accent);border-color:var(--aura-accent)}

/* pricing */
.cinematic-enabled .price-toggle{background:#122d1f;border:1px solid var(--aura-line)}
.cinematic-enabled .price-toggle button{color:var(--aura-muted)}
.cinematic-enabled .price-toggle button.active{background:var(--aura-accent);color:#081a11}
.cinematic-enabled .pricing-grid{gap:1px;background:var(--aura-line);border:1px solid var(--aura-line)}
.cinematic-enabled .price-card{
  background:#10281b;color:var(--aura-text);border:0;border-radius:0;box-shadow:none;padding:clamp(28px,3vw,42px);
}
.cinematic-enabled .price-card.featured{background:var(--aura-accent);color:#07180f;transform:none}
.cinematic-enabled .price-card.featured .muted,.cinematic-enabled .price-card.featured li,.cinematic-enabled .price-card.featured .dual-price{color:rgba(8,10,8,.67)}
.cinematic-enabled .price-card.featured .popular{background:#07180f;color:var(--aura-text)}
.cinematic-enabled .price-card h3{font-size:clamp(1.7rem,2.4vw,2.4rem);letter-spacing:-.04em}
.cinematic-enabled .price{border-color:var(--aura-line)}
.cinematic-enabled .price span{font-size:clamp(2.2rem,3.2vw,3.4rem);letter-spacing:-.055em}
.cinematic-enabled .price-card li{color:var(--aura-muted);border-color:var(--aura-line)}
.cinematic-enabled .dual-price{border-color:var(--aura-line);color:var(--aura-muted)}

/* nfc / menu products */
.cinematic-enabled .product-3d-section{background:#0a1e14;border-block:1px solid var(--aura-line)}
.cinematic-enabled .smart-product-copy p,.cinematic-enabled .tap-card p{color:var(--aura-muted)}
.cinematic-enabled .card-3d-stage{background:radial-gradient(circle at 50% 50%,rgba(225,225,0,.08),transparent 45%),#0d2318;border:1px solid var(--aura-line)}
.cinematic-enabled .tap-card{background:#122d1f;border:1px solid var(--aura-line);color:var(--aura-text)}
.cinematic-enabled .step{border-color:var(--aura-line)}
.cinematic-enabled .step p{color:var(--aura-muted)}
.cinematic-enabled .menu-gallery-section{background:#0a1e14}
.cinematic-enabled .menu-price-banner{background:var(--aura-accent);color:#07180f;border:0}
.cinematic-enabled .menu-price-banner p,.cinematic-enabled .menu-price-banner p b,.cinematic-enabled .menu-price-banner p b span{color:#07180f}
.cinematic-enabled .menu-design{background:transparent;border:0;border-top:1px solid var(--aura-line);border-radius:0;padding-block:54px}
.cinematic-enabled .menu-design-copy p{color:var(--aura-muted)}

/* contact */
.cinematic-enabled .contact-grid{gap:1px;background:var(--aura-line);border:1px solid var(--aura-line)}
.cinematic-enabled .contact-card,.cinematic-enabled .contact-form{
  background:#10281b;color:var(--aura-text);border:0;border-radius:0;box-shadow:none;padding:clamp(28px,4vw,54px);
}
.cinematic-enabled .contact-lines a,.cinematic-enabled .contact-lines div{border-color:var(--aura-line);color:var(--aura-text)}
.cinematic-enabled .contact-lines a:hover{color:var(--aura-accent)}
.cinematic-enabled .field label{color:var(--aura-muted)}
.cinematic-enabled .field input,.cinematic-enabled .field textarea,.cinematic-enabled .field select{
  background:#0a1e14;color:var(--aura-text);border:1px solid var(--aura-line);border-radius:8px;box-shadow:none;
}
.cinematic-enabled .field input:focus,.cinematic-enabled .field textarea:focus,.cinematic-enabled .field select:focus{
  outline:none;border-color:var(--aura-accent);box-shadow:0 0 0 3px rgba(225,225,0,.08)
}

/* CTA + footer */
.cinematic-enabled .cta-band{padding:0;background:#07180f}
.cinematic-enabled .cta-box{
  min-height:min(72svh,760px);
  display:flex;flex-direction:column;justify-content:flex-end;
  background:
    radial-gradient(circle at 82% 20%,rgba(225,225,0,.16),transparent 28rem),
    #0d2318;
  color:var(--aura-text);border:1px solid var(--aura-line);border-radius:16px;padding:clamp(34px,6vw,90px);
}
.cinematic-enabled .cta-box .display{font-size:clamp(3.4rem,7vw,7.4rem);max-width:1000px}
.cinematic-enabled .cta-box .btn-primary{background:var(--aura-accent);color:#07180f}
.cinematic-enabled .cta-box .btn-ghost{border-color:var(--aura-line-strong);color:var(--aura-text)}
.cinema-footer-marquee{
  overflow:hidden;border-top:1px solid var(--aura-line);border-bottom:1px solid var(--aura-line);
  background:#0a1e14;color:var(--aura-text);padding:18px 0;
}
.cinema-footer-track{display:flex;width:max-content;gap:44px;animation:cinemaMarquee 36s linear infinite}
.cinema-footer-track span{font-size:clamp(1rem,2vw,1.8rem);font-weight:650;letter-spacing:-.035em;white-space:nowrap}
.cinema-footer-track i{color:var(--aura-accent);font-style:normal}
.cinematic-enabled .site-footer{
  background:#07170f;color:var(--aura-text);border-top:0;padding-top:90px
}
.cinematic-enabled .footer-top{gap:clamp(40px,7vw,110px)}
.cinematic-enabled .footer-blurb{color:var(--aura-muted);max-width:430px;line-height:1.7}
.cinematic-enabled .footer-col h4{color:var(--aura-muted);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase}
.cinematic-enabled .footer-col a{color:var(--aura-text)}
.cinematic-enabled .footer-col a:hover{color:var(--aura-accent)}
.cinematic-enabled .footer-bottom{border-color:var(--aura-line);color:var(--aura-muted)}
.cinematic-enabled .footer-wordmark .brand-logo{width:72px;height:72px}
.cinematic-enabled .cookie-settings-link{color:var(--aura-muted)}

/* chatbot/cookie harmonization */
.cinematic-enabled .chat-launcher,.cinematic-enabled .chat-avatar,.cinematic-enabled .chat-form button{background:var(--aura-accent);color:#07180f}
.cinematic-enabled .chat-panel{background:#10281b;color:var(--aura-text);border:1px solid var(--aura-line)}
.cinematic-enabled .chat-head{background:#07180f;color:var(--aura-text);border-color:var(--aura-line)}
.cinematic-enabled .chat-messages{background:#10281b}
.cinematic-enabled .chat-message p{background:#183525;color:var(--aura-text)}
.cinematic-enabled .chat-message.user p{background:var(--aura-accent);color:#07180f}
.cinematic-enabled .chat-form,.cinematic-enabled .chat-quick{background:#0a1e14;border-color:var(--aura-line)}
.cinematic-enabled .chat-form input,.cinematic-enabled .chat-quick button{background:#153424;color:var(--aura-text);border-color:var(--aura-line)}
.cinematic-enabled .cookie-consent{background:#10281b;color:var(--aura-text);border-color:var(--aura-line);box-shadow:0 24px 80px rgba(0,0,0,.35)}
.cinematic-enabled .cookie-copy p{color:var(--aura-muted)}

/* micro interactions */
.cinematic-enabled .tilt-card{transition:transform .45s var(--aura-ease)}
.cinematic-enabled .scroll-progress{height:1px;background:transparent}
.cinematic-enabled .scroll-progress i{background:var(--aura-accent)}
.cinematic-enabled .motion-orb{opacity:.38}
.cinematic-enabled [data-cinema-arrow]{position:relative}
.cinematic-enabled [data-cinema-arrow]::after{content:"↗";margin-inline-start:10px;display:inline-block;transition:transform .35s var(--aura-ease)}
.cinematic-enabled [data-cinema-arrow]:hover::after{transform:translate(3px,-3px)}

@keyframes cinemaMarquee{to{transform:translateX(-50%)}}

/* responsive */
@media (max-width:1100px){
  .cinematic-enabled .nav-links{gap:14px}
  .cinematic-enabled .nav-links a{font-size:.66rem}
  .cinematic-enabled .hero-grid{grid-template-columns:1fr}
  .cinematic-enabled .hero-note{display:none}
  .cinematic-enabled .reference-hero .hero-media{width:58%;opacity:.72}
  .cinematic-enabled .services-grid{grid-template-columns:1fr}
  .cinematic-enabled .service-card:nth-child(odd){border-right:0}
}
@media (max-width:860px){
  .cinematic-enabled .site-header{padding-top:6px}
  .cinematic-enabled .site-header .nav{height:68px;padding:0 12px;background:rgba(8,11,8,.78);border-color:var(--aura-line);backdrop-filter:blur(16px)}
  .cinematic-enabled .brand-logo{width:36px;height:36px;flex-basis:36px}
  .cinematic-enabled .nav-links{
    background:#0a1e14;border:1px solid var(--aura-line);border-radius:14px;
    inset:calc(100% + 8px) 0 auto;box-shadow:0 24px 80px rgba(0,0,0,.4);
  }
  .cinematic-enabled .nav-links a{font-size:.9rem;color:var(--aura-text);padding:15px 18px;border-bottom:1px solid var(--aura-line)}
  .cinematic-enabled .page-hero{min-height:72svh;padding-top:140px}
  .cinematic-enabled .hero{padding-top:130px}
  .cinematic-enabled .reference-hero .hero-media{width:100%;opacity:.38;clip-path:none}
  .cinematic-enabled .hero-media::after{background:linear-gradient(90deg,rgba(7,9,7,.94),rgba(7,9,7,.35)),linear-gradient(0deg,#07180f 0%,transparent 50%)}
  .cinematic-enabled .hero .display{font-size:clamp(3.9rem,14vw,7rem)}
  .cinematic-enabled .section-head{grid-template-columns:1fr;gap:20px}
  .cinematic-enabled .section-head>.eyebrow{padding-top:0}
  .cinematic-enabled .pricing-grid{grid-template-columns:1fr}
  .cinematic-enabled .contact-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  body.cinematic-enabled .container{width:min(calc(100% - 24px),var(--aura-max))}
  .cinematic-enabled .hero{min-height:94svh;padding:122px 0 44px}
  .cinematic-enabled .hero .display{font-size:clamp(3.4rem,16vw,5.4rem);line-height:.84}
  .cinematic-enabled .hero-copy{font-size:.93rem}
  .cinematic-enabled .page-hero{padding:125px 0 52px;min-height:66svh}
  .cinematic-enabled .page-hero .display{font-size:clamp(3.2rem,15vw,5rem);line-height:.86}
  .cinematic-enabled .section,.cinematic-enabled .aura-workspace,.cinematic-enabled .aura-personas{padding-block:78px}
  .cinematic-enabled .section-head .display{font-size:clamp(2.8rem,13vw,4.4rem)}
  .cinematic-enabled .service-card{padding:30px 18px 30px 54px;min-height:270px}
  .cinematic-enabled .service-card::before{left:0}
  .cinematic-enabled .service-icon{margin-bottom:34px}
  .cinematic-enabled .project-grid{gap:70px}
  .cinematic-enabled .project-meta{display:block}
  .cinematic-enabled .project-arrow{margin-top:18px}
  .cinematic-enabled .cta-box{min-height:62svh;border-radius:12px;padding:28px 20px}
  .cinematic-enabled .cta-box .display{font-size:clamp(3rem,14vw,4.6rem)}
}
@media (prefers-reduced-motion:reduce){
  .cinema-loader{display:none}
  .cinema-footer-track{animation:none!important;transform:none!important}
  .cinematic-enabled .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .cinema-glow{display:none}
}


/* =========================================================
   NAVBAR-STYLE SCROLL CHOREOGRAPHY
   ========================================================= */
.cinema-scroll-story{
  position:relative;
  height:480svh;
  background:
    radial-gradient(circle at calc(50% + (var(--story-progress,0) * 12%)) 52%,
      rgba(225,225,0,.105),transparent 22rem),
    #07180f;
  border-block:1px solid var(--aura-line);
}
.cinema-scroll-sticky{
  position:sticky;
  top:0;
  height:100svh;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.cinema-scroll-grid{
  position:absolute;
  inset:0;
  opacity:.28;
  background-image:
    linear-gradient(rgba(242,243,236,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(242,243,236,.035) 1px,transparent 1px);
  background-size:8.333vw 8.333vw;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
}
.cinema-scroll-sticky::before{
  content:"";
  position:absolute;
  width:min(58vw,760px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(225,225,0,.11),rgba(225,225,0,.025) 38%,transparent 69%);
  filter:blur(18px);
  transform:
    translate3d(
      calc((var(--story-progress,0) - .5) * 10vw),
      calc((.5 - var(--story-progress,0)) * 7vh),
      0
    )
    scale(calc(.9 + var(--story-progress,0) * .2));
  transition:filter .2s linear;
  pointer-events:none;
}
.cinema-scroll-kicker{
  position:absolute;
  z-index:4;
  left:clamp(18px,5vw,78px);
  top:clamp(92px,11vh,132px);
  font-size:.61rem;
  font-weight:800;
  letter-spacing:.18em;
  color:var(--aura-muted);
  text-transform:uppercase;
}
.cinema-scroll-track{
  position:absolute;
  z-index:3;
  top:0;
  left:0;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7vh;
  will-change:transform;
}
.cinema-scroll-line{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:baseline;
  gap:.19em;
  white-space:nowrap;
  font-size:clamp(5.2rem,12.4vw,13rem);
  line-height:.72;
  letter-spacing:-.08em;
  font-weight:670;
  transform-origin:center;
  will-change:transform,opacity;
}
.cinema-scroll-line span{color:var(--aura-text)}
.cinema-scroll-line strong{
  font:inherit;
  color:var(--aura-accent);
}
.cinema-scroll-line:nth-child(even) span{
  color:transparent;
  -webkit-text-stroke:1px rgba(242,243,236,.52);
}
.cinema-scroll-line:nth-child(even) strong{
  color:transparent;
  -webkit-text-stroke:1px rgba(225,225,0,.7);
}
.cinema-scroll-center{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  width:min(72vw,980px);
  height:1px;
  transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent,rgba(225,225,0,.42),transparent);
}
.cinema-scroll-center::before,
.cinema-scroll-center::after{
  content:"";
  position:absolute;
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--aura-accent);
  box-shadow:0 0 28px rgba(225,225,0,.72);
  transform:translateY(-50%);
}
.cinema-scroll-center::before{left:0}
.cinema-scroll-center::after{right:0}
.cinema-scroll-center i{
  position:absolute;
  left:50%;
  top:50%;
  width:1px;
  height:32vh;
  transform:translate(-50%,-50%);
  background:linear-gradient(transparent,rgba(225,225,0,.22),transparent);
}
.cinema-scroll-meta{
  position:absolute;
  z-index:5;
  left:clamp(18px,5vw,78px);
  right:clamp(18px,5vw,78px);
  bottom:clamp(28px,6vh,70px);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  opacity:0;
  will-change:transform,opacity;
}
.cinema-scroll-meta span{
  max-width:600px;
  font-size:clamp(1.6rem,3.4vw,4rem);
  line-height:.95;
  letter-spacing:-.055em;
  font-weight:620;
}
.cinema-scroll-meta small{
  color:var(--aura-muted);
  font-size:.6rem;
  letter-spacing:.18em;
  text-transform:uppercase;
}

/* Scroll-scrubbed headings use a mask-like lower edge and tiny vertical drift. */
.cinema-scrub-heading{
  will-change:transform;
  transform-origin:left bottom;
  filter:
    brightness(calc(.78 + var(--cinema-title-reveal,0) * .22));
}
.cinema-scrub-heading::after{
  transform-origin:left;
}
.cinema-scrub-media{
  transform:
    translate3d(0,var(--cinema-media-y,0px),0)
    scale(1.035);
  will-change:transform;
}

/* Make sections feel connected instead of independently fading cards in/out. */
.cinematic-enabled .section,
.cinematic-enabled .aura-workspace,
.cinematic-enabled .aura-personas{
  position:relative;
}
.cinematic-enabled .section::before,
.cinematic-enabled .aura-workspace::before,
.cinematic-enabled .aura-personas::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(calc(100% - clamp(32px,6vw,110px)),var(--aura-max));
  height:1px;
  transform:translateX(-50%) scaleX(.12);
  transform-origin:left;
  background:linear-gradient(90deg,var(--aura-accent),rgba(242,243,236,.18),transparent);
  opacity:.34;
  transition:transform 1.25s var(--aura-ease),opacity .8s ease;
}
.cinematic-enabled .section.cinema-in-view::before,
.cinematic-enabled .aura-workspace.cinema-in-view::before,
.cinematic-enabled .aura-personas.cinema-in-view::before{
  transform:translateX(-50%) scaleX(1);
  opacity:.72;
}

/* Slow media zoom while a section is in view. */
.cinematic-enabled .video-panel video{
  transition:transform .12s linear,opacity .7s ease;
}
.cinematic-enabled .video-panel.cinema-in-view video{
  filter:saturate(.86) contrast(1.07) brightness(.78);
}

/* Desktop-specific service row movement. */
@media (hover:hover) and (pointer:fine){
  .cinematic-enabled .service-card{
    transition:
      color .45s var(--aura-ease),
      padding .55s var(--aura-ease),
      transform .55s var(--aura-ease);
  }
  .cinematic-enabled .service-card:hover{
    padding-left:82px;
  }
}

@media (max-width:860px){
  .cinema-scroll-story{height:390svh}
  .cinema-scroll-grid{background-size:20vw 20vw}
  .cinema-scroll-line{
    font-size:clamp(4.1rem,18vw,7rem);
    gap:.12em;
  }
  .cinema-scroll-track{gap:8vh}
  .cinema-scroll-meta{
    display:block;
  }
  .cinema-scroll-meta small{
    display:block;
    margin-top:16px;
  }
  .cinema-scroll-center{width:84vw}
}
@media (max-width:560px){
  .cinema-scroll-story{height:350svh}
  .cinema-scroll-kicker{top:92px}
  .cinema-scroll-line{
    flex-direction:column;
    align-items:center;
    gap:0;
    line-height:.76;
    font-size:clamp(4rem,21vw,6.2rem);
  }
  .cinema-scroll-line:nth-child(even){
    transform-origin:center;
  }
  .cinema-scroll-meta span{
    font-size:clamp(1.7rem,8vw,2.8rem);
  }
}
@media (prefers-reduced-motion:reduce){
  .cinema-scroll-story{
    height:auto;
    min-height:78svh;
  }
  .cinema-scroll-sticky{
    position:relative;
    min-height:78svh;
    height:auto;
    padding:130px 20px 80px;
  }
  .cinema-scroll-track{
    position:relative;
    transform:none!important;
    gap:16px;
  }
  .cinema-scroll-line{
    opacity:1!important;
    transform:none!important;
  }
  .cinema-scroll-line:nth-child(n+3){display:none}
  .cinema-scroll-meta{
    position:relative;
    inset:auto;
    opacity:1!important;
    transform:none!important;
    margin-top:42px;
  }
  .cinema-scrub-heading,
  .cinema-scrub-media{
    transform:none!important;
    filter:none!important;
  }
}


/* HEADER COLOR MATCH · unified with AuraDigital cinematic palette */
.cinematic-enabled .site-header{
  background:linear-gradient(180deg,rgba(7,9,7,.94),rgba(7,9,7,.60) 68%,rgba(7,9,7,0));
}
.cinematic-enabled .site-header .nav{
  background:rgba(8,11,8,.66);
  border-color:rgba(242,243,236,.10);
  backdrop-filter:blur(18px) saturate(118%);
  -webkit-backdrop-filter:blur(18px) saturate(118%);
}
.cinematic-enabled .site-header.scrolled .nav{
  background:rgba(8,11,8,.92);
  border-color:rgba(242,243,236,.15);
  box-shadow:0 14px 46px rgba(0,0,0,.30);
}
.cinematic-enabled .nav-links a{
  color:rgba(242,243,236,.72);
}
.cinematic-enabled .nav-links a:hover{
  color:var(--aura-text);
}
.cinematic-enabled .nav-links a.active{
  color:var(--aura-accent);
}
.cinematic-enabled .nav-links a.active::after{
  background:var(--aura-accent);
}
.cinematic-enabled .lang-current{
  height:42px;
  border:1px solid var(--aura-line);
  background:rgba(13,17,13,.88);
  color:var(--aura-text);
  box-shadow:none;
}
.cinematic-enabled .lang-current:hover,
.cinematic-enabled .lang-current[aria-expanded="true"]{
  background:rgba(20,25,20,.96);
  border-color:rgba(225,225,0,.40);
}
.cinematic-enabled .lang-globe{
  color:var(--aura-accent);
}
.cinematic-enabled .lang-chevron{
  color:var(--aura-muted);
}
.cinematic-enabled .lang-menu{
  background:rgba(10,13,10,.98);
  border:1px solid var(--aura-line);
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.cinematic-enabled .lang-menu button{
  color:rgba(242,243,236,.82);
}
.cinematic-enabled .lang-menu button:hover,
.cinematic-enabled .lang-menu button.active{
  background:rgba(225,225,0,.10);
  color:var(--aura-accent);
}
.cinematic-enabled .menu-btn{
  background:rgba(13,17,13,.88);
  border-color:var(--aura-line);
  color:var(--aura-text);
}
.cinematic-enabled .menu-btn:hover{
  border-color:rgba(225,225,0,.42);
  color:var(--aura-accent);
}
.cinematic-enabled .nav-cta{
  background:var(--aura-accent);
  color:#07180f;
  border-color:var(--aura-accent);
}
.cinematic-enabled .nav-cta:hover{
  background:var(--aura-text);
  color:#07180f;
  border-color:var(--aura-text);
}
@media (max-width:860px){
  .cinematic-enabled .site-header{
    background:transparent;
  }
  .cinematic-enabled .site-header .nav,
  .cinematic-enabled .site-header.scrolled .nav{
    background:rgba(8,11,8,.94);
    border-color:rgba(242,243,236,.14);
  }
  .cinematic-enabled .nav-links{
    background:rgba(8,11,8,.985);
    border:1px solid rgba(242,243,236,.14);
  }
  .cinematic-enabled .nav-links a{
    color:rgba(242,243,236,.82);
    border-bottom-color:rgba(242,243,236,.10);
  }
  .cinematic-enabled .nav-links a.active{
    color:var(--aura-accent);
  }
}


/* =========================================================
   FOREST GREEN VISUAL AUDIT
   Final consistency layer for public AuraDigital pages.
   ========================================================= */
html,
body.cinematic-enabled{
  background-color:var(--aura-bg);
}
body.cinematic-enabled{
  background:
    radial-gradient(circle at 74% 8%,rgba(225,225,0,.055),transparent 30rem),
    radial-gradient(circle at 18% 46%,rgba(84,153,106,.08),transparent 34rem),
    linear-gradient(180deg,#07180f 0%,#091d13 48%,#07180f 100%);
}
body.cinematic-enabled::before{
  opacity:.09;
  mix-blend-mode:soft-light;
}

/* Keep every major page zone inside one forest-green family. */
.cinematic-enabled .hero,
.cinematic-enabled .page-hero,
.cinematic-enabled .cta-band,
.cinematic-enabled .aura-personas,
.cinematic-enabled .menu-gallery-section{
  background-color:var(--aura-bg);
}
.cinematic-enabled .section.alt,
.cinematic-enabled .aura-workspace,
.cinematic-enabled .product-3d-section{
  background:var(--aura-bg-2);
}
.cinematic-enabled .visual-explainer,
.cinematic-enabled .detail-card,
.cinematic-enabled .price-card,
.cinematic-enabled .contact-card,
.cinematic-enabled .contact-form,
.cinematic-enabled .tap-card,
.cinematic-enabled .aura-canvas,
.cinematic-enabled .aura-persona-panel,
.cinematic-enabled .campaign-stage,
.cinematic-enabled .ad-card,
.cinematic-enabled .chat-panel,
.cinematic-enabled .chat-messages,
.cinematic-enabled .cookie-consent{
  background-color:var(--aura-surface);
}
.cinematic-enabled .aura-canvas-prompt,
.cinematic-enabled .field input,
.cinematic-enabled .field textarea,
.cinematic-enabled .field select,
.cinematic-enabled .chat-form,
.cinematic-enabled .chat-quick,
.cinematic-enabled .chat-form input,
.cinematic-enabled .chat-quick button,
.cinematic-enabled .price-toggle,
.cinematic-enabled .project-media{
  background-color:var(--aura-bg-2);
}

/* Header: remove the remaining charcoal cast and keep it visibly green. */
.cinematic-enabled .site-header{
  background:linear-gradient(
    180deg,
    rgba(7,24,15,.96),
    rgba(7,24,15,.66) 68%,
    rgba(7,24,15,0)
  );
}
.cinematic-enabled .site-header .nav{
  background:rgba(10,30,20,.76);
  border-color:rgba(214,230,217,.12);
  box-shadow:0 10px 34px rgba(1,8,4,.14);
}
.cinematic-enabled .site-header.scrolled .nav{
  background:rgba(10,30,20,.94);
  border-color:rgba(214,230,217,.17);
  box-shadow:0 16px 48px rgba(1,8,4,.30);
}
.cinematic-enabled .lang-current,
.cinematic-enabled .menu-btn{
  background:rgba(16,40,27,.90);
}
.cinematic-enabled .lang-current:hover,
.cinematic-enabled .lang-current[aria-expanded="true"],
.cinematic-enabled .menu-btn:hover{
  background:rgba(21,52,36,.98);
}
.cinematic-enabled .lang-menu,
.cinematic-enabled .nav-links.open{
  background:rgba(9,29,19,.985);
}

/* Hero and video overlays now tint green instead of black. */
.cinematic-enabled .reference-hero .hero-media{
  background:#0b2116;
}
.cinematic-enabled .hero-media::after{
  background:
    linear-gradient(90deg,rgba(7,24,15,.96) 0%,rgba(7,24,15,.74) 17%,rgba(7,24,15,.24) 50%,rgba(7,24,15,.12) 100%),
    linear-gradient(0deg,rgba(7,24,15,.76),transparent 50%);
}
.cinematic-enabled .video-panel::after{
  background:linear-gradient(
    90deg,
    rgba(7,24,15,.92),
    rgba(7,24,15,.44) 48%,
    rgba(7,24,15,.16) 78%
  );
}
.cinematic-enabled .hero-note{
  background:rgba(12,36,24,.78);
  border-color:rgba(214,230,217,.15);
}

/* Scroll story: same green atmosphere as the rest of the site. */
.cinema-scroll-story{
  background:
    radial-gradient(
      circle at calc(50% + (var(--story-progress,0) * 12%)) 52%,
      rgba(225,225,0,.095),
      transparent 22rem
    ),
    radial-gradient(circle at 18% 75%,rgba(70,137,91,.08),transparent 26rem),
    var(--aura-bg);
}
.cinema-scroll-grid{
  background-image:
    linear-gradient(rgba(214,230,217,.038) 1px,transparent 1px),
    linear-gradient(90deg,rgba(214,230,217,.038) 1px,transparent 1px);
}

/* CTA/footer: deep green, never neutral black. */
.cinematic-enabled .cta-box{
  background:
    radial-gradient(circle at 82% 20%,rgba(225,225,0,.13),transparent 28rem),
    linear-gradient(145deg,var(--aura-surface),var(--aura-bg-2));
}
.cinema-footer-marquee{
  background:var(--aura-bg-2);
}
.cinematic-enabled .site-footer{
  background:#06160e;
}
.cinematic-enabled .chat-head{
  background:var(--aura-bg);
}

/* Elevated interactive surfaces. */
.cinematic-enabled .aura-node{
  background:rgba(18,45,31,.95);
  box-shadow:0 22px 70px rgba(1,8,4,.26);
}
.cinematic-enabled .card-3d-stage{
  background:
    radial-gradient(circle at 50% 50%,rgba(225,225,0,.07),transparent 46%),
    var(--aura-bg-2);
}
.cinematic-enabled .chat-message p{
  background:var(--aura-surface-2);
}

/* Consistent borders and text contrast. */
.cinematic-enabled .visual-explainers,
.cinematic-enabled .detail-grid,
.cinematic-enabled .pricing-grid,
.cinematic-enabled .contact-grid{
  background:var(--aura-line);
  border-color:var(--aura-line);
}
.cinematic-enabled .visual-explainer,
.cinematic-enabled .detail-card,
.cinematic-enabled .price-card,
.cinematic-enabled .contact-card,
.cinematic-enabled .contact-form,
.cinematic-enabled .tap-card,
.cinematic-enabled .campaign-stage,
.cinematic-enabled .project-media,
.cinematic-enabled .aura-canvas,
.cinematic-enabled .aura-persona-panel{
  border-color:var(--aura-line);
}
.cinematic-enabled .section-head p,
.cinematic-enabled .project-meta p,
.cinematic-enabled .detail-card p,
.cinematic-enabled .visual-explainer p,
.cinematic-enabled .process-step p,
.cinematic-enabled .campaign-stage-copy p,
.cinematic-enabled .aura-workspace-head p,
.cinematic-enabled .aura-persona-copy p,
.cinematic-enabled .smart-product-copy p,
.cinematic-enabled .tap-card p,
.cinematic-enabled .field label,
.cinematic-enabled .cookie-copy p{
  color:var(--aura-muted);
}

/* Remove abrupt white flips. Buttons remain premium and controlled. */
.cinematic-enabled .nav-cta:hover,
.cinematic-enabled .btn-primary:hover{
  background:#f2f5ef;
  color:#07180f;
}
.cinematic-enabled .btn-ghost:hover,
.cinematic-enabled .btn-light:hover{
  background:var(--aura-surface-2);
  color:var(--aura-text);
  border-color:rgba(225,225,0,.34);
}

/* Forms: no browser-white controls and clearer focus. */
.cinematic-enabled .field input::placeholder,
.cinematic-enabled .field textarea::placeholder{
  color:rgba(161,174,165,.58);
}
.cinematic-enabled .field select{
  color-scheme:dark;
}
.cinematic-enabled .field input:focus,
.cinematic-enabled .field textarea:focus,
.cinematic-enabled .field select:focus{
  border-color:rgba(225,225,0,.72);
  box-shadow:0 0 0 3px rgba(225,225,0,.075);
}

/* Normalize spacing/radius anomalies introduced by older component styles. */
.cinematic-enabled .video-panel,
.cinematic-enabled .campaign-stage,
.cinematic-enabled .aura-canvas,
.cinematic-enabled .aura-persona-panel,
.cinematic-enabled .cta-box{
  border-radius:16px;
}
.cinematic-enabled .project-media{
  border-radius:14px;
}
.cinematic-enabled .service-card,
.cinematic-enabled .process-step,
.cinematic-enabled .menu-design{
  box-shadow:none;
}

/* Prevent legacy light backgrounds from leaking into public product sections. */
.cinematic-enabled .feature-panel,
.cinematic-enabled .smart-product-panel,
.cinematic-enabled .menu-choice-card,
.cinematic-enabled .menu-choice-action,
.cinematic-enabled .nfc-demo,
.cinematic-enabled .feature-visual{
  background-color:var(--aura-surface);
  color:var(--aura-text);
  border-color:var(--aura-line);
}
.cinematic-enabled .menu-choice-action:hover{
  background-color:var(--aura-surface-2);
}
.cinematic-enabled .feature-panel p,
.cinematic-enabled .menu-choice-card p,
.cinematic-enabled .menu-choice-action p{
  color:var(--aura-muted);
}

/* Mobile audit: stable header size, no pale dropdown, no horizontal spill. */
@media (max-width:860px){
  body.cinematic-enabled .container{
    width:min(calc(100% - 28px),var(--aura-max));
  }
  .cinematic-enabled .site-header{
    padding-top:6px;
    background:transparent;
  }
  .cinematic-enabled .site-header .nav,
  .cinematic-enabled .site-header.scrolled .nav{
    min-height:62px;
    height:62px;
    padding-inline:12px;
    background:rgba(9,29,19,.96);
    border-color:rgba(214,230,217,.14);
    border-radius:14px;
  }
  .cinematic-enabled .nav-links{
    top:76px;
    left:14px;
    right:14px;
    max-height:calc(100svh - 92px);
    overflow:auto;
    background:rgba(9,29,19,.99);
    border-color:rgba(214,230,217,.14);
    box-shadow:0 24px 70px rgba(1,8,4,.38);
  }
  .cinematic-enabled .lang-menu{
    background:rgba(9,29,19,.995);
  }
  .cinematic-enabled .page-hero{
    padding-top:132px;
  }
  .cinematic-enabled .hero{
    padding-top:122px;
  }
  .cinematic-enabled .section,
  .cinematic-enabled .aura-workspace,
  .cinematic-enabled .aura-personas{
    overflow:clip;
  }
  .cinematic-enabled .section-head .display,
  .cinematic-enabled .aura-workspace-head .display{
    line-height:.93;
    overflow-wrap:anywhere;
  }
  .cinematic-enabled .service-card{
    padding-left:54px;
    padding-right:18px;
  }
}
@media (max-width:560px){
  body.cinematic-enabled .container{
    width:min(calc(100% - 22px),var(--aura-max));
  }
  .cinematic-enabled .brand-logo{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
  .cinematic-enabled .brand-name{
    font-size:.92rem;
  }
  .cinematic-enabled .lang-current{
    padding-inline:10px;
  }
  .cinematic-enabled .hero .display,
  .cinematic-enabled .page-hero .display{
    line-height:.91;
    letter-spacing:-.055em;
  }
  .cinematic-enabled .cta-box{
    border-radius:12px;
  }
}

/* Horizontal AuraDigital mark across cinematic navigation and footer. */
.cinematic-enabled .brand-wordmark .brand-logo { width: 48px; height: 27px; flex: 0 0 48px; border-radius: 5px !important; }
.cinematic-enabled .footer-wordmark .brand-logo { width: 64px; height: 36px; flex-basis: 64px; }
@media (max-width: 760px) { .cinematic-enabled .brand-wordmark .brand-logo { width: 44px; height: 25px; flex-basis: 44px; } }



/* Text contrast on intentionally light sections and controls. */
body.cinematic-enabled:is([data-page="packages"],[data-page="portfolio"],[data-page="auramenu"]) .page-hero .display{
  color:#0b2417;
}
body.cinematic-enabled:is([data-page="packages"],[data-page="portfolio"],[data-page="auramenu"]) .page-hero .eyebrow{
  color:#244635;
}
body.cinematic-enabled .auramenu-hero .menu-action-designs{
  background:rgba(255,255,255,.72);
  color:#0b2417;
  border-color:rgba(11,36,23,.3);
}
body.cinematic-enabled .auramenu-hero .menu-action-self{
  background:#e1e100;
  color:#0b2417;
  border-color:#0b2417;
}
body.cinematic-enabled .auramenu-hero .menu-action-assisted{
  background:#0b2417;
  color:#f2f5ef;
  border-color:#0b2417;
}
body.cinematic-enabled .auramenu-hero .menu-action-assisted:hover{
  background:#174c3c;
  color:#fff;
}
body.cinematic-enabled .menu-phone.phone-mobile-pro,
body.cinematic-enabled .menu-choice-card{
  color:#0b2417;
}
body.cinematic-enabled .aura-canvas-status{
  background:rgba(11,36,23,.96);
  border-color:rgba(225,225,0,.28);
  color:#f2f5ef;
}
body.cinematic-enabled .aura-canvas-status small{
  color:#b6c9ba;
}
body.cinematic-enabled .business-flow{
  background:#10281b;
  color:#f2f5ef;
}
body.cinematic-enabled .business-flow > div{
  border-color:rgba(214,230,217,.14);
}
body.cinematic-enabled .project-live{
  background:transparent;
  color:#e1e100;
  border:1px solid rgba(225,225,0,.42);
}
body.cinematic-enabled .project-live:hover{
  background:#e1e100;
  color:#0b2417;
}
body.cinematic-enabled .cookie-consent .btn-primary{
  background:#e1e100;
  color:#0b2417;
  border-color:#e1e100;
}
body.cinematic-enabled .cookie-consent .cookie-reject{
  background:#f2f5ef;
  color:#0b2417;
  border-color:rgba(11,36,23,.24);
}
body.cinematic-enabled .cookie-consent .cookie-reject:hover{
  background:#e1e100;
  color:#0b2417;
}
body.cinematic-enabled .btn-light{
  background:#0b2417;
  color:#f2f5ef;
  border-color:rgba(225,225,0,.38);
}
body.cinematic-enabled .btn-light:hover{
  background:#174c3c;
  color:#fff;
}

/* Keep the navigation dark during the brief handoff from page markup to motion. */
.site-header .nav{
  background-color:rgba(10,30,20,.94);
}

/* First-paint contrast before the motion script marks the page ready. */
body:is([data-page="packages"],[data-page="portfolio"],[data-page="auramenu"]) .page-hero .display{
  color:#0b2417;
}
body:is([data-page="packages"],[data-page="portfolio"],[data-page="auramenu"]) .page-hero .eyebrow{
  color:#244635;
}
body[data-page="auramenu"] .menu-action-designs{color:#0b2417}
body[data-page="auramenu"] .menu-action-self{color:#0b2417}
body[data-page="auramenu"] .menu-action-assisted{
  background:#0b2417;
  color:#f2f5ef;
}
.menu-phone.phone-mobile-pro,
.menu-choice-card{color:#0b2417}
.business-flow{background:#10281b;color:#f2f5ef}
.aura-canvas-status{background:rgba(11,36,23,.96);color:#f2f5ef}
.cookie-consent .btn-primary{background:#e1e100;color:#0b2417}
.cookie-consent .cookie-reject{background:#f2f5ef;color:#0b2417}
.btn-light{color:#0b2417}

/* Keep the supplied homepage film visible while shading only the copy area. */
body[data-page="home"].cinematic-enabled .reference-hero .hero-media{opacity:1}
body[data-page="home"].cinematic-enabled .reference-hero .hero-media::after{
  background:linear-gradient(90deg,rgba(7,24,15,.58) 0%,rgba(7,24,15,.30) 38%,rgba(7,24,15,.04) 75%);
}
@media (max-width:860px){
  body[data-page="home"].cinematic-enabled .reference-hero .hero-media{opacity:1}
  body[data-page="home"].cinematic-enabled .reference-hero .hero-media::after{
    background:linear-gradient(0deg,rgba(7,24,15,.66) 0%,rgba(7,24,15,.18) 48%,rgba(7,24,15,.08) 100%);
  }
}

/* CONTEXTUAL HOME SCROLL — 2026-09-28 */
.context-scroll-enabled .reference-hero .hero-copy-block{
  transform:translate3d(0,var(--hero-scroll-y,0),0);
  opacity:var(--hero-scroll-opacity,1);
  will-change:transform,opacity;
}
.context-scroll-enabled .reference-hero .hero-note{
  transform:translate3d(0,var(--hero-note-y,0),0);
  will-change:transform;
}

.context-scroll-enabled .services-grid .service-card>div,
.context-scroll-enabled .services-grid .service-card>.service-link{
  transform:translate3d(var(--ctx-x,0),var(--ctx-y,0),0);
  opacity:var(--ctx-opacity,1);
  will-change:transform,opacity;
}
.context-scroll-enabled .services-grid .service-card .service-icon{
  transform:scale(var(--service-icon-scale,1));
  opacity:var(--ctx-opacity,1);
  will-change:transform,opacity;
}
.context-scroll-enabled .visual-explainer>div{
  transform:translate3d(var(--ctx-x,0),var(--ctx-y,0),0);
  opacity:var(--ctx-opacity,1);
  will-change:transform,opacity;
}

.context-scroll-enabled .studio-video .video-panel video.cinema-scrub-media{
  transform:
    translate3d(0,var(--cinema-media-y,0px),0)
    scale(var(--studio-scale,1.035));
  will-change:transform;
}
.context-scroll-enabled .studio-video .video-overlay{
  transform:translate3d(0,var(--studio-copy-y,0),0);
  opacity:var(--studio-copy-opacity,1);
  will-change:transform,opacity;
}

.context-scroll-enabled .campaign-stage .ad-card{
  animation:none!important;
  transform:
    translate3d(var(--ad-x,0),var(--ad-y,0),0)
    rotate(var(--ad-rot,0deg));
  opacity:var(--ad-opacity,1);
  will-change:transform,opacity;
}
.context-scroll-enabled .business-flow>div{
  position:relative;
  transform:translate3d(var(--ctx-x,0),var(--ctx-y,0),0);
  opacity:var(--ctx-opacity,1);
  will-change:transform,opacity;
}
.context-scroll-enabled .business-flow>div::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:0;
  height:1px;
  background:var(--aura-accent);
  transform:scaleX(var(--flow-progress,0));
  transform-origin:left;
  opacity:.8;
}

.context-scroll-enabled .process-step{
  overflow:hidden;
}
.context-scroll-enabled .process-step::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,var(--aura-accent),rgba(225,225,0,.16));
  transform:scaleX(var(--step-progress,0));
  transform-origin:left;
}
.context-scroll-enabled .process-step>b,
.context-scroll-enabled .process-step>h3,
.context-scroll-enabled .process-step>p{
  transform:translate3d(var(--step-copy-x,0),0,0);
  opacity:var(--step-copy-opacity,1);
  will-change:transform,opacity;
}

.context-scroll-enabled .cta-box .display,
.context-scroll-enabled .cta-box .muted,
.context-scroll-enabled .cta-box .hero-actions{
  transform:translate3d(0,var(--cta-y,0),0);
  opacity:var(--cta-opacity,1);
  will-change:transform,opacity;
}
.context-scroll-enabled .cta-box .display em{
  text-shadow:0 0 var(--cta-glow,0px) rgba(225,225,0,.18);
}

@media (max-width:700px){
  .context-scroll-enabled .campaign-stage .ad-card{
    --ad-x:0px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .context-scroll-enabled .reference-hero .hero-copy-block,
  .context-scroll-enabled .reference-hero .hero-note,
  .context-scroll-enabled .services-grid .service-card>div,
  .context-scroll-enabled .services-grid .service-card>.service-link,
  .context-scroll-enabled .visual-explainer>div,
  .context-scroll-enabled .studio-video .video-overlay,
  .context-scroll-enabled .campaign-stage .ad-card,
  .context-scroll-enabled .business-flow>div,
  .context-scroll-enabled .process-step>b,
  .context-scroll-enabled .process-step>h3,
  .context-scroll-enabled .process-step>p,
  .context-scroll-enabled .cta-box .display,
  .context-scroll-enabled .cta-box .muted,
  .context-scroll-enabled .cta-box .hero-actions{
    transform:none!important;
    opacity:1!important;
  }
}



/* 2026-10-02: white emphasis + CTA + footer breathing room */
.cinematic-enabled .display em,
.cinematic-enabled .campaign-stage-copy h3{
  color:#f2f5ef;
}

.cinematic-enabled .nav-cta{
  background:#f2f5ef;
  color:#07180f;
  border-color:#f2f5ef;
}
.cinematic-enabled .nav-cta:hover{
  background:#e7eadf;
  color:#07180f;
  border-color:#e7eadf;
}

.cinematic-enabled .cinema-footer-marquee{
  margin-bottom:clamp(84px,8vw,124px)!important;
}
@media (max-width:600px){
  .cinematic-enabled .cinema-footer-marquee{
    margin-bottom:68px!important;
  }
}


/* 2026-10-02 VISUAL HIERARCHY REFRESH */
/* Calmer spacing, shorter line lengths, white-first typography. */
.cinematic-enabled .section,
.cinematic-enabled .aura-workspace,
.cinematic-enabled .aura-personas{
  padding-block:clamp(104px,10.5vw,158px);
}
.cinematic-enabled .section-head{
  gap:clamp(40px,8vw,132px);
  margin-bottom:clamp(58px,6.5vw,96px);
}
.cinematic-enabled .section-head p,
.cinematic-enabled .page-hero p{
  max-width:590px;
  line-height:1.76;
}
.cinematic-enabled .display em{
  color:var(--aura-text);
}
.cinematic-enabled .page-hero{
  padding-bottom:clamp(86px,8vw,124px);
}
.cinematic-enabled .page-hero .display{
  max-width:1040px;
}
.cinematic-enabled .page-hero p{
  font-size:clamp(.98rem,1.22vw,1.12rem);
}

/* Reduce large lime surfaces: accent remains for small signals and details. */
.cinematic-enabled .service-card::after{
  background:var(--aura-surface-2);
}
.cinematic-enabled .service-card:hover,
.cinematic-enabled .service-card:hover p,
.cinematic-enabled .service-card:hover .service-link,
.cinematic-enabled .service-card:hover .mini-tags span{
  color:var(--aura-text);
}
.cinematic-enabled .service-card:hover .service-icon{
  color:var(--aura-accent);
  border-color:rgba(225,225,0,.32);
}
.cinematic-enabled .cta-box .btn-primary,
.cinematic-enabled .campaign-stage .btn-primary{
  background:#f2f5ef;
  color:#07180f;
  border-color:#f2f5ef;
}
.cinematic-enabled .cta-box .btn-primary:hover,
.cinematic-enabled .campaign-stage .btn-primary:hover{
  background:#e7eadf;
  color:#07180f;
  border-color:#e7eadf;
}

/* Homepage: real work becomes the main visual proof. */
.cinematic-enabled .selected-work{
  background:linear-gradient(180deg,var(--aura-bg),var(--aura-bg-2));
  border-bottom:1px solid var(--aura-line);
}
.selected-work-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:40px;
  align-items:end;
  margin-bottom:clamp(56px,7vw,100px);
}
.selected-work-head .eyebrow{display:block;margin-bottom:22px}
.selected-work-head .display{
  max-width:930px;
  font-size:clamp(3.5rem,7.2vw,7.8rem);
  margin:0 0 26px;
}
.selected-work-head p{
  max-width:520px;
  color:var(--aura-muted);
  line-height:1.72;
}
.selected-work-all,
.selected-work-copy a{
  color:var(--aura-text);
  text-decoration:none;
  border-bottom:1px solid var(--aura-line-strong);
  padding-bottom:5px;
  width:max-content;
  font-size:.75rem;
  font-weight:760;
  letter-spacing:.02em;
}
.selected-work-all:hover,
.selected-work-copy a:hover{
  color:var(--aura-accent);
  border-color:var(--aura-accent);
}
.selected-work-list{display:grid;gap:clamp(90px,11vw,170px)}
.selected-work-item{
  display:grid;
  grid-template-columns:minmax(0,1.72fr) minmax(260px,.68fr);
  gap:clamp(32px,5.5vw,86px);
  align-items:center;
}
.selected-work-item:nth-child(even){
  grid-template-columns:minmax(260px,.68fr) minmax(0,1.72fr);
}
.selected-work-item:nth-child(even) .selected-work-media{order:2}
.selected-work-media{
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:14px;
  border:1px solid var(--aura-line);
  background:var(--aura-surface);
}
.selected-work-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top;
  display:block;
  transition:transform 1s var(--aura-ease),filter .7s var(--aura-ease);
}
.selected-work-media:hover img{
  transform:scale(1.025);
  filter:saturate(1.04);
}
.selected-work-copy>span{
  display:block;
  margin-bottom:20px;
  color:var(--aura-accent);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.15em;
}
.selected-work-copy h3{
  margin:0 0 18px;
  color:var(--aura-text);
  font-size:clamp(2.2rem,4.4vw,4.8rem);
  line-height:.95;
  letter-spacing:-.06em;
}
.selected-work-copy p{
  color:var(--aura-muted);
  line-height:1.7;
  max-width:360px;
  margin:0 0 28px;
}

/* Portfolio: image-led case studies instead of stacked cards. */
body[data-page="portfolio"].cinematic-enabled .project-grid{
  gap:clamp(110px,12vw,190px);
}
body[data-page="portfolio"].cinematic-enabled .project-case{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(280px,.68fr);
  gap:clamp(34px,5.5vw,88px);
  align-items:center;
}
body[data-page="portfolio"].cinematic-enabled .project-case:nth-child(even){
  grid-template-columns:minmax(280px,.68fr) minmax(0,1.65fr);
}
body[data-page="portfolio"].cinematic-enabled .project-case:nth-child(even) .project-media{order:2}
body[data-page="portfolio"].cinematic-enabled .project-meta{
  padding:0;
}
body[data-page="portfolio"].cinematic-enabled .project-meta h2{
  font-size:clamp(2.5rem,4.8vw,5.4rem);
  line-height:.94;
}
body[data-page="portfolio"].cinematic-enabled .project-meta p{
  max-width:420px;
}
body[data-page="portfolio"].cinematic-enabled .project-media{
  aspect-ratio:16/10;
}

/* Services: editorial, breathable, no fluorescent full-card hover. */
body[data-page="services"].cinematic-enabled .services-grid{
  gap:18px;
  border-top:0;
}
body[data-page="services"].cinematic-enabled .service-card{
  min-height:350px;
  padding:38px 38px 36px 72px;
  border:1px solid var(--aura-line);
  border-radius:16px;
  background:rgba(18,45,31,.5);
}
body[data-page="services"].cinematic-enabled .service-card:nth-child(odd){
  border-right:1px solid var(--aura-line);
}
body[data-page="services"].cinematic-enabled .service-card::before{
  left:24px;
  top:42px;
}
body[data-page="services"].cinematic-enabled .service-icon{
  margin-bottom:54px;
}
body[data-page="services"].cinematic-enabled .service-card p{
  max-width:510px;
  line-height:1.7;
}

/* Keep footer separated from the animated border on every cinematic page. */
.cinematic-enabled .cinema-footer-marquee{
  margin-bottom:clamp(88px,8vw,128px)!important;
}
.cinematic-enabled .site-footer{
  padding-top:clamp(76px,8vw,112px);
}

@media(max-width:900px){
  .selected-work-head{grid-template-columns:1fr;align-items:start}
  .selected-work-item,
  .selected-work-item:nth-child(even),
  body[data-page="portfolio"].cinematic-enabled .project-case,
  body[data-page="portfolio"].cinematic-enabled .project-case:nth-child(even){
    grid-template-columns:1fr;
    gap:28px;
  }
  .selected-work-item:nth-child(even) .selected-work-media,
  body[data-page="portfolio"].cinematic-enabled .project-case:nth-child(even) .project-media{
    order:0;
  }
}
@media(max-width:700px){
  .cinematic-enabled .section,
  .cinematic-enabled .aura-workspace,
  .cinematic-enabled .aura-personas{
    padding-block:78px;
  }
  .cinematic-enabled .section-head{
    margin-bottom:48px;
  }
  .selected-work-head .display{
    font-size:clamp(3rem,13vw,4.6rem);
  }
  .selected-work-list{gap:82px}
  .selected-work-media{border-radius:10px}
  body[data-page="services"].cinematic-enabled .services-grid{
    grid-template-columns:1fr;
  }
  body[data-page="services"].cinematic-enabled .service-card{
    min-height:0;
    padding:30px 24px 30px 64px;
  }
  .cinematic-enabled .cinema-footer-marquee{
    margin-bottom:70px!important;
  }
}


/* 2026-10-02 ACID WAVE SEPARATORS */
.cinematic-enabled .acid-wave-separator{
  --acid-wave:#e1e100;
  position:relative;
  z-index:6;
  height:0;
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
  pointer-events:none;
  opacity:0;
  transform:translate3d(0,18px,0) scaleX(.72);
  transform-origin:center;
  transition:
    opacity .8s var(--aura-ease),
    transform 1.15s var(--aura-ease);
}
.cinematic-enabled .acid-wave-separator::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:clamp(92px,13vw,180px);
  height:1px;
  transform:translateX(-50%) scaleX(.2);
  transform-origin:center;
  background:linear-gradient(90deg,transparent,var(--acid-wave),transparent);
  opacity:0;
  transition:transform 1.1s .12s var(--aura-ease),opacity .7s .12s ease;
}
.cinematic-enabled .acid-wave-separator svg{
  position:absolute;
  left:50%;
  top:0;
  width:min(92vw,1100px);
  height:clamp(72px,8vw,108px);
  overflow:visible;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 0 10px rgba(225,225,0,.16));
}
.cinematic-enabled .acid-wave-separator .acid-wave-line{
  fill:none;
  stroke:var(--acid-wave);
  stroke-width:1.35;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:1200;
  stroke-dashoffset:1200;
  opacity:.76;
  transition:stroke-dashoffset 1.7s .12s cubic-bezier(.16,1,.3,1),opacity .8s ease;
}
.cinematic-enabled .acid-wave-separator .acid-wave-line--echo{
  stroke-width:.7;
  opacity:.18;
  transform:translateY(8px);
  transition-delay:.22s;
}
.cinematic-enabled .acid-wave-separator.is-visible{
  opacity:1;
  transform:translate3d(0,0,0) scaleX(1);
}
.cinematic-enabled .acid-wave-separator.is-visible::before{
  opacity:.55;
  transform:translateX(-50%) scaleX(1);
}
.cinematic-enabled .acid-wave-separator.is-visible .acid-wave-line{
  stroke-dashoffset:0;
}
.cinematic-enabled .acid-wave-separator.is-visible svg{
  animation:acid-ribbon-float 7.5s ease-in-out 1.65s infinite alternate;
}
.cinematic-enabled .acid-wave-separator:nth-of-type(even) svg{
  animation-direction:alternate-reverse;
}
@keyframes acid-ribbon-float{
  0%{transform:translate(-50%,-50%) translate3d(-8px,-2px,0) rotate(-.18deg)}
  50%{transform:translate(-50%,-50%) translate3d(5px,3px,0) rotate(.16deg)}
  100%{transform:translate(-50%,-50%) translate3d(9px,-1px,0) rotate(-.08deg)}
}
@media(max-width:700px){
  .cinematic-enabled .acid-wave-separator{
    width:calc(100% - 20px);
  }
  .cinematic-enabled .acid-wave-separator svg{
    width:96vw;
    height:66px;
  }
  .cinematic-enabled .acid-wave-separator .acid-wave-line{
    stroke-width:1.1;
  }
  .cinematic-enabled .acid-wave-separator .acid-wave-line--echo{
    display:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .cinematic-enabled .acid-wave-separator{
    opacity:1;
    transform:none;
  }
  .cinematic-enabled .acid-wave-separator::before{
    opacity:.45;
    transform:translateX(-50%) scaleX(1);
  }
  .cinematic-enabled .acid-wave-separator .acid-wave-line{
    stroke-dashoffset:0;
  }
  .cinematic-enabled .acid-wave-separator svg{
    animation:none!important;
  }
}