/* Sub-service L2 components — built directly from millwork-microsite-build-pack-v2.md
   Part 2.3 "Template C: SUB-SERVICE L2" (no reference HTML exists for this template,
   unlike Template B), reusing the universal Part 1.4/1.5/1.9 rules (buttons, hairline
   rule motif, motion, FAQ chevron, Gravity Forms re-skin) verbatim from l1-components.css
   so the two templates stay visually one family. Scoped to .bm-l2.

   Depth-signalling (Part 2.4) vs L1: hero is a compact split (not full-width), a
   mandatory "parent context bar" sits under the hero, the sticky rail sits on the
   RIGHT and lists sibling pages (not page sections), the H1 display size steps down
   to L2's clamp(34px,4.3vw,56px), and everything scales down: 3 portfolio cards,
   3 FAQs, 1 form, 1 shavings canvas (all at the material band — the hero carries the
   drawn-elevation illustration only, no canvas). */

.bm-l2 img{max-width:100%;display:block;}
.bm-l2 a{color:inherit;text-decoration:none;}
.bm-l2 .wrap{max-width:1340px;margin:0 auto;padding:0 var(--s4);}
@media (max-width:640px){ .bm-l2 .wrap{padding:0 var(--s3);} }
.bm-l2 section{padding:var(--s8) 0;position:relative;}
@media (max-width:768px){ .bm-l2 section{padding:var(--s7) 0;} }

.bm-l2 h1,.bm-l2 h2,.bm-l2 h3,.bm-l2 h4{color:var(--ink);font-weight:600;line-height:1.1;letter-spacing:-.025em;margin:0;}
.bm-l2 p{margin:0;}

.bm-l2 .eyebrow{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--timber-mid);
  display:flex;align-items:center;gap:14px;justify-content:unset !important;background:unset !important;}
.bm-l2 .eyebrow::before{content:"";width:32px;height:1px;background:var(--brass);flex:none;}
.bm-l2 .eyebrow.dk{color:var(--brass-lift);}
.bm-l2 .lede{font-size:18px;line-height:1.65;}

.bm-l2 .head{max-width:780px;margin-bottom:var(--s6);}
.bm-l2 .head h2{font-size:clamp(25px,3vw,40px);margin-top:var(--s3);}
.bm-l2 .head p{margin-top:var(--s3);font-size:18px;}
.bm-l2 .head.dk h2{color:var(--bone);} .bm-l2 .head.dk p{color:rgba(246,241,233,.72);}

/* buttons — Part 1.4, identical across every template */
.bm-l2 .btn{display:inline-flex;align-items:center;gap:10px;padding:16px 30px;border-radius:24px;font-size:16px;
  font-weight:600;border:1px solid transparent;cursor:pointer;font-family:inherit;
  transition:transform .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease);}
.bm-l2 .btn:hover{transform:translateY(-2px);}
.bm-l2 .btn .arw{transition:transform .25s var(--ease);}
.bm-l2 .btn:hover .arw{transform:translateX(4px);}
.bm-l2 .b-brass{background:var(--brass);color:#1a1208;}
.bm-l2 .b-brass:hover{background:var(--brass-lift);}
.bm-l2 .b-timber{background:var(--timber);color:var(--bone);}
.bm-l2 .b-timber:hover{background:var(--ink);}
.bm-l2 .b-line{background:transparent;color:var(--ink);border-color:var(--rule);}
.bm-l2 .b-line:hover{border-color:var(--timber);background:rgba(94,58,34,.05);}
.bm-l2 .b-line.dk{color:var(--bone);border-color:var(--rule-d);}
.bm-l2 .b-line.dk:hover{border-color:var(--brass-lift);background:rgba(246,241,233,.08);}

.bm-l2 a:focus-visible,.bm-l2 button:focus-visible,.bm-l2 summary:focus-visible{
  outline:2px solid var(--brass);outline-offset:3px;border-radius:2px;
}

/* reveal — visible by default; JS arms + observes, so a script failure never hides content */
.bm-l2 .rv{opacity:1;transform:none;}
.bm-l2 .rv.rv-armed{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease);}
.bm-l2 .rv.rv-armed.in{opacity:1;transform:none;}
.bm-l2 .is-pending{cursor:default;opacity:.7;}
.bm-l2 .is-pending .go,.bm-l2 .is-pending .arw{display:none;}

