.header-label-short,.hero-description-short{display:none}
@media(max-width:700px){
 body header .head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;padding:14px 0 11px!important}
 body header .head .logo{grid-column:1;grid-row:1;font-size:22px!important;letter-spacing:-1px!important;white-space:nowrap!important;line-height:1.1!important}
 body header .head .logo small{font-size:6px!important;letter-spacing:1.4px!important;margin-top:6px!important;line-height:1.3!important}
 body header .head .button.headercta{grid-column:2;grid-row:1;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;width:auto!important;margin:0!important;min-height:38px!important;padding:9px 11px!important;font-size:10px!important;gap:6px!important;border-radius:7px!important}
 .header-label-long{display:none}.header-label-short{display:inline}
 body header .headercta::before{width:15px!important;height:15px!important;flex-shrink:0}
 body header .head .search{grid-row:2;grid-column:1/-1;order:initial!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
 body header .head .search input{font-size:12px!important;padding:10px 12px!important;height:40px!important}
 body header .nav{gap:21px!important;padding:11px 0!important;font-size:11px!important;scrollbar-width:none!important;line-height:1.5!important}
 body header .nav::-webkit-scrollbar{display:none}
 .reference-hero{margin-top:13px!important;margin-bottom:21px!important}
 body .reference-main{min-height:0!important;height:auto!important;padding:22px 18px 17px!important;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)!important;column-gap:13px!important;row-gap:12px!important;border-radius:16px!important;align-items:center!important}
 body .reference-copy h1{font-size:clamp(23px,6.2vw,31px)!important;letter-spacing:-.9px!important;line-height:1.08!important;margin:12px 0 11px!important}
 body .reference-copy .eyebrow{font-size:6px!important;letter-spacing:.55px!important;line-height:1.4!important;display:block}
 .hero-description-long{display:none!important}.hero-description-short{display:block!important}
 body .reference-copy p{font-size:10px!important;line-height:1.55!important;margin:0 0 13px!important}
 body .reference-actions{gap:6px!important;flex-wrap:nowrap!important}
 body .reference-actions .button{font-size:9px!important;min-height:35px!important;padding:8px 9px!important;white-space:nowrap!important;gap:3px!important}
 body .reference-art{width:100%!important;min-width:0!important;padding:6px 5px 9px!important;border-radius:12px!important}
 body .reference-art span{font-size:5px!important;letter-spacing:.35px!important;margin-top:7px!important;line-height:1.4!important}
 body .reference-pills{margin:0!important;gap:5px!important;flex-wrap:wrap!important}
 body .reference-pills span{font-size:6px!important;padding:4px 6px!important;line-height:1.35!important}
 .reference-promos br{display:block!important}
 .reference-promos h2{overflow-wrap:normal;word-break:normal}
}
@media(max-width:360px){body header .head .logo{font-size:19px!important}body header .head .logo small{font-size:5px!important}body header .head .button.headercta{font-size:9px!important;padding:8px!important}body .reference-main{padding:19px 14px 15px!important;column-gap:9px!important}body .reference-actions .button{font-size:8px!important;padding:8px 7px!important}body .reference-copy p{font-size:9px!important}}
