.b-utility{background:#141414;color:#eee}
.b-utility-main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:calc(100svh - 86px);border-bottom:1px solid #444}
.b-utility-copy{padding:clamp(52px,7vw,110px) clamp(25px,4vw,75px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.b-utility-kicker{font-size:.68rem;font-weight:700;letter-spacing:.19em}
.b-utility h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(5.7rem,9.5vw,11rem);line-height:.84;letter-spacing:-.025em;font-weight:700;margin:48px 0 38px}
.b-utility h1 span{color:#bebeb9}
.b-utility-copy>p{max-width:500px;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.55;color:#d2d2d2;margin:0 0 46px}
.b-utility-actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center}
.b-utility-actions a{min-height:55px;padding:17px 20px;font-size:.69rem;font-weight:700;letter-spacing:.12em;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;transition:background .2s,color .2s}
.b-utility-primary{background:#eee;color:#171717;border:1px solid #eee}
.b-utility-secondary{border:1px solid #777;color:#eee}
.b-utility-primary:hover{background:#bdbdb8;border-color:#bdbdb8}
.b-utility-secondary:hover{background:#eee;color:#171717}
.b-utility-image{position:relative;min-height:620px;overflow:hidden;background:#252525}
.b-utility-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.72)}
.b-utility-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.52),transparent 48%);pointer-events:none}
.b-utility-image>span{position:absolute;left:32px;bottom:30px;z-index:1;font-size:.64rem;font-weight:700;letter-spacing:.18em}
.b-utility-tail{display:flex;align-items:center;gap:34px;padding:30px clamp(25px,4vw,75px);font-size:.68rem;font-weight:700;letter-spacing:.14em}
.b-utility-tail>span{color:#aaa;margin-right:auto}
.b-utility-tail a{white-space:nowrap;border-bottom:1px solid #aaa;padding-bottom:5px}
.b-utility-tail a span{margin-left:12px}
@media(max-width:760px){
  .b-utility-main{grid-template-columns:1fr;min-height:0}
  .b-utility-copy{min-height:580px;padding:70px 24px 80px}
  .b-utility h1{font-size:clamp(4.1rem,12.5vw,7.2rem);margin:48px 0 32px}
  .b-utility-copy>p{font-size:1rem;margin-bottom:35px}
  .b-utility-actions{width:100%;align-items:stretch;flex-direction:column}
  .b-utility-actions a{width:100%}
  .b-utility-image{min-height:0;height:300px}
  .b-utility-image>span{left:24px;bottom:20px}
  .b-utility-tail{padding:32px 24px;flex-wrap:wrap;gap:20px 28px}
  .b-utility-tail>span{flex-basis:100%}
}