/* ============ HERO (shero2) — dark, compact split: copy left, drawn elevation right ============ */
.bm-l2 .shero2{background:var(--ink);color:rgba(246,241,233,.72);position:relative;overflow:hidden;
  padding:var(--s6) 0 var(--s7);}
.bm-l2 .shero2-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--s7);align-items:center;}
.bm-l2 .crumbs{font-size:12.5px;color:rgba(246,241,233,.55);display:flex;align-items:center;
  gap:10px;flex-wrap:wrap;margin-bottom:var(--s5);}
.bm-l2 .crumbs a{color:rgba(246,241,233,.78);text-decoration:none;}
.bm-l2 .crumbs a:hover{color:var(--brass-lift);}
.bm-l2 .crumbs .sep{opacity:.35;}
.bm-l2 .crumbs strong{color:var(--bone);font-weight:500;}
.bm-l2 .shero2 h1{margin:0;}
.bm-l2 .shero2 .kw{display:block;font-size:13px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  color:var(--brass-lift);margin-bottom:var(--s3);}
.bm-l2 .shero2 .disp{display:block;font-size:clamp(34px,4.3vw,56px);font-weight:700;letter-spacing:-.035em;
  line-height:1.05;color:var(--bone);}
.bm-l2 .shero2 .disp .warmc{color:var(--brass-lift);}
.bm-l2 .shero2 .lede{margin-top:var(--s4);font-size:18px;max-width:52ch;color:rgba(246,241,233,.78);}
.bm-l2 .shero2-cta{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5);}

/* drawn elevation, right column — same house line-drawing motif as the L1 hero,
   contained in a bounded box rather than full-bleed, since this hero is a split
   layout, not a background treatment. */
.bm-l2 .shero2-art{position:relative;aspect-ratio:1/1;background:rgba(246,241,233,.03);
  border:1px solid var(--rule-d);}
.bm-l2 .shero2-art svg{position:absolute;inset:0;width:100%;height:100%;padding:var(--s5);}
.bm-l2 .shero2-art .el,.bm-l2 .shero2-art .dl{fill:none;stroke-linecap:square;
  stroke-dasharray:1;stroke-dashoffset:1;animation:bm-l2-draw var(--dur,1s) var(--ease) var(--d,0s) forwards;
  animation-play-state:paused;}
.bm-l2 .shero2-art .el{stroke:rgba(246,241,233,.55);stroke-width:1.2;}
.bm-l2 .shero2-art .dl{stroke:var(--brass-lift);stroke-width:1;}
.bm-l2 .shero2-art .ar{fill:var(--brass-lift);opacity:0;animation:bm-l2-fade .4s var(--ease) var(--d,0s) forwards;animation-play-state:paused;}
.bm-l2 .shero2-art .an{fill:var(--brass-lift);font-size:14px;opacity:0;animation:bm-l2-fade .6s var(--ease) var(--d,0s) forwards;animation-play-state:paused;}
body.bm-l2-anim .shero2-art .el,body.bm-l2-anim .shero2-art .dl,
body.bm-l2-anim .shero2-art .an,body.bm-l2-anim .shero2-art .ar{animation-play-state:running;}
@keyframes bm-l2-draw{to{stroke-dashoffset:0;}}
@keyframes bm-l2-fade{to{opacity:.95;}}

@media (max-width:940px){
  .bm-l2 .shero2-grid{grid-template-columns:1fr;gap:var(--s5);}
  .bm-l2 .shero2-art{aspect-ratio:16/9;order:-1;}
}
@media (max-width:700px){ .bm-l2 .shero2{padding:var(--s5) 0 var(--s6);} }

