/* Hazel & Helm — industry sales pages (loaded after styles.css).
   Reusable for future /industries/ pages. Warm ivory matches the 3D illustration backgrounds. */

:root{--ivory:#FBF1E1}

/* ---------- hero: copy in the open upper-left, workflow across the bottom ---------- */
.ind-hero{background:var(--ivory);overflow:hidden;padding-top:clamp(40px,5vw,80px)}
.ind-hero .copy{
  position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0 clamp(40px,6vw,112px);
  grid-template-areas:"kicker kicker" "title side";align-items:start;
}
.ind-hero .copy::before{
  content:"";position:absolute;inset:-80px -120px -60px -160px;z-index:-1;pointer-events:none;
  background:radial-gradient(closest-side, rgba(253,247,236,.85), rgba(253,247,236,0));
}
.ind-hero .kicker{grid-area:kicker}
.ind-hero h1{grid-area:title;font-size:clamp(38px,4.3vw,64px);line-height:1.04;max-width:16ch}
.ind-hero .side{grid-area:side;padding-top:8px}
.ind-hero .side .lede{font-size:clamp(18px,1.4vw,20px);line-height:1.6;margin:0 0 18px;max-width:none}
.ind-hero .side .btn{margin-top:12px}
.ind-hero .support{font-size:15px;line-height:1.55;color:var(--muted);margin:16px 0 0;max-width:30em}
@media (max-width:1100px){
  .ind-hero .copy{grid-template-columns:1fr;grid-template-areas:"kicker" "title" "side";max-width:640px}
  .ind-hero .side{padding-top:24px}
}
.ind-hero-art{
  position:relative;z-index:1;margin:calc(min(100vw,1680px) * -.1) auto 0;
  width:min(100vw,1680px);
}
.ind-hero-art img,.ind-final-art img{
  width:100%;height:auto;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%);
          mask-image:linear-gradient(to bottom,transparent 0,#000 16%);
}
@media (min-width:1681px){
  .ind-hero-art img,.ind-final-art img{
    -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%),linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);
    -webkit-mask-composite:source-in;
            mask-image:linear-gradient(to bottom,transparent 0,#000 16%),linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);
            mask-composite:intersect;
  }
}
@media (max-width:900px){
  .ind-hero .copy::before{display:none}
  .ind-hero-art{margin:28px auto 0;width:calc(100% - 12px)}
  .ind-hero-art img{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10%);mask-image:linear-gradient(to bottom,transparent 0,#000 10%)}
}

/* ---------- problem: copy + photo ---------- */
.ind-problem .ind-grid{
  display:grid;grid-template-columns:45fr 55fr;gap:0 clamp(32px,5vw,88px);
  grid-template-areas:"intro photo" "signs photo";grid-template-rows:auto 1fr;
}
.ind-problem .intro{grid-area:intro}
.ind-problem .signs-wrap{grid-area:signs}
.ind-photo{grid-area:photo;margin:0;align-self:start;position:sticky;top:110px}
.ind-photo img{width:100%;height:auto;border-radius:8px}
.ind-problem h2{margin-bottom:28px}
.ind-problem .intro p{font-size:18px;line-height:1.65}
.signs-wrap h3{margin:40px 0 18px}
.signs{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.signs li{
  position:relative;padding:20px 0 20px 34px;border-bottom:1px solid var(--rule);
  font-family:var(--serif);font-size:clamp(20px,1.7vw,24px);line-height:1.25;
}
.signs li::before{content:"";position:absolute;left:2px;top:1.25em;width:10px;height:10px;border-radius:50%;background:var(--coral)}
@media (max-width:900px){
  .ind-problem .ind-grid{grid-template-columns:1fr;grid-template-areas:"intro" "photo" "signs"}
  .ind-photo{position:static;margin:12px 0 0}
}

/* ---------- diagnosis / solution: vertical image + copy ---------- */
.ind-solution .ind-grid{
  display:grid;grid-template-columns:40fr 60fr;gap:0 clamp(32px,5vw,88px);
  grid-template-areas:"art head" "art body";grid-template-rows:auto 1fr;
}
.ind-solution .head{grid-area:head;padding-top:clamp(0px,14vw,210px)}
.ind-solution .body{grid-area:body}
.ind-art{grid-area:art;margin:0;align-self:start}
.ind-art img{width:100%;height:auto;border-radius:8px}
.ind-solution .head p,.ind-solution .body p{font-size:18px;line-height:1.65;max-width:36em}
.ind-solution h2{margin-bottom:26px}
.ind-result{margin:44px 0 0;padding-top:26px;border-top:1.5px solid var(--coral);max-width:32em}
.ind-result .label{display:block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);margin-bottom:14px}
.ind-result p{font-family:var(--serif);font-size:clamp(24px,2.3vw,32px)!important;line-height:1.28!important;margin:0;max-width:none!important}
@media (max-width:900px){
  .ind-solution .ind-grid{grid-template-columns:1fr;grid-template-areas:"head" "art" "body"}
  .ind-solution .head{padding-top:0}
  .ind-art{margin:12px 0 36px;max-width:520px}
}

/* ---------- engagement: text-led with a thin-line process ---------- */
.ind-narrow{max-width:860px}
.ind-narrow .lede{max-width:none}
.ind-process{
  list-style:none;margin:clamp(48px,5vw,72px) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:28px;
}
.ind-process li{position:relative;padding-top:62px}
.ind-process .dot{
  position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;
  border:1.7px solid var(--ink);background:var(--teal);
}
.ind-process li:nth-child(3) .dot{background:var(--apricot)}
.ind-process li:nth-child(4) .dot{background:var(--paper)}
.ind-process li:nth-child(4) .dot::after{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--coral)}
.ind-process li:not(:last-child)::before{
  content:"";position:absolute;top:19px;left:52px;width:calc(100% + 28px - 64px);height:1.7px;background:var(--ink);
  transform:scaleX(0);transform-origin:left;transition:transform .9s var(--ease);
}
.ind-process li:not(:last-child)::after{
  content:"";position:absolute;top:15px;left:calc(100% + 28px - 22px);width:9px;height:9px;
  border-top:1.7px solid var(--ink);border-right:1.7px solid var(--ink);transform:rotate(45deg);
  opacity:0;transition:opacity .4s var(--ease);
}
.ind-process.is-in li::before{transform:scaleX(1)}
.ind-process.is-in li::after{opacity:1}
.ind-process.is-in li:nth-child(2)::before{transition-delay:.35s}.ind-process.is-in li:nth-child(2)::after{transition-delay:1.1s}
.ind-process.is-in li:nth-child(3)::before{transition-delay:.7s}.ind-process.is-in li:nth-child(3)::after{transition-delay:1.45s}
.ind-process.is-in li:nth-child(1)::after{transition-delay:.75s}
.ind-process .n{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--coral);margin-bottom:6px}
.ind-process h3{font-size:clamp(24px,2vw,30px);margin-bottom:8px}
.ind-process p{margin:0;font-size:15px;color:var(--muted);max-width:18em}
@media (max-width:760px){
  .ind-process{grid-template-columns:1fr;gap:34px}
  .ind-process li{padding:4px 0 0 64px;min-height:40px}
  .ind-process li:not(:last-child)::before{top:52px;left:19px;width:1.7px;height:calc(100% - 52px + 22px);transform:scaleY(0);transform-origin:top}
  .ind-process.is-in li::before{transform:scaleY(1)}
  .ind-process li:not(:last-child)::after{top:auto;bottom:-20px;left:15px;transform:rotate(135deg)}
}

