.utility-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px var(--pad);border-bottom:1.5px solid var(--ink)}
.utility-nav .nav__mark{position:static;transform:none;width:180px;flex:none}
.utility-main{max-width:1000px;margin:auto;padding:clamp(48px,10vh,100px) var(--pad)}
.utility-label{font:600 12px/1.5 var(--sans);letter-spacing:.16em;margin-bottom:24px}
.utility-main h1{font:400 clamp(52px,8vw,100px)/1.02 var(--serif);max-width:12ch;margin-bottom:24px}
.utility-main>p:not(.utility-label){max-width:55ch;color:var(--ink-soft)}
.utility-actions{display:flex;gap:16px;flex-wrap:wrap;margin:32px 0}
.utility-actions .pill--solid{box-shadow:5px 5px 0 var(--cobalt)}
.utility-actions .pill--solid:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--cobalt)}
.utility-actions .pill--solid:active{transform:translate(5px,5px);box-shadow:none}
.utility-detail{font-size:15px}
.utility-footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px var(--pad);border-top:1px solid var(--hair);font-size:13px}
.utility-footer nav{display:flex;gap:20px}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:5px}
@media(max-width:620px){.utility-actions{flex-direction:column}.utility-actions a{text-align:center;justify-content:center}.utility-footer{flex-direction:column}.utility-nav .nav__mark{width:150px}.utility-main{padding-top:48px}}