/* One full-sized emblem, and the actual hero wordmark docking beside it. */
.site-header{--emblem-size:200px}
.site-header .header-inner{height:212px}
html{scroll-padding-top:224px}
.site-header::after{height:calc(100% + 14px);background:linear-gradient(180deg,#193647 0,#193647 calc(100% - 14px),#193647a0 calc(100% - 7px),#19364700 100%);box-shadow:none;opacity:min(1,calc(var(--header-progress) * 2))}
.site-header svg.brand-name{transform:var(--word-transform,translate3d(0,0,0))!important}
.brand-journey-ready .site-header svg.brand-name{opacity:var(--small-word-opacity,1)}
.brand-journey-ready .brand .header-tag{top:calc(50% + 86px);opacity:calc(.7 * (1 - var(--header-progress)))}
.brand-journey-placeholder{width:clamp(320px,34vw,510px);aspect-ratio:1125/280;margin-bottom:24px}
svg.hero-brand.brand-traveller{position:fixed;left:0;top:0;z-index:9;margin:0;display:block;height:auto;overflow:hidden;transform-origin:0 0;pointer-events:none;will-change:transform}
main#contenido{position:relative;isolation:isolate}
.origin-flags{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.origin-flag{position:absolute;width:min(94vw,1440px);top:5%;opacity:0;transform-origin:center;filter:saturate(1.15);mask-image:linear-gradient(90deg,transparent,#000 17%,#000 82%,transparent);will-change:transform,opacity}
.origin-flag svg{width:100%;height:auto;display:block;overflow:visible}
.origin-flag.canada{right:-24%;top:0}
.origin-flag.usa{left:-25%;top:0}
@media(max-width:1100px){html{scroll-padding-top:189px}.site-header{--emblem-size:160px}.site-header .header-inner{height:177px}.brand-journey-ready .brand .header-tag{top:calc(50% + 46px)}}
@media(max-width:900px) and (min-width:701px){html{scroll-padding-top:152px}.site-header{--emblem-size:120px}.site-header .header-inner{height:144px}.mobile-photo-story .vehicle-window{top:152px}}
@media(max-width:700px){
 html{scroll-padding-top:112px}
 .site-header{--emblem-size:88px}.site-header .header-inner{height:106px}
 .mobile-photo-story .vehicle-window{top:112px}
 .brand-journey-placeholder{width:min(330px,85vw);margin-bottom:20px}
 .origin-flag{width:140vw;top:0}.origin-flag.canada{right:-55%}.origin-flag.usa{left:-57%;top:0}
}
@media(prefers-reduced-motion:reduce){svg.hero-brand.brand-traveller{will-change:auto}.origin-flags{display:none}}
/* Readability comes from a feathered photographic shade, never a text box. */
.hero-copy>p:not(.eyebrow){position:relative;isolation:isolate;background:transparent!important;border:0;border-radius:0;padding:0;color:#fff;text-shadow:0 1px 3px #071b2c80}
.hero-copy>p:not(.eyebrow)::before{content:'';position:absolute;inset:-36px -58px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 40% 50%,#081f32c9 0,#081f3299 33%,#081f3240 57%,#081f3200 76%)}

/* Review adjustments: legible copy, larger headings and a descending FAQ title. */
.brand-journey-ready .brand .header-tag{top:calc(50% + var(--word-height,90px) / 2 + 14px)}
.intro #intro-title{font-size:clamp(52px,5.9vw,84px);line-height:1.04;max-width:none}
.vehicle-heading #vehicle-title{font-size:clamp(52px,5.7vw,80px);line-height:1.06}
.clarity-item p{color:#193647;font-weight:550;font-size:18px;line-height:1.7;text-shadow:0 1px 4px #f5f3eebf}
.questions-layout{grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:4vw}
.questions #questions-title{font-size:clamp(52px,5.4vw,76px);font-weight:600;line-height:1.02;letter-spacing:-.045em;max-width:none}
.questions .faq-title-line{display:block;overflow:hidden;padding-bottom:.1em;margin-left:calc(var(--step) * 7px)}
.questions .faq-title-line+.faq-title-line::before{content:none}
.questions .faq-title-word{display:block;transform-origin:top left}
@media(max-width:900px){
 .intro #intro-title{font-size:clamp(46px,7.5vw,68px)}
 .vehicle-heading #vehicle-title{font-size:clamp(44px,7.1vw,64px)}
 .questions-layout{grid-template-columns:1fr;gap:32px}
 .questions #questions-title{font-size:clamp(48px,7.5vw,64px)}
}
@media(max-width:700px){
 .intro #intro-title{font-size:clamp(43px,11.2vw,60px)}
 .vehicle-heading #vehicle-title{font-size:clamp(40px,10.5vw,58px)}
 .clarity-item p{font-size:17px;font-weight:550}
 .questions #questions-title{font-size:clamp(46px,12vw,62px)}
}
@media(prefers-reduced-motion:reduce){.questions .faq-title-word{opacity:1!important;transform:none!important}}

/* Pre-launch readability and keyboard support. */
:root{--muted:#53636b}
.eyebrow,.journey-tab small,.clarity-item>span,.photo-note{font-weight:550}
.intro .eyebrow,.vehicle-heading .eyebrow,.clarity .eyebrow,.journey .eyebrow,.contact .eyebrow,.journey-tab small,.clarity-item>span{color:#82642f}
.hero .eyebrow{color:#f5f3ee}
input::placeholder{color:#53636b;opacity:1}
.prototype-note,.company-status,.story-foot{color:#53636b}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #82642f;outline-offset:5px}
.site-header :focus-visible,.hero :focus-visible{outline-color:#f5f3ee}
:where(a,button,input,select,textarea,summary){scroll-margin-top:240px}
.legal-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:22px;font-size:14px}
.legal-links a,.form-note a{text-decoration:underline;text-underline-offset:4px}
.footer-links{flex-wrap:wrap}.field-error{font-size:15px;line-height:1.6;color:#8b182c;margin-bottom:16px}
.contact-form [aria-invalid=true]{border-color:#8b182c;border-width:2px}
.noscript-note{padding:24px 0;color:#193647}
@media(max-width:1100px){:where(a,button,input,select,textarea,summary){scroll-margin-top:200px}}
@media(max-width:700px){:where(a,button,input,select,textarea,summary){scroll-margin-top:125px}.legal-links{gap:14px 20px}.footer-links{gap:14px}.back-top{min-width:44px;min-height:44px}}

/* Social profiles supplied by the owner. Plain links, without embedded trackers. */
.social-presence{margin-top:28px}
.social-presence>p{font-size:13px;font-weight:600;color:#53636b;margin-bottom:12px}
.social-links{display:flex;flex-wrap:wrap;gap:12px}
.social-links a{display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:11px 16px;border:1px solid #19364740;border-radius:16px;color:#193647;text-decoration:none;transition:background 180ms ease,border-color 180ms ease}
.social-links a:hover{background:#e9dcc370;border-color:#82642f}
.social-links svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7}
.social-links .social-dot,.social-links .social-fill{fill:currentColor;stroke:none}
.social-links a>span{font-size:14px;font-weight:600;line-height:1.35}
.social-links small{display:block;font-size:12px;font-weight:450;color:#53636b;margin-top:2px}
.footer-social{margin-top:22px}
.footer-social a{min-height:48px}
@media(max-width:700px){.social-links{gap:10px}.social-links a{padding:11px 13px;flex:1 1 140px}.social-presence{margin-top:24px}.footer-social{margin-top:24px}}