/* ---------- founder ---------- */
.ind-founder .ind-grid{display:grid;grid-template-columns:38fr 62fr;gap:clamp(32px,5vw,96px);align-items:start}
.ind-founder figure{margin:0}
.ind-founder figure img{width:100%;height:auto;border-radius:8px}
.ind-founder .role{font-size:15px;font-weight:600;margin:16px 0 30px;color:var(--muted)}
.ind-founder .role b{color:var(--ink);font-weight:600}
.ind-founder .body p{font-size:18px;line-height:1.7;max-width:36em}
.ind-fit{margin-top:36px;background:var(--cream);padding:28px 30px;border-left:3px solid var(--teal);max-width:36em;border-radius:0 6px 6px 0}
.ind-fit b{display:block;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;color:var(--coral)}
.ind-fit p{margin:0!important;font-size:17px!important}
@media (max-width:900px){.ind-founder .ind-grid{grid-template-columns:1fr}.ind-founder figure{max-width:360px}}

/* ---------- FAQ ---------- */
.ind-faq .qa summary{color:var(--ink)}
.ind-faq .qa summary .plus{border-color:var(--ink);color:var(--coral)}
.ind-faq .qa .a{color:rgba(0,10,18,.74);font-size:17px}

/* ---------- final CTA ---------- */
.ind-final{background:var(--ivory);overflow:hidden;padding-top:clamp(72px,9vw,140px);text-align:center}
.ind-final .copy{position:relative;z-index:2}
.ind-final h2{max-width:20ch;margin-inline:auto}
.ind-final .lede{margin:24px auto 34px;max-width:36em}
.ind-final-art{position:relative;z-index:1;margin:calc(min(100vw,1680px) * -.14) auto 0;width:min(100vw,1680px)}
.btn.coral{background:var(--coral);border-color:var(--coral);color:#fff;font-size:19px;font-weight:700;padding:18px 30px}
.btn.coral:hover{background:var(--ink);border-color:var(--ink);color:var(--cream)}
@media (max-width:900px){.ind-final-art{margin:24px auto 0;width:calc(100% - 12px)}}

@media (prefers-reduced-motion:reduce){
  .ind-process li::before,.ind-process li::after{transition:none}
}

/* =====================================================================
   Split hero + section variants (first used on commercial cleaning)
   ===================================================================== */

/* Soft edges so cream 3D renders melt into the ivory ground, no frame */
.soft-edges img{
  -webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);
  -webkit-mask-composite:source-in;
          mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent);
          mask-composite:intersect;
}

