/* Southern Downs 4x4 - landing pages (merged from the eight service pages + hub). Loaded after site.css */
body{margin:0;background:#F4F3EF}
*{box-sizing:border-box}
.page{font-family:'Barlow',system-ui,sans-serif;color:#141414;background:#F4F3EF;font-size:17px;line-height:1.6;overflow-x:clip}
.page a{color:#B23A0B}
.page a:hover{color:#8A2C07}
.page img{max-width:100%}
.cond{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase}
.wrap{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}
.h2{margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(34px,3.6vw,48px);line-height:1.04;text-transform:uppercase}
.h3{margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:26px;line-height:1.1;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#B23A0B}
.eyebrow::before{content:"";width:28px;height:3px;background:currentColor;flex:none;transform-origin:left}
.dark{background:#141414;color:#FFFFFF}
.dark .eyebrow,.dark .accent{color:#F08A4B}
.dark p{color:#E6E4DF}
.dark a:not(.btn){color:#F08A4B}
.muted{color:#3D3A34}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
details[open] .faq-plus{transform:rotate(45deg)}
html{scroll-behavior:smooth}
:root{interpolate-size:allow-keywords}
.page a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #F08A4B;outline-offset:3px;border-radius:4px}
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important;font-weight:700;padding:15px 26px;border-radius:4px;font-size:17px;border:0;cursor:pointer;font-family:inherit;line-height:1.2;transition:transform .18s ease,box-shadow .2s ease,filter .2s ease,background-color .2s ease,color .2s ease}
.btn:active{transform:translateY(0) scale(.98)}
.btn-primary{background:#D0141C;color:#FFFFFF!important}
.btn-light{background:#FFFFFF;color:#141414!important}
.btn-dark{background:#141414;color:#FFFFFF!important}
.btn-outline{border:2px solid #141414;padding:13px 24px;color:#141414!important;background:transparent}
.dark .btn-outline,.btn-outline.on-dark{border-color:#FFFFFF;color:#FFFFFF!important}
.arrow{display:inline-block;transition:transform .22s cubic-bezier(.2,.7,.2,1)}
.btn:focus-visible .arrow{transform:translateX(4px)}
.card,.tile{position:relative;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease}
.zoom{overflow:hidden;border-radius:6px}
.zoom img,.card img,.tile img,.product img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.product{overflow:hidden;transition:border-color .25s ease}
.stage{background:#FFFFFF;border:1px solid #E2DFD8;border-radius:6px}
.stage img{display:block;width:100%;object-fit:contain}
.faq{background:#FFFFFF;border:1px solid #E2DFD8;border-radius:6px;padding:0 22px;transition:border-color .2s ease,box-shadow .25s ease}
.faq[open]{border-color:#CFCBC2;box-shadow:0 10px 26px -20px rgba(20,20,20,.55)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;min-height:44px}
.faq summary h3{margin:0;font-size:18px;transition:color .2s ease}
.faq p{margin:0 0 20px;color:#3D3A34}
.faq-plus{font-size:26px;color:#B23A0B;transition:transform .2s}
.pill{border:1px solid #CFCBC2;border-radius:999px;padding:8px 16px;font-weight:600;font-size:15px;background:#FFFFFF}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.checks li{padding-left:28px;position:relative}
.checks li::before{content:"";position:absolute;left:2px;top:.55em;width:14px;height:8px;border-left:3px solid #D0141C;border-bottom:3px solid #D0141C;transform:rotate(-45deg) translateY(-50%)}
@media (max-width:720px){.page{padding-bottom:72px}}
@media (hover:hover){.btn:hover{transform:translateY(-2px)}}
@media (hover:hover){.btn-primary:hover{filter:brightness(1.1);box-shadow:0 12px 24px -12px rgba(208,20,28,.7)}}
@media (hover:hover){.btn-light:hover,.btn-dark:hover{box-shadow:0 12px 24px -12px rgba(0,0,0,.6)}}
@media (hover:hover){.btn-outline:hover{background-color:#141414;color:#FFFFFF!important}}
@media (hover:hover){.dark .btn-outline:hover,.btn-outline.on-dark:hover{background-color:#FFFFFF;color:#141414!important}}
@media (hover:hover){.btn:hover .arrow,a:hover > .arrow{transform:translateX(4px)}}
@media (hover:hover){.card:hover,.tile:hover{transform:translateY(-4px);box-shadow:0 18px 36px -20px rgba(20,20,20,.45);border-color:#CFCBC2}}
@media (hover:hover){.card:hover img,.zoom:hover img,.tile:hover img{transform:scale(1.04)}}
@media (hover:hover){.product:hover img{transform:scale(1.05) translateY(-2px)}}
@media (hover:hover){.product:hover{border-color:#CFCBC2}}
@media (hover:hover){.faq summary:hover h3{color:#B23A0B}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (prefers-reduced-motion:no-preference){@keyframes heroIn{from{scale:1.2}to{scale:1.12}}}
@media (prefers-reduced-motion:no-preference){@keyframes rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}}
@media (prefers-reduced-motion:no-preference){.hero-img{animation:heroIn 1.8s cubic-bezier(.2,.7,.2,1) both}}
@media (prefers-reduced-motion:no-preference){.hero-copy > *{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}}
@media (prefers-reduced-motion:no-preference){.hero-copy > *:nth-child(2){animation-delay:.08s}}
@media (prefers-reduced-motion:no-preference){.hero-copy > *:nth-child(3){animation-delay:.16s}}
@media (prefers-reduced-motion:no-preference){.hero-copy > *:nth-child(4){animation-delay:.24s}}
@media (prefers-reduced-motion:no-preference){.hero-copy > *:nth-child(5){animation-delay:.32s}}
@media (prefers-reduced-motion:no-preference){.faq::details-content{block-size:0;overflow:hidden;transition:block-size .3s ease,content-visibility .3s allow-discrete}}
@media (prefers-reduced-motion:no-preference){.faq[open]::details-content{block-size:auto}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@keyframes reveal{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@keyframes drift{from{translate:0 0}to{translate:0 40px}}}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){@keyframes ctaDrift{from{translate:0 -30px}to{translate:0 30px}}}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.page .h2,.reveal,.card,.product,.step,.panel{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.eyebrow::before{animation:draw linear both;animation-timeline:view();animation-range:entry 30% entry 80%}}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.hero-img{animation:heroIn 1.8s cubic-bezier(.2,.7,.2,1) both,drift linear both;animation-timeline:auto,scroll(root);animation-range:normal,0px 700px}}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.cta-img{scale:1.14;animation:ctaDrift linear both;animation-timeline:view()}}}
.menu-root{position:static}
.menu-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:8px 10px;margin:-8px -10px;border-radius:4px;font:inherit;font-weight:500;cursor:pointer;color:inherit}
.menu-btn .chev{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.menu-open .menu-btn{background:rgba(20,20,20,.06);color:#B23A0B!important}
.menu-open .menu-btn .chev{transform:translateY(2px) rotate(225deg)}
.whero{min-height:0;padding:calc(var(--header-h,89px) + 72px) 0 72px}
.whero .h1{margin:0 0 14px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(44px,5.6vw,72px);line-height:.96;text-transform:uppercase}
.whero p.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.5;max-width:620px;margin:0 0 26px;color:#E6E4DF}
.whero .count{display:flex;flex-wrap:wrap;gap:10px 28px;margin:34px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.18);list-style:none;font-size:15px;color:#E6E4DF}
.whero .count b{display:block;font-family:'Barlow Condensed',sans-serif;font-size:30px;line-height:1;color:#FFFFFF}
.group{display:grid;grid-template-columns:220px 1fr;gap:24px 48px;padding:40px 0;border-top:1px solid #D5D8D8}
.group:first-of-type{border-top:0;padding-top:8px}
.group-label{position:sticky;top:calc(var(--header-h,89px) + 24px);align-self:start}
.group-label .n{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;letter-spacing:.14em;color:#B23A0B;margin-bottom:6px}
.group-label h2{margin:0;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:28px;line-height:1.05;text-transform:uppercase}
.group-label p{margin:10px 0 0;font-size:15px;color:#3D3A34;max-width:220px}
.svc{display:grid;grid-template-columns:300px 1fr auto;gap:24px 32px;align-items:center;padding:22px 0;border-top:1px solid #E2DFD8;text-decoration:none!important;color:#141414!important}
.svc:first-child{border-top:0;padding-top:0}
.svc .ph{aspect-ratio:3/2;overflow:hidden;border-radius:6px;background:#141414}
.svc .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.svc h3{margin:0 0 6px;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:28px;line-height:1.05;text-transform:uppercase;transition:color .2s ease}
.svc p{margin:0;color:#3D3A34;max-width:560px}
.svc .go{display:inline-flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap;color:#B23A0B}
.svc .go i{display:inline-flex;width:40px;height:40px;border:2px solid #141414;border-radius:999px;align-items:center;justify-content:center;font-style:normal;color:#141414;transition:background-color .25s ease,color .25s ease,transform .25s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.svc:hover h3{color:#B23A0B}}
@media (hover:hover){.svc:hover .ph img{transform:scale(1.05)}}
@media (hover:hover){.svc:hover .go i{background:#141414;color:#FFFFFF;transform:translateX(4px)}}
@media (max-width:1000px){.group{grid-template-columns:1fr;gap:16px;padding:32px 0}}
@media (max-width:1000px){.group-label{position:static}}
@media (max-width:1000px){.svc{grid-template-columns:200px 1fr;gap:16px 20px}}
@media (max-width:1000px){.svc .go{grid-column:2}}
@media (max-width:600px){.svc{grid-template-columns:1fr;gap:12px;padding:20px 0}}
@media (max-width:600px){.svc .go{grid-column:1}}
@media (max-width:600px){.svc h3{font-size:25px}}
.more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;list-style:none;margin:0;padding:0}
.more li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #E2DFD8}
.more b{display:block;font-size:17px}
.more span{display:block;font-size:15px;color:#3D3A34}
.more a{white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;text-decoration:none!important}
@media (max-width:720px){.more{grid-template-columns:1fr}}
.band{position:relative;overflow:hidden}
.band .cta-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.bb-title{font-size:clamp(64px,12.5vw,176px);line-height:.82;letter-spacing:-.005em;margin:0}
.bb-title span{display:block;font-size:.3em;line-height:1;letter-spacing:.14em;margin-top:.3em;color:#F08A4B}
.chip-row{display:flex;flex-wrap:wrap;gap:10px 12px;margin:0;padding:0;list-style:none}
.chip-row li{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 16px;font-weight:600;font-size:15px;background:rgba(14,14,14,.45);backdrop-filter:blur(6px)}
.jump{background:#FFFFFF;border-bottom:1px solid #E2DFD8}
.jump ul{display:flex;gap:4px 24px;margin:0 auto;padding:0 24px;max-width:1240px;list-style:none;overflow-x:auto;scrollbar-width:none}
.jump a{display:inline-flex;align-items:center;min-height:48px;font-weight:600;font-size:15px;color:#141414;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}
.jump a:focus-visible{outline:3px solid #D0141C;outline-offset:-3px}
@media (hover:hover){.jump a:hover{border-bottom-color:#D0141C}}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin:0;padding:0;list-style:none;border-left:1px solid #E2DFD8}
.trust li{padding:22px 24px;border-right:1px solid #E2DFD8;display:flex;flex-direction:column;gap:4px}
.trust strong{font-family:'Barlow Condensed',sans-serif;font-size:24px;text-transform:uppercase;line-height:1.1}
.trust span{font-size:15px;color:#3D3A34}
.rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px max(24px,calc((100% - 1240px)/2 + 24px)) 28px;scroll-padding-inline:max(24px,calc((100% - 1240px)/2 + 24px));scrollbar-width:thin}
.rail:focus-visible{outline:3px solid #D0141C;outline-offset:-3px}
.rail .tile{flex:0 0 min(78vw,340px);scroll-snap-align:start;background:#FFFFFF;border:1px solid #E2DFD8;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
body.pg-dual-battery-systems .rail .tile,body.pg-roof-racks .rail .tile,body.pg-ute-canopies .rail .tile,body.pg-gvm-upgrades .rail .tile,body.pg-4x4-suspension-upgrades .rail .tile,body.pg-2-inch-lift-kits .rail .tile{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
.rail .tile .pic{background:#FFFFFF;padding:16px;overflow:hidden}
body.pg-dual-battery-systems .rail .tile .pic,body.pg-roof-racks .rail .tile .pic,body.pg-ute-canopies .rail .tile .pic,body.pg-gvm-upgrades .rail .tile .pic,body.pg-4x4-suspension-upgrades .rail .tile .pic,body.pg-2-inch-lift-kits .rail .tile .pic{background:#FFFFFF;border-bottom:1px solid #EEECE6}
.rail .tile img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}
.rail .tile .body{padding:4px 22px 24px;display:flex;flex-direction:column;gap:8px}
.tag{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#B23A0B}
.finish{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.finish figure{margin:0;position:relative;background:#FFFFFF;border:1px solid #E2DFD8;border-radius:6px;overflow:hidden}
.finish figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block;padding:12px}
.finish figcaption{display:flex;flex-direction:column;gap:2px;padding:14px 20px 20px;border-top:1px solid #E2DFD8}
.finish figcaption strong{font-family:'Barlow Condensed',sans-serif;font-size:26px;text-transform:uppercase;line-height:1.1}
.tbl-box{overflow-x:auto;border:1px solid #E2DFD8;border-radius:6px;background:#FFFFFF}
.tbl-box:focus-visible{outline:3px solid #D0141C}
.cmp{width:100%;border-collapse:collapse;min-width:640px;font-size:16px}
.cmp caption{text-align:left;padding:16px 20px;font-weight:600;color:#3D3A34}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:16px 20px;border-top:1px solid #E2DFD8}
.cmp thead th{background:#141414;color:#FFFFFF;font-family:'Barlow Condensed',sans-serif;font-size:20px;text-transform:uppercase;letter-spacing:.04em;border-top:0}
.cmp tbody th{font-weight:700;width:22%}
.price-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none}
.price-list li{padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.price-list strong{font-size:18px}
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.rules>div{padding:24px;display:flex;flex-direction:column;gap:10px}
.src{font-size:14px;color:#3D3A34}
.src a{color:#8A2A06}
.faq-group{margin:36px 0 14px;font-family:'Barlow Condensed',sans-serif;font-size:28px;text-transform:uppercase;line-height:1.1;display:flex;align-items:center;gap:12px}
.faq-group::before{content:"";width:28px;height:3px;background:#D0141C}
.faq summary h4{margin:0;font-size:18px;font-weight:600;transition:color .2s ease}
@media (hover:hover){.faq summary:hover h4{color:#B23A0B}}
.faq summary:focus-visible{outline:3px solid #D0141C;outline-offset:2px}
.faq p+p{margin-top:-8px}
.faq a,.prose a{color:#8A2A06;text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.cta-disc{display:none}}
.step-no{font-family:'Barlow Condensed',sans-serif;font-size:40px;font-weight:700;color:#B23A0B;line-height:1}
.range{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.range>article{grid-column:span 2;display:flex;flex-direction:column;overflow:hidden}
.range>article:nth-child(n+4){grid-column:span 3}
.range .pic{background:#FFFFFF;padding:16px}
.range .pic.ph{padding:0}
.range .pic img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;display:block}
.range .pic.ph img{object-fit:cover}
.range .body{padding:4px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.range .body.row{padding-top:22px}
@media (max-width:1000px){.range>article,.range>article:nth-child(n+4){grid-column:span 3}}
@media (max-width:700px){.range>article,.range>article:nth-child(n+4){grid-column:span 6}}
.cols4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:32px}
.cols4 h3{margin:0 0 10px;color:#F08A4B}
.cols4 ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;color:#ECEAE5}
.cols4 li{padding-left:16px;position:relative}
.cols4 li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:2px;background:#D0141C}
.pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;position:relative}
.timeline li{position:relative;padding:28px 24px 0 0}
.timeline li::before{content:"";position:absolute;top:10px;left:0;right:0;height:2px;background:#CFCBC2}
.timeline li::after{content:"";position:absolute;top:4px;left:0;width:14px;height:14px;border-radius:50%;background:#D0141C;box-shadow:0 0 0 4px #F4F3EF}
.timeline h3{margin:0 0 6px;font-size:20px}
.range .pic.ph + .body{padding-top:36px}
@media (min-width:1001px){.range>article:nth-child(n+4) .pic img{aspect-ratio:16/10}}
.ztiles{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid rgba(255,255,255,.28);border-radius:6px;overflow:hidden;background:rgba(14,14,14,.55);backdrop-filter:blur(8px)}
.ztiles a{display:flex;flex-direction:column;gap:4px;padding:20px 24px;color:#FFFFFF;text-decoration:none;border-right:1px solid rgba(255,255,255,.2);transition:background-color .25s ease;min-height:100%}
.ztiles li:last-child a{border-right:0}
.ztiles .zn{font-family:'Barlow Condensed',sans-serif;font-weight:700;color:#F08A4B;font-size:18px;letter-spacing:.1em}
.ztiles strong{font-family:'Barlow Condensed',sans-serif;font-size:30px;text-transform:uppercase;line-height:1.05}
.ztiles span.d{font-size:15px;color:#E6E4DF}
.ztiles a:focus-visible{outline:3px solid #FFFFFF;outline-offset:-6px}
@media (hover:hover){.ztiles a:hover{background:rgba(208,20,28,.85)}}
@media (max-width:760px){.ztiles{grid-template-columns:1fr}}
@media (max-width:760px){.ztiles a{border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}}
@media (max-width:760px){.ztiles li:last-child a{border-bottom:0}}
.zsec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
@media (max-width:900px){.zsec{grid-template-columns:1fr;gap:32px}}
.zsec.flip{direction:rtl}
.zsec.flip>*{direction:ltr}
@media (max-width:900px){.zsec.flip{direction:ltr}}
.fact{border-left:4px solid #D0141C;background:#FFFFFF;border-radius:0 6px 6px 0;padding:18px 22px;margin:6px 0 0}
.fact h3{margin:0 0 8px;font-size:15px;letter-spacing:.1em;text-transform:uppercase;color:#B23A0B}
.dark .fact{background:#1F1F1F}
.dark .fact h3{color:#F08A4B}
.fact ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:16px}
.fact li{padding-left:16px;position:relative}
.fact li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:2px;background:#D0141C}
.fact .src{margin:10px 0 0;font-size:13px}
.mos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.mos figure{margin:0;background:#FFFFFF;border:1px solid #E2DFD8;border-radius:6px;overflow:hidden;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
.mos figure.wide{grid-column:1/-1}
.mos img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;padding:12px;background:#FFFFFF}
.mos figure.wide img{aspect-ratio:16/8}
.mos figure.ph img{padding:0;object-fit:cover}
.mos figcaption{padding:10px 16px 14px;font-weight:700;font-size:16px;border-top:1px solid #E2DFD8;background:#FFFFFF;color:#141414}
.mos figcaption small{display:block;font-weight:400;color:#3D3A34;font-size:14px;line-height:1.4}
@media (hover:hover){.mos figure:hover{transform:translateY(-4px);box-shadow:0 20px 36px -22px rgba(20,20,20,.6)}}
.mapw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #CFCBC2;border-radius:6px;overflow:hidden;background:#FFFFFF;list-style:none;margin:0;padding:0}
.mapw li{padding:24px;border-right:1px solid #E2DFD8;display:flex;flex-direction:column;gap:8px}
.mapw li:last-child{border-right:0}
.mapw .mk{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#B23A0B}
.mapw strong{font-family:'Barlow Condensed',sans-serif;font-size:26px;text-transform:uppercase;line-height:1.1}
.mapw li.off{background:#F4F3EF}
@media (max-width:900px){.mapw{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.mapw li:nth-child(2){border-right:0}}
@media (max-width:900px){.mapw li:nth-child(-n+2){border-bottom:1px solid #E2DFD8}}
@media (max-width:560px){.mapw{grid-template-columns:1fr}}
@media (max-width:560px){.mapw li{border-right:0;border-bottom:1px solid #E2DFD8}}
@media (max-width:560px){.mapw li:last-child{border-bottom:0}}
.scen{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.scen>div{padding:26px;display:flex;flex-direction:column;gap:10px}
.dhero-bg{position:absolute;inset:0;background:radial-gradient(900px 480px at 85% 10%,rgba(208,20,28,.35),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(240,138,75,.14),transparent 60%),#141414}
.dhero-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,transparent,#000 40%,#000 80%,transparent)}
.dsplit{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end}
@media (max-width:980px){.dsplit{grid-template-columns:1fr;gap:32px}}
.dq{list-style:none;margin:0;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:rgba(14,14,14,.55);backdrop-filter:blur(8px)}
.dq li{padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.18);display:flex;gap:16px;align-items:baseline}
.dq li:last-child{border-bottom:0}
.dq b{font-family:'Barlow Condensed',sans-serif;color:#F08A4B;font-size:20px;letter-spacing:.08em}
.dq span{color:#ECEAE5;font-size:16px}
.dq h2{margin:0;padding:16px 22px;font-family:'Barlow Condensed',sans-serif;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#F08A4B;border-bottom:1px solid rgba(255,255,255,.28);font-weight:700}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;counter-reset:n}
.flow>li{position:relative;background:#FFFFFF;border:1px solid #CFCBC2;padding:20px 18px 22px;display:flex;flex-direction:column;gap:6px;margin-left:-1px}
.flow>li:first-child{border-radius:6px 0 0 6px;margin-left:0}
.flow>li:last-child{border-radius:0 6px 6px 0}
.flow>li::after{content:"";position:absolute;right:-9px;top:50%;width:16px;height:16px;background:#FFFFFF;border-top:2px solid #D0141C;border-right:2px solid #D0141C;transform:translateY(-50%) rotate(45deg);z-index:2}
.flow>li:last-child::after{display:none}
.flow .k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#B23A0B}
.flow strong{font-family:'Barlow Condensed',sans-serif;font-size:24px;text-transform:uppercase;line-height:1.05}
.flow span.t{font-size:15px;color:#3D3A34}
.flow-opt{margin:14px 0 0;padding:14px 18px;border:2px dashed #CFCBC2;border-radius:6px;background:#F4F3EF;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
.flow-opt b{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:20px}
@media (max-width:980px){.flow{grid-template-columns:1fr}}
@media (max-width:980px){.flow>li,.flow>li:first-child,.flow>li:last-child{border-radius:0;margin-left:0;margin-top:-1px}}
@media (max-width:980px){.flow>li:first-child{border-radius:6px 6px 0 0}}
@media (max-width:980px){.flow>li:last-child{border-radius:0 0 6px 6px}}
@media (max-width:980px){.flow>li::after{right:auto;left:28px;top:auto;bottom:-9px;transform:rotate(135deg)}}
.steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;counter-reset:s}
.steps li{counter-increment:s;padding:22px 24px;display:flex;flex-direction:column;gap:8px}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:'Barlow Condensed',sans-serif;font-size:36px;font-weight:700;color:#B23A0B;line-height:1}
.steps h3{margin:0;font-size:20px}
.offer{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.offer>article{padding:26px;display:flex;flex-direction:column;gap:10px}
.offer h3{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:28px;text-transform:uppercase;line-height:1.1}
.offer .n{font-family:'Barlow Condensed',sans-serif;font-weight:700;color:#B23A0B;letter-spacing:.1em;font-size:16px}
.calc{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;border:1px solid #CFCBC2;border-radius:6px;overflow:hidden;background:#FFFFFF;margin:18px 0 0}
.calc>div{padding:18px 20px;border-right:1px solid #E2DFD8;display:flex;flex-direction:column;gap:4px}
.calc>div:last-child{border-right:0;background:#141414;color:#FFFFFF}
.calc .v{font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:700;line-height:1}
.calc .l{font-size:14px;color:#3D3A34}
.calc>div:last-child .l{color:#E6E4DF}
@media (max-width:640px){.calc>div{border-right:0;border-bottom:1px solid #E2DFD8}}
@media (max-width:640px){.calc>div:last-child{border-bottom:0}}
.pgrp .mos4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:700px){.pgrp .mos4{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:1000px){.pgrp .mos4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pgrp .mos img{aspect-ratio:1;padding:10px}
.pgrp .mos figcaption{font-size:15px}
.dhero2{position:relative;overflow:hidden}
.dhero2 .dsplit{align-items:center}
body.pg-dual-battery-systems .dhero2 .dsplit,body.pg-roof-racks .dhero2 .dsplit,body.pg-ute-canopies .dhero2 .dsplit,body.pg-gvm-upgrades .dhero2 .dsplit,body.pg-4x4-suspension-upgrades .dhero2 .dsplit,body.pg-2-inch-lift-kits .dhero2 .dsplit{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:0}
.hero-art::before{content:"";position:absolute;inset:6% 4%;border-radius:50%;background:radial-gradient(closest-side,rgba(208,20,28,.55),rgba(208,20,28,.12) 60%,transparent 75%);filter:blur(8px)}
.hero-art img{position:relative;width:100%;max-width:640px;height:auto;display:block;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
body.pg-dual-battery-systems .hero-art img,body.pg-roof-racks .hero-art img,body.pg-ute-canopies .hero-art img,body.pg-gvm-upgrades .hero-art img,body.pg-4x4-suspension-upgrades .hero-art img,body.pg-2-inch-lift-kits .hero-art img{max-width:700px}
.chips{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.chips li{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:7px 15px;font-weight:600;font-size:14px;background:rgba(14,14,14,.45);color:#ECEAE5}
@media (max-width:980px){.hero-art{order:2;margin-top:-8px}}
@media (max-width:980px){.hero-art img{max-width:480px}}
@media (max-width:980px){body.pg-dual-battery-systems .hero-art img,body.pg-roof-racks .hero-art img,body.pg-ute-canopies .hero-art img,body.pg-gvm-upgrades .hero-art img,body.pg-4x4-suspension-upgrades .hero-art img,body.pg-2-inch-lift-kits .hero-art img{max-width:460px}}
.railwrap{position:relative}
.railbar{display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:space-between;align-items:center;margin:0 0 20px}
.fchips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.fchip{font-family:inherit;font-weight:600;font-size:15px;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid #CFCBC2;background:#FFFFFF;color:#141414;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.fchip[aria-pressed="true"]{background:#141414;color:#FFFFFF;border-color:#141414}
@media (hover:hover){.fchip:hover{border-color:#141414}}
.fchip:focus-visible,.rbtn:focus-visible,.tl:focus-visible{outline:3px solid #D0141C;outline-offset:2px}
.rctl{display:flex;gap:10px;align-items:center}
.rbtn{width:48px;height:48px;border-radius:50%;border:1.5px solid #141414;background:#FFFFFF;color:#141414;font-size:20px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease,transform .2s ease}
.rbtn:disabled{opacity:.35;cursor:default}
@media (hover:hover){.rbtn:not(:disabled):hover{background:#D0141C;border-color:#D0141C;color:#FFFFFF;transform:scale(1.06)}}
.railwrap::after{content:"";position:absolute;right:0;top:92px;bottom:28px;width:72px;background:linear-gradient(90deg,rgba(255,255,255,0),#FFFFFF);pointer-events:none;opacity:0;transition:opacity .25s ease}
.railwrap[data-more="1"]::after{opacity:1}
.rail .tile[hidden]{display:none!important}
@media (hover:hover){.rail .tile:hover{transform:translateY(-4px);box-shadow:0 22px 36px -24px rgba(20,20,20,.6)}}
.rail .tile h3{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:24px;text-transform:uppercase;line-height:1.1}
.rail .tile p{margin:0;font-size:15.5px;color:#3D3A34}
.tl{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#8A2A06;text-decoration:none;padding-top:8px;min-height:44px}
@media (hover:hover){.tl:hover{color:#D0141C}}
.rail-note{font-size:14px;color:#3D3A34;margin:10px 0 0}
.offer .ph{height:110px;display:flex;align-items:center;justify-content:flex-start}
.offer .ph img{max-height:110px;width:auto;max-width:70%;filter:drop-shadow(0 12px 16px rgba(0,0,0,.5))}
.flow .th{height:56px;display:flex;align-items:center;margin-bottom:4px}
.flow .th img{max-height:56px;width:auto;max-width:100%;object-fit:contain}
@media (prefers-reduced-motion:reduce){.rail .tile,.rbtn,.fchip{transition:none}}
.cta-art{position:absolute;right:max(24px,calc((100% - 1240px)/2));top:50%;transform:translateY(-50%);width:min(46vw,560px);height:auto;opacity:.9;pointer-events:none}
body.pg-dual-battery-systems .cta-art,body.pg-roof-racks .cta-art,body.pg-ute-canopies .cta-art,body.pg-gvm-upgrades .cta-art,body.pg-4x4-suspension-upgrades .cta-art,body.pg-2-inch-lift-kits .cta-art{width:min(40vw,500px)}
@media (max-width:900px){.cta-art{opacity:.18;width:90vw;right:-10vw}}
@media (max-width:980px){.dhero2 .dsplit{grid-template-columns:1fr}}
@media (min-width:1000px){.offer{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:640px) and (max-width:999px){.offer{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dhero3{position:relative;overflow:hidden;background:#06080C;min-height:clamp(760px,46vw,980px);display:flex;flex-direction:column;justify-content:center}
.dhero3 .scene{position:absolute;left:32%;width:90%;bottom:0;top:auto;display:block;line-height:0}
.dhero3 .scene-img{width:100%;height:auto;display:block;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%,#000 100%),linear-gradient(90deg,transparent 0,#000 24%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 30%,#000 100%),linear-gradient(90deg,transparent 0,#000 24%,#000 100%)}
.dhero3 .scene-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,8,12,.9) 0,rgba(6,8,12,.62) 30%,rgba(6,8,12,.12) 55%,rgba(6,8,12,0) 70%),linear-gradient(0deg,rgba(6,8,12,.75) 0,rgba(6,8,12,0) 18%),linear-gradient(180deg,rgba(6,8,12,.55) 0,rgba(6,8,12,0) 22%)}
.dhero3 .hero-grid{width:100%;position:relative;padding-top:calc(var(--header-h,89px) + 56px);padding-bottom:72px}
@media (max-width:1000px){.dhero3{min-height:0;justify-content:flex-start}}
@media (max-width:1000px){.dhero3 .scene{position:relative;left:auto;top:auto;width:100%;order:2;margin-top:-24px}}
@media (max-width:1000px){.dhero3 .scene-img{height:auto}}
@media (max-width:1000px){body.pg-dual-battery-systems .dhero3 .scene-img,body.pg-roof-racks .dhero3 .scene-img,body.pg-ute-canopies .dhero3 .scene-img,body.pg-gvm-upgrades .dhero3 .scene-img,body.pg-4x4-suspension-upgrades .dhero3 .scene-img,body.pg-2-inch-lift-kits .dhero3 .scene-img{mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 26%,#000 100%)}}
@media (max-width:1000px){.dhero3 .hero-grid{order:1;padding-bottom:0}}
@media (max-width:1000px){.dhero3 .scene-shade{background:linear-gradient(0deg,rgba(6,8,12,.7) 0,rgba(6,8,12,0) 14%)}}
.rhero.dhero3 .scene-img{object-fit:cover}
@media (min-width:1001px){.rhero.dhero3 .scene{left:20%;width:92%}}
@media (min-width:1001px){.rhero.dhero3 .scene-shade{background:linear-gradient(90deg,rgba(6,8,12,.94) 0,rgba(6,8,12,.78) 34%,rgba(6,8,12,.18) 58%,rgba(6,8,12,0) 72%),linear-gradient(0deg,rgba(6,8,12,.7) 0,rgba(6,8,12,0) 22%),linear-gradient(180deg,rgba(6,8,12,.65) 0,rgba(6,8,12,0) 26%)}}
.rtypes{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.rtype{background:#FFFFFF;border:1px solid #E2DFD8;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.rtype img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;background:#FFFFFF;border-bottom:1px solid #EEECE6;padding:10px}
.rtype .b{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px}
.rtype h3{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:26px;text-transform:uppercase;line-height:1.1}
.rtype p{margin:0;font-size:16px;color:#3D3A34}
@media (min-width:1000px){.rtypes{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rail .tile .tl2{font-size:14px;font-weight:600;color:#3D3A34;text-decoration:underline;text-underline-offset:3px;min-height:32px;display:inline-flex;align-items:center}
.rail .tile .tl2:focus-visible{outline:3px solid #D0141C;outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.loadfig{margin:0;background:#FFFFFF;border-radius:8px;padding:18px 18px 12px;display:flex;flex-direction:column;gap:10px}
.loadfig img{width:100%;height:auto;display:block}
.loadfig figcaption{color:#3D3A34!important}
.chero.dhero3 .scene-img{object-fit:cover}
@media (min-width:1001px){.chero.dhero3 .scene{left:27%;width:77%}}
@media (min-width:1001px){.chero.dhero3 .scene-shade{background:linear-gradient(90deg,rgba(6,8,12,.96) 0,rgba(6,8,12,.82) 36%,rgba(6,8,12,.25) 56%,rgba(6,8,12,0) 70%),linear-gradient(0deg,rgba(6,8,12,.72) 0,rgba(6,8,12,0) 24%),linear-gradient(180deg,rgba(6,8,12,.6) 0,rgba(6,8,12,0) 24%)}}
.ctypes{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
@media (min-width:1000px){.ctypes{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ctype{background:#FFFFFF;border:1px solid #E2DFD8;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.ctype img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;background:#FFFFFF;border-bottom:1px solid #EEECE6;padding:6px}
.ctype .b{padding:20px 22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.ctype .tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#D0141C;font-weight:700}
.ctype h3{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:28px;text-transform:uppercase;line-height:1.1}
.ctype p{margin:0;font-size:16px;color:#3D3A34}
.ctype .links{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;gap:6px 20px}
.ctype .links a{font-size:15px;font-weight:600;min-height:32px;display:inline-flex;align-items:center}
.ctype .links a.ext{color:#3D3A34;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.ctype .links a:focus-visible{outline:3px solid #D0141C;outline-offset:2px}
.photo{margin:0;display:flex;flex-direction:column;gap:10px}
.photo img{width:100%;height:auto;display:block;border-radius:8px}
.photo figcaption{font-size:13px;color:#B9B6AE}
.light .photo figcaption{color:#5A564E}
.sbs{display:grid;gap:40px;align-items:center}
@media (min-width:1000px){.sbs{grid-template-columns:1fr 1fr;gap:64px}}
@media (min-width:1000px){.sbs.rev .photo{order:2}}
.sbs .txt{display:flex;flex-direction:column;gap:14px}
.ghero.dhero3 .scene-img{object-fit:cover}
@media (min-width:1001px){.ghero.dhero3 .scene{left:10%;width:90%}}
@media (min-width:1001px){.ghero.dhero3 .scene-shade{background:linear-gradient(90deg,rgba(6,8,12,.96) 0,rgba(6,8,12,.86) 30%,rgba(6,8,12,.38) 50%,rgba(6,8,12,0) 66%),linear-gradient(0deg,rgba(6,8,12,.7) 0,rgba(6,8,12,0) 22%),linear-gradient(180deg,rgba(6,8,12,.55) 0,rgba(6,8,12,0) 22%)}}
.defgrid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
@media (min-width:1000px){.defgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.def{background:#FFFFFF;border:1px solid #E2DFD8;border-radius:6px;padding:22px 20px 24px;display:flex;flex-direction:column;gap:8px}
.def .k{font-family:'Barlow Condensed',sans-serif;font-size:34px;line-height:1;text-transform:uppercase;color:#D0141C}
.def h3{margin:0;font-size:16px;font-weight:700}
.def p{margin:0;font-size:15.5px;color:#3D3A34}
.wd{margin:36px 0 0;background:#FFFFFF;border:1px solid #E2DFD8;border-radius:8px;padding:26px 24px 20px;display:flex;flex-direction:column;gap:22px}
.wd .row{display:flex;flex-direction:column;gap:8px}
.wd .lab{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#3D3A34}
.wd .bar{display:flex;gap:4px;min-height:58px}
.wd .seg{display:flex;align-items:center;padding:10px 14px;font-size:14.5px;line-height:1.3;border-radius:4px}
.wd .s1{background:#2A2A2A;color:#FFFFFF}
.wd .s2{background:#D0141C;color:#FFFFFF}
.wd .s3{background:#F08A4B;color:#1A1A1A}
@media (max-width:700px){.wd .bar{flex-direction:column}}
@media (max-width:700px){.wd .seg{flex:none!important}}
.wd figcaption{font-size:14px;color:#3D3A34;margin:0}
.twocol{display:grid;gap:24px}
@media (min-width:900px){.twocol{grid-template-columns:1fr 1fr}}
.pc{background:#FFFFFF;border:1px solid #E2DFD8;border-radius:6px;padding:26px 26px 28px}
.pc h3{margin:0 0 12px;font-family:'Barlow Condensed',sans-serif;font-size:28px;text-transform:uppercase}
.pc ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px;color:#3D3A34}
.pc.no{border-top:4px solid #D0141C}
.pc.yes{border-top:4px solid #2A2A2A}
.note{background:#FFFFFF;border:1px solid #E2DFD8;border-left:4px solid #F08A4B;border-radius:4px;padding:16px 20px;margin:24px 0 0;color:#3D3A34}
.srcs{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.shero.dhero3 .scene-img{object-fit:cover}
@media (min-width:1001px){.shero.dhero3 .scene{left:10%;width:90%}}
@media (min-width:1001px){.shero.dhero3 .scene-shade{background:linear-gradient(90deg,rgba(6,8,12,.96) 0,rgba(6,8,12,.86) 30%,rgba(6,8,12,.38) 50%,rgba(6,8,12,0) 66%),linear-gradient(0deg,rgba(6,8,12,.7) 0,rgba(6,8,12,0) 22%),linear-gradient(180deg,rgba(6,8,12,.55) 0,rgba(6,8,12,0) 22%)}}
@media (min-width:1001px){.shero.dhero3 .scene-img{object-position:50% 100%}}
@media (min-width:1001px){.uses{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0;padding:0;list-style:none}}
@media (min-width:1001px){.use{background:#FFFFFF;border:1px solid #E2DFD8;border-radius:6px;padding:26px 24px 28px;display:flex;flex-direction:column;gap:10px;border-top:4px solid #2A2A2A}}
@media (min-width:1001px){.use .k{font-family:'Barlow Condensed',sans-serif;font-size:15px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#B23A0B}}
@media (min-width:1001px){.use h3{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:30px;line-height:1.05;text-transform:uppercase}}
@media (min-width:1001px){.use p{margin:0;color:#3D3A34;font-size:16.5px}}
@media (min-width:1001px){.pair{display:grid;gap:22px;grid-template-columns:1fr 1fr;margin:0}}
@media (min-width:1001px){.pair figure{margin:0;display:flex;flex-direction:column;gap:10px}}
@media (min-width:1001px){.pair img{width:100%;height:auto;display:block;border-radius:8px;aspect-ratio:4/5;object-fit:cover}}
@media (min-width:1001px){.pair figcaption{font-size:14px;color:#3D3A34}}
@media (min-width:1001px){@media (max-width:640px){.pair{grid-template-columns:1fr}}}
@media (min-width:1001px){.inside{display:grid;gap:44px;align-items:start}}
@media (min-width:1001px){@media (min-width:1000px){.inside{grid-template-columns:5fr 6fr;gap:64px}}}
@media (min-width:1001px){.inside .txt{display:flex;flex-direction:column;gap:14px}}
@media (min-width:1001px){.parts{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}}
@media (min-width:1001px){.parts li{padding-left:16px;border-left:3px solid #F08A4B;color:#3D3A34}}
@media (min-width:1001px){.parts b{color:#141414}}
@media (min-width:1001px){.lhero.dhero3 .scene-img{object-fit:cover}}
@media (min-width:1001px){@media (min-width:1001px){.lhero.dhero3 .scene{left:10%;width:90%}}}
@media (min-width:1001px){@media (min-width:1001px){.lhero.dhero3 .scene-shade{background:linear-gradient(90deg,rgba(6,8,12,.96) 0,rgba(6,8,12,.86) 30%,rgba(6,8,12,.38) 50%,rgba(6,8,12,0) 66%),linear-gradient(0deg,rgba(6,8,12,.7) 0,rgba(6,8,12,0) 22%),linear-gradient(180deg,rgba(6,8,12,.55) 0,rgba(6,8,12,0) 22%)}}}
@media (min-width:1001px){@media (min-width:1001px){.lhero.dhero3 .scene-img{object-position:50% 100%}}}
@media (min-width:1001px){@media (min-width:1001px){.callout{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;background:#141414;color:#fff;border-radius:8px;padding:24px 28px;margin:0 0 28px}}}
@media (min-width:1001px){@media (min-width:1001px){.callout .big{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(40px,5vw,64px);line-height:1;color:#F08A4B;text-transform:uppercase}}}
@media (min-width:1001px){@media (min-width:1001px){.callout p{margin:0;color:#E6E4DF;max-width:640px}}}
@media (min-width:1001px){@media (min-width:1001px){.facts{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}}}
@media (min-width:1001px){@media (min-width:1001px){.facts li{padding-left:16px;border-left:3px solid #F08A4B;color:#3D3A34}}}
@media (min-width:1001px){@media (min-width:1001px){.facts b{color:#141414}}}

/* extracted element styles */
.lp1{position:relative;overflow:hidden}
.lp2{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.lp3{position:absolute;inset:0;background:linear-gradient(90deg, rgba(14,14,14,.9) 0%, rgba(14,14,14,.7) 45%, rgba(14,14,14,.3) 100%)}
.lp4{position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(180deg, rgba(20,20,20,0), #141414)}
.lp5{position:relative}
.lp6{display:flex;flex-wrap:wrap;gap:12px}
.lp7{padding:72px 0 40px}
.lp8{max-width:760px;font-size:clamp(30px, 3vw, 40px)}
.lp9{max-width:640px;margin:16px 0 36px;color:#3D3A34}
.lp10{padding:56px 0 72px;background:#FFFFFF;border-top:1px solid #E2DFD8}
.lp11{max-width:700px;font-size:clamp(30px, 3vw, 40px)}
.lp12{max-width:620px;margin:16px 0 28px;color:#3D3A34}
.lp13{padding:88px 0}
.lp14{position:relative;display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:32px 64px;align-items:center}
.lp15{font-size:clamp(30px, 3vw, 40px)}
.lp16{margin:16px 0 0;max-width:540px}
.lp17{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 45%}
.lp18{position:absolute;inset:0;background:linear-gradient(90deg, rgba(14,14,14,.88) 0%, rgba(14,14,14,.5) 52%, rgba(14,14,14,.1) 100%)}
.lp19{position:relative;padding-top:calc(var(--header-h, 89px) + 72px);padding-bottom:88px;min-height:760px;display:flex;flex-direction:column;justify-content:flex-end}
.lp20{max-width:880px;display:flex;flex-direction:column;gap:24px}
.lp21{margin:0}
.lp22{margin:0;font-size:clamp(17px, 1.6vw, 20px);max-width:620px;color:#ECEAE5}
.lp23{background:#FFFFFF;border-bottom:1px solid #E2DFD8}
.lp24{padding-left:0;padding-right:0}
.lp25{padding-top:88px;padding-bottom:24px;display:flex;flex-wrap:wrap;gap:24px 64px;align-items:flex-start}
.lp26{flex:1 1 460px;min-width:0}
.lp27{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:12px}
.lp28{padding:40px 0 24px}
.lp29{margin-bottom:8px}
.lp30{margin:0 0 20px}
.lp31{list-style:none;margin:0}
.lp32{margin:0;font-size:16px}
.lp33{margin-top:4px}
.lp34{padding-top:48px;padding-bottom:72px}
.lp35{margin-bottom:28px}
.lp36{font-size:16px}
.lp37{padding-top:8px;padding-bottom:88px}
.lp38{margin-bottom:28px;max-width:780px}
.lp39{padding-top:88px;padding-bottom:88px;display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.lp40{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:18px}
.lp41{margin-top:4px;color:#F4F3EF}
.lp42{flex:1 1 520px;min-width:0;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}
.lp43{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;display:block}
.lp44{margin-top:40px}
.lp45{padding-top:88px;padding-bottom:24px}
.lp46{margin-bottom:12px;max-width:760px}
.lp47{margin:0 0 28px;max-width:700px}
.lp48{padding-top:72px;padding-bottom:72px}
.lp49{margin:0 0 28px;max-width:720px}
.lp50{margin-top:18px}
.lp51{padding-top:0;padding-bottom:72px}
.lp52{margin-bottom:28px;max-width:760px}
.lp53{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:20px}
.lp54{padding:24px;display:flex;flex-direction:column;gap:8px}
.lp55{margin:0;font-size:20px}
.lp56{max-width:920px;margin:0 auto;padding:24px 24px 96px}
.lp57{display:flex;flex-direction:column;gap:12px}
.lp58{position:absolute;right:5%;top:50%;width:min(38vw, 430px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;background:#FFFFFF;opacity:.96}
.lp59{position:absolute;right:5%;top:50%;width:min(38vw, 430px);height:auto;transform:translateY(-50%);object-fit:contain;pointer-events:none}
.lp60{position:relative;padding-top:96px;padding-bottom:96px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.lp61{margin:0;font-size:clamp(38px, 4.6vw, 64px);line-height:1;max-width:640px}
.lp62{margin:0;max-width:520px;font-size:19px}
.lp63{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.lp64{position:absolute;inset:0;background:linear-gradient(0deg, rgba(14,14,14,.92) 0%, rgba(14,14,14,.5) 55%, rgba(14,14,14,.3) 100%)}
.lp65{position:relative;padding-top:calc(var(--header-h, 89px) + 72px);padding-bottom:56px;min-height:820px;display:flex;flex-direction:column;justify-content:flex-end}
.lp66{max-width:860px;display:flex;flex-direction:column;gap:20px}
.lp67{margin:0;font-size:clamp(44px, 9vw, 132px);line-height:.88}
.lp68{margin:0;font-size:clamp(18px, 1.8vw, 22px);max-width:680px;color:#ECEAE5}
.lp69{padding-top:96px;padding-bottom:56px}
.lp70{display:flex;flex-direction:column;gap:14px}
.lp71{padding-top:40px;padding-bottom:88px}
.lp72{margin-bottom:16px}
.lp73{margin:0 0 12px}
.lp74{margin:0 0 14px}
.lp75{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp76{padding-top:96px;padding-bottom:96px}
.lp77{padding-top:96px;padding-bottom:88px}
.lp78{padding-top:24px;padding-bottom:88px}
.lp79{margin-bottom:12px;max-width:780px}
.lp80{margin:44px 0 18px}
.lp81{font-size:18px}
.lp82{margin:18px 0 0}
.lp83{background:#FFFFFF;border-top:1px solid #E2DFD8;border-bottom:1px solid #E2DFD8}
.lp84{padding-top:88px;padding-bottom:88px}
.lp85{margin:20px 0 0}
.lp86{max-width:920px;margin:0 auto;padding:96px 24px}
.lp87{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.lp88{position:absolute;inset:0;background:rgba(14,14,14,.82)}
.lp89{margin:0;font-size:clamp(38px, 4.6vw, 64px);line-height:1;max-width:760px}
.lp90{margin:0;max-width:620px;font-size:19px}
.lp91{display:flex;flex-direction:column;gap:20px;max-width:640px}
.lp92{margin:0;font-size:clamp(44px, 7.4vw, 112px);line-height:.88}
.lp93{margin:0;font-size:clamp(18px, 1.8vw, 22px);max-width:600px;color:#ECEAE5}
.lp94{padding-top:0;padding-bottom:0}
.lp95{padding-top:96px;padding-bottom:72px}
.lp96{margin-bottom:14px;max-width:780px}
.lp97{margin:0 0 32px;max-width:720px}
.lp98{background:#1F1F1F;border-color:#333}
.lp99{margin:26px 0 0}
.lp100{padding-top:88px;padding-bottom:0}
.lp101{padding-bottom:72px}
.lp102{margin:52px 0 14px}
.lp103{margin:0 0 20px;max-width:720px}
.lp104{margin:0;max-width:720px}
.lp105{margin:12px 0 0}
.lp106{margin-top:12px}
.lp107{margin:28px 0 10px;color:#F08A4B}
.lp108{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.lp109{position:relative;padding-top:104px;padding-bottom:104px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.lp110{margin:0;font-size:clamp(52px, 8.6vw, 128px);line-height:.88}
.lp111{margin:22px 0 0}
.lp112{background:#F3F1EC;border-bottom:1px solid #E2DFD8}
.lp113{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:8px}
.lp114{margin:0;font-size:clamp(52px, 7.4vw, 108px);line-height:.9}
.lp115{padding-top:96px;padding-bottom:96px;display:flex;flex-direction:column;gap:88px}
.lp116{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:8px}
.lp117{background:#F3F1EC;border-top:1px solid #E2DFD8;border-bottom:1px solid #E2DFD8}
.lp118{flex:5}
.lp119{flex:4}
.lp120{flex:7}
.lp121{max-width:920px;margin:0 auto;padding:24px 24px 72px}
.lp122{max-width:920px;margin:0 auto;padding:0 24px 96px}
.lp123{font-size:28px;margin-bottom:12px}
.lp124{margin:0;font-size:clamp(46px, 6.6vw, 96px);line-height:.92}
.lp125{padding-top:96px;padding-bottom:0}
.lp126{padding-top:96px;padding-bottom:96px;max-width:920px}
.lp127{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.lp128{margin:24px 0 0}
.lp129{margin:0;font-size:clamp(54px, 7.4vw, 108px);line-height:.9}
.lp130{margin:0 0 28px;max-width:760px}