/* Airbrush Some Stuff V135 — cinematic scroll experience
   Transform/opacity-driven motion with reduced-motion and mobile fallbacks. */
:root{
  --v135-ink:#050b10;
  --v135-panel:#09141c;
  --v135-cyan:#27dcff;
  --v135-blue:#0877ff;
  --v135-silver:#9eabb5;
  --v135-line:rgba(72,210,255,.22);
  --v135-ease:cubic-bezier(.2,.72,.18,1);
}
body.theme-v38 .page-noise{display:none!important}

/* Global reveal system. JS adds .v135-motion only when initialized. */
html.v135-motion .v135-reveal{
  opacity:0;
  transform:translate3d(0,38px,0) scale(.992);
  filter:blur(8px);
  transition:opacity .85s var(--v135-ease),transform .85s var(--v135-ease),filter .85s var(--v135-ease);
  transition-delay:var(--v135-delay,0ms);
  will-change:transform,opacity,filter;
}
html.v135-motion .v135-reveal.v135-from-left{transform:translate3d(-52px,0,0) scale(.992)}
html.v135-motion .v135-reveal.v135-from-right{transform:translate3d(52px,0,0) scale(.992)}
html.v135-motion .v135-reveal.v135-scale{transform:translate3d(0,20px,0) scale(.95)}
html.v135-motion .v135-reveal.is-revealed{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}
html.v135-motion .v135-mask-reveal{
  clip-path:inset(0 0 100% 0 round 26px);
  transform:translate3d(0,22px,0) scale(1.015);
  transition:clip-path 1.05s var(--v135-ease),transform 1.05s var(--v135-ease);
}
html.v135-motion .v135-mask-reveal.is-revealed{clip-path:inset(0 0 0 0 round 26px);transform:none}