/* two-column hero: copy left, 3D visual right */
.ind-split-hero{background:#FDF6EA;overflow:hidden;padding:clamp(40px,5vw,80px) 0 clamp(56px,7vw,112px)}
.ind-split-hero .grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(24px,4vw,72px);align-items:center}
.ind-split-hero .kicker{max-width:34em}
.ind-split-hero h1{font-size:clamp(40px,4.6vw,70px);line-height:1.03;max-width:15ch}
.ind-split-hero .lede{font-size:clamp(18px,1.4vw,20px);line-height:1.6;margin:26px 0 0;max-width:32em}
.ind-split-hero .lede + .lede{margin-top:16px}
.ind-split-hero .btn{margin-top:32px}
.ind-split-hero .support{font-size:15px;line-height:1.55;color:var(--muted);margin:16px 0 0}
.ind-split-hero figure{margin:0 calc(-.5 * var(--gutter)) 0 0}
.ind-split-hero figure img{width:100%;height:auto}
@media (max-width:900px){
  .ind-split-hero .grid{grid-template-columns:1fr}
  .ind-split-hero figure{margin:12px -12px 0}
}

/* problem story with a wide human photo and a side paragraph */
.cl-story-grid{
  display:grid;grid-template-columns:45fr 55fr;gap:0 clamp(32px,5vw,88px);
  grid-template-areas:"intro photo" "intro more";grid-template-rows:auto 1fr;align-items:start;
}
.cl-story-grid .intro{grid-area:intro}
.cl-story-grid .photo{grid-area:photo;margin:0}
.cl-story-grid .photo img{width:100%;height:auto;border-radius:8px}
.cl-story-grid .more{grid-area:more}
.cl-story .pull{margin:32px 0 0;padding:0 0 0 22px;border-left:2px solid var(--coral);font-size:18px;line-height:1.7}
@media (min-width:901px){.cl-story-grid .photo{margin-top:40px}.cl-story .intro p:last-child{margin-bottom:0}}
@media (max-width:900px){
  .cl-story-grid{grid-template-columns:1fr;grid-template-areas:"intro" "photo" "more"}
  .cl-story-grid .photo{margin-top:12px}
}
.cl-story .intro p{font-size:18px;line-height:1.7}
.cl-story h2{margin-bottom:28px}
.cl-photo-row{display:grid;grid-template-columns:55fr 45fr;gap:clamp(32px,5vw,88px);align-items:center;margin-top:clamp(40px,5vw,72px)}
.cl-photo-row figure{margin:0}
.cl-photo-row img{width:100%;height:auto;border-radius:8px}
.cl-photo-row figcaption{margin-top:14px;font-size:14px;line-height:1.5;color:var(--muted);padding-left:14px;border-left:2px solid var(--coral)}
.cl-photo-row .side p{font-size:clamp(19px,1.5vw,21px);line-height:1.65;margin:0}
@media (max-width:900px){.cl-photo-row{grid-template-columns:1fr}}

