/* v5.0.9 artistic panels — cream/ink agency cards. Not loaded on single posts.
   Keep light: no new fonts, no animations that hurt CLS. PERF LOCK untouched. */

:root{
  --alin-art-ink:#30211c;
  --alin-art-muted:#5a4a40;
  --alin-art-cream:#fffaf3;
  --alin-art-paper:#fffefb;
  --alin-art-border:#e8d4bd;
  --alin-art-deep:#193b35;
  --alin-art-accent:#a44a12;
  --alin-art-soft:#fff0da;
  --alin-art-shadow:0 12px 28px #31180a0e;
}

/* —— Shared framed text —— */
.alin-art-panel{
  background:linear-gradient(165deg,var(--alin-art-paper) 0%,#fff8ec 100%);
  border:1px solid var(--alin-art-border);
  border-radius:20px;
  padding:18px 18px 16px;
  box-shadow:var(--alin-art-shadow);
  color:var(--alin-art-ink);
  position:relative;
}
.alin-art-panel>h2,.alin-art-panel>h3{
  font:800 clamp(18px,2.2vw,24px)/1.25 Outfit,system-ui,sans-serif!important;
  letter-spacing:-.03em;
  margin:0 0 10px!important;
  color:var(--alin-art-ink)!important;
}
.alin-art-panel>p{
  margin:0 0 10px;
  font-size:15px;
  line-height:1.65;
  color:var(--alin-art-muted);
}
.alin-art-panel>p:last-child{margin-bottom:0}
.alin-art-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0 0 8px!important;
  padding:5px 10px;
  border-radius:999px;
  border:1px solid #edcca0;
  background:var(--alin-art-soft);
  color:var(--alin-art-accent);
  font:800 11px/1.3 Outfit,system-ui,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.alin-art-list{
  margin:8px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.alin-art-list li{
  position:relative;
  padding:10px 12px 10px 34px;
  border-radius:14px;
  background:#fff;
  border:1px solid #f0e2d0;
  font-size:14px;
  line-height:1.55;
  color:var(--alin-art-muted);
}
.alin-art-list li:before{
  content:"✦";
  position:absolute;
  left:12px;
  top:10px;
  color:var(--alin-art-accent);
  font-size:12px;
}
.alin-art-note{
  display:inline-flex;
  margin-top:8px!important;
  padding:8px 12px;
  border-radius:12px;
  background:#e8f0e6;
  border:1px solid #c7d8c6;
  color:#1f5a4c!important;
  font:700 13px/1.45 Outfit,system-ui,sans-serif!important;
}
.alin-art-chip{
  display:inline-flex;
  align-items:center;
  padding:6px 11px;
  border-radius:999px;
  font:800 11px/1.2 Outfit,system-ui,sans-serif;
  letter-spacing:.04em;
  border:1px solid transparent;
}
.alin-art-chip.is-open{background:#e8f0e6;border-color:#c7d8c6;color:#1f5a4c}
.alin-art-chip.is-pay{background:#fff0da;border-color:#edcca0;color:#a44a12}
.alin-art-lead{
  max-width:62ch;
  margin-top:4px;
  font-size:16px!important;
  line-height:1.7!important;
}

/* —— Hiring page —— */
.alin-hiring{padding:20px 0 48px;background:#fff8ec;color:var(--alin-art-ink)}
.alin-hiring .site-shell{max-width:920px}
.alin-hiring-hero{padding:calc(var(--alin-header-offset,120px) + 14px) 0 6px;background:#fff8ec}
.alin-hiring-hero h1{
  font:800 clamp(30px,5vw,48px)/1.08 Outfit,system-ui,sans-serif;
  letter-spacing:-.035em;
  margin:0 0 14px;
  color:var(--alin-art-ink);
}
.alin-hiring-hero h1 em{font-style:normal;color:#c65a11}
.alin-hire-role{margin:0 0 16px;padding:20px 20px 18px}
.alin-hire-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.alin-hire-sub{margin:0 0 10px!important;font-size:13px!important;color:#7a6254!important}
.alin-hire-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:0 0 16px;
}
.alin-hire-pay{background:linear-gradient(165deg,#fffdf8,#f7eee0)}
.alin-hire-apply{padding:20px}
.alin-hiring-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.alin-hiring-cta a{
  display:inline-flex;align-items:center;min-height:44px;
  padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none;
}
.alin-hiring-cta .is-primary{background:var(--alin-art-deep);color:#fff}
.alin-hiring-cta .is-ghost{background:#fff;color:var(--alin-art-deep);border:1px solid #c9b39f}
@media(max-width:700px){
  .alin-hire-grid{grid-template-columns:1fr}
  .alin-hiring-hero h1{font-size:clamp(28px,8vw,40px)}
}

/* —— Service pages: tighter + framed leads (H1/meta untouched) —— */
body.alin-is-service .service-detail-hero{padding:28px 0 36px!important}
body.alin-is-service .service-breadcrumb{margin-bottom:12px!important}
body.alin-is-service .service-hero-copy .eyebrow{margin:2px 0 10px!important}
body.alin-is-service .service-hero-copy h1{margin:0 0 14px!important}
body.alin-is-service .service-hero-copy h1:after{margin-top:12px!important}
body.alin-is-service .service-hero-lead{
  background:linear-gradient(165deg,#fffefb,#fff8ec);
  border:1px solid var(--alin-art-border);
  border-radius:16px;
  padding:14px 16px;
  box-shadow:var(--alin-art-shadow);
  max-width:670px;
}
body.alin-is-service .service-hero-actions{margin-top:16px!important}
body.alin-is-service .service-origin{margin-top:14px!important}
body.alin-is-service .al507-section{padding:clamp(28px,3.6vw,48px) 0!important}
body.alin-is-service .al507-section-title{margin-bottom:18px!important}
body.alin-is-service .al507-section-title>p,
body.alin-is-service .al507-section-split>p{
  background:linear-gradient(165deg,#fffefb,#fff8ec);
  border:1px solid var(--alin-art-border);
  border-radius:16px;
  padding:14px 16px!important;
  box-shadow:0 8px 20px #31180a0a;
}
body.alin-is-service .al507-disclaimer{
  display:inline-block;
  padding:8px 12px!important;
  border-radius:12px;
  background:#fff;
  border:1px dashed #e0d0bc;
  max-width:100%;
}
body.alin-is-service .related-services{padding:20px 0 28px!important}
body.alin-is-service .service-cta{padding:24px 0!important}
body.alin-is-service .service-cta-inner p,
body.alin-is-service .contact-copy>p{
  background:linear-gradient(165deg,#fffefb,#fff8ec);
  border:1px solid var(--alin-art-border);
  border-radius:14px;
  padding:12px 14px;
}

/* —— Homepage / inner (not blog single): frame section intros, tighten a bit —— */
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:linear-gradient(165deg,#fffefb,#fff7eb);
  border:1px solid #ead9c4;
  border-radius:16px;
  padding:12px 14px;
  box-shadow:0 8px 18px #31180a08;
  max-width:62ch;
}
body:not(.single-post) main > section.v35-team,
body:not(.single-post) main > section.v35-faq,
body:not(.single-post) main > section.work-compact,
body:not(.single-post) main > section.creative-lab,
body:not(.single-post) main > section.services-landing{
  padding-top:clamp(28px,4vw,52px);
  padding-bottom:clamp(28px,4vw,52px);
}
body:not(.single-post) .inner-hero{padding-bottom:28px}
body:not(.single-post) .inner-hero > .site-shell > p{margin-top:4px}

/* Sales table intro already card-like; slight tighten */
body.alin-is-service .bd505-sales{padding-top:28px;padding-bottom:28px}
body.alin-is-service .bd505-heading > p{
  background:#fffefb;
  border:1px solid var(--alin-art-border);
  border-radius:14px;
  padding:12px 14px;
}