:root{
  --attrage-red:#e60012;
  --attrage-black:#080808;
  --attrage-ink:#171717;
  --attrage-muted:#686868;
  --attrage-line:#dedede;
  --attrage-paper:#f5f5f4;
  --attrage-shell:min(1180px,calc(100vw - 48px));
  --attrage-ease:cubic-bezier(.2,.7,.2,1);
  --attrage-nav-top:0px;
}
html{scroll-behavior:smooth}
body.attrage-active{overflow-x:hidden}
.attrage-page,.attrage-model-nav,.attrage-viewer,.attrage-mobile-actions{font-family:Arial,"Helvetica Neue",sans-serif}
.attrage-page{background:#fff;color:var(--attrage-ink);overflow:clip}
.attrage-page *{box-sizing:border-box}
.attrage-page section[id]{scroll-margin-top:98px}

/* Product sub-navigation */
.attrage-model-nav{align-items:center;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(0,0,0,.09);display:flex;height:58px;justify-content:space-between;position:sticky;top:var(--attrage-nav-top);z-index:76;box-shadow:0 8px 24px rgba(0,0,0,.04);backdrop-filter:blur(14px)}
.attrage-model-nav__name{align-items:center;color:#111;display:flex;font-size:19px;font-weight:900;height:100%;letter-spacing:.16em;padding:0 max(20px,calc((100vw - 1180px)/2));padding-right:28px;text-decoration:none;white-space:nowrap}
.attrage-model-nav__name:after{background:var(--attrage-red);content:"";height:3px;margin-left:14px;width:28px}
.attrage-model-nav__links{display:flex;height:100%;margin-left:auto;overflow-x:auto;overscroll-behavior-inline:contain;padding-right:max(18px,calc((100vw - 1180px)/2));scrollbar-width:none}
.attrage-model-nav__links::-webkit-scrollbar{display:none}
.attrage-model-nav__links a{align-items:center;color:#4b4b4b;display:flex;font-size:11px;font-weight:800;letter-spacing:.035em;padding:0 16px;position:relative;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.attrage-model-nav__links a:after{background:var(--attrage-red);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transform-origin:center;transition:transform .28s var(--attrage-ease);width:calc(100% - 30px)}
.attrage-model-nav__links a:hover,.attrage-model-nav__links a:focus-visible,.attrage-model-nav__links a.is-active{color:#111;outline:none}
.attrage-model-nav__links a:hover:after,.attrage-model-nav__links a:focus-visible:after,.attrage-model-nav__links a.is-active:after{transform:translateX(-50%) scaleX(1)}

/* Shared typography and controls */
.attrage-page p{margin:0}
.attrage-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}
.attrage-btn{align-items:center;border:1px solid transparent;display:inline-flex;font-size:11px;font-weight:900;justify-content:center;letter-spacing:.08em;min-height:48px;padding:0 22px;text-decoration:none;text-transform:uppercase;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s var(--attrage-ease),box-shadow .25s ease}
.attrage-btn:hover,.attrage-btn:focus-visible{box-shadow:0 12px 28px rgba(0,0,0,.15);outline:none;transform:translateY(-2px)}
.attrage-btn--red{background:var(--attrage-red);color:#fff}
.attrage-btn--red:hover,.attrage-btn--red:focus-visible{background:#c90010}
.attrage-btn--dark{background:#111;color:#fff}
.attrage-btn--dark:hover,.attrage-btn--dark:focus-visible{background:#2b2b2b}
.attrage-btn--line{border-color:currentColor;color:#111}
.attrage-btn--line:hover,.attrage-btn--line:focus-visible{background:#111;color:#fff}
.attrage-section-heading{margin:0 auto 38px;text-align:center;width:var(--attrage-shell)}
.attrage-section-heading>p,.attrage-conversion p,.attrage-subhero__content>p,.attrage-hero__content>p{color:var(--attrage-red);font-size:11px;font-weight:900;letter-spacing:.21em;text-transform:uppercase}
.attrage-section-heading h2{font-size:clamp(34px,4.6vw,64px);font-weight:900;letter-spacing:-.045em;line-height:.95;margin:12px auto 16px;text-transform:uppercase}

/* Overview hero */
.attrage-hero{background:#111;color:#fff;min-height:min(82svh,860px);overflow:hidden;position:relative}
.attrage-hero>img{animation:attrageHeroIn 1.25s var(--attrage-ease) both;height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;transform:scale(1.035);width:100%}
.attrage-hero__shade{background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.34) 44%,rgba(0,0,0,.06) 72%),linear-gradient(0deg,rgba(0,0,0,.38),transparent 45%);inset:0;position:absolute}
.attrage-hero__content{display:flex;flex-direction:column;justify-content:center;margin:auto;min-height:min(82svh,860px);padding:84px 0;position:relative;width:var(--attrage-shell);z-index:2}
.attrage-hero__content h1{font-size:clamp(58px,8.6vw,118px);font-weight:900;letter-spacing:-.07em;line-height:.82;margin:14px 0 24px;max-width:780px;text-transform:uppercase;text-shadow:0 12px 36px rgba(0,0,0,.24)}
.attrage-hero__content>span{font-size:17px;line-height:1.65;max-width:590px}
.attrage-hero .attrage-btn--line{color:#fff}
.attrage-hero .attrage-btn--line:hover{background:#fff;color:#111}

.attrage-metrics{background:#fff;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;padding:0 max(24px,calc((100vw - 1180px)/2));position:relative;z-index:3}
.attrage-metrics article{align-items:center;border-right:1px solid #ddd;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:24px;text-align:center}
.attrage-metrics article:last-child{border-right:0}
.attrage-metrics strong{font-size:31px;font-weight:900;letter-spacing:-.04em}
.attrage-metrics span{color:#666;font-size:12px;font-weight:700;letter-spacing:.04em;margin-top:8px;text-transform:uppercase}

/* Variant and colour configurator */
.attrage-configurator{align-items:center;background:linear-gradient(135deg,#f4f4f2 0%,#fff 60%);display:grid;gap:clamp(35px,6vw,90px);grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);min-height:780px;padding:80px max(24px,calc((100vw - 1280px)/2));position:relative}
.attrage-car-stage{align-items:center;display:flex;justify-content:center;min-height:560px;position:relative}
.attrage-car-stage:after{background:radial-gradient(ellipse,rgba(0,0,0,.24),transparent 68%);bottom:70px;content:"";height:55px;left:8%;position:absolute;width:84%}
.attrage-car-stage img{filter:drop-shadow(0 24px 18px rgba(0,0,0,.15));height:auto;max-height:510px;max-width:100%;object-fit:contain;position:relative;transition:opacity .25s ease,transform .42s var(--attrage-ease),filter .35s ease;width:auto;z-index:2}
.attrage-car-stage img.is-changing{filter:drop-shadow(0 14px 12px rgba(0,0,0,.09));opacity:0;transform:translateX(18px) scale(.985)}
.attrage-car-stage>span{bottom:25px;color:#777;font-size:11px;font-weight:900;letter-spacing:.14em;position:absolute;text-transform:uppercase;z-index:3}
.attrage-image-loader{border:2px solid rgba(0,0,0,.13);border-top-color:var(--attrage-red);border-radius:50%;height:36px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s;width:36px;z-index:5}
.attrage-image-loader.is-loading{animation:attrageSpin .7s linear infinite;opacity:1}
.attrage-configurator__panel{background:#fff;box-shadow:0 28px 64px rgba(0,0,0,.12);padding:50px}
.attrage-configurator__panel>p{color:#777;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.attrage-variant-tabs{display:flex;gap:4px;margin:18px 0 34px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
.attrage-variant-tabs::-webkit-scrollbar{display:none}
.attrage-variant-tabs button{background:#eee;border:0;color:#555;cursor:pointer;font-size:11px;font-weight:900;min-height:43px;padding:0 16px;position:relative;text-transform:uppercase;transition:background .2s,color .2s,transform .2s var(--attrage-ease);white-space:nowrap}
.attrage-variant-tabs button:hover,.attrage-variant-tabs button:focus-visible{background:#dedede;outline:none;transform:translateY(-1px)}
.attrage-variant-tabs button.is-active{background:#111;color:#fff}
.attrage-configurator__panel h2{font-size:clamp(41px,5vw,66px);font-weight:900;letter-spacing:-.06em;line-height:.9;margin:0 0 16px;text-transform:uppercase}
.attrage-configurator__description{color:#555;display:block;font-size:14px;line-height:1.55;margin-bottom:25px}
.attrage-configurator__panel>small{color:#777;display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.attrage-configurator__panel>strong{display:block;font-size:27px;margin:7px 0 23px}
.attrage-color-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-height:52px}
.attrage-color-swatch{align-items:center;background:#fff;border:1px solid #ccc;border-radius:999px;cursor:pointer;display:flex;gap:8px;min-height:39px;padding:4px 12px 4px 5px;transition:border-color .2s,box-shadow .2s,transform .2s var(--attrage-ease)}
.attrage-color-swatch:hover,.attrage-color-swatch:focus-visible{border-color:#555;outline:none;transform:translateY(-2px)}
.attrage-color-swatch.is-active{border-color:#111;box-shadow:0 0 0 2px #111 inset}
.attrage-color-swatch i{border:1px solid rgba(0,0,0,.15);border-radius:50%;display:block;height:27px;width:27px}
.attrage-color-swatch span{font-size:11px;font-weight:800;text-transform:uppercase}
.attrage-equipment{display:grid;gap:8px 20px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:28px 0 0;padding:0}
.attrage-equipment li{color:#555;font-size:12px;line-height:1.45;padding-left:17px;position:relative}
.attrage-equipment li:before{background:var(--attrage-red);content:"";height:5px;left:0;position:absolute;top:6px;width:5px}
.attrage-note{color:#888!important;font-size:10px!important;line-height:1.5;margin-top:18px!important}

/* Specifications */
.attrage-specs{background:#0b0b0b;color:#fff;padding:96px 0}
.attrage-specs .attrage-section-heading>p{color:#aaa}
.attrage-specs .attrage-section-heading>span{color:#bcbcbc;display:block;font-size:14px;line-height:1.6;margin:auto;max-width:650px}
.attrage-specs__table{margin:auto;max-height:880px;overflow:auto;width:var(--attrage-shell)}
.attrage-specs__head,.attrage-spec-row{display:grid;grid-template-columns:minmax(240px,1.45fr) repeat(2,minmax(170px,1fr))}
.attrage-specs__head{background:#191919;border-bottom:1px solid #3a3a3a;position:sticky;top:0;z-index:3}
.attrage-specs__head>*{font-size:12px;padding:18px 14px;text-align:center}
.attrage-specs__head span{text-align:left}
.attrage-specs details{border-bottom:1px solid #333}
.attrage-specs summary{background:#222;color:#fff;cursor:pointer;font-size:13px;font-weight:900;letter-spacing:.06em;padding:17px 18px;text-transform:uppercase}
.attrage-spec-row{border-top:1px solid #292929}
.attrage-spec-row>*{font-size:12px;font-style:normal;line-height:1.45;padding:14px;text-align:center}
.attrage-spec-row span{color:#ddd;text-align:left}
.attrage-spec-row em{color:#aaa}

/* Overview discovery tiles */
.attrage-overview-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.attrage-overview-tile{color:#fff;min-height:520px;overflow:hidden;position:relative;text-decoration:none}
.attrage-overview-tile:after{background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.02) 68%);content:"";inset:0;position:absolute;transition:background .35s ease}
.attrage-overview-tile img{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .85s var(--attrage-ease),filter .5s ease;width:100%}
.attrage-overview-tile>span{bottom:0;display:flex;flex-direction:column;left:0;padding:46px;position:absolute;right:0;z-index:2}
.attrage-overview-tile small{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.attrage-overview-tile strong{font-size:clamp(29px,3.5vw,53px);font-weight:900;letter-spacing:-.05em;line-height:.93;margin:11px 0 18px;max-width:600px}
.attrage-overview-tile i{border-bottom:2px solid var(--attrage-red);font-size:11px;font-style:normal;font-weight:900;padding-bottom:7px;text-transform:uppercase;width:max-content}
.attrage-overview-tile:hover img,.attrage-overview-tile:focus-visible img{filter:saturate(1.06);transform:scale(1.055)}
.attrage-overview-tile:hover:after,.attrage-overview-tile:focus-visible:after{background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.08) 72%)}
.attrage-overview-tile:focus-visible{outline:3px solid var(--attrage-red);outline-offset:-3px}

/* Sub pages */
.attrage-subhero{background:#111;color:#fff;min-height:620px;overflow:hidden;position:relative}
.attrage-subhero>img{height:100%;inset:0;object-fit:cover;position:absolute;transform:scale(1.015);width:100%}
.attrage-subhero__veil{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.16) 65%),linear-gradient(0deg,rgba(0,0,0,.48),transparent 55%);inset:0;position:absolute}
.attrage-subhero__content{bottom:0;left:50%;padding:70px 0;position:absolute;transform:translateX(-50%);width:var(--attrage-shell);z-index:2}
.attrage-subhero__content h1{font-size:clamp(47px,7.2vw,90px);font-weight:900;letter-spacing:-.065em;line-height:.88;margin:12px 0 20px;max-width:850px;text-transform:uppercase}
.attrage-subhero__content>span{display:block;font-size:17px;line-height:1.65;max-width:720px}
.attrage-feature-section{padding:88px 0 100px}
.attrage-feature-section.is-alt{background:var(--attrage-paper)}
.attrage-feature-grid{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));margin:auto;width:var(--attrage-shell)}
.attrage-feature-card{background:#fff;border:1px solid #e2e2e2;cursor:pointer;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);min-height:350px;overflow:hidden;transition:box-shadow .35s ease,transform .35s var(--attrage-ease)}
.attrage-feature-card:nth-child(4n+2),.attrage-feature-card:nth-child(4n+3){grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr)}
.attrage-feature-card:nth-child(4n+2) .attrage-feature-card__media,.attrage-feature-card:nth-child(4n+3) .attrage-feature-card__media{order:2}
.attrage-feature-card:hover,.attrage-feature-card:focus-visible{box-shadow:0 24px 58px rgba(0,0,0,.16);outline:none;transform:translateY(-7px)}
.attrage-feature-card__media{min-height:350px;overflow:hidden;position:relative}
.attrage-feature-card__media:after{background:linear-gradient(135deg,transparent 70%,rgba(230,0,18,.25));content:"";inset:0;opacity:0;position:absolute;transition:opacity .35s}
.attrage-feature-card__media img{height:100%;object-fit:cover;transition:transform .75s var(--attrage-ease),filter .45s;width:100%}
.attrage-feature-card__media>span{align-items:center;background:var(--attrage-red);border-radius:50%;bottom:18px;color:#fff;display:flex;font-size:25px;height:44px;justify-content:center;opacity:0;position:absolute;right:18px;transform:scale(.7);transition:opacity .25s,transform .25s var(--attrage-ease);width:44px;z-index:2}
.attrage-feature-card:hover .attrage-feature-card__media img,.attrage-feature-card:focus-visible .attrage-feature-card__media img{transform:scale(1.06)}
.attrage-feature-card:hover .attrage-feature-card__media:after,.attrage-feature-card:focus-visible .attrage-feature-card__media:after{opacity:1}
.attrage-feature-card:hover .attrage-feature-card__media>span,.attrage-feature-card:focus-visible .attrage-feature-card__media>span{opacity:1;transform:scale(1)}
.attrage-feature-card__body{align-self:center;padding:34px}
.attrage-feature-card__body h2{font-size:clamp(22px,2.4vw,35px);font-weight:900;letter-spacing:-.035em;line-height:1;margin:0 0 17px;text-transform:uppercase}
.attrage-feature-card__body p{color:#666;font-size:14px;line-height:1.65}
.attrage-feature-card__body button{background:none;border:0;border-bottom:2px solid var(--attrage-red);color:#111;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.08em;margin-top:21px;padding:0 0 7px;text-transform:uppercase}

/* Conversion and lightbox */
.attrage-conversion{align-items:center;background:linear-gradient(120deg,#eeeeec,#fff);display:flex;gap:50px;justify-content:space-between;padding:82px max(24px,calc((100vw - 1180px)/2))}
.attrage-conversion>div:first-child{max-width:680px}
.attrage-conversion h2{font-size:clamp(38px,5vw,68px);font-weight:900;letter-spacing:-.055em;line-height:.91;margin:12px 0 17px;text-transform:uppercase}
.attrage-conversion span{color:#666;font-size:15px;line-height:1.65}
.attrage-conversion .attrage-actions{flex:0 0 auto;margin:0;max-width:410px}
.attrage-viewer{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;padding:30px;pointer-events:none;position:fixed;transition:opacity .22s ease;z-index:150}
.attrage-viewer.is-open{opacity:1;pointer-events:auto}
.attrage-viewer__backdrop{background:rgba(0,0,0,.9);border:0;inset:0;position:absolute}
.attrage-viewer__dialog{background:#0c0c0c;color:#fff;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);max-height:90vh;max-width:1220px;overflow:auto;position:relative;transform:translateY(20px) scale(.985);transition:transform .28s var(--attrage-ease);width:100%;z-index:2}
.attrage-viewer.is-open .attrage-viewer__dialog{transform:none}
.attrage-viewer__dialog>img{height:100%;max-height:84vh;object-fit:contain;width:100%}
.attrage-viewer__dialog>div{align-self:center;padding:48px}
.attrage-viewer__dialog h2{font-size:32px;line-height:1.05;margin:0 0 18px;text-transform:uppercase}
.attrage-viewer__dialog p{color:#ccc;line-height:1.65}
.attrage-viewer__close{background:#fff;border:0;border-radius:50%;color:#111;cursor:pointer;font-size:27px;height:42px;line-height:1;position:absolute;right:16px;top:16px;width:42px;z-index:3}
.attrage-mobile-actions{display:none}
.attrage-reveal{opacity:0;transform:translateY(28px);transition:opacity .68s var(--attrage-ease),transform .68s var(--attrage-ease)}
.attrage-reveal.is-visible{opacity:1;transform:none}

@keyframes attrageHeroIn{from{opacity:.55;transform:scale(1.08)}to{opacity:1;transform:scale(1.035)}}
@keyframes attrageSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* Tablet */
@media(max-width:1080px){
  :root{--attrage-shell:min(920px,calc(100vw - 34px))}
  .attrage-model-nav__name{padding-left:18px}
  .attrage-configurator{grid-template-columns:1fr;min-height:0;padding:58px 28px 74px}
  .attrage-car-stage{min-height:430px}
  .attrage-car-stage img{max-height:390px}
  .attrage-configurator__panel{margin:auto;max-width:760px;width:100%}
  .attrage-feature-card{display:block;min-height:0}
  .attrage-feature-card:nth-child(4n+2) .attrage-feature-card__media,.attrage-feature-card:nth-child(4n+3) .attrage-feature-card__media{order:initial}
  .attrage-feature-card__media{height:300px;min-height:0}
  .attrage-conversion{align-items:flex-start;flex-direction:column}
  .attrage-conversion .attrage-actions{max-width:none}
}

/* Phone and small tablet */
@media(max-width:720px){
  :root{--attrage-shell:calc(100vw - 28px)}
  body.attrage-active{padding-bottom:58px}
  .attrage-model-nav{align-items:stretch;display:block;height:auto;position:sticky}
  .attrage-model-nav__name{height:44px;justify-content:center;padding:0 14px}
  .attrage-model-nav__name:after{height:2px;width:22px}
  .attrage-model-nav__links{height:45px;padding:0 6px}
  .attrage-model-nav__links a{font-size:9px;padding:0 11px}
  .attrage-model-nav__links a:after{height:2px;width:calc(100% - 20px)}
  .attrage-btn{font-size:9px;min-height:45px;padding:0 13px}
  .attrage-hero{min-height:74svh}
  .attrage-hero>img{object-position:64% center}
  .attrage-hero__shade{background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.14) 75%),linear-gradient(90deg,rgba(0,0,0,.3),transparent)}
  .attrage-hero__content{justify-content:flex-end;min-height:74svh;padding:75px 0 46px}
  .attrage-hero__content h1{font-size:49px;line-height:.85;margin:11px 0 18px}
  .attrage-hero__content>span{font-size:14px;line-height:1.5}
  .attrage-hero__content .attrage-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .attrage-hero__content .attrage-actions .attrage-btn:last-child{grid-column:1/-1}
  .attrage-metrics{grid-template-columns:repeat(2,1fr);padding:0}
  .attrage-metrics article{border-bottom:1px solid #ddd;min-height:112px;padding:18px 8px}
  .attrage-metrics article:nth-child(2){border-right:0}
  .attrage-metrics strong{font-size:25px}
  .attrage-metrics span{font-size:10px}
  .attrage-configurator{padding:24px 14px 58px}
  .attrage-car-stage{min-height:270px}
  .attrage-car-stage:after{bottom:34px;height:25px}
  .attrage-car-stage img{max-height:245px}
  .attrage-car-stage>span{bottom:10px}
  .attrage-configurator__panel{padding:27px 20px}
  .attrage-variant-tabs{margin:15px 0 28px}
  .attrage-variant-tabs button{font-size:9px;min-height:40px;padding:0 13px}
  .attrage-configurator__panel h2{font-size:40px}
  .attrage-configurator__panel>strong{font-size:22px}
  .attrage-equipment{grid-template-columns:1fr}
  .attrage-configurator__panel .attrage-actions{display:grid;grid-template-columns:1fr 1fr}
  .attrage-configurator__panel .attrage-actions .attrage-btn:last-child{grid-column:1/-1}
  .attrage-specs{padding:64px 0}
  .attrage-section-heading h2{font-size:38px}
  .attrage-specs__table{max-height:none;overflow:visible}
  .attrage-specs__head{display:none}
  .attrage-specs details{background:#151515;margin-bottom:9px}
  .attrage-specs summary{padding:16px}
  .attrage-spec-row{display:grid;grid-template-columns:repeat(2,1fr)}
  .attrage-spec-row span{grid-column:1/-1;padding-bottom:6px}
  .attrage-spec-row em{border-top:1px solid #2b2b2b;padding:10px 6px 14px}
  .attrage-spec-row em:before{color:#fff;display:block;font-size:8px;font-weight:900;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}
  .attrage-spec-row em:nth-of-type(1):before{content:"Premium"}
  .attrage-spec-row em:nth-of-type(2):before{content:"MT"}
    .attrage-overview-links{grid-template-columns:1fr}
  .attrage-overview-tile{min-height:72vw}
  .attrage-overview-tile>span{padding:28px 20px}
  .attrage-overview-tile strong{font-size:34px}
  .attrage-subhero{min-height:68svh}
  .attrage-subhero>img{object-position:center}
  .attrage-subhero__veil{background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.12) 78%)}
  .attrage-subhero__content{padding:34px 0}
  .attrage-subhero__content h1{font-size:43px;line-height:.9;margin:9px 0 14px}
  .attrage-subhero__content>span{font-size:14px;line-height:1.5}
  .attrage-feature-section{padding:58px 0 64px}
  .attrage-feature-grid{gap:15px;grid-template-columns:1fr}
  .attrage-feature-card{transform:none!important}
  .attrage-feature-card__media{height:64vw;max-height:350px}
  .attrage-feature-card__body{padding:24px 20px 27px}
  .attrage-feature-card__body h2{font-size:25px}
  .attrage-feature-card__body p{font-size:13px}
  .attrage-conversion{gap:28px;padding:58px 18px}
  .attrage-conversion h2{font-size:40px}
  .attrage-conversion .attrage-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .attrage-conversion .attrage-actions .attrage-btn:last-child{grid-column:1/-1}
  .attrage-viewer{padding:10px}
  .attrage-viewer__dialog{display:block;max-height:94vh}
  .attrage-viewer__dialog>img{height:auto;max-height:58vh}
  .attrage-viewer__dialog>div{padding:24px 20px 30px}
  .attrage-viewer__dialog h2{font-size:24px}
  .attrage-mobile-actions{background:#090909;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);left:0;position:fixed;right:0;z-index:120}
  .attrage-mobile-actions a{align-items:center;border-right:1px solid #333;color:#fff;display:flex;font-size:9px;font-weight:900;justify-content:center;min-height:58px;text-decoration:none;text-transform:uppercase}
  .attrage-mobile-actions a:nth-child(2){background:var(--attrage-red)}
}

@media(hover:none){
  .attrage-btn:hover,.attrage-color-swatch:hover,.attrage-overview-tile:hover img,.attrage-feature-card:hover{box-shadow:initial;transform:none}
  .attrage-feature-card__media>span{opacity:1;transform:scale(.9)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .attrage-page *,.attrage-model-nav *,.attrage-viewer *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .attrage-reveal{opacity:1;transform:none}
}

/* ========================================================================
   V5 responsive and performance hardening
   Scope: public Attrage pages only. Admin pages never receive attrage-active.
   ======================================================================== */
.attrage-page{overflow-x:hidden;overflow-y:visible}
.attrage-page img{display:block;max-width:100%}
.attrage-page button,.attrage-page a,.attrage-model-nav a,.attrage-mobile-actions a{touch-action:manipulation;-webkit-tap-highlight-color:rgba(230,0,18,.14)}
.attrage-page section[id]{scroll-margin-top:calc(var(--attrage-nav-top) + 64px)}
.attrage-model-nav__links{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.attrage-model-nav__links a{scroll-snap-align:center}
.attrage-equipment-toggle{align-items:center;background:transparent;border:0;border-bottom:2px solid var(--attrage-red);color:#111;cursor:pointer;display:none;font-size:10px;font-weight:900;letter-spacing:.08em;margin-top:18px;min-height:38px;padding:0 0 5px;text-transform:uppercase}
.attrage-page.is-equipment-expanded .attrage-equipment-toggle{display:inline-flex}

/* Avoid duplicate public bottom bars on Attrage. */
body.attrage-active .quick-conversion-bar{display:none!important}

/* Tablet: the main site already switches to a mobile header at 1024px. */
@media(max-width:1024px){
  :root{--attrage-shell:min(920px,calc(100vw - 32px))}
  .attrage-model-nav{backdrop-filter:none;display:grid;grid-template-columns:auto minmax(0,1fr);height:52px;min-width:0}
  .attrage-model-nav__name{font-size:15px;height:52px;letter-spacing:.13em;padding:0 17px}
  .attrage-model-nav__name:after{height:2px;margin-left:10px;width:20px}
  .attrage-model-nav__links{height:52px;margin:0;min-width:0;padding:0 10px 0 0}
  .attrage-model-nav__links a{font-size:10px;min-height:52px;padding:0 14px}
  .attrage-model-nav__links a:after{height:2px}
  .attrage-hero{min-height:clamp(600px,72svh,760px)}
  .attrage-hero__content{min-height:clamp(600px,72svh,760px);padding:72px 0}
  .attrage-hero__content h1{font-size:clamp(62px,9.1vw,92px);max-width:650px}
  .attrage-metrics article{min-height:126px;padding:20px 12px}
  .attrage-configurator{gap:24px;grid-template-columns:1fr;padding:48px 24px 68px}
  .attrage-car-stage{min-height:360px}
  .attrage-car-stage img{max-height:none;width:min(88vw,720px)}
  .attrage-car-stage:after{bottom:50px;height:42px;left:12%;width:76%}
  .attrage-configurator__panel{box-shadow:0 18px 42px rgba(0,0,0,.1);max-width:820px;padding:38px;width:100%}
  .attrage-color-swatch{min-height:44px}
  .attrage-variant-tabs button{min-height:46px}
  .attrage-specs{padding:78px 0}
  .attrage-specs__table{max-height:none;overflow:visible}
  .attrage-specs__head{display:none}
  .attrage-specs details{background:#151515;margin-bottom:10px}
  .attrage-specs summary{font-size:12px;min-height:52px;padding:16px 18px}
  .attrage-spec-row{align-items:stretch;display:grid;grid-template-columns:minmax(180px,1.25fr) repeat(2,minmax(0,1fr));padding:0}
  .attrage-spec-row span,.attrage-spec-row em{align-items:center;display:flex;min-width:0;padding:13px 14px}
  .attrage-spec-row span{color:#d8d8d8;font-size:11px}
  .attrage-spec-row em{border-left:1px solid #2b2b2b;font-size:11px;justify-content:center;text-align:center}
  .attrage-overview-links{gap:3px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .attrage-overview-tile{aspect-ratio:4/3;min-height:0}
  .attrage-feature-grid{gap:18px}
  .attrage-feature-card{display:block;min-height:0}
  .attrage-feature-card__media{height:auto;min-height:0;aspect-ratio:16/10}
  .attrage-feature-card__body{padding:28px}
  .attrage-conversion{gap:30px;padding:68px 28px}
  .attrage-viewer__dialog{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);max-width:940px}
}

/* Phone and compact tablet. */
@media(max-width:720px){
  :root{--attrage-shell:calc(100vw - 28px)}
  body.attrage-active{padding-bottom:calc(62px + env(safe-area-inset-bottom))!important}
  body.attrage-active .floating-actions{bottom:calc(76px + env(safe-area-inset-bottom))!important;right:10px!important}
  body.attrage-active .ai-chat{bottom:calc(76px + env(safe-area-inset-bottom))!important}
  .attrage-page section[id]{scroll-margin-top:calc(var(--attrage-nav-top) + 58px)}
  .attrage-model-nav{display:grid;grid-template-columns:88px minmax(0,1fr);height:50px}
  .attrage-model-nav__name{font-size:13px;height:50px;justify-content:flex-start;letter-spacing:.11em;padding:0 10px}
  .attrage-model-nav__name:after{display:none}
  .attrage-model-nav__links{height:50px;padding-right:8px}
  .attrage-model-nav__links a{font-size:9px;min-height:50px;padding:0 11px}
  .attrage-btn{font-size:10px;min-height:48px;padding:0 14px}
  .attrage-hero{min-height:clamp(570px,78svh,690px)}
  .attrage-hero>img{animation:none;object-position:61% center;transform:none}
  .attrage-hero__content{justify-content:flex-end;min-height:clamp(570px,78svh,690px);padding:68px 0 38px}
  .attrage-hero__content h1{font-size:clamp(42px,13vw,54px);line-height:.86;margin:10px 0 16px;max-width:350px}
  .attrage-hero__content>span{font-size:14px;line-height:1.48;max-width:330px}
  .attrage-hero__content .attrage-actions{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}
  .attrage-hero__content .attrage-actions .attrage-btn:last-child{grid-column:1/-1}
  .attrage-metrics article{min-height:104px;padding:15px 7px}
  .attrage-metrics strong{font-size:24px}
  .attrage-metrics span{font-size:9px;line-height:1.35}
  .attrage-configurator{padding:18px 12px 50px}
  .attrage-car-stage{min-height:240px}
  .attrage-car-stage img{filter:drop-shadow(0 14px 12px rgba(0,0,0,.13));max-height:none;width:min(100%,620px)}
  .attrage-car-stage:after{bottom:29px;height:24px;left:10%;width:80%}
  .attrage-car-stage>span{bottom:3px;font-size:9px}
  .attrage-configurator__panel{box-shadow:0 10px 28px rgba(0,0,0,.08);padding:24px 17px}
  .attrage-configurator__panel h2{font-size:clamp(35px,10vw,43px)}
  .attrage-configurator__description{font-size:13px}
  .attrage-configurator__panel>strong{font-size:21px}
  .attrage-variant-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .attrage-variant-tabs button{font-size:10px;padding:0 8px;width:100%}
  .attrage-color-row{gap:8px}
  .attrage-color-swatch{min-height:44px;padding:4px 11px 4px 5px}
  .attrage-color-swatch i{height:30px;width:30px}
  .attrage-equipment{gap:9px;margin-top:24px}
  .attrage-equipment li{font-size:12px}
  .attrage-equipment.is-collapsible li:nth-child(n+7){display:none}
  .attrage-equipment.is-collapsible.is-expanded li{display:block}
  .attrage-equipment-toggle{display:inline-flex}
  .attrage-configurator__panel .attrage-actions{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .attrage-configurator__panel .attrage-actions .attrage-btn:last-child{grid-column:1/-1}
  .attrage-specs{padding:58px 0}
  .attrage-section-heading{margin-bottom:28px}
  .attrage-section-heading h2{font-size:clamp(34px,10vw,42px)}
  .attrage-specs summary{font-size:11px;min-height:50px;padding:14px 15px}
  .attrage-spec-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .attrage-spec-row span{display:block;grid-column:1/-1;padding:12px 12px 8px}
  .attrage-spec-row em{border-left:0;border-top:1px solid #2b2b2b;display:block;font-size:11px;padding:10px 7px 13px;text-align:center}
  .attrage-spec-row em:before{color:#fff;display:block;font-size:8px;font-weight:900;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}
  .attrage-spec-row em:nth-of-type(1):before{content:"CVT Premium"}
  .attrage-spec-row em:nth-of-type(2):before{content:"MT"}
  .attrage-overview{padding:56px 0 0}
  .attrage-overview-links{grid-template-columns:1fr}
  .attrage-overview-tile{aspect-ratio:16/10;min-height:0}
  .attrage-overview-tile>span{padding:24px 18px}
  .attrage-overview-tile strong{font-size:clamp(29px,9vw,37px)}
  .attrage-subhero{min-height:clamp(500px,68svh,620px)}
  .attrage-subhero>img{object-position:center;transform:none}
  .attrage-subhero__content{padding:30px 0}
  .attrage-subhero__content h1{font-size:clamp(38px,11vw,48px)}
  .attrage-feature-section{padding:50px 0 58px}
  .attrage-feature-card__media{aspect-ratio:16/10;height:auto;max-height:none}
  .attrage-feature-card__body{padding:22px 18px 25px}
  .attrage-feature-card__body h2{font-size:24px}
  .attrage-conversion{gap:24px;padding:52px 16px}
  .attrage-conversion h2{font-size:clamp(36px,10vw,44px)}
  .attrage-viewer{padding:8px}
  .attrage-viewer__dialog{border-radius:4px;display:block;max-height:calc(100dvh - 16px)}
  .attrage-viewer__dialog>img{height:auto;max-height:54dvh;object-fit:contain}
  .attrage-viewer__dialog>div{padding:22px 18px 26px}
  .attrage-mobile-actions{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom);z-index:6800}
  .attrage-mobile-actions a{font-size:10px;min-height:60px}
  .attrage-mobile-actions a:last-child{border-right:0}
  .attrage-reveal{transition-duration:.38s;transform:translateY(16px)}
}

@media(max-width:480px){
  .attrage-hero__content .attrage-actions,.attrage-configurator__panel .attrage-actions,.attrage-conversion .attrage-actions{grid-template-columns:1fr}
  .attrage-hero__content .attrage-actions .attrage-btn:last-child,.attrage-configurator__panel .attrage-actions .attrage-btn:last-child,.attrage-conversion .attrage-actions .attrage-btn:last-child{grid-column:auto}
  .attrage-actions .attrage-btn{width:100%}
  .attrage-car-stage{min-height:215px}
  .attrage-configurator__panel{padding-left:15px;padding-right:15px}
  .attrage-color-swatch span{font-size:10px}
}

@media(max-width:360px){
  :root{--attrage-shell:calc(100vw - 22px)}
  .attrage-model-nav{grid-template-columns:76px minmax(0,1fr)}
  .attrage-model-nav__name{font-size:12px;padding:0 8px}
  .attrage-model-nav__links a{font-size:8px;padding:0 9px}
  .attrage-hero__content h1{font-size:40px}
  .attrage-configurator__panel h2{font-size:34px}
  .attrage-mobile-actions a{font-size:9px}
}

/* Landscape phones and small tablets: avoid a hero taller than the screen. */
@media(max-width:1024px) and (max-height:620px) and (orientation:landscape){
  .attrage-hero,.attrage-hero__content{min-height:520px}
  .attrage-hero__content{padding:54px 0 30px}
  .attrage-hero__content h1{font-size:58px}
  .attrage-configurator{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);padding:34px 20px 52px}
  .attrage-car-stage{min-height:330px}
  .attrage-configurator__panel{padding:28px}
}

@media(hover:none),(pointer:coarse){
  .attrage-model-nav{box-shadow:0 5px 14px rgba(0,0,0,.045)}
  .attrage-feature-card,.attrage-overview-tile,.attrage-btn,.attrage-color-swatch{transition-duration:.18s}
}