/* STL Cornice: old masonry. A limestone and mortar ground, iron black bands, and oxblood brick
   kept for the things you act on. One motif from the trade: the dentil course under a cornice,
   used only where the hero, page heads and closing band meet the page; thin stacked rules (a
   cornice profile in section) mark the tops of steps and blocks. Loaded after app.css and the
   site's tokens, so it states only what differs. */
.site-stlcornice{
  --iron:#1c1a18;
  --iron-2:#25221f;
  --iron-line:#3b3631;
  --iron-text:#c9bfae;
  --stone:#e4dccd;
  --brick-lit:#a33a2a;
  /* a fascia rule over a course of dentils */
  --dentil:linear-gradient(currentColor,currentColor) 0 0 / 100% 2px no-repeat,
    repeating-linear-gradient(90deg,currentColor 0 12px,transparent 12px 20px) 0 6px / 100% 8px no-repeat;
}

/* type: Gloock carries every heading; it is heavy enough at one weight, so no faux bold */
.site-stlcornice h1,.site-stlcornice h2,.site-stlcornice h3{font-weight:400;letter-spacing:-.01em}
.site-stlcornice .kicker{font-size:12.5px;font-weight:600;letter-spacing:.16em;color:var(--ink-2)}
.site-stlcornice .sec .kicker{color:var(--ink-3)}
.site-stlcornice .sec h2,.site-stlcornice .closer h2{font-size:clamp(2rem,1.2rem + 2.6vw,3.3rem);line-height:1.04;letter-spacing:-.015em}

/* header: solid limestone, no blur */
.site-stlcornice .top{background:var(--paper);backdrop-filter:none;border-bottom-color:var(--rule-2)}
.site-stlcornice .brand-mark{background:var(--iron);color:var(--stone);font-family:var(--body);font-weight:700;letter-spacing:.14em;font-size:12.5px;padding-inline:9px}
.site-stlcornice .brand-word{border-color:var(--iron);font-family:var(--display);font-weight:400;text-transform:none;letter-spacing:.01em;font-size:18px;padding-block:5px 4px}
.site-stlcornice .top-nav > a.on,.site-stlcornice .nav-group > a.on{box-shadow:inset 0 -2px 0 var(--accent)}
.site-stlcornice .nav-menu{border-radius:2px;background:var(--card);box-shadow:0 18px 40px -24px rgba(28,26,24,.45)}
.site-stlcornice .nav-menu a{border-radius:0}