/* ============ PARENT CONTEXT BAR — mandatory, stops the page reading as orphaned ============ */
.bm-l2 .pctx{background:var(--bone-2);border-bottom:1px solid var(--rule);padding:var(--s3) 0;}
.bm-l2 .pctx .wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-soft);}
.bm-l2 .pctx a{color:var(--timber);font-weight:500;}
.bm-l2 .pctx a:hover{color:var(--timber-mid);}
.bm-l2 .pctx .dot{opacity:.4;}

/* ============ CONTENT BAND: content LEFT, sticky sibling rail RIGHT ============ */
.bm-l2 .band-sheet{background:var(--warm);padding:var(--s8) 0;}
.bm-l2 .sheet{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:var(--s7);align-items:start;}
.bm-l2 .sibrail{position:sticky;top:104px;}
.bm-l2 .sibrail h4{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--timber-mid);
  font-weight:600;padding-bottom:var(--s2);border-bottom:1px solid var(--rule);margin:0;}
.bm-l2 .sibrail ol{list-style:none;margin:0;padding:0;}
.bm-l2 .sibrail li{border-bottom:1px solid var(--rule);}
.bm-l2 .sibrail a,.bm-l2 .sibrail .current,.bm-l2 .sibrail .is-pending{display:block;padding:12px 0 12px 14px;position:relative;
  text-decoration:none;font-size:16px;color:var(--ink-soft);transition:color .25s var(--ease),padding-left .25s var(--ease);}
.bm-l2 .sibrail a::before,.bm-l2 .sibrail .current::before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:var(--brass);
  transform:translateY(-50%);transition:width .3s var(--ease);}
.bm-l2 .sibrail a:hover{padding-left:20px;color:var(--timber);}
.bm-l2 .sibrail .current{color:var(--ink);font-weight:500;padding-left:20px;cursor:default;}
.bm-l2 .sibrail .current::before{width:8px;}
.bm-l2 .sibrail .up{margin-top:var(--s4);display:inline-flex;align-items:center;gap:9px;font-size:12.5px;
  font-weight:600;letter-spacing:.06em;color:var(--timber);text-decoration:none;}
.bm-l2 .sibrail .up:hover .arw{transform:translateX(-4px);}
.bm-l2 .sibrail .up .arw{transition:transform .25s var(--ease);display:inline-block;}
@media (max-width:1000px){
  .bm-l2 .sheet{grid-template-columns:1fr;gap:var(--s5);}
  .bm-l2 .sibrail{position:static;}
  .bm-l2 .sibrail ol{display:grid;grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){ .bm-l2 .sibrail ol{grid-template-columns:1fr;} }

/* content sections — same hairline-rule motif as L1 (Part 1.4) */
.bm-l2 .sh{padding-top:0;padding-bottom:var(--s7);border-bottom:1px solid var(--rule);margin-bottom:var(--s7);}
.bm-l2 .sh:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0;}
.bm-l2 .sh-hd{margin-bottom:var(--s4);}
.bm-l2 .sh-hd::before{content:"";display:block;width:34px;height:2px;background:var(--brass);margin-bottom:var(--s3);}
.bm-l2 .sh h2{font-size:clamp(24px,2.8vw,34px);}
.bm-l2 .sh .intro{margin-top:var(--s3);font-size:17.5px;max-width:70ch;}
.bm-l2 .sh p+p{margin-top:var(--s3);}
.bm-l2 .sh .close-note{margin-top:var(--s4);max-width:72ch;}
.bm-l2 .sh .close-note a{color:var(--timber);}

/* Section 1 — deliverable as a definition list */
.bm-l2 .deflist{list-style:none;margin:var(--s4) 0 0;padding:0;}
.bm-l2 .deflist>div{position:relative;padding:var(--s3) 0 var(--s3) var(--s4);border-top:1px solid var(--rule);}
.bm-l2 .deflist>div::before{content:"";position:absolute;left:0;top:calc(var(--s3) + 13px);width:14px;height:1px;background:var(--brass);}
.bm-l2 .deflist dt{font-size:16px;font-weight:500;color:var(--ink);margin:0;}
.bm-l2 .deflist dd{font-size:16px;line-height:1.65;margin:6px 0 0;}

