/* Studio Blocks: ctas. Generated by tools/studio-blocks/extract.mjs from the Studio block library; edit the library, then re-run. */
body .sb-ctas h1,body .sb-ctas h2,body .sb-ctas h3,body .sb-ctas h4,body .sb-ctas h5,body .sb-ctas h6,body .sb-ctas a{color:inherit}
body .sb-ctas h1,body .sb-ctas h2,body .sb-ctas h3,body .sb-ctas h4,body .sb-ctas h5,body .sb-ctas h6{text-transform:none}
body .sb-ctas p,body .sb-ctas li{font-size:inherit !important;line-height:inherit !important}

/* ===== Theme tokens (neutral premium demo theme; any site's brand replaces these) ===== */
body .sb-ctas{ --st-space:var(--section-padding); --st-stack-gap:var(--st-gap-stack);
  --gut:clamp(20px, 4vw, 64px);
}
body .sb-ctas :root[data-theme="civic"]{
  --pb-bg:#FFFFFF; --pb-surface:#F1F3F6; --pb-text:#0F1B2D; --pb-muted:#4A5567;
  --pb-primary:#1F3B73; --pb-secondary:#E3AE4A; --pb-border:rgba(15,27,45,.14); --pb-on-dark:#FFFFFF;
  --pb-heading-font:"Bricolage Grotesque", system-ui, sans-serif; --pb-heading-weight:700;
}
body .sb-ctas :root[data-corners="rounded"]{--st-photo-r:18px}
@media (max-width:767px){body .sb-ctas{--st-space:var(--section-padding-phone, 40px)}}

/* ===== Base ===== */
body .sb-ctas *,body .sb-ctas *::before,body .sb-ctas *::after{box-sizing:border-box}
body .sb-ctas{-webkit-text-size-adjust:100%}
body .sb-ctas{margin:0;background:var(--pb-bg);color:var(--pb-text);font:400 var(--st-type-body)/var(--st-lh-body) var(--pb-body-font)}
body .sb-ctas img{display:block;max-width:100%}
body .sb-ctas a{color:inherit;text-decoration:none}
body .sb-ctas a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
body .sb-ctas a:focus-visible,body .sb-ctas button:focus-visible,body .sb-ctas input:focus-visible{outline:var(--st-focus-w) solid currentColor;outline-offset:var(--st-focus-offset)}
body .sb-ctas h1,body .sb-ctas h2,body .sb-ctas h3,body .sb-ctas h4,body .sb-ctas p{margin:0}
body .sb-ctas ul{list-style:none;margin:0;padding:0}
body .sb-ctas .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body .sb-ctas .wrap{width:min(100% - 2*var(--gut), 1320px);margin-inline:auto}
body .sb-ctas .hd{font-family:var(--pb-heading-font);font-weight:var(--pb-heading-weight);line-height:1.05 !important;letter-spacing:-.01em;text-wrap:balance}

/* Context surfaces: local helpers derived only from tokens */
body .sb-ctas .blk{--mut:var(--pb-muted);--line:var(--pb-border);position:relative}
body .sb-ctas .ink{background:var(--pb-text);color:var(--pb-bg);--mut:color-mix(in srgb,var(--pb-bg) 72%,transparent);--line:color-mix(in srgb,var(--pb-bg) 18%,transparent)}
body .sb-ctas .pri{background:var(--pb-primary);color:var(--pb-on-dark);--mut:color-mix(in srgb,var(--pb-on-dark) 80%,transparent);--line:color-mix(in srgb,var(--pb-on-dark) 24%,transparent)}
body .sb-ctas .sur{background:var(--pb-surface)}
body .sb-ctas .bg{background:var(--pb-bg)}

