/* The recruiting page (/vendors) and Sign in (/vendors/signin): src/portal/site.js. Layout only; the look is
   public/ui.css. */
.s-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2.5rem;align-items:center;padding:2rem 0 1rem}
.s-hero .ui-h1{max-width:22ch;margin:.2rem 0 .8rem}
.s-hero .ui-lead{margin:0 0 1rem}
.s-art{position:relative;margin:0;padding:0 0 2.75rem;justify-self:center;width:min(22rem,100%)}
.s-art>.ui-card{transform:rotate(1.5deg);margin:0}
.s-chip{position:absolute;left:-1.25rem;bottom:0;transform:rotate(-2deg);margin:0}
.s-sec{padding:2.25rem 0 0}
.s-sec .ui-cards{grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}
.s-sec .ui-cards .ui-title{margin:.5rem 0 .25rem}
.s-cost .ui-kv dd{display:flex;flex-direction:column;gap:.15rem}
.s-q+.s-q{border-top:1px solid var(--line);padding-top:.6rem}
.s-close{margin:2.5rem 0 1rem;text-align:center;padding:2rem 1.25rem}
.s-close .ui-btns{justify-content:center}
.s-signin{max-width:28rem;margin:2rem auto 1rem}
.s-signin .ui-lead{margin:.3rem 0 1.25rem}
.s-form .btn{width:100%}
.s-new{text-align:center}
@media (max-width:60rem){.s-hero{grid-template-columns:minmax(0,1fr);gap:1.5rem}.s-art{justify-self:start;margin-left:1.25rem;width:min(22rem,calc(100% - 1.25rem))}}
@media (max-width:30rem){.s-hero .ui-btns .btn{width:100%}.s-chip{left:-.75rem}}