/* Comment-led refinements. The approved portrait and Vera artwork stay intact. */
.hero-ai{color:var(--blue);white-space:nowrap}
.portrait{width:min(100%,320px);height:307px}
.vera-button-art img{width:114px;top:-3px}

/* Turnstile manages its own visibility and dimensions in interaction-only mode. */
#vera-gate-area{min-height:170px}
.vera-gate{gap:12px}
#vera-challenge{min-height:0;overflow:visible}
#vera-gate-area:has(.vera-gate[hidden]){min-height:0}

.close{gap:32px;align-items:start}
.close .meeting-link{margin-top:22px;align-self:start;width:fit-content;max-width:100%;font-size:18px;line-height:1.5;gap:16px}
.close .meeting-link svg{flex:none}
.contact-bike{position:relative;width:min(100%,340px);aspect-ratio:540/410;overflow:hidden;align-self:center}
.contact-bike img{position:absolute;width:367.222%;max-width:none;height:auto;left:-203.704%;top:-59.756%;mix-blend-mode:multiply}

@media(min-width:700px){
  .portrait{width:118%;height:543px;max-width:none;justify-self:end}
  .close{align-items:center}
  .close .meeting-link{font-size:21px}
  .contact-bike{width:340px;flex:none}
}
@media(min-width:1100px){.portrait{width:100%;height:590px;max-width:440px}}
@media(max-width:350px){
  .portrait{height:307px}
  .close .meeting-link{font-size:17px;gap:12px}
}

/* A shared pen weight and optical size for the four authored service symbols. */
.service-row{grid-template-columns:44px minmax(0,1fr)}
.service-row .offer-symbol{width:44px;height:44px;margin-top:0}
@media(min-width:700px){.service-row{grid-template-columns:48px minmax(0,1fr)}.service-row .offer-symbol{width:48px;height:48px}}
@media(min-width:1100px){.service-row{grid-template-columns:52px minmax(0,1fr)}.service-row .offer-symbol{width:52px;height:52px}}