/* solution on ivory: narrow vertical visual + copy, then the resolved workflow */
.cl-solution{background:#FDF4E4}
.cl-solution .top{display:grid;grid-template-columns:34fr 66fr;gap:clamp(32px,5vw,96px);align-items:center}
.cl-solution .top figure{margin:0}
.cl-solution .top img{width:100%;height:auto}
.cl-solution .top p{font-size:18px;line-height:1.7;max-width:36em}
.cl-solution h2{margin-bottom:26px}
.cl-flow{margin:clamp(40px,6vw,88px) auto 0;max-width:1180px}
.cl-flow img{width:100%;height:auto}
.cl-labels{list-style:none;margin:6px 0 0;padding:0;position:relative;height:22px}
.cl-labels li{position:absolute;top:0;transform:translateX(-50%);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.cl-labels li:nth-child(1){left:13.5%}.cl-labels li:nth-child(2){left:30%}.cl-labels li:nth-child(3){left:48.7%}.cl-labels li:nth-child(4){left:69%}.cl-labels li:nth-child(5){left:88%}
.cl-after{max-width:780px;margin:clamp(40px,5vw,64px) auto 0}
.cl-after p{font-size:18px;line-height:1.7}
@media (max-width:900px){
  .cl-solution .top{grid-template-columns:1fr}
  .cl-solution .top figure{max-width:380px;order:2}
  .cl-solution .top .copy{order:1}
}
@media (max-width:700px){
  .cl-labels{height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;margin-top:14px}
  .cl-labels li{position:static;transform:none;font-size:11px}
  .cl-labels li + li::before{content:"·";margin:0 .6em;color:var(--coral)}
}

/* thin-line uppercase process */
.cl-process{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.cl-process::before{content:"";position:absolute;left:7px;right:calc(20% - 7px);top:7px;height:1.5px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease)}
.cl-process.is-in::before{transform:scaleX(1)}
.cl-process li{position:relative;padding-top:34px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.cl-process li::before{content:"";position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:var(--paper);border:1.5px solid var(--teal);box-sizing:border-box}
.cl-process li.hot::before{background:var(--coral);border-color:var(--coral)}
@media (max-width:700px){
  .cl-process{grid-template-columns:1fr;gap:26px}
  .cl-process::before{left:7px;right:auto;top:8px;bottom:8px;width:1.5px;height:auto;transform:scaleY(0);transform-origin:top}
  .cl-process.is-in::before{transform:scaleY(1)}
  .cl-process li{padding:0 0 0 34px}
}

/* smaller founder portrait variant */
.ind-founder.small .ind-grid{grid-template-columns:28fr 72fr}
.ind-founder.small figure{max-width:320px}

/* final CTA: visual left, copy right on pale teal */
.cl-final{background:var(--teal-light)}
.cl-final .grid{display:grid;grid-template-columns:55fr 45fr;gap:clamp(32px,5vw,88px);align-items:center}
.cl-final figure{margin:0}
.cl-final img{width:100%;height:auto;border-radius:8px}
.cl-final h2{font-size:clamp(36px,4.2vw,62px);line-height:1.05}
.cl-final .lede{margin:22px 0 32px}
@media (max-width:900px){.cl-final .grid{grid-template-columns:1fr}.cl-final figure{order:2}}
@media (prefers-reduced-motion:reduce){.cl-process::before{transition:none;transform:none}}

/* =====================================================================
   Architecture page variants
   ===================================================================== */
.ar-hero{background:#F5ECDF}
.ar-hero .grid{grid-template-columns:45fr 55fr}
.ar-hero figure{margin:0 calc((min(100vw - 2 * var(--gutter), var(--max)) - 100vw) / 2) 0 0}
.ar-hero figure img{
  -webkit-mask-image:linear-gradient(to right,transparent,#000 16%),linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent);
  -webkit-mask-composite:source-in;
          mask-image:linear-gradient(to right,transparent,#000 16%),linear-gradient(to bottom,transparent,#000 14%,#000 88%,transparent);
          mask-composite:intersect;
}
@media (max-width:900px){
  .ar-hero .grid{grid-template-columns:1fr}
  .ar-hero figure{margin:16px calc(-1 * var(--gutter)) 0 0}
}

.ar-story .intro{display:grid;grid-template-columns:42fr 58fr;gap:clamp(32px,5vw,88px);align-items:start}
.ar-story .intro .text{max-width:720px}
@media (min-width:901px){.ar-story .intro .text{padding-top:40px}}
@media (max-width:900px){.ar-story .intro{grid-template-columns:1fr;gap:0}}
.ar-story .intro p{font-size:18px;line-height:1.7}
.ar-story h2{margin-bottom:28px}
.ar-story .intro p:last-child{margin-bottom:0}
.ar-photo-row{display:grid;grid-template-columns:58fr 42fr;gap:clamp(32px,5vw,88px);align-items:center;margin-top:clamp(40px,5vw,72px)}
.ar-photo-row figure{margin:0}
.ar-photo-row img{width:100%;height:auto;border-radius:3px}
.ar-pull{position:relative;padding-top:30px}
.ar-pull::before{content:"";position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--coral)}
.ar-pull::after{content:"";position:absolute;left:22px;top:5px;width:56px;height:1.5px;background:var(--teal)}
.ar-pull p{font-family:var(--serif);font-size:clamp(22px,1.9vw,28px);line-height:1.38;margin:0}
@media (max-width:900px){.ar-photo-row{grid-template-columns:1fr}}

.ar-solution .top{display:grid;grid-template-columns:42fr 58fr;gap:clamp(32px,5vw,96px);align-items:center}
.ar-solution .top figure{margin:0}
.ar-solution .top img,.ar-panorama img{width:100%;height:auto;border-radius:3px}
.ar-solution .top p{font-size:18px;line-height:1.7;max-width:34em}
.ar-solution h2{margin-bottom:26px}
.ar-panorama{margin:clamp(48px,6vw,96px) 0 0}
.ar-after{max-width:760px;margin:clamp(40px,5vw,64px) auto 0}
.ar-after p{font-size:18px;line-height:1.7}
@media (max-width:900px){
  .ar-solution .top{grid-template-columns:1fr}
  .ar-solution .top figure{order:2;max-width:460px}
}

.cl-process.cream-stops li::before{width:18px;height:18px;top:-1px;background:var(--cream);border-color:var(--teal)}
.cl-process.cream-stops li.hot::before{background:var(--coral);border-color:var(--coral)}
.cl-process.cream-stops li{padding-top:38px}

.ar-emph{font-family:var(--serif);font-size:clamp(22px,2vw,28px)!important;line-height:1.35!important;margin:6px 0 22px!important;padding-left:20px;border-left:2px solid var(--coral)}
.ind-fit.ar-fit{background:var(--teal-light);border-left:3px solid var(--coral)}

.ar-final{background:#FCF3E4;overflow:hidden}
.ar-final .grid{display:grid;grid-template-columns:40fr 60fr;gap:clamp(24px,4vw,64px);align-items:center}
.ar-final h2{font-size:clamp(36px,4.2vw,62px);line-height:1.05}
.ar-final .lede{margin:22px 0 32px}
.ar-final figure{margin:0 calc((min(100vw - 2 * var(--gutter), var(--max)) - 100vw) / 2) 0 0}
.ar-final figure img{width:100%;height:auto;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 14%),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
  -webkit-mask-composite:source-in;
          mask-image:linear-gradient(to right,transparent,#000 14%),linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
          mask-composite:intersect;
}
.btn.coral.ink{color:var(--ink)}
.btn.coral.ink:hover{color:var(--cream)}
@media (max-width:900px){.ar-final .grid{grid-template-columns:1fr}.ar-final figure{margin:12px calc(-1 * var(--gutter)) 0}}

/* =====================================================================
   Subcontractor page variants
   ===================================================================== */
.sub-hero{background:#FCF4E5}
.soft-edges.light img{
  -webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);
          mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);
}

/* symptom grid with thin-line icons */
.sub-signs .grid{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(32px,5vw,88px);margin-top:12px;border-top:1px solid var(--rule)}
.sub-signs .item{display:grid;grid-template-columns:48px 1fr;gap:22px;align-items:start;padding:30px 0;border-bottom:1px solid var(--rule)}
.sub-signs svg{width:48px;height:48px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sub-signs svg .c{stroke:var(--coral)}
.sub-signs .item p{margin:4px 0 0;font-family:var(--serif);font-size:clamp(21px,1.8vw,26px);line-height:1.25}
@media (max-width:760px){.sub-signs .grid{grid-template-columns:1fr}.sub-signs .item{grid-template-columns:40px 1fr;gap:18px;padding:24px 0}.sub-signs svg{width:40px;height:40px}}

.sub-solution{background:#FCF4E5}

/* process with an exception branch */
.sub-process{margin-top:clamp(72px,7vw,104px)}
.sub-branch{position:absolute;left:calc(20% + 9px);width:40%;top:-40px;height:49px;overflow:visible;pointer-events:none}
.sub-branch path{fill:none;stroke:var(--teal);stroke-width:1.5;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
@media (max-width:700px){.sub-branch{display:none}.sub-process{margin-top:40px}}

.sub-final{background:#FCF4E6}
.sub-final .ind-final-art{margin-top:calc(min(100vw,1680px) * -.04)}
@media (max-width:900px){.sub-final .ind-final-art{margin-top:24px}}
@media (max-width:520px){.btn.coral{font-size:17px;padding:16px 20px;white-space:nowrap}}
.ar-hero.no-fade figure img{-webkit-mask-image:none;mask-image:none}

/* =====================================================================
   Accounting page variants
   ===================================================================== */
.acc-hero{background:#F6ECDE}
.acc-solution{background:#FCF5E7}
.acc-final{text-align:center;background:#F9F0E3}
.acc-final .ind-final-art{margin-top:calc(min(100vw,1680px) * -.07)}
@media (max-width:900px){.acc-final .ind-final-art{margin-top:16px}}
.acc-final h2{max-width:20ch;margin-inline:auto}
.acc-final .lede{margin:24px auto 34px;max-width:34em}
.acc-final .privacy{font-size:14px;line-height:1.5;color:var(--muted);margin:22px auto 0;max-width:34em}

/* =====================================================================
   Law firm page variants
   ===================================================================== */
.law-hero{background:#F8EEE3}
.law-gap .top figure img{border-radius:3px}
.law-statement{font-family:var(--serif);font-size:clamp(24px,2.3vw,34px);line-height:1.3;margin:0;max-width:22em}
.law-solution{background:#F6EBDF}
.law-solution .lead{max-width:780px}
.law-solution .lead p{font-size:18px;line-height:1.7}
.law-final{background:#FDF5E4}
.cl-solution.law-gap{background:var(--teal-light)}
.cl-solution.law-gap .top p.law-statement{font-size:clamp(24px,2.3vw,34px);line-height:1.3;max-width:22em}