/* Shared parts */
body .sb-ctas .fh{font:var(--pb-ui-weight) var(--st-type-label)/1.2 var(--pb-body-font);letter-spacing:var(--st-track-label);text-transform:uppercase;color:var(--mut);margin:0 0 18px}
body .sb-ctas .fl{display:grid;gap:10px;font-size:var(--st-type-small) !important}
body .sb-ctas .fl a{display:inline-flex;align-items:center}
body .sb-ctas .mut{color:var(--mut)}
body .sb-ctas .small{font-size:var(--st-type-small) !important}
body .sb-ctas .btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--st-btn-h);padding:0 var(--st-btn-px);border:0;background:var(--pb-primary);color:var(--pb-on-dark);font:var(--pb-ui-weight) 16px/1 var(--pb-body-font);cursor:pointer;white-space:nowrap}
body .sb-ctas .btn:hover{text-decoration:none;filter:brightness(1.08)}
body .sb-ctas .ink .btn{background:var(--pb-bg);color:var(--pb-text)}
body .sb-ctas .pri .btn,body .sb-ctas .photo .btn{background:var(--pb-on-dark);color:var(--pb-primary)}
body .sb-ctas .tlink{display:inline-flex;align-items:center;gap:.5em;min-height:var(--st-btn-h-sm);font-weight:var(--pb-ui-weight)}
body .sb-ctas .social{display:flex;gap:10px;flex-wrap:wrap}
body .sb-ctas .social a{width:44px;height:44px;display:grid;place-items:center;border:var(--st-line-w) solid var(--line);border-radius:50%}
body .sb-ctas .social a:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
body .sb-ctas .social svg{width:18px;height:18px}
body .sb-ctas .legal{display:flex;flex-wrap:wrap;gap:4px var(--st-gap-grid)}
body .sb-ctas .legal a{display:inline-flex;align-items:center;min-height:44px}
body .sb-ctas .fbot{display:flex;flex-wrap:wrap;gap:4px 32px;justify-content:space-between;align-items:center;font-size:var(--st-type-small) !important;color:var(--mut);padding-top:20px;border-top:var(--st-line-w) solid var(--line)}
body .sb-ctas .form{display:flex;gap:10px;flex-wrap:wrap}
body .sb-ctas .inp{flex:1 1 220px;min-height:52px;border:var(--st-line-w) solid var(--line);border-radius:var(--st-radius);background:transparent;color:inherit;padding:0 16px;font:inherit;font-size:16px !important}
body .sb-ctas .inp::placeholder{color:var(--mut)}
body .sb-ctas .ph{position:relative;overflow:hidden;border-radius:var(--st-photo-r)}
body .sb-ctas .ph img{width:100%;height:100%;object-fit:cover}
@media (max-width:767px){body .sb-ctas .fl{gap:0}body .sb-ctas .fl a{min-height:44px}}

/* ===== Demo chrome (not part of the blocks) ===== */
body .sb-ctas .intro{padding:40px var(--gut) 24px;max-width:1320px;margin:auto}
body .sb-ctas .intro h1{font:var(--pb-heading-weight) var(--st-type-h2)/1 var(--pb-heading-font)}
body .sb-ctas .intro p{color:var(--pb-muted);max-width:70ch;margin-top:12px;font-size:var(--st-type-small) !important}
body .sb-ctas .toggles{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
body .sb-ctas .toggles button{min-height:44px;padding:0 16px;border:1px solid var(--pb-border);background:var(--pb-surface);color:var(--pb-text);font:var(--pb-ui-weight) var(--st-type-small) var(--pb-body-font);cursor:pointer}
body .sb-ctas .toggles button[aria-pressed="true"]{background:var(--pb-text);color:var(--pb-bg)}
body .sb-ctas .variant{margin-bottom:48px}

/* ===== CTA shared ===== */
body .sb-ctas .cta{padding-block:var(--st-space)}
body .sb-ctas .blk h2.hd{font-size:var(--st-type-h2) !important}
body .sb-ctas .lead{font-size:var(--st-type-lead) !important;line-height:1.5 !important;margin-top:20px;max-width:46ch}
body .sb-ctas .pri .lead,body .sb-ctas .ink .lead,body .sb-ctas .photo .lead{color:var(--mut)}
body .sb-ctas .acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:32px}
body .sb-ctas .photo{color:var(--pb-on-dark);--mut:var(--pb-on-dark);--line:color-mix(in srgb,var(--pb-on-dark) 30%,transparent);isolation:isolate}
body .sb-ctas .photo > img.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
body .sb-ctas .photo::before{content:"";position:absolute;inset:0;background:var(--st-scrim);z-index:-1}
body .sb-ctas .photo .btn{background:var(--pb-on-dark);color:var(--pb-text)}
body .sb-ctas .ink .lead,body .sb-ctas .ink .mut{color:var(--mut)}

/* ===== 01 Photo center ===== */
body .sb-ctas .c1{min-height:clamp(480px,72vh,760px);display:grid;place-items:center;text-align:center}
body .sb-ctas .c1 h2.hd{font-size:var(--st-type-h1) !important;max-width:16ch;margin-inline:auto}
body .sb-ctas .c1 .lead{margin-inline:auto}
body .sb-ctas .c1 .acts{justify-content:center}