/* Section 3 — hairline list, single column (content column is narrower than L1's) */
.bm-l2 .hl-list{list-style:none;margin:var(--s4) 0 0;padding:0;}
.bm-l2 .hl-list li{position:relative;padding:12px 0 12px var(--s4);border-bottom:1px solid var(--rule);font-size:16px;}
.bm-l2 .hl-list li::before{content:"";position:absolute;left:0;top:22px;width:14px;height:1px;background:var(--brass);}
.bm-l2 .hl-list li strong{color:var(--ink);font-weight:500;}

/* in-section figures */
.bm-l2 .shfig{margin:var(--s5) 0 0;overflow:hidden;}
.bm-l2 .shfig img{width:100%;height:clamp(220px,26vw,340px);object-fit:cover;background:var(--bone-2);display:block;}
.bm-l2 .shfig figcaption{margin-top:12px;font-size:13px;color:var(--timber-mid);}

/* ============ PORTFOLIO strip — scaled down to 3 cards ============ */
.bm-l2 .pstrip{background:var(--bone);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
.bm-l2 .pstrip-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);
  margin-bottom:var(--s5);flex-wrap:wrap;}
.bm-l2 .pstrip-hd h2{font-size:clamp(24px,2.7vw,34px);}
.bm-l2 .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);}
.bm-l2 .pcard{position:relative;overflow:hidden;text-decoration:none;display:block;background:var(--ink-2);}
.bm-l2 .pcard img{width:100%;height:230px;object-fit:cover;transition:transform .7s var(--ease),opacity .5s var(--ease);}
.bm-l2 .pcard:hover img{transform:scale(1.05);opacity:.82;}
.bm-l2 .pcard .cap{position:absolute;left:0;right:0;bottom:0;padding:var(--s3);
  background:linear-gradient(transparent,rgba(23,18,16,.9));}
.bm-l2 .pcard h3{font-size:16px;color:var(--bone);}
.bm-l2 .pcard small{display:block;margin-top:4px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass-lift);}
@media (max-width:820px){ .bm-l2 .pgrid{grid-template-columns:1fr 1fr;} }
@media (max-width:520px){ .bm-l2 .pgrid{grid-template-columns:1fr;} }

/* ============ MATERIAL BAND — one shavings canvas, one line ============ */
.bm-l2 .band{position:relative;padding:0;overflow:hidden;background:var(--ink);}
.bm-l2 .band canvas{position:absolute;inset:0;z-index:2;pointer-events:none;}
.bm-l2 .band .ov{position:absolute;inset:0;z-index:3;display:flex;align-items:center;height:clamp(210px,22vw,300px);
  background:linear-gradient(90deg,rgba(23,18,16,.92) 12%,rgba(23,18,16,.44) 62%,rgba(23,18,16,.24));}
.bm-l2 .band .ov .wrap{width:100%;}
.bm-l2 .band p{max-width:32ch;font-size:clamp(19px,2.2vw,28px);line-height:1.3;color:var(--bone);
  font-weight:500;letter-spacing:-.025em;}

/* ============ FAQ — scaled down to 3 questions, exact house chevron ============ */
.bm-l2 .faq{background:var(--paper);}
.bm-l2 .faq .eyebrow{gap:0;}
.bm-l2 .faq .eyebrow::before{display:none;}
.bm-l2 .faq-list{border-top:1px solid var(--rule);max-width:900px;}
.bm-l2 .faq-list details{border-bottom:1px solid var(--rule);}
.bm-l2 .faq-list summary{list-style:none;cursor:pointer;padding:var(--s4) var(--s6) var(--s4) 0;font-size:18px;font-weight:500;
  color:var(--ink);position:relative;letter-spacing:-.01em;}
