/* v5.1.0 — layered cream/ink shade + keyword accents + assembly motion.
   PERF LOCK fonts/CSS strategy untouched. Marquees never frozen here. */

:root{
  --alin-elev-a:0 1px 0 #ffffffd9 inset;
  --alin-elev-b:0 2px 6px #31180a0c;
  --alin-elev-c:0 14px 32px #31180a14;
  --alin-elev-d:0 28px 56px #193b3512;
  --alin-elev-shade:linear-gradient(180deg,#fffefb 0%,#fff6e8 72%,#f3e4cf 100%);
  --alin-kw:#a44a12;
  --alin-kw-wash:#fff0da;
}

/* —— Soft layered shade on framed boxes (not flat) —— */
.alin-art-panel,
body.alin-is-service .service-hero-lead,
body.alin-is-service .al507-section-title>p,
body.alin-is-service .al507-section-split>p,
body.alin-is-service .service-cta-inner p,
body.alin-is-service .contact-copy>p,
body.alin-is-service .bd505-heading>p,
body:not(.single-post):not(.blog):not(.category):not(.tag) main > section .toon-head > p,
body:not(.single-post):not(.blog) main > section .section-head > p,
body:not(.single-post) main .service-section-head > p,
body:not(.single-post) .inner-hero > .site-shell > p{
  background:var(--alin-elev-shade)!important;
  box-shadow:var(--alin-elev-a),var(--alin-elev-b),var(--alin-elev-c),var(--alin-elev-d)!important;
  position:relative;
}
.alin-art-panel:before,
body.alin-is-service .service-hero-lead:before{
  content:"";
  position:absolute;
  inset:auto 10% -10px 10%;
  height:18px;
  border-radius:50%;
  background:#31180a18;
  filter:blur(12px);
  z-index:-1;
  pointer-events:none;
}
.alin-art-list li{
  box-shadow:0 1px 0 #fff inset,0 4px 12px #31180a0a,0 10px 22px #193b3508;
  background:linear-gradient(180deg,#fff,#fffaf3);
}
.alin-art-chip{
  box-shadow:0 1px 0 #fff8 inset,0 4px 10px #31180a0c;
}

/* Service cards / tables — elevated layered shade */
body.alin-is-service .al507-route-card,
body.alin-is-service .al507-placard,
body.alin-is-service .al507-sign,
body.alin-is-service .al507-standard,
body.alin-is-service .related-card,
body.alin-is-service .bd505-demo,
body.alin-is-service .bd505-benefit-wrap,
body.alin-is-service .bd505-route li,
body.alin-is-service .bd505-proof,
body.alin-is-service .al507-standards-grid{
  box-shadow:
    0 1px 0 #ffffffcc inset,
    0 3px 8px #31180a0c,
    0 16px 34px #31180a14,
    0 32px 60px #193b3510!important;
}
body.alin-is-service .bd505-benefits{
  box-shadow:0 1px 0 #ffffffaa inset,0 12px 28px #133f3314,0 28px 50px #193b350e;
}
body.alin-is-service .bd505-benefits thead th{
  box-shadow:0 8px 18px #0f2f2818;
}
body.alin-is-service .al507-route-card:hover,
body.alin-is-service .al507-placard:hover,
body.alin-is-service .related-card:hover{
  box-shadow:
    0 1px 0 #fff inset,
    0 6px 14px #31180a12,
    0 22px 42px #31180a1c,
    0 40px 70px #193b3514!important;
}

/* —— Keywords: theme-color active (subtle, not rainbow) —— */
.alin-kw,
body.alin-is-service .service-hero-lead .alin-kw,
.alin-art-panel .alin-kw,
.alin-art-panel strong{
  color:var(--alin-kw)!important;
  font-weight:800!important;
  background:linear-gradient(180deg,transparent 58%,var(--alin-kw-wash) 58%,var(--alin-kw-wash) 92%,transparent 92%);
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  padding:0 .06em;
  border-radius:2px;
}
body.alin-is-service .al507-section .al507-section-title h2 .al507-accent{
  color:#b9510e!important;
  background:linear-gradient(180deg,transparent 55%,#ffe3c0 55%,#ffe3c0 92%,transparent 92%)!important;
  padding:0 .04em;
  border-radius:2px;
}
body.alin-is-service .service-hero-copy .eyebrow,
body.alin-is-service .al507-eyebrow{
  color:#a44a12!important;
  background:linear-gradient(180deg,#fff6e6,#ffe9c8)!important;
  border-color:#edcca0!important;
  box-shadow:0 1px 0 #fff8 inset,0 4px 12px #a44a1212!important;
}
body.alin-is-service .al507-route-label strong,
body.alin-is-service .al507-sign h3,
body.alin-is-service .al507-standard h3,
body.alin-is-service .related-card strong{
  color:#30211c;
}
body.alin-is-service .al507-step-num,
body.alin-is-service .al507-standard-index{
  color:#a44a12!important;
}

/* —— Assembly motion (service + hiring). First paint / scroll. —— */
body.alin-is-service .alin-assemble,
body.page-template-page-we-are-hiring .alin-assemble,
body.alin-hiring-page .alin-assemble{
  opacity:0;
  transform:translate3d(var(--ax,0px),var(--ay,22px),0) scale(.985);
  transition:opacity .58s cubic-bezier(.2,.8,.3,1),transform .58s cubic-bezier(.2,.8,.3,1);
  transition-delay:var(--ad,0ms);
  will-change:opacity,transform;
}
body.alin-is-service .alin-assemble.is-in,
body.page-template-page-we-are-hiring .alin-assemble.is-in,
body.alin-hiring-page .alin-assemble.is-in{
  opacity:1;
  transform:none;
  will-change:auto;
}
@media(prefers-reduced-motion:reduce){
  body.alin-is-service .alin-assemble,
  body.page-template-page-we-are-hiring .alin-assemble,
  body.alin-hiring-page .alin-assemble{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  /* intentionally no marquee rules — PERF LOCK keeps marquees moving */
}