/* buttons: square-cut, like dressed stone; oxblood for the act, iron outline for the alternative */
.site-stlcornice .btn{border-radius:2px;font-weight:600;letter-spacing:.01em}
.site-stlcornice .btn-solid{background:var(--accent);color:#fff}
.site-stlcornice .btn-solid:hover{background:var(--accent-deep)}
.site-stlcornice .btn-line{border-color:var(--iron);color:var(--iron)}
.site-stlcornice .btn-line:hover{background:var(--iron);color:var(--paper)}
/* on iron the act turns to fired brick so it still stands out; the call stays an outline */
.site-stlcornice .closer .btn-light,.site-stlcornice .page-head .btn-solid{background:var(--brick-lit);color:#fff}
.site-stlcornice .closer .btn-light:hover,.site-stlcornice .page-head .btn-solid:hover{background:#8c3022}
.site-stlcornice .btn-ghost{border-color:rgba(228,220,205,.5);color:var(--stone)}
.site-stlcornice .btn-ghost:hover{border-color:var(--stone)}

/* links: iron text with an oxblood underline */
.site-stlcornice .more{border-bottom-width:1px;padding-bottom:3px}
.site-stlcornice .sec-sub a,.site-stlcornice .sec-cta a,.site-stlcornice .signs a,.site-stlcornice .qa a,
.site-stlcornice .hero-call a,.site-stlcornice .proof a,.site-stlcornice .sec-head a.inline,.site-stlcornice .steps a{text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}

/* hero: the row of cornices at dusk, edge to edge, with a warm shade only where the words are */
.site-stlcornice .hero-warm{background:var(--iron);padding:clamp(56px,7.5vw,112px) 0 clamp(72px,8.5vw,128px)}
.site-stlcornice .hero-warm::before{background:linear-gradient(90deg,rgba(22,20,18,.9) 0%,rgba(22,20,18,.74) 32%,rgba(22,20,18,.2) 58%,rgba(22,20,18,.42) 100%)}
.site-stlcornice .hero-warm .kicker{color:var(--iron-text);letter-spacing:.18em}
.site-stlcornice .hero-warm h1{font-size:clamp(2.5rem,1.25rem + 4.2vw,4.6rem);line-height:1;letter-spacing:-.02em;text-shadow:0 2px 30px rgba(14,12,10,.7)}
.site-stlcornice .hero-warm .lede{color:#e9e2d6;text-shadow:0 1px 14px rgba(14,12,10,.9)}
.site-stlcornice .hero-warm .hero-call{color:var(--iron-text)}
.site-stlcornice .hero-warm .hero-call a{color:#fff}
/* ticks: a small dressed block, not a checkmark disc */
.site-stlcornice .hero-ticks li{padding-left:28px}
.site-stlcornice .hero-ticks li::before{top:.55em;width:12px;height:8px;border-radius:0;background:var(--stone)}
.site-stlcornice .hero-ticks li::after{display:none}
.site-stlcornice .hero-warm .form-card{box-shadow:0 30px 70px -30px rgba(10,9,8,.9)}

/* form */
.site-stlcornice .form-card{border-radius:2px;background:var(--card)}
.site-stlcornice .form-card .form-head h2{font-size:1.65rem;font-weight:400;letter-spacing:-.01em}
.site-stlcornice .fld input,.site-stlcornice .fld select,.site-stlcornice .fld textarea{border-radius:2px;background-color:#fff}
.site-stlcornice .check-opts span{border-radius:2px}

/* fact strip: iron, under a dentil course */
.site-stlcornice .facts-band{background:var(--iron);color:var(--stone)}
.site-stlcornice .facts-band::before{content:"";display:block;height:14px;color:rgba(228,220,205,.22);background:var(--dentil)}
.site-stlcornice .facts>div{padding:var(--s5) var(--s5) var(--s6);border-left-color:var(--iron-line)}
.site-stlcornice .facts>div:first-child{padding-left:0}
.site-stlcornice .facts dt{font-weight:400;font-size:clamp(24px,2.2vw,31px);line-height:1.05;letter-spacing:-.01em;color:#f4efe6;white-space:nowrap}
.site-stlcornice .facts dd{color:var(--iron-text);opacity:1;font-size:14.5px}

/* inner page heads: iron, closed off by the dentil course */
.site-stlcornice .page-head{position:relative;background:var(--iron);padding-bottom:calc(var(--s8) + 14px)}
.site-stlcornice .page-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;color:rgba(228,220,205,.22);background:var(--dentil)}
.site-stlcornice .page-head h1{font-size:clamp(2.2rem,1.3rem + 3vw,3.7rem);line-height:1.02;letter-spacing:-.02em}
/* beside a photo the title column is narrow; size to it so a three-word title holds one line */
.site-stlcornice .page-head-grid > div{container-type:inline-size}
.site-stlcornice .page-head-grid h1{font-size:min(clamp(2.2rem,1.3rem + 3vw,3.7rem),7.2cqi)}
.site-stlcornice .page-head .lede{color:#ddd5c7}
.site-stlcornice .page-head .crumbs,.site-stlcornice .hero-request .crumbs{color:#a39a8b}
.site-stlcornice .page-head .crumbs a,.site-stlcornice .hero-request .crumbs a{color:var(--iron-text)}
.site-stlcornice .page-head .guide-updated{color:#a39a8b}
.site-stlcornice .hero-request{background:var(--iron)}

/* sections */
.site-stlcornice .sec-tint{background:var(--paper-2);border-color:var(--rule)}
.site-stlcornice .photo{border-radius:2px}
.site-stlcornice .paths{border-radius:2px;background:var(--card)}
.site-stlcornice .path:hover{background:var(--paper)}
.site-stlcornice .path-go span,.site-stlcornice .tile-ask > span span,.site-stlcornice .svc-go{color:var(--accent)}

/* ruled lists: each item marked by a single dentil block */
.site-stlcornice .signs li::before,.site-stlcornice .ticks li::before{top:.95em;width:10px;height:7px;background:var(--ink-2)}
.site-stlcornice .ticks li::before{top:.85em}
.site-stlcornice .signs strong{font-weight:600;color:var(--ink)}

/* the cornice profile in section: a heavy fascia rule over a thin one */
.site-stlcornice .steps li,.site-stlcornice .qa-3 > div{border-top:0;padding-top:calc(var(--s5) + 6px);background:linear-gradient(currentColor,currentColor) 0 0 / 100% 3px no-repeat,linear-gradient(currentColor,currentColor) 0 6px / 100% 1px no-repeat}
.site-stlcornice .area h2,.site-stlcornice .area h3{border-bottom:0;padding-bottom:calc(var(--s2) + 6px);background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat,linear-gradient(currentColor,currentColor) 0 calc(100% - 4px) / 100% 2px no-repeat}
.site-stlcornice .block h2{border-bottom-color:var(--iron)}
.site-stlcornice .step-n{font-family:var(--display);font-weight:400;font-size:2.8rem;line-height:1;color:var(--ink)}
.site-stlcornice .steps h2,.site-stlcornice .steps h3{font-weight:400;font-size:1.5rem}

/* the home page's steps: an iron band, numerals in limestone */
.site-stlcornice .sec:has(> .wrap > .steps:not(.steps-long)){background:var(--iron);color:var(--stone)}
.site-stlcornice .sec:has(> .wrap > .steps:not(.steps-long)) .kicker{color:var(--iron-text)}
.site-stlcornice .sec:has(> .wrap > .steps:not(.steps-long)) h2,
.site-stlcornice .sec:has(> .wrap > .steps:not(.steps-long)) h3{color:#f4efe6}
.site-stlcornice .sec:has(> .wrap > .steps:not(.steps-long)) .sec-head p:not(.kicker),
.site-stlcornice .sec:has(> .wrap > .steps:not(.steps-long)) .steps p{color:var(--iron-text)}
.site-stlcornice .sec:has(> .wrap > .steps:not(.steps-long)) .sec-head a.inline{color:#fff;text-decoration-color:var(--brick-lit)}
.site-stlcornice .sec:has(> .wrap > .steps:not(.steps-long)) .steps li{color:rgba(228,220,205,.4)}
.site-stlcornice .sec:has(> .wrap > .steps:not(.steps-long)) .step-n{color:var(--stone);font-size:3.6rem}

/* the dark band other sites use (lenders), kept in the same iron */
.site-stlcornice .sec-ink{background:var(--iron)}
.site-stlcornice .sec-ink .kicker{color:var(--iron-text)}
.site-stlcornice .sec-ink .signs li::before{background:var(--stone)}
.site-stlcornice .lend{border-radius:2px}
.site-stlcornice .lend a{background:var(--iron)}
.site-stlcornice .lend .lend-all{background:var(--accent)}
.site-stlcornice .lend .lend-all:hover{background:var(--accent-deep)}

/* services and guides */
.site-stlcornice .svc-rows,.site-stlcornice .cond,.site-stlcornice .guide-list-all,.site-stlcornice .link-rows-2{border-top-color:var(--iron)}
.site-stlcornice .svc-row h3{font-size:1.6rem}
.site-stlcornice .svc-group h2{font-size:clamp(1.7rem,1.2rem + 1.4vw,2.3rem)}
.site-stlcornice .guide-card{border-radius:2px}
.site-stlcornice .guide-card h2,.site-stlcornice .guide-card h3{font-weight:400;font-size:1.25rem;line-height:1.18}
.site-stlcornice .guide-list-all .guide-card h3{font-size:1.4rem}
.site-stlcornice .guide-card:hover{border-color:var(--ink-3)}
.site-stlcornice .tile h3{font-size:1.25rem}
.site-stlcornice .tile-ask{border-radius:2px}
.site-stlcornice .link-rows strong{font-weight:400;font-size:1.15rem}

/* service and guide pages */
.site-stlcornice .answer{background:var(--card);border:1px solid var(--rule-2);border-radius:2px}
.site-stlcornice .answer h2{font-size:1.55rem}
.site-stlcornice .answer .answer-where{border-top-color:var(--rule)}
.site-stlcornice .block h2{font-size:1.6rem}
.site-stlcornice .qa h3{font-family:var(--body);font-weight:600;font-size:1.05rem}
.site-stlcornice .side-box{border-radius:2px}
.site-stlcornice .side-box h2{font-size:1.3rem}
.site-stlcornice .prose h2{font-size:1.75rem}
.site-stlcornice .prose h3{font-size:1.3rem}
.site-stlcornice .prose a{text-decoration-color:var(--accent);text-decoration-thickness:1px}
.site-stlcornice .prose li::marker{color:var(--ink-2)}

/* closing band: iron under a dentil course, then the footer a shade darker */
.site-stlcornice .closer{position:relative;background:var(--iron);color:#f4efe6;padding-top:calc(var(--s9) + 14px)}
.site-stlcornice .closer::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;color:rgba(228,220,205,.22);background:var(--dentil)}
.site-stlcornice .closer p{color:var(--iron-text)}
.site-stlcornice .foot{background:#141311;color:var(--iron-text);border-top:1px solid var(--iron-line)}
.site-stlcornice .foot h2{color:#a39a8b;font-family:var(--body)}
.site-stlcornice .foot a{color:#e9e2d6}
.site-stlcornice .foot .brand-mark{background:var(--stone);color:var(--iron)}
.site-stlcornice .foot .brand-word{border-color:var(--stone);color:var(--stone)}
.site-stlcornice .foot-phone{color:#fff}
.site-stlcornice .foot-fine{border-top-color:var(--iron-line);color:#a39a8b}
.site-stlcornice .foot-fine a{color:var(--iron-text)}

/* focus stays visible on both grounds */
.site-stlcornice .hero-warm :focus-visible,.site-stlcornice .page-head :focus-visible,.site-stlcornice .closer :focus-visible,
.site-stlcornice .facts-band :focus-visible,.site-stlcornice .foot :focus-visible,.site-stlcornice .sec-ink :focus-visible{outline-color:var(--stone)}

@media (max-width:980px){
  .site-stlcornice .hero-warm::before{background:linear-gradient(180deg,rgba(22,20,18,.7) 0%,rgba(22,20,18,.88) 55%,rgba(22,20,18,.95) 100%)}
}
@media (max-width:900px){
  .site-stlcornice .facts>div{padding:var(--s4) var(--s4) var(--s5) 0;border-top-color:var(--iron-line)}
  .site-stlcornice .facts>div:nth-child(even){padding-left:var(--s4);border-left:1px solid var(--iron-line)}
}
@media (max-width:620px){
  .site-stlcornice .hero-warm h1{font-size:clamp(2.2rem,1.4rem + 4vw,2.7rem)}
  .site-stlcornice .facts dt{font-size:22px}
  .site-stlcornice .svc-row h3{font-size:1.1rem}
  .site-stlcornice .sec h2,.site-stlcornice .closer h2{font-size:clamp(1.9rem,1.3rem + 3vw,2.3rem)}
  .site-stlcornice .sec:has(> .wrap > .steps:not(.steps-long)) .step-n{font-size:3rem}
}