.bm-l2 .faq-list summary::-webkit-details-marker{display:none;}
.bm-l2 .faq-list summary::after{content:"";position:absolute;right:10px;top:50%;width:11px;height:11px;
  border-right:1.5px solid var(--timber-mid);border-bottom:1.5px solid var(--timber-mid);
  transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease);}
.bm-l2 .faq-list details[open] summary::after{transform:translateY(-25%) rotate(-135deg);}
.bm-l2 .faq-list details .a{padding:0 var(--s6) var(--s4) 0;font-size:16px;max-width:74ch;}
.bm-l2 .faq-list details .a a{color:var(--timber);text-underline-offset:3px;}

/* ============ FOOTER CONVERSION (fconv) — ink, one long Gravity Form ============ */
.bm-l2 .fconv{background:var(--ink);color:rgba(246,241,233,.74);}
.bm-l2 .fconv-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s7);align-items:start;}
.bm-l2 .fconv h2{color:var(--bone);font-size:clamp(27px,3.2vw,40px);}
.bm-l2 .fconv .sub{margin-top:var(--s3);font-size:17.5px;color:rgba(246,241,233,.72);}
.bm-l2 .fconv .why{list-style:none;margin:var(--s5) 0 0;padding:0;}
.bm-l2 .fconv .why li{font-size:16px;color:rgba(246,241,233,.66);padding:11px 0 11px var(--s3);
  border-top:1px solid var(--rule-d);position:relative;}
.bm-l2 .fconv .why li::before{content:"";position:absolute;left:0;top:22px;width:10px;height:1px;background:var(--brass);}
.bm-l2 .gform-box{background:rgba(246,241,233,.05);border:1px solid var(--rule-d);padding:var(--s5) var(--s4);}
.bm-l2 .gform-box h3{color:var(--bone);font-size:20px;}
.bm-l2 .gform-box .fh{font-size:16px;margin-top:10px;color:rgba(246,241,233,.55);}
@media (max-width:940px){ .bm-l2 .fconv-grid{grid-template-columns:minmax(0,1fr);gap:var(--s5);} }