/* ===== 02 Color band ===== */
body .sb-ctas .c2{padding-block:clamp(48px,6vw,96px)}
body .sb-ctas .c2 .wrap{display:grid;grid-template-columns:8fr 4fr;gap:48px;align-items:center}
body .sb-ctas .c2 .lead{margin-top:14px}
body .sb-ctas .c2 .acts{margin:0;flex-direction:column;align-items:flex-end;gap:6px}
@media (max-width:900px){body .sb-ctas .c2 .wrap{grid-template-columns:1fr;gap:28px}body .sb-ctas .c2 .acts{align-items:flex-start}}

/* ===== 03 Edge split ===== */
body .sb-ctas .c3{display:grid;grid-template-columns:1fr 1fr}
body .sb-ctas .c3-text{padding:var(--st-space) clamp(32px,6vw,112px) var(--st-space) max(var(--gut), calc((100vw - 1320px)/2));align-self:stretch;display:flex;flex-direction:column;justify-content:center}
body .sb-ctas .c3 .ph{border-radius:0;min-height:100%}
body .sb-ctas .c3 .ph img{position:absolute;inset:0}
@media (max-width:900px){body .sb-ctas .c3{grid-template-columns:1fr}body .sb-ctas .c3 .ph{order:-1;aspect-ratio:var(--pb-ar-landscape);min-height:0}body .sb-ctas .c3-text{padding:40px var(--gut)}}

/* ===== 04 Inset card ===== */
body .sb-ctas .c4-card{width:min(100%,920px);margin-inline:auto;text-align:center;background:var(--pb-secondary);color:var(--pb-text);padding:clamp(40px,6vw,96px) clamp(24px,6vw,96px);border-radius:max(var(--st-photo-r),4px)}
body .sb-ctas .c4-card .lead{margin-inline:auto;color:var(--pb-text)}
body .sb-ctas .c4-card .acts{justify-content:center}

/* ===== 05 Two doors ===== */
body .sb-ctas .c5-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--st-gap-grid);padding-bottom:32px}
body .sb-ctas .c5-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
body .sb-ctas .c5-door{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(420px,46vw,620px);padding:clamp(28px,4vw,56px);color:var(--pb-on-dark);overflow:hidden;isolation:isolate}
body .sb-ctas .c5-door img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
body .sb-ctas .c5-door::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 30%,var(--st-scrim) 65%,rgba(0,0,0,.7) 100%),var(--st-scrim);z-index:-1} /* owner rule: gradient darkens toward bottom text */
body .sb-ctas .c5-door:hover{text-decoration:none}
body .sb-ctas .c5-door:hover img{transform:scale(var(--st-img-zoom))}
body .sb-ctas .c5-door h3{font:var(--pb-heading-weight) var(--st-type-h2)/1 var(--pb-heading-font)}
body .sb-ctas .c5-door p{max-width:36ch;margin-top:14px;color:var(--pb-on-dark)}
body .sb-ctas .c5-door .tlink{margin-top:16px}
body .sb-ctas .c5-door:first-child{border-radius:var(--st-photo-r) 0 0 var(--st-photo-r)}
body .sb-ctas .c5-door:last-child{border-radius:0 var(--st-photo-r) var(--st-photo-r) 0}
@media (max-width:767px){body .sb-ctas .c5-grid{grid-template-columns:1fr;gap:var(--st-stack-gap)}body .sb-ctas .c5-door{min-height:360px}body .sb-ctas .c5-door:first-child,body .sb-ctas .c5-door:last-child{border-radius:var(--st-photo-r)}}

/* ===== 06 Giant type ===== */
body .sb-ctas .c6 h2.hd{font-size:clamp(48px,16px + 8vw,152px) !important;line-height:.92 !important;letter-spacing:-.03em;max-width:12ch}
body .sb-ctas .c6 h2 em{color:var(--pb-primary)}
body .sb-ctas .c6-row{display:grid;grid-template-columns:5fr 7fr;gap:32px;align-items:center;margin-top:clamp(40px,5vw,72px);padding-top:28px;border-top:var(--st-line-w) solid var(--line)}
body .sb-ctas .c6-row .lead{margin:0}
body .sb-ctas .c6-row .acts{margin:0;justify-content:flex-end}
@media (max-width:900px){body .sb-ctas .c6-row{grid-template-columns:1fr}body .sb-ctas .c6-row .acts{justify-content:flex-start}}

