@font-face{font-family:Michroma;src:url('/assets/fonts/Michroma.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Sora;src:url('/assets/fonts/Sora.ttf') format('truetype');font-weight:100 800;font-style:normal;font-display:swap}
/* Compact home-page help panel with the same glass finish as the buttons. */
body.customer-type.auto-controls.grand-site .help-inline.help-glass{
 position:relative;inset:auto;z-index:1;
 width:min(960px,calc(100% - 64px));max-width:none;min-width:0;margin:32px auto;padding:clamp(24px,4vw,48px);
 display:flex;flex-direction:column;align-items:flex-start;gap:clamp(16px,2.5vw,28px);
 background:linear-gradient(145deg,#ffffff20,#ffffff08),#10202b9c;
 border:1px solid #f4f8fb45;border-radius:8px;
 box-shadow:inset 0 1px 0 #ffffff30,0 6px 24px #00000014;
 backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
body.customer-type.auto-controls.grand-site .help-glass[hidden]{display:none}
body.customer-type.auto-controls.grand-site .help-glass :is(h2,p){margin:0;color:#f3f6f8;text-shadow:0 2px 12px #0009}
body.customer-type.auto-controls.grand-site .help-glass .eyebrow{padding-right:44px;font-size:12px;line-height:1.65}
body.customer-type.auto-controls.grand-site .help-glass h2{font-size:clamp(24px,3.4vw,44px);line-height:1.3}
body.customer-type.auto-controls.grand-site .help-glass p:not(.eyebrow){max-width:52ch;font-size:clamp(16px,1.6vw,20px);line-height:1.65}
body.customer-type.auto-controls.grand-site .help-glass .nudge-actions{margin:0;gap:12px;max-width:100%;flex-wrap:wrap}
body.customer-type.auto-controls.grand-site .help-glass .nudge-actions :is(.button,.text-link){max-width:100%;white-space:normal}
body.customer-type.auto-controls.grand-site .help-glass .nudge-close{top:12px;right:12px;color:#fff}
@media(max-width:700px){
 body.customer-type.auto-controls.grand-site .help-inline.help-glass{width:calc(100% - 32px);margin:16px auto;padding:20px;gap:18px}
 body.customer-type.auto-controls.grand-site .help-glass .eyebrow{font-size:11px}
 body.customer-type.auto-controls.grand-site .help-glass h2{font-size:clamp(20px,5.2vw,32px)}
 body.customer-type.auto-controls.grand-site .help-glass p:not(.eyebrow){font-size:clamp(14px,3.7vw,18px)}
 body.customer-type.auto-controls.grand-site .help-glass .nudge-actions :is(.button,.text-link){font-size:13px;line-height:1.6;padding:12px 16px;min-height:46px}
}
@media(max-width:360px){
 body.customer-type.auto-controls.grand-site .help-inline.help-glass{padding:18px;gap:14px}
 body.customer-type.auto-controls.grand-site .help-glass h2{font-size:18px}
}
/* Keep the display type for the brand; use the price typeface for readable copy. */
body.customer-type,body.customer-type *,body.customer-type ::before,body.customer-type ::after{font-family:Michroma,Arial,sans-serif!important;font-style:normal!important}
body.customer-type :where(p:not(.eyebrow),li,dt,dd,label,input,select,textarea,legend,small,figcaption,summary),
body.customer-type :where(p:not(.eyebrow),li,dt,dd,label,input,select,textarea,legend,small,figcaption,summary) *{font-family:Sora,Arial,sans-serif!important}
body.customer-type :is(h1,h2,h3,h4,h5,h6),
body.customer-type :is(h1,h2,h3,h4,h5,h6) *{font-family:Michroma,Arial,sans-serif!important}
/* Vehicle content and enquiries use Sora throughout, with only vehicle titles in Michroma. */
body.customer-type :is(.vehicle-detail,.vehicle-card,.inquiry-dialog,.vehicle-lightbox),
body.customer-type :is(.vehicle-detail,.vehicle-card,.inquiry-dialog,.vehicle-lightbox) *{font-family:Sora,Arial,sans-serif!important}
body.customer-type :is(.detail-heading h1,.vehicle-copy h2),
body.customer-type :is(.detail-heading h1,.vehicle-copy h2) *{font-family:Michroma,Arial,sans-serif!important}
body.customer-type .vehicle-detail h2{letter-spacing:-.015em;line-height:1.45}
body.customer-type :is(p,li,label,input,select,textarea,button,a,summary,dt,dd){overflow-wrap:anywhere}
body.customer-type .gt-story-copy li>span{flex:0 0 1.5em;white-space:nowrap;overflow-wrap:normal}
body.customer-type :is(input,select,textarea){min-width:0;max-width:100%}
body.customer-type :is(.gt-paths>a,.gt-paths>a>div,.services-grid article,.detail-heading>div,.catalog-heading>div,.inquiry-alternatives>* ,.finance-two>*,.dialog-top>*){min-width:0}
body.customer-type :is(.button,.text-link,.line-link,.gt-header-cta,.header-cta,.back-link){white-space:normal;line-height:1.7}
body.customer-type :is(.gt-menu a,.lux-menu a){line-height:1.7}
body.customer-type :is(.gt-menu a,.gt-footer nav){gap:16px}
body.customer-type .gt-menu a span{flex:none}
body.customer-type :is(.contact-phone,.contact-details a,.contact-methods a){overflow-wrap:anywhere;max-width:100%}
body.customer-type .hero-actions{width:min(100%,780px)}
body.customer-type .hero-actions>.button{font-size:14px;line-height:1.7;align-self:stretch;height:100%}
body.customer-type.auto-controls.grand-site :is(.gt-home,.gt-import) .gt-hero-detail{max-width:780px}
body.customer-type.auto-controls.horizon .hero-bottom>div:first-child{width:780px}
body.customer-type .finance-result dl>div{flex-wrap:wrap;gap:8px 16px}
body.customer-type .finance-result dd{margin-left:auto;max-width:100%;overflow-wrap:anywhere;white-space:normal}
body.customer-type .monthly strong{overflow-wrap:anywhere;max-width:100%;font-size:clamp(1.8rem,3.2vw,3.2rem)}
body.customer-type .gt-footer nav{flex-wrap:wrap}
/* Preserve original artwork; remove old square crops and backing panels. */
body.customer-type :is(.gt-brand,.lux-logo,.brand,.brand-leather,.footer-logo){mix-blend-mode:screen;background:none;mask:none;-webkit-mask:none}
body.customer-type :is(.brand>span,.brand-logo){display:block;width:auto;height:auto;overflow:visible;background:none}
body.customer-type .brand-mark{display:block;position:relative;width:168px;height:auto;aspect-ratio:980/190;overflow:hidden;mix-blend-mode:normal}
body.customer-type .brand-mark img{display:block;position:absolute;width:130.612245%;max-width:none;height:auto;left:-15.306122%;top:50%;transform:translateY(-50%);object-fit:contain;opacity:1;filter:none;mask:none;-webkit-mask:none}
body.customer-type :is(.lux-header,.photo-header){background:transparent;border-bottom:0;mix-blend-mode:screen}
body.customer-type.menu-open .lux-header{mix-blend-mode:normal;background:#091017}
@media(max-width:1050px) and (min-width:701px){body.customer-type.auto-controls.horizon .hero-bottom>div:first-child{width:calc(100% - 180px)}}
@media(max-width:700px){
 body.customer-type :is(.gt-header,.lux-header) .brand-mark{width:112px}
 body.customer-type :is(.gt-hero-detail,.hero-bottom,.studio-bottom,.motion-copy,.flow-bottom){font-size:16px;line-height:1.9}
 body.customer-type.auto-controls.grand-site :is(.gt-home,.gt-import) .gt-hero-detail{width:auto}
 body.customer-type.auto-controls.horizon .hero-bottom>div:first-child{width:100%}
 body.customer-type .hero-actions{width:100%}
 body.customer-type .gt-hero-footer a{font-size:14px!important;letter-spacing:0;gap:5px}
 body.customer-type.auto-controls.horizon .hero-bottom .socials a{font-size:14px!important;letter-spacing:0;gap:5px}
 body.customer-type :is(.socials,.gt-social){flex-wrap:wrap}
 body.customer-type .finance-result dl>div{display:block}
 body.customer-type .finance-result dd{margin:8px 0 0}
 body.customer-type :is(.inquiry-alternatives,.contact-methods){flex-wrap:wrap}
 body.customer-type .detail-price{font-size:clamp(1.6rem,6vw,2.2rem);overflow-wrap:anywhere}
 body.customer-type .catalog-heading{gap:24px}
}
@media(max-width:360px){
 body.customer-type :is(.gt-header,.lux-header) .brand-mark{width:85px}
 body.customer-type :is(.gt-menu-icon,.menu-lines){display:none}
 body.customer-type.auto-controls :is(.gt-menu-toggle,.menu-toggle,.gt-header-cta,.header-cta){padding-inline:8px;gap:0;font-size:14px}
 body.customer-type.auto-controls .hero-actions>.button{padding-inline:10px;font-size:14px}
 body.customer-type .gt-hero{min-height:max(980px,62rem)}
 body.customer-type .hero-bottom{bottom:26px}
}

body.customer-type .brand>.brand-mark{width:168px;height:auto;aspect-ratio:980/190;overflow:hidden}

/* Keep the supplied 1280 px artwork crisp and give the header logo more presence. */
body.customer-type.auto-controls.grand-site :is(.gt-header,.lux-header) .brand-mark{width:252px}
body.customer-type.auto-controls.grand-site :is(.gt-brand,.lux-logo){justify-self:center;min-height:44px;display:flex;align-items:center}
@media(min-width:701px) and (max-width:1000px){
 body.customer-type.auto-controls.grand-site :is(.gt-header,.lux-header) .brand-mark{width:224px}
}
@media(max-width:700px){
 body.customer-type.auto-controls.grand-site :is(.gt-header,.lux-header){padding-inline:12px;gap:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
 body.customer-type.auto-controls.grand-site :is(.gt-header,.lux-header) .brand-mark{width:clamp(128px,calc(100vw - 224px),184px)}
 body.customer-type.auto-controls.grand-site :is(.gt-menu-toggle,.menu-toggle,.gt-header-cta,.header-cta){min-height:36px;padding:6px 7px;font-size:12px;line-height:1.5;gap:5px;white-space:nowrap}
 body.customer-type.auto-controls.grand-site :is(.gt-menu-icon,.menu-lines){width:14px;flex:0 0 14px}
 body.customer-type.auto-controls.grand-site :is(.gt-menu-icon,.menu-lines)::after{width:14px}
}
@media(max-width:360px){
 body.customer-type.auto-controls.grand-site :is(.gt-header,.lux-header){padding-inline:10px;gap:6px}
 body.customer-type.auto-controls.grand-site :is(.gt-header,.lux-header) .brand-mark{width:clamp(120px,calc(100vw - 200px),144px)}
 body.customer-type.auto-controls.grand-site :is(.gt-menu-toggle,.menu-toggle,.gt-header-cta,.header-cta){padding-inline:4px}
}

@media(max-width:700px){
 body.customer-type.auto-controls.grand-site :is(.gt-home,.gt-import,.gt-vehicles) .gt-hero-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.customer-type.auto-controls.grand-site .gt-hero-footer .gt-social{display:contents}
 body.customer-type.auto-controls.grand-site .gt-hero-footer>a:last-child{grid-column:1/-1}
 body.customer-type.auto-controls.grand-site .gt-hero-footer a{min-height:52px}
 body.customer-type.auto-controls.grand-site :is(.gt-home,.gt-import,.gt-vehicles) .gt-hero-detail{bottom:10.75rem}
 body.customer-type.auto-controls.grand-site .gt-hero{min-height:max(940px,60rem)}
 body.customer-type.auto-controls.horizon .hero{height:max(960px,60rem);min-height:960px}
 body.customer-type.auto-controls.horizon .hero-bottom>.socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.customer-type.auto-controls.horizon .hero-bottom>.socials a:last-child{grid-column:1/-1}
 body.customer-type.auto-controls.horizon .hero-bottom>.socials a{min-height:52px}
}
@media(max-width:360px){body.customer-type.auto-controls.grand-site .gt-hero{min-height:max(1040px,66rem)}}
body.customer-type .concept-header{background:none;mix-blend-mode:screen;border-bottom:0}

body.customer-type .monthly strong{font-size:clamp(1.6rem,3.2vw,2.8rem)!important}
@media(min-width:1100px){
 body.customer-type.auto-controls.horizon .hero-bottom{gap:24px}
 body.customer-type.auto-controls.horizon .hero-bottom>div:first-child{width:calc(100% - 505px)}
 body.customer-type.auto-controls.horizon .hero-bottom>.socials{flex-wrap:nowrap;flex-shrink:0;gap:10px}
}

/* Three equal main actions with clear, restrained glass surfaces. */
body.customer-type.auto-controls.grand-site .hero-actions{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:960px;gap:12px}
body.customer-type.auto-controls.grand-site :is(.gt-home,.gt-import) .gt-hero-detail{width:calc(100% - 96px);max-width:1120px}
body.customer-type.auto-controls.horizon .hero-bottom{flex-direction:column;align-items:stretch;gap:22px}
body.customer-type.auto-controls.horizon .hero-bottom>div:first-child{width:100%}
body.customer-type.auto-controls.horizon .hero-bottom>.socials{align-self:flex-end}
body.customer-type.auto-controls.grand-site .hero-actions>.button{min-height:76px;align-self:stretch;height:100%}
body.customer-type.auto-controls.grand-site :is(.button,.text-link,.line-link,.gt-menu-toggle,.gt-header-cta,.menu-toggle,.header-cta,.gt-quick,.back-link,.socials a,.gt-social a,.gt-hero-footer>a:last-child,.social-links a,.contact-methods a,.dock-whatsapp,.filter-actions>a){
 background:linear-gradient(145deg,#ffffff20,#ffffff08),#10202b9c;
 border:1px solid #f4f8fb73;border-radius:8px;
 box-shadow:inset 0 1px 0 #ffffff30,0 6px 24px #00000014;
 backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;
}
body.customer-type.auto-controls.grand-site :is(.button,.text-link,.line-link,.gt-menu-toggle,.gt-header-cta,.menu-toggle,.header-cta):hover{background:linear-gradient(145deg,#ffffff2b,#ffffff12),#10202bbd;filter:none}
body.customer-type.auto-controls.grand-site .gt-home .gt-hero-detail{bottom:126px}
body.customer-type :is(#inquiry-sale-fields,#inquiry-search-fields,#inquiry-purchase-fields){border:0;padding:0;margin:0;min-width:0}
body.customer-type :is(#inquiry-sale-fields,#inquiry-search-fields,#inquiry-purchase-fields)[hidden]{display:none}
@media(max-width:1000px){body.customer-type.auto-controls.grand-site .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 body.customer-type.auto-controls.grand-site .hero-actions{grid-template-columns:minmax(0,1fr);gap:10px}
 body.customer-type.auto-controls.grand-site .hero-actions>.button{min-height:56px;font-size:14px;padding:12px 14px}
 body.customer-type.auto-controls.grand-site :is(.gt-home,.gt-import) .gt-hero-detail{width:auto;bottom:10.75rem}
 body.customer-type.auto-controls.grand-site .gt-hero,body.customer-type.auto-controls.horizon .hero{height:auto;min-height:max(960px,60rem)}
 body.customer-type.auto-controls.horizon .hero-bottom>.socials{align-self:stretch}
 body.customer-type .inquiry-row{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px){body.customer-type.auto-controls.grand-site .gt-hero{min-height:max(992px,62rem)}}

/* Recognizable contact icons, aligned with the existing glass controls. */
body.customer-type.auto-controls.grand-site a[data-contact-icon]:not([hidden]){display:inline-flex;align-items:center;gap:.6rem}
body.customer-type.auto-controls.grand-site a.contact-phone[data-contact-icon]{display:flex;justify-content:flex-start}
body.customer-type .contact-action-icon{display:block;width:1.25rem;height:1.25rem;flex:0 0 1.25rem;fill:currentColor;pointer-events:none}
body.customer-type .contact-action-label{min-width:0;line-height:inherit}
body.customer-type .contact-phone .contact-action-icon{width:.8em;height:.8em;flex-basis:.8em}
body.customer-type.auto-controls.grand-site a[data-contact-icon][hidden]{display:none}
@media(max-width:700px){
 body.customer-type.auto-controls.grand-site .gt-hero-footer a[data-contact-icon]{gap:.5rem;padding-inline:8px}
}
@media(max-width:360px){
 body.customer-type.auto-controls.grand-site .gt-hero-footer a[data-contact-icon]{gap:6px;padding-inline:4px}
}

/* Compact, centered hero controls with matching spacing at every screen size. */
body.customer-type.auto-controls.grand-site :is(.gt-home,.gt-import){
 display:flex;flex-direction:column;gap:clamp(5rem,12vw,9rem);
 height:auto;min-height:max(760px,48rem);max-height:none;
 padding:calc(94px + 3rem) 3rem 2rem;
}
body.customer-type.auto-controls.grand-site :is(.gt-home,.gt-import) .gt-hero-title{
 position:relative;inset:auto;width:100%;margin:0;
}
body.customer-type.auto-controls.grand-site .gt-home .gt-hero-title{align-self:flex-end;max-width:650px}
body.customer-type.auto-controls.grand-site .gt-import .gt-hero-title{align-self:flex-start}
body.customer-type.auto-controls.grand-site .gt-hero-controls{
 width:min(100%,45rem);min-width:0;margin:auto auto 0;
}
body.customer-type.auto-controls.grand-site .gt-hero-controls .gt-hero-detail{
 position:relative;inset:auto;width:100%;max-width:none;text-align:center;
}
body.customer-type.auto-controls.grand-site .gt-hero-controls .hero-actions{
 grid-template-columns:repeat(3,minmax(0,1fr));
 width:100%;max-width:none;gap:.625rem;margin:1.25rem 0 0;
}
body.customer-type.auto-controls.grand-site .gt-hero-controls .hero-actions>.button{
 min-height:3rem;height:100%;padding:.625rem .75rem;
 font-size:.875rem;font-weight:400;line-height:1.5;border-radius:6px;
 overflow-wrap:normal;
}
body.customer-type.auto-controls.grand-site .gt-hero-controls .gt-hero-footer{
 position:relative;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 width:min(100%,27rem);height:auto;gap:.625rem;margin:1rem auto 0;border:0;
}
body.customer-type.auto-controls.grand-site .gt-hero-controls .gt-hero-footer .gt-social{display:contents}
body.customer-type.auto-controls.grand-site .gt-hero-controls .gt-hero-footer .gt-discover{display:none}
body.customer-type.auto-controls.grand-site .gt-hero-controls .gt-hero-footer a{
 grid-column:auto;display:flex;justify-content:center;align-items:center;
 width:100%;min-width:0;min-height:2.75rem;height:100%;
 padding:.5rem;gap:.375rem;font-size:.875rem;line-height:1.5;
 border-radius:6px;white-space:normal;overflow-wrap:normal;
}
body.customer-type.auto-controls.grand-site .gt-hero-controls .contact-action-icon{
 width:1.125rem;height:1.125rem;flex-basis:1.125rem;
}
@media(max-width:1000px) and (min-width:701px){
 body.customer-type.auto-controls.grand-site :is(.gt-home,.gt-import){padding-inline:2rem}
}
@media(max-width:700px){
 body.customer-type.auto-controls.grand-site :is(.gt-home,.gt-import){
  min-height:max(800px,50rem);padding:calc(78px + 2.25rem) 1.5rem 1.5rem;
  gap:6rem;
 }
 body.customer-type.auto-controls.grand-site .gt-hero-controls{width:min(100%,22.5rem)}
 body.customer-type.auto-controls.grand-site .gt-hero-controls .hero-actions{
  grid-template-columns:minmax(0,1fr);gap:.5rem;margin-top:1rem;
 }
 body.customer-type.auto-controls.grand-site .gt-hero-controls .hero-actions>.button{
  min-height:2.75rem;padding:.5rem .75rem;
 }
 body.customer-type.auto-controls.grand-site .gt-hero-controls .gt-hero-footer{gap:.5rem;margin-top:.875rem}
 body.customer-type.auto-controls.grand-site .gt-hero-controls .gt-hero-footer a{
  flex-direction:column;min-height:3.5rem;padding:.375rem .25rem;gap:.25rem;
 }
 body.customer-type.auto-controls.grand-site .gt-hero-controls .contact-action-label{font-family:Sora,Arial,sans-serif!important}
 body.customer-type.auto-controls.grand-site .gt-hero-controls .contact-action-icon{
  width:1rem;height:1rem;flex-basis:1rem;
 }
}