/* ============ GRAVITY FORMS — re-skinned to brand tokens, identical to L1 ============ */
.bm-l2 .gform_wrapper{max-width:none !important;}
.bm-l2 .gform_wrapper .gform_heading{display:none;}
.bm-l2 .gform_wrapper .gfield{margin-top:var(--s3) !important;}
.bm-l2 .gform_wrapper label.gfield_label{
  display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--timber-mid);margin-bottom:8px !important;
}
.bm-l2 .fconv .gform_wrapper label.gfield_label{color:var(--brass-lift);}
.bm-l2 .gform_wrapper input[type=text],
.bm-l2 .gform_wrapper input[type=email],
.bm-l2 .gform_wrapper input[type=tel],
.bm-l2 .gform_wrapper textarea,
.bm-l2 .gform_wrapper select{
  width:100% !important;background:transparent !important;border:0 !important;
  border-bottom:1px solid var(--rule) !important;border-radius:0 !important;
  color:var(--ink) !important;font-family:var(--sans) !important;font-size:16px !important;
  padding:9px 0 !important;box-shadow:none !important;transition:border-color .3s var(--ease);
}
.bm-l2 .fconv .gform_wrapper input,
.bm-l2 .fconv .gform_wrapper textarea{color:var(--bone) !important;border-bottom-color:var(--rule-d) !important;}
.bm-l2 .gform_wrapper input:focus,
.bm-l2 .gform_wrapper textarea:focus,
.bm-l2 .gform_wrapper select:focus{outline:none !important;border-bottom-color:var(--brass) !important;}
.bm-l2 .gform_wrapper .gform_footer{margin-top:var(--s4) !important;padding:0 !important;}
.bm-l2 .gform_wrapper .gform_button{
  display:inline-flex !important;align-items:center;gap:8px;
  background:var(--brass) !important;color:#1a1208 !important;
  border:none !important;border-radius:24px !important;padding:16px 30px !important;
  font-size:16px !important;font-weight:600 !important;cursor:pointer;
  width:100%;justify-content:center;text-transform:none !important;
  transition:transform .25s var(--ease),background .25s var(--ease);
}
.bm-l2 .gform_wrapper .gform_button:hover{transform:translateY(-2px);background:var(--brass-lift) !important;}
.bm-l2 .gform_wrapper .gform_validation_container{display:none !important;}
.bm-l2 .gform_wrapper .validation_message{color:#b3261e !important;font-size:16px !important;margin-top:4px !important;}
.bm-l2 .gform_confirmation_message{font-size:16px;color:var(--timber);}

@media (prefers-reduced-motion:reduce){
  .bm-l2 .btn:hover{transform:none;}
  .bm-l2 .pcard:hover img{transform:none;}
}

/* ── Gravity Forms confirmation card ── */
.gform_confirmation_message,
.gform_confirmation_wrapper{ padding:0; margin:0; border:0; }

.bl-thanks{
  box-sizing:border-box;
  max-width:680px;
  margin:0 auto;
  padding:48px 32px 44px;
  text-align:center;
  background:#F6F1E9;
  border:1px solid rgba(59,50,43,.10);
  border-radius:18px;
  font-family:Poppins, system-ui, sans-serif;
  color:#4A4038;
}
.bl-thanks *{ box-sizing:border-box; }

/* check badge */
.bl-thanks__badge{
  position:relative;
  display:block;
  width:78px; height:78px;
  margin:0 auto 28px;
  border:1px solid rgba(185,143,69,.45);
  border-radius:50%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B98F45' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center/32px 32px;
}
.bl-thanks__badge::before,
.bl-thanks__badge::after{
  content:"\2726";
  position:absolute; top:26px;
  font-size:13px; line-height:1;
  color:rgba(185,143,69,.55);
}
.bl-thanks__badge::before{ left:-26px; }
.bl-thanks__badge::after{ right:-26px; }

/* title + gold hairline */
.bl-thanks__title{
  margin:0 0 26px !important;
  font-size:clamp(22px, 3.2vw, 30px)!important;
  font-weight:700 !important;
  line-height:1.3 !important;
  letter-spacing:-.01em !important;
  color:var(--timber-mid) !important;
}
.bl-thanks__title::after{
  content:"";
  display:block;
  width:78px; height:1px;
  margin:22px auto 0;
  background:#C9A867;
}

.bl-thanks__lede {
    margin: 10px 0 16px !important;
    font-size: 17px;
    line-height: 1.65;
    color: var(--timber-mid);
}

/* dotted divider with sprig */
.bl-thanks__ornament{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:46px;
  margin:0 0 26px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B98F45' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22V9'/%3E%3Cpath d='M12 12C12 7 9 3 5 2c0 5 3 9 7 10z'/%3E%3Cpath d='M12 12c0-5 3-9 7-10 0 5-3 9-7 10z'/%3E%3C/svg%3E") no-repeat center/22px 22px;
}
.bl-thanks__ornament::before,
.bl-thanks__ornament::after{
  content:"";
  flex:0 1 150px;
  border-top:2px dotted rgba(185,143,69,.45);
}

.bl-thanks__more{
  margin:0 0 32px !important;
  font-size:17px;
  line-height:1.65;
  color:var(--timber-mid);
}

/* buttons */
.bl-thanks__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
}
.bl-thanks__btn{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:15px 30px;
  font-size:16px;
  font-weight:500;
  line-height:1;
  text-decoration:none;
  color:#fff !important;
  background:#2400A1;
  border-radius:999px;
  transition:background-color .2s, transform .15s, box-shadow .2s;
}
.bl-thanks__btn:hover{
  background:#1B0079;
  transform:translateY(-1px);
  box-shadow:0 8px 20px rgba(36,0,161,.22);
  color:#fff !important;
}
.bl-thanks__btn:focus-visible{
  outline:2px solid #C9A867;
  outline-offset:3px;
}
.bl-thanks__btn::before{
  content:"";
  flex:0 0 19px; width:19px; height:19px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.bl-thanks__btn--work::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}
