.xg02-hero{position:relative;isolation:isolate;overflow:hidden;background:#071421;color:#fff;box-sizing:border-box}
.xg02-hero *{box-sizing:border-box}.xg02-hero figure{margin:0}.xg02-hero img{display:block;max-width:100%;height:auto}
.xg02-hero-background{position:absolute;z-index:-1;inset:0;background:url('../img/winter-background.webp') center center/cover no-repeat}
.xg02-hero-inner{position:relative;width:min(1160px,calc(100% - 64px));height:100%;margin:auto;display:grid;grid-template-columns:310px minmax(0,1fr);gap:50px;align-items:center}
.xg02-hero-tire{align-self:end;padding:32px 0 40px;filter:drop-shadow(10px 12px 12px #0006)}
.xg02-hero-tire img{width:264px;margin:auto}
.xg02-hero-copy{position:relative;padding:28px 0 34px;min-width:0}.xg02-hero-copy picture,.xg02-hero-copy img{display:block;width:100%;height:auto}
.xg02-hero--lp{height:480px}
.xg02-hero-cta{display:flex;gap:44px;align-items:center;justify-content:center;padding:16px 24px;background:var(--xg02-blue,#0762a5);color:#fff!important;font:700 16px/1.6 sans-serif;transition:background .18s}
.xg02-hero-cta span{font-size:24px;font-weight:400;line-height:1}.xg02-hero-cta:hover{background:var(--xg02-blue-hover,#054b82);color:#fff!important}
/* The TOP slider background stretches; its image-only foreground stays at 1021px. */
.xg02-hero--large{width:2000px;height:351px}
.xg02-hero--large .xg02-hero-inner{width:1021px;grid-template-columns:244px minmax(0,1fr);gap:40px}
.xg02-hero--large .xg02-hero-tire{padding:25px 0}.xg02-hero--large .xg02-hero-tire img{width:205px}
.xg02-hero--large .xg02-hero-copy{width:100%;max-width:650px;margin:0 auto;padding:10px 0}
.xg02-hero--small{width:475px;height:267px}.xg02-hero--small .xg02-hero-inner{width:100%;display:block}
.xg02-hero--small .xg02-hero-copy{height:100%;margin-left:165px;padding:0 16px 0 0;display:flex;align-items:center}
.xg02-hero-copy-art{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.xg02-hero-copy-row{position:relative;display:block;width:100%;overflow:hidden}.xg02-hero-copy-row--brand{width:86%}
.xg02-hero-copy-row img{position:absolute;max-width:none;height:auto}
.xg02-hero--small .xg02-hero-tire{position:absolute;left:-25px;bottom:-35px;padding:0;width:183px}.xg02-hero--small .xg02-hero-tire img{width:100%}
.xg02-hero--recommend{width:724px;height:724px}.xg02-hero--recommend .xg02-hero-background{background-position:32% center}.xg02-hero--recommend .xg02-hero-inner{width:100%;display:block}
.xg02-hero--recommend .xg02-hero-copy{padding:28px 46px 0}
.xg02-hero--recommend .xg02-hero-tire{position:absolute;width:380px;left:172px;bottom:-186px;padding:0}.xg02-hero--recommend .xg02-hero-tire img{width:100%}
@media(min-width:851px) and (max-width:1100px){.xg02-hero--lp{height:410px}.xg02-hero--lp .xg02-hero-inner{grid-template-columns:240px minmax(0,1fr);gap:34px}.xg02-hero--lp .xg02-hero-tire img{width:225px}.xg02-hero--lp .xg02-hero-tire{padding-bottom:36px}}
@media(min-width:641px) and (max-width:850px){.xg02-hero--lp{height:350px}.xg02-hero--lp .xg02-hero-inner{grid-template-columns:180px minmax(0,1fr);gap:30px;width:calc(100% - 48px)}.xg02-hero--lp .xg02-hero-tire img{width:175px}.xg02-hero--lp .xg02-hero-tire{align-self:center;padding:20px 0}}
@media(max-width:640px){.xg02-hero--lp{height:580px}.xg02-hero--lp .xg02-hero-inner{display:block;width:100%}.xg02-hero--lp .xg02-hero-background{background-position:30% center}.xg02-hero--lp .xg02-hero-copy{width:min(440px,calc(100% - 44px));padding:30px 0 0;margin:0 auto}.xg02-hero--lp .xg02-hero-tire{position:absolute;bottom:24px;left:calc(50% - 95px);width:190px;padding:0}.xg02-hero--lp .xg02-hero-tire img{width:190px}.xg02-hero-cta{font-size:15px;padding:16px}}