/* ===== 07 Form in CTA ===== */
body .sb-ctas .c7 .wrap{max-width:720px;text-align:center}
body .sb-ctas .c7 .lead{margin-inline:auto}
body .sb-ctas .c7 form{margin-top:32px}
body .sb-ctas .c7 .form{justify-content:center}
body .sb-ctas .c7 .inp{background:var(--pb-bg);border-color:var(--line)}
body .sb-ctas .c7 .foot{font-size:var(--st-type-small) !important;color:var(--mut);margin-top:14px}

/* ===== 08 Checklist + photo ===== */
body .sb-ctas .c8 .wrap{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,5vw,88px)}
body .sb-ctas .c8-text{align-self:center}
body .sb-ctas .c8-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 32px;margin-top:28px}
body .sb-ctas .c8-list li{display:flex;gap:12px;align-items:flex-start}
body .sb-ctas .c8-list svg{flex:none;width:22px;height:22px;margin-top:2px;color:var(--pb-primary)}
body .sb-ctas .c8 .ph{min-height:100%}
body .sb-ctas .c8 .ph img{position:absolute;inset:0}
@media (max-width:900px){body .sb-ctas .c8 .wrap{grid-template-columns:1fr}body .sb-ctas .c8 .ph{order:-1;aspect-ratio:var(--pb-ar-landscape);min-height:0}body .sb-ctas .c8-list{grid-template-columns:1fr}}

/* ===== 09 Photo diptych ===== */
body .sb-ctas .c9{display:grid;grid-template-columns:1fr 1fr 2fr}
body .sb-ctas .c9 .ph{border-radius:0;min-height:100%}
body .sb-ctas .c9 .ph img{position:absolute;inset:0}
body .sb-ctas .c9-panel{padding:var(--st-space) max(var(--gut), calc((100vw - 1320px)/2)) var(--st-space) clamp(32px,5vw,96px);align-self:center}
@media (max-width:900px){body .sb-ctas .c9{grid-template-columns:1fr 1fr}body .sb-ctas .c9 .ph{aspect-ratio:var(--pb-ar-portrait);min-height:0}body .sb-ctas .c9-panel{grid-column:1/-1;padding:40px var(--gut)}}

/* ===== 10 Photo card corner ===== */
body .sb-ctas .c10{min-height:clamp(560px,80vh,820px);display:flex;align-items:flex-end;isolation:isolate}
body .sb-ctas .c10 > img.bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
body .sb-ctas .c10-card{background:var(--pb-surface);color:var(--pb-text);max-width:540px;padding:clamp(28px,4vw,56px);border-radius:max(var(--st-photo-r),4px)}
body .sb-ctas .c10-card h2.hd{font-size:var(--st-type-h2) !important}
@media (max-width:767px){body .sb-ctas .c10{min-height:0;display:block;padding-top:0}body .sb-ctas .c10 > img.bgimg{position:relative;aspect-ratio:var(--pb-ar-landscape);height:auto}body .sb-ctas .c10-card{margin-top:-48px;position:relative}}

/* ===== 11 Photo cluster ===== */
body .sb-ctas .c11 .wrap{display:grid;grid-template-columns:7fr 5fr;gap:clamp(40px,6vw,112px);align-items:center}
body .sb-ctas .c11-cluster{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);gap:var(--st-gap-grid)}
body .sb-ctas .c11-cluster .ph{aspect-ratio:1}
body .sb-ctas .c11-cluster .p1{grid-column:2;grid-row:1}
body .sb-ctas .c11-cluster .p2{grid-column:1;grid-row:2}
body .sb-ctas .c11-cluster .p3{grid-column:2;grid-row:2}
body .sb-ctas .c11-cluster .p4{grid-column:3;grid-row:2}
body .sb-ctas .c11-cluster .p5{grid-column:2;grid-row:3}
@media (max-width:900px){body .sb-ctas .c11 .wrap{grid-template-columns:1fr}body .sb-ctas .c11-cluster{gap:12px}}