/* Section-level decorative system */
.v135-shaped{position:relative!important;isolation:isolate}
.v135-shaped>.v135-shape-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.v135-shaped>:not(.v135-shape-field){position:relative;z-index:1}
.v135-shape{position:absolute;display:block;will-change:transform;opacity:.7;transform:translate3d(0,calc(var(--v135-shift,0px) + var(--v135-velocity,0px)),0) rotate(var(--v135-rotate,0deg))}
.v135-shape.ring{width:clamp(150px,18vw,330px);aspect-ratio:1;border:1px solid rgba(39,220,255,.22);border-radius:50%;right:-6%;top:8%;--v135-rotate:18deg}
.v135-shape.ring:after{content:"";position:absolute;inset:18%;border:1px solid rgba(255,255,255,.13);border-radius:50%}
.v135-shape.slab{width:clamp(190px,26vw,480px);height:72px;background:linear-gradient(90deg,rgba(39,220,255,.02),rgba(39,220,255,.16),rgba(8,119,255,.04));transform:translate3d(0,var(--v135-shift,0px),0) rotate(-11deg);left:-8%;bottom:10%;border:1px solid rgba(39,220,255,.08)}
.v135-shape.dotgrid{width:210px;height:150px;right:8%;bottom:6%;opacity:.2;background-image:radial-gradient(circle,rgba(39,220,255,.8) 1px,transparent 1.5px);background-size:18px 18px;mask-image:linear-gradient(135deg,#000,transparent 80%)}
.v135-shape.brand-a{left:-4%;top:4%;width:clamp(260px,38vw,680px);aspect-ratio:1;opacity:.045;background:url('../icons/airbrush-logo-v134.svg') center/contain no-repeat;filter:grayscale(1) brightness(4);transform:translate3d(0,var(--v135-shift,0px),0) rotate(-10deg)}

/* Scroll-responsive header refinement */
body.theme-v38 .site-header{transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease!important}
html.v135-deep-scroll body.theme-v38 .site-header{background:rgba(4,11,16,.94)!important;border-color:rgba(39,220,255,.16)!important;box-shadow:0 14px 40px rgba(0,0,0,.2)!important}
html.v135-deep-scroll body.theme-v38 .site-logo-v32{scale:.94;transform-origin:left center}

/* Main homepage authority cards — real parallax depth */
body.page-index .v131-authority-card{--v135-card-rx:0deg;--v135-card-ry:0deg;--v135-card-lift:0px;transform:perspective(1000px) translateY(var(--v135-card-lift)) rotateX(var(--v135-card-rx)) rotateY(var(--v135-card-ry))!important;transform-style:preserve-3d;transition:border-color .35s ease,transform .35s var(--v135-ease),box-shadow .35s ease!important}
body.page-index .v131-authority-card img.v135-parallax-img{height:118%!important;top:-9%!important;transform:translate3d(0,var(--v135-parallax-y,0px),0) scale(1.04);will-change:transform}
@media (hover:hover) and (pointer:fine){
  body.page-index .v131-authority-card:hover{--v135-card-lift:-7px;border-color:rgba(39,220,255,.5)!important;box-shadow:0 24px 70px rgba(0,23,37,.22)}
  body.page-index .v131-authority-card:hover:before{opacity:1}
}
body.page-index .v131-authority-card:before{content:"";position:absolute;left:24px;right:24px;bottom:18px;height:1px;background:linear-gradient(90deg,var(--v135-cyan),transparent);z-index:2;transform:scaleX(.28);transform-origin:left;opacity:.55;transition:transform .45s var(--v135-ease),opacity .45s ease}
@media (hover:hover) and (pointer:fine){body.page-index .v131-authority-card:hover:before{transform:scaleX(1)}}

/* Signature parallax collage */
.v135-collage{width:min(1440px,calc(100% - 40px));margin:clamp(35px,6vw,90px) auto clamp(80px,10vw,150px);display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.35fr) minmax(0,.78fr);grid-template-rows:90px minmax(420px,620px) 110px;gap:18px;position:relative;isolation:isolate;color:#fff}
.v135-collage-copy{grid-column:1/3;grid-row:1;z-index:5;align-self:end;max-width:850px}
.v135-collage-copy small{display:block;color:var(--v135-cyan);letter-spacing:.17em;font-weight:900;font-size:11px;margin-bottom:10px}
.v135-collage-copy h2{margin:0;font-family:var(--v38-serif,Georgia,serif);font-weight:400;font-size:clamp(48px,6.5vw,104px);line-height:.88;letter-spacing:-.045em;text-wrap:balance}
.v135-collage-frame{position:relative;overflow:hidden;border-radius:32px;border:1px solid rgba(255,255,255,.14);background:#07121a;box-shadow:0 30px 90px rgba(0,0,0,.26);will-change:transform;transform:translate3d(0,var(--v135-parallax-y,0px),0)}
.v135-collage-frame img{width:100%;height:112%;object-fit:cover;position:absolute;left:0;top:-6%;filter:saturate(1.04) contrast(1.02)}
.v135-collage-frame.main{grid-column:2/4;grid-row:2/4}
.v135-collage-frame.left{grid-column:1/2;grid-row:2;align-self:end;height:78%;z-index:3}
.v135-collage-frame.detail{grid-column:1/2;grid-row:3;width:78%;justify-self:end;height:150px;z-index:4;border-radius:24px}
.v135-collage-label{position:absolute;right:26px;top:26px;z-index:4;border:1px solid rgba(255,255,255,.2);background:rgba(3,10,15,.72);backdrop-filter:blur(12px);border-radius:999px;padding:11px 15px;font-size:10px;letter-spacing:.14em;font-weight:900}
.v135-collage-note{position:absolute;left:24px;bottom:22px;z-index:4;width:min(420px,80%);padding:19px 21px;border-left:2px solid var(--v135-cyan);background:linear-gradient(90deg,rgba(2,9,14,.82),rgba(2,9,14,.25));font-size:14px;line-height:1.55}
.v135-collage .v135-orbit-line{position:absolute;right:-6%;top:2%;width:34%;aspect-ratio:1;border:1px solid rgba(39,220,255,.16);border-radius:50%;z-index:-1;transform:translate3d(0,var(--v135-parallax-y,0px),0)}

/* Stacked service panels — desktop only */
@media (min-width:1101px){
  html.v135-motion body.page-index .service-river.service-showcase{display:block!important;padding-bottom:150px!important;overflow:visible!important;position:relative}
  html.v135-motion body.page-index .service-showcase .service-panel.service-feature{
    position:sticky!important;
    top:calc(108px + (var(--v135-stack-index,0) * 12px));
    margin:0 0 clamp(72px,9vh,120px)!important;
    transform:scale(var(--v135-stack-scale,1)) translate3d(0,var(--v135-stack-y,0px),0)!important;
    opacity:var(--v135-stack-opacity,1)!important;
    box-shadow:0 30px 90px rgba(0,0,0,.16);
    transform-origin:center top;
    transition:box-shadow .35s ease,border-color .35s ease!important;
    will-change:transform,opacity;
  }
  html.v135-motion body.page-index .service-showcase .service-panel.service-feature.is-v135-active{border-color:rgba(39,220,255,.35)!important;box-shadow:0 38px 100px rgba(0,0,0,.24)}
  body.page-index .service-panel-media{overflow:hidden}
  body.page-index .service-panel-media img.v135-parallax-img{height:118%!important;top:-9%;position:absolute;left:0;transform:translate3d(0,var(--v135-parallax-y,0px),0) scale(1.02);will-change:transform}
  body.page-index .service-panel-media{position:relative}
}

/* Scroll color reveal / mural experience */
.v135-mural-reveal{width:min(1540px,100%);margin:20px auto 110px;padding:clamp(58px,7vw,100px) clamp(18px,5vw,70px);background:#030a0f;color:#fff;position:relative;overflow:hidden;isolation:isolate}
.v135-mural-reveal:before{content:"";position:absolute;inset:auto -15% -40% 42%;height:80%;background:radial-gradient(circle,rgba(39,220,255,.16),transparent 62%);pointer-events:none;z-index:-1}
.v135-mural-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.55fr);gap:40px;align-items:end;margin-bottom:34px}
.v135-mural-head small{display:block;color:var(--v135-cyan);font-weight:900;letter-spacing:.17em;font-size:11px;margin-bottom:12px}
.v135-mural-head h2{margin:0;font-family:var(--v38-serif,Georgia,serif);font-weight:400;font-size:clamp(48px,6.4vw,102px);line-height:.9;letter-spacing:-.045em}
.v135-mural-head p{margin:0;color:#aebdc6;font-size:16px;line-height:1.7}
.v135-mural-stage{position:relative;aspect-ratio:16/8.4;min-height:420px;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#091119}
.v135-mural-stage>img{position:absolute;inset:-6% 0 auto;width:100%;height:112%;object-fit:cover}
.v135-mural-stage>.v135-mural-base{filter:grayscale(1) brightness(.42) contrast(1.08);transform:scale(1.03)}
.v135-mural-stage>.v135-mural-color{clip-path:inset(0 var(--v135-reveal-right,100%) 0 0);filter:saturate(1.04);will-change:clip-path}
.v135-mural-divider{position:absolute;left:var(--v135-reveal-left,0%);top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(39,220,255,.55),0 0 32px rgba(39,220,255,.7);transform:translateX(-1px);z-index:4;will-change:left}
.v135-mural-divider:before{content:"DRAGGED BY SCROLL";position:absolute;top:22px;left:12px;white-space:nowrap;font-size:9px;letter-spacing:.15em;font-weight:900;background:rgba(2,8,12,.75);padding:8px 10px;border-radius:999px}
.v135-mural-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:22px;color:#b7c6ce}
.v135-mural-meta strong{color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.v135-mural-meta a{color:var(--v135-cyan);font-weight:900}

/* Horizontal process story */
@media (min-width:1101px){
  html.v135-motion body.page-index .process.v135-process-story{position:relative!important;max-width:1540px!important;padding-top:0!important;padding-bottom:0!important;overflow:visible!important}
  html.v135-motion body.page-index .process.v135-process-story>.eyebrow{position:sticky;top:120px;z-index:4;display:block;width:max-content;padding:64px 0 24px;margin:0;color:#0078a7!important}
  html.v135-motion body.page-index .process.v135-process-story .process-line{
    position:sticky;top:190px;display:flex!important;grid-template-columns:none!important;width:max-content!important;gap:18px!important;margin:0!important;border:0!important;transform:translate3d(var(--v135-process-x,0px),0,0)!important;will-change:transform;
  }
  html.v135-motion body.page-index .process.v135-process-story .process-line>div{
    width:clamp(300px,28vw,390px);min-height:320px;padding:30px!important;border:1px solid rgba(39,220,255,.16);border-radius:28px;background:linear-gradient(150deg,#07131b,#040b10);color:#fff;opacity:1!important;transform:none!important;box-shadow:0 24px 60px rgba(0,0,0,.14);position:relative;overflow:hidden
  }
  html.v135-motion body.page-index .process.v135-process-story .process-line>div:after{content:"";position:absolute;left:30px;right:30px;bottom:26px;height:1px;background:linear-gradient(90deg,var(--v135-cyan),transparent)}
  html.v135-motion body.page-index .process.v135-process-story .process-line b{background:var(--v135-cyan);color:#031018;border:0;margin:0 0 64px}
  html.v135-motion body.page-index .process.v135-process-story .process-line h3{font-family:var(--v38-condensed,'Arial Narrow',Arial,sans-serif);font-size:clamp(42px,4vw,64px);line-height:.9;margin:0 0 16px;letter-spacing:-.04em}
  html.v135-motion body.page-index .process.v135-process-story .process-line p{color:#afc0c8;max-width:28ch;line-height:1.55}
}

/* Final CTA expansion and branded geometry */
body.theme-v38 .final-cta{position:relative;overflow:hidden;isolation:isolate}
body.theme-v38 .final-cta:before{content:"";position:absolute;inset:8%;border-radius:38px;background:linear-gradient(125deg,rgba(39,220,255,.12),rgba(8,119,255,.04) 52%,rgba(255,255,255,.02));border:1px solid rgba(39,220,255,.12);z-index:-1;transform:scale(var(--v135-cta-scale,.82));opacity:var(--v135-cta-opacity,.4);transition:opacity .1s linear;will-change:transform,opacity}
body.theme-v38 .final-cta:after{content:"";position:absolute;right:-7%;top:-45%;width:38%;aspect-ratio:1;background:url('../icons/airbrush-logo-v134.svg') center/contain no-repeat;opacity:.065;filter:grayscale(1) brightness(5);transform:translate3d(0,var(--v135-cta-a-y,0px),0) rotate(8deg);z-index:-1}

/* Buttons and links: premium micro motion without cursor replacement */
@media (hover:hover) and (pointer:fine){
  body.theme-v38 :is(.btn,.service-cta,.text-link,.section-head>a,.dynamic-section-head>a){transition:transform .3s var(--v135-ease),border-color .3s ease,background-color .3s ease,color .3s ease,box-shadow .3s ease}
  body.theme-v38 :is(.btn,.service-cta,.text-link,.section-head>a,.dynamic-section-head>a):hover{translate:0 -2px}
  body.theme-v38 .gallery-open:hover .gallery-visual img{transform:scale(1.035)}
}

/* Mobile/tablet: preserve motion, remove heavy scroll choreography. */
@media (max-width:1100px){
  .v135-collage{grid-template-columns:1fr 1fr;grid-template-rows:auto 420px 220px;margin-bottom:90px}
  .v135-collage-copy{grid-column:1/-1;grid-row:1}
  .v135-collage-frame.main{grid-column:1/-1;grid-row:2}
  .v135-collage-frame.left{grid-column:1;grid-row:3;height:100%;align-self:stretch}
  .v135-collage-frame.detail{grid-column:2;grid-row:3;width:100%;height:100%;justify-self:stretch}
  .v135-mural-head{grid-template-columns:1fr}.v135-mural-stage{min-height:360px}
  body.page-index .service-panel-media img.v135-parallax-img{transform:none!important}
}
@media (max-width:700px){
  html.v135-motion .v135-reveal{filter:none;transform:translate3d(0,24px,0)}
  .v135-shape.ring{width:170px;right:-18%;opacity:.35}.v135-shape.slab,.v135-shape.dotgrid{display:none}.v135-shape.brand-a{width:280px;left:-28%;opacity:.035}
  .v135-collage{width:calc(100% - 24px);grid-template-columns:1fr;grid-template-rows:auto 390px 230px 170px;gap:12px;margin-top:48px;margin-bottom:70px}
  .v135-collage-copy{grid-column:1;grid-row:1}.v135-collage-copy h2{font-size:clamp(45px,13vw,68px)}
  .v135-collage-frame.main{grid-column:1;grid-row:2;border-radius:24px}.v135-collage-frame.left{grid-column:1;grid-row:3;height:100%}.v135-collage-frame.detail{grid-column:1;grid-row:4;height:100%;width:80%;justify-self:end}
  .v135-collage-note{font-size:12px;left:15px;bottom:15px}.v135-collage-label{top:15px;right:15px}
  .v135-mural-reveal{margin-bottom:70px;padding:50px 12px}.v135-mural-head{padding:0 6px}.v135-mural-head h2{font-size:clamp(46px,13vw,67px)}.v135-mural-stage{min-height:320px;border-radius:24px;aspect-ratio:4/5}.v135-mural-stage>img{height:108%;width:115%;left:-7.5%;object-position:center}.v135-mural-meta{display:grid;padding:18px 6px 0}.v135-mural-divider:before{display:none}
  .v135-collage-frame,.v135-orbit-line{transform:none!important}
}

@media (prefers-reduced-motion:reduce){
  html.v135-motion .v135-reveal,html.v135-motion .v135-mask-reveal{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important}
  .v135-shape,.v135-collage-frame,.v135-orbit-line,body.page-index .v131-authority-card img.v135-parallax-img,body.page-index .service-panel-media img.v135-parallax-img{transform:none!important}
  .v135-mural-stage>.v135-mural-color{clip-path:inset(0 0 0 0)!important}.v135-mural-divider{display:none!important}
  body.theme-v38 .final-cta:before{transform:none!important;opacity:.5!important}
}