.bl-thanks__btn--blog::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
}
.bl-thanks__btn--case::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.3' stroke-linecap='round'%3E%3Cline x1='6' y1='20' x2='6' y2='16'/%3E%3Cline x1='12' y1='20' x2='12' y2='10'/%3E%3Cline x1='18' y1='20' x2='18' y2='4'/%3E%3C/svg%3E");
}

@media (max-width:600px){
  .bl-thanks{ padding:36px 20px 32px; border-radius:14px; }
  .bl-thanks br{ display:none; }
  .bl-thanks__lede,
  .bl-thanks__more{ font-size:15.5px; }
  .bl-thanks__ornament{ gap:30px; }
  .bl-thanks__ornament::before,
  .bl-thanks__ornament::after{ flex:0 1 90px; }
  .bl-thanks__btn{ width:100%; justify-content:center; padding:14px 22px; }
}

/* ── Attach drawings pill — Form 20 / Field 19 ── */
#field_20_19{
  display:flex; align-items:center; flex-wrap:wrap;
  gap:14px 18px; margin-top:6px;
}

/* label = pill trigger */
#field_20_19 > .gfield_label{
  display:inline-flex; align-items:center; gap:10px;
  margin:0; padding:13px 24px 13px 20px;
  font-size:14px; font-weight:600; line-height:1;
  letter-spacing:0; text-transform:none;
  color:#F2ECE1; background:transparent;
  border:1px solid rgba(242,236,225,.30);
  border-radius:999px; cursor:pointer;
  user-select:none; -webkit-user-select:none;
  transition:border-color .2s, background-color .2s, transform .15s;
}
#field_20_19 > .gfield_label::before{
  content:""; flex:0 0 16px; width:16px; height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F2ECE1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E") no-repeat center/contain;
}
#field_20_19 > .gfield_label:hover{
  border-color:#D6A758; background:rgba(214,167,88,.08);
}
#field_20_19 > .gfield_label:active{ transform:translateY(1px); }
#field_20_19:focus-within > .gfield_label{
  border-color:#D6A758; box-shadow:0 0 0 3px rgba(214,167,88,.18);
}

/* container inline, native input hidden (accessible) */
#field_20_19 .ginput_container_fileupload{
  display:flex; align-items:center; flex-wrap:wrap;
  gap:10px; margin:0; flex:1 1 auto;
}
#field_20_19 input[type="file"]{
  position:absolute !important; width:1px; height:1px;
  padding:0; margin:-1px; border:0; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap;
}

/* helper text */
#gfield_upload_rules_20_19{
  margin:0; padding:0; font-size:13px;
  color:rgba(242,236,225,.45);
}

/* selected-file chip */
#field_20_19 .bl-file-chip{
  display:none; align-items:center; gap:8px; max-width:100%;
  padding:7px 8px 7px 14px; font-size:13px; color:#F2ECE1;
  background:rgba(246,241,233,.07);
  border:1px solid rgba(242,236,225,.18);
  border-radius:999px;
}
#field_20_19.has-file .bl-file-chip{ display:inline-flex; }
#field_20_19.has-file #gfield_upload_rules_20_19{ display:none; }
#field_20_19 .bl-file-chip__name{
  max-width:24ch; overflow:hidden;
  text-overflow:ellipsis; white-space:nowrap;
}
#field_20_19 .bl-file-chip__x{
  all:unset; cursor:pointer; width:20px; height:20px;
  border-radius:50%; display:grid; place-items:center;
  font-size:15px; line-height:1; color:rgba(242,236,225,.6);
}
#field_20_19 .bl-file-chip__x:hover{
  background:rgba(242,236,225,.12); color:#F2ECE1;
}

@media (max-width:520px){
  #field_20_19{ gap:12px; }
  #gfield_upload_rules_20_19{ flex-basis:100%; }
}