/* ===== 12 Straddle card ===== */
body .sb-ctas .c12{background:linear-gradient(var(--pb-primary) 0 52%, var(--pb-bg) 52% 100%)}
body .sb-ctas .c12-top{color:var(--pb-on-dark);text-align:center;padding-bottom:clamp(32px,4vw,56px)}
body .sb-ctas .c12-top p{font-size:var(--st-type-lead) !important;color:var(--pb-muted-on-dark);max-width:52ch;margin-inline:auto}
body .sb-ctas .c12-card{display:grid;grid-template-columns:7fr 5fr;background:var(--pb-surface);border-radius:max(var(--st-photo-r),4px);overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
body .sb-ctas .c12-card > div:first-child{padding:clamp(32px,5vw,72px);align-self:center}
body .sb-ctas .c12-card .ph{border-radius:0;min-height:100%}
body .sb-ctas .c12-card .ph img{position:absolute;inset:0}
@media (max-width:900px){body .sb-ctas .c12{background:linear-gradient(var(--pb-primary) 0 34%, var(--pb-bg) 34% 100%)}body .sb-ctas .c12-card{grid-template-columns:1fr}body .sb-ctas .c12-card .ph{order:-1;aspect-ratio:var(--pb-ar-landscape);min-height:0}}

/* ===== 13 Stats CTA ===== */
body .sb-ctas .c13 .wrap{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,6vw,96px);align-items:center}
body .sb-ctas .c13-stats{display:grid;grid-template-columns:repeat(3,1fr);border-left:var(--st-line-w) solid var(--line)}
body .sb-ctas .c13-stats li{padding:8px clamp(16px,2.5vw,36px);border-right:var(--st-line-w) solid var(--line)}
body .sb-ctas .c13-stats b{display:block;font:var(--pb-heading-weight) clamp(44px,25.6px + 3vw,80px)/1 var(--pb-heading-font);letter-spacing:-.02em;font-variant-numeric:lining-nums}
body .sb-ctas .c13-stats span{display:block;margin-top:10px;font-size:var(--st-type-small) !important;color:var(--mut);max-width:20ch}
@media (max-width:900px){body .sb-ctas .c13 .wrap{grid-template-columns:1fr}body .sb-ctas .c13-stats{order:-1}}
@media (max-width:560px){body .sb-ctas .c13-stats{grid-template-columns:1fr;border:0}body .sb-ctas .c13-stats li{border:0;border-top:var(--st-line-w) solid var(--line);padding:18px 0;display:flex;align-items:baseline;gap:16px}body .sb-ctas .c13-stats span{margin:0}}

/* ===== 14 Quote + CTA ===== */
body .sb-ctas .c14 .wrap{display:grid;grid-template-columns:6fr auto 5fr;gap:clamp(32px,5vw,88px);align-items:center}
body .sb-ctas .c14 .rule{width:1px;align-self:stretch;background:var(--line)}
body .sb-ctas .c14 blockquote{margin:0}
body .sb-ctas .c14 blockquote p{font:italic var(--pb-heading-weight) var(--st-type-h3)/1.3 var(--pb-heading-font);text-indent:-.4em}
body .sb-ctas .c14 cite{display:block;font-style:normal;margin-top:20px;font-size:var(--st-type-small) !important;color:var(--mut)}
body .sb-ctas .c14 cite b{color:var(--pb-on-dark);font-weight:var(--pb-ui-weight)}
@media (max-width:900px){body .sb-ctas .c14 .wrap{grid-template-columns:1fr}body .sb-ctas .c14 .rule{width:auto;height:1px}}

/* ===== 15 Headline under photo ===== */
body .sb-ctas .c15 .ph{aspect-ratio:21/9}
body .sb-ctas .c15-row{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,5vw,88px);margin-top:clamp(32px,4vw,56px)}
body .sb-ctas .c15-row h2.hd{font-size:var(--st-type-h1) !important;line-height:var(--st-lh-display) !important}
body .sb-ctas .c15-row .lead{margin-top:0}
@media (max-width:767px){body .sb-ctas .c15 .ph{aspect-ratio:var(--pb-ar-landscape)}body .sb-ctas .c15-row{grid-template-columns:1fr;gap:20px}}

/* ===== 16 Big-type band ===== */
body .sb-ctas .c16{overflow:hidden}
body .sb-ctas .c16-track{display:flex;width:max-content;animation:c16 38s linear infinite}
body .sb-ctas .c16-track span{display:flex;align-items:center;gap:.4em;padding-right:.4em;font:var(--pb-heading-weight) clamp(56px,24px + 7vw,144px)/1.05 var(--pb-heading-font);letter-spacing:-.02em;white-space:nowrap}
body .sb-ctas .c16-track i{display:inline-block;width:.22em;height:.22em;border-radius:50%;background:var(--pb-secondary)}
@keyframes c16{to{transform:translateX(-50%)}}
body .sb-ctas .c16-foot{display:grid;grid-template-columns:7fr 5fr;gap:32px;align-items:center;margin-top:clamp(32px,4vw,56px);padding-top:28px;border-top:var(--st-line-w) solid var(--line)}
body .sb-ctas .c16-foot .lead{margin:0}
body .sb-ctas .c16-foot .acts{margin:0;justify-content:flex-end}
@media (max-width:767px){body .sb-ctas .c16-foot{grid-template-columns:1fr}body .sb-ctas .c16-foot .acts{justify-content:flex-start}}

