@font-face{font-family:Gotham;src:url("gotham-book.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Gotham;src:url("gotham-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:dark;--navy:#253746;--deep:#1c2c38;--copper:#cb8f63;--cream:#f0ece4;--muted:#c6cdd1;--line:#ded9ce33;font-family:Gotham,Arial,sans-serif;color:var(--cream);background:var(--navy);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;min-width:280px}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid var(--copper);outline-offset:5px}
svg{display:block;width:22px;height:22px;flex-shrink:0}
.page{width:min(100% - 40px,900px);margin-inline:auto;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}
.language-switcher{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 6px;max-width:500px;margin-inline:auto}
.language-switcher a{display:grid;place-items:center;min-width:48px;min-height:44px;border-bottom:2px solid transparent;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.language-switcher a[aria-current=page]{color:var(--copper);border-color:var(--copper)}
.language-switcher a:hover{color:var(--cream);border-color:currentColor}
.masthead{text-align:center;padding:38px 0 28px}
.corporate-logo{display:block;width:min(340px,90%);height:auto;margin:auto}
.region{margin:20px 0 10px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--copper)}
h1{margin:0;font-size:clamp(23px,4vw,30px);line-height:1.25;letter-spacing:-.03em}
.intro{max-width:590px;margin:15px auto 0;font-size:14px;line-height:1.65;color:var(--muted)}
.brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.brand-card{min-width:0;padding:24px;background:var(--deep);border:1px solid var(--line);border-top:3px solid var(--brand-color)}
.brand-card.as-motor{--brand-color:#f18700}.brand-card.ariens{--brand-color:#ff5100}
.brand-header{display:flex;align-items:center;gap:18px;min-height:84px}
.brand-header img{display:block;width:88px;height:auto;flex-shrink:0}
.brand-header h2{font-size:23px;line-height:1.2;margin:0 0 8px}
.brand-header p{font-size:12px;line-height:1.6;margin:0;color:var(--muted)}
.website-link{display:flex;gap:12px;align-items:center;min-height:52px;padding:12px 15px;margin-top:22px;background:var(--cream);color:var(--deep);font-size:14px;font-weight:700;line-height:1.5}
.website-link span{flex:1}.website-link .arrow{width:18px;height:18px}
.website-link:hover{background:var(--copper)}
.social-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;margin-top:18px}
.social-links a{display:grid;place-items:center;min-width:44px;min-height:44px}
.social-links a:hover{color:var(--copper)}
.instagram-handle{margin:8px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.instagram-handle a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;flex-wrap:wrap;overflow-wrap:anywhere}
.instagram-handle a:hover{text-decoration:underline;text-underline-offset:4px;color:var(--cream)}
.company-link{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;max-width:100%;min-height:48px;margin:20px auto 0;padding:10px 15px;font-size:13px;line-height:1.6;text-align:center}
.company-link:hover{color:var(--copper)}
.collaboration{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.75fr);gap:40px;padding:28px 0;margin-top:16px;border-top:1px solid var(--line)}
.collaboration h2{font-size:19px;line-height:1.4;margin:0 0 12px;color:var(--copper)}
.collaboration p{font-size:13px;line-height:1.75;margin:0;color:var(--muted)}
.collaboration .contact-text{margin-top:2px}
.contact-link{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-top:12px;color:var(--cream);font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
.contact-link span{overflow-wrap:anywhere}.contact-link:hover{color:var(--copper)}
footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 20px;padding-top:12px;border-top:1px solid var(--line)}
.legal-links{display:flex;flex-wrap:wrap;gap:4px 20px}
.legal-links a,.review{display:flex;align-items:center;gap:8px;min-height:44px;font-size:11px;line-height:1.5;color:var(--muted)}
.legal-links a:hover,.review:hover{text-decoration:underline;text-underline-offset:4px;color:var(--cream)}
.review svg{width:15px;height:15px;color:var(--copper)}
.skip-link{position:absolute;left:12px;top:12px;z-index:2;padding:12px;background:var(--copper);color:var(--deep);transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
@media(max-width:650px){.page{width:calc(100% - 32px)}.masthead{padding-top:28px}.brands{grid-template-columns:1fr;gap:16px;max-width:440px;margin:auto}.brand-card{padding:20px}.brand-header img{width:76px}.brand-header{gap:16px}.brand-header h2{font-size:22px}.collaboration{grid-template-columns:1fr;gap:18px;max-width:440px;margin-inline:auto}footer{justify-content:center;gap:0 20px}.legal-links{justify-content:center}.language-switcher{gap:2px 4px}.language-switcher a{min-width:44px}.intro{font-size:13px}.company-link{font-size:12px}.social-links{gap:0}.corporate-logo{width:min(300px,95%)}}
@media(max-width:500px){.language-switcher{max-width:220px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}