/* Hero buttons: two separate rounded cards, icon badge left, text stacked, chevron right. */
.hero .hbtns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.1rem;max-width:46rem;margin-top:3.6rem}
@media(min-width:1200px){.hero .hbtns{margin-top:7.25rem}}
.hero .hbtn{position:relative;isolation:isolate;display:grid;grid-template-columns:3.6rem minmax(0,1fr) 1.4rem;align-items:center;column-gap:1rem;height:auto;min-height:6.4rem;padding:1.1rem 1.1rem 1.1rem 1.25rem;border:0;border-radius:1rem;background:var(--orange);color:#fff;text-align:left;line-height:1.4;letter-spacing:0;overflow:visible;box-shadow:0 10px 24px -12px #173f5566;transition:transform .3s,box-shadow .3s}
.hero .hbtn.solid,.hero .hbtn.liney{border-radius:1rem}
.hero .hbtn.liney{background:var(--blue)}
.hero .hbtn::before{display:none}
.hero .hbtn::after{content:'';position:static;grid-column:3;width:.75rem;height:.75rem;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);border-radius:0;background:none;justify-self:end;margin-right:.3rem;transition:transform .3s}
.hero .hbtn:hover{transform:translateY(-2px);box-shadow:0 16px 28px -12px #173f5580;filter:none}
.hero .hbtn:hover::after{transform:translate(.2rem,0) rotate(-45deg)}
.hero .button-icon{position:static;grid-column:1;grid-row:1/3;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff26;color:#fff}
.hero .button-icon svg{width:2rem;height:2rem}
.hero .button-icon svg ellipse{display:none}
.hero .hbtn.solid .button-icon{order:-1}
.hero .button-label,.hero .form-label span:first-child{position:static;grid-column:2;height:auto;display:block;background:none;font-size:max(13px,.875rem);font-weight:500;letter-spacing:.06em;opacity:.92;margin-bottom:.15rem}
.hero .hbtn b{grid-column:2;font:600 clamp(18px,1.55vw,26px)/1.2 Nunito,sans-serif;white-space:nowrap}
.hero .form-label{grid-column:2;display:block}
.hero .form-label span:last-child{display:block;font-size:clamp(17px,1.35vw,22px);font-weight:700;letter-spacing:.08em}
.hero .hours{margin-top:1.1rem}
@media(max-width:1199px) and (min-width:768px){
 .hero .hbtns{margin-top:2.2rem;gap:1rem}
 .hero .hbtn{min-height:6rem;padding:1rem 1rem 1rem 1.1rem}
}
@media(max-width:767px){
 .hero .hbtns{grid-template-columns:minmax(0,1fr);gap:.8rem;width:100%;max-width:none;margin:0}
 .hero .hbtn{min-height:5.6rem;padding:.95rem 1rem .95rem 1.05rem;grid-template-columns:3.1rem minmax(0,1fr) 1.2rem;border-radius:.9rem}
 .hero .button-icon{width:3.1rem;height:3.1rem}
 .hero .button-icon svg{width:1.7rem;height:1.7rem}
 .hero .hbtn b,.hero .form-label span:last-child{font-size:21px}
 .hero .button-label,.hero .form-label span:first-child{font-size:13px}
}

/* HOME at the left end of the navigation. */
@media(min-width:1081px){
 .site-header .gnav{grid-template-columns:auto repeat(6,minmax(0,1fr))}
 .site-header .gnav .gnav-home{padding:0 1.6rem;font:700 15px/1 Nunito,sans-serif;letter-spacing:.14em}
}
/* Button labels stay on one line. */
.hero .button-label,.hero .form-label span:first-child{white-space:nowrap;letter-spacing:.04em}
@media(min-width:768px) and (max-width:1340px){
 .hero .button-label,.hero .form-label span:first-child{font-size:13px;letter-spacing:.02em}
 .hero .hbtn{column-gap:.75rem;padding-left:1rem;grid-template-columns:3.2rem minmax(0,1fr) 1.2rem}
 .hero .button-icon{width:3.2rem;height:3.2rem}
}

/* Caption under the hero illustration and ribbon controls are not shown. */
.hero .parts-caption{display:none}
.parts-ribbon .ribbon-controls{display:none}
@media(max-width:767px){.hero .parts-caption{display:none}}

/* CPK car character at twice the size, grown upward from its bottom edge. */
.hero .geo{transform:scale(2);transform-origin:50% 100%}
@media(max-width:767px){
 .hero .geo{position:relative;inset:auto;transform:none;order:2;align-self:flex-end;width:7.6rem;height:10.8rem;margin:.6rem 3% -3.2rem 0;z-index:2}
 .hero .parts-stage{order:3}
}