/* ===== 17 Offset frame ===== */
body .sb-ctas .c17 .wrap{display:grid;grid-template-columns:6fr 5fr;gap:clamp(48px,8vw,140px);align-items:center}
body .sb-ctas .c17-media{position:relative;margin:0 0 64px 64px}
body .sb-ctas .c17-media::before{content:"";position:absolute;inset:64px 64px -64px -64px;background:var(--pb-secondary);border-radius:var(--st-photo-r)}
body .sb-ctas .c17-media .ph{aspect-ratio:var(--pb-ar-portrait)}
@media (max-width:900px){body .sb-ctas .c17 .wrap{grid-template-columns:1fr}body .sb-ctas .c17-media{margin:0 0 32px 32px}body .sb-ctas .c17-media::before{inset:32px 32px -32px -32px}}

/* ===== 18 Ruled quiet ===== */
body .sb-ctas .c18 .box{display:grid;grid-template-columns:8fr 4fr;gap:32px;align-items:end;padding-block:clamp(32px,4vw,56px);border-block:var(--st-line-w) solid var(--pb-text)}
body .sb-ctas .c18 h2.hd{font-size:var(--st-type-h2) !important;max-width:20ch}
body .sb-ctas .c18 .big{justify-self:end;font:var(--pb-heading-weight) var(--st-type-h3)/1.2 var(--pb-heading-font);display:inline-flex;align-items:center;gap:.4em;min-height:44px;border-bottom:var(--st-line-w) solid currentColor;padding-bottom:4px}
body .sb-ctas .c18 .big:hover{text-decoration:none;color:var(--pb-primary)}
@media (max-width:767px){body .sb-ctas .c18 .box{grid-template-columns:1fr}body .sb-ctas .c18 .big{justify-self:start}}

/* ===== 19 Steps CTA ===== */
body .sb-ctas .c19 .wrap{display:grid;grid-template-columns:5fr 7fr;gap:clamp(40px,7vw,128px);align-items:start}
body .sb-ctas .c19-steps li{display:grid;grid-template-columns:clamp(48px,6vw,88px) 1fr;gap:20px;padding-block:28px;border-top:var(--st-line-w) solid var(--line)}
body .sb-ctas .c19-steps li:last-child{border-bottom:var(--st-line-w) solid var(--line)}
body .sb-ctas .c19-steps .n{font:var(--pb-heading-weight) var(--st-type-h2)/1 var(--pb-heading-font);color:var(--pb-primary)}
body .sb-ctas .c19-steps h3{font:var(--pb-heading-weight) var(--st-type-h3)/1.2 var(--pb-heading-font)}
body .sb-ctas .c19-steps p{margin-top:8px;color:var(--mut);max-width:48ch}
@media (min-width:901px){body .sb-ctas .c19-text{position:sticky;top:32px}}
@media (max-width:900px){body .sb-ctas .c19 .wrap{grid-template-columns:1fr}}

/* ===== 20 Portrait note ===== */
body .sb-ctas .c20 .wrap{display:grid;grid-template-columns:4fr 7fr;gap:clamp(40px,6vw,104px);align-items:center;max-width:1120px}
body .sb-ctas .c20 .ph{aspect-ratio:var(--pb-ar-portrait)}
body .sb-ctas .c20 .note{font:italic var(--pb-heading-weight) var(--st-type-lead)/1.55 var(--pb-heading-font);margin-top:20px;max-width:48ch;font-size:clamp(20px,17.6px + .5vw,25.6px) !important}
body .sb-ctas .c20 .sig{margin-top:24px;font-size:var(--st-type-small) !important;color:var(--mut)}
body .sb-ctas .c20 .sig b{display:block;color:var(--pb-text);font-weight:var(--pb-ui-weight);font-size:16px !important}
@media (max-width:767px){body .sb-ctas .c20 .wrap{grid-template-columns:1fr}body .sb-ctas .c20 .ph{max-width:240px}}

@media (prefers-reduced-motion:reduce){body .sb-ctas *{transition:none!important;animation:none!important}}