/* Fonts served from the site itself (SIL Open Font License), so no request reaches Google on page load. */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/barlow-condensed-500.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/barlow-condensed-600.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/barlow-condensed-700.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(assets/fonts/barlow-condensed-800.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/manrope-variable.woff2) format('woff2')}
:root{--yellow:#e5ff00;--ink:#111211;--gray:#b0b1ae}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:#fff;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#111211;border-bottom:1px solid #30312e;position:relative;z-index:10}.logo{display:flex;align-items:center;gap:17px}.logo>b{font-size:39px;font-weight:800;letter-spacing:-4px}.logo>b span{font-size:10px;color:var(--yellow);letter-spacing:0;margin-left:8px}.logo>span{font-size:12px;font-weight:800;letter-spacing:1px}.logo small{font-size:8px;letter-spacing:2px;display:block;color:#aaa;margin-top:7px}nav{display:flex;gap:30px;font-size:12px;color:#ccc}nav a:hover{color:var(--yellow)}.call{font-size:13px;font-weight:800}.call span{color:var(--yellow);margin-left:12px}.hero{position:relative;min-height:730px;height:calc(100svh - 96px);max-height:1000px;overflow:hidden;isolation:isolate;perspective:1200px}.scene{position:absolute;inset:-3%;transform-style:preserve-3d;will-change:transform;transition:transform 1.1s cubic-bezier(.16,1,.3,1)}.scene img{width:100%;height:100%;object-fit:cover;object-position:66% 50%;animation:approach 15s ease-in-out infinite alternate;transition:opacity .3s}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,14,.92),rgba(4,8,14,.48) 37%,transparent 70%),linear-gradient(0deg,#080c14,transparent 25%);pointer-events:none}.hero-content{position:relative;padding:80px 6%;max-width:820px;z-index:2;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;display:flex;align-items:center;gap:10px;margin:0 0 30px}.eyebrow i{width:6px;height:6px;background:var(--yellow);border-radius:50%}h1,h2,h3{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;margin:0;font-weight:600}h1{font-size:clamp(65px,6.8vw,110px);line-height:.95;letter-spacing:-1.8px}em{font-style:normal;color:var(--yellow)}.intro{font-size:14px;line-height:1.9;color:#ddd;margin:28px 0}.button{display:inline-flex;align-items:center;gap:40px;padding:18px 23px;background:var(--yellow);color:#161b00;font-size:12px;font-weight:800;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-4px)}.button span{font-size:19px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px}.button-outline{background:transparent;border:1px solid var(--yellow);color:var(--yellow)}.button-outline:hover{background:var(--yellow);color:#161b00}.vertical{position:absolute;right:3%;top:42%;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px}.hero-bottom{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.2px}.hero-bottom>a span{margin-left:24px;color:var(--yellow)}.photo-control{display:flex;align-items:center;gap:12px}.photo-control>span{margin-right:15px}.photo-control button{background:transparent;border:1px solid #66707b;color:#fff;width:34px;height:34px;cursor:pointer;font-size:10px}.photo-control button.active{background:var(--yellow);border-color:var(--yellow);color:#111}.brand-strip{display:flex;align-items:center;gap:35px;padding:30px 6%;border-bottom:1px solid #333}.brand-strip>span:not(.draft){font-size:22px;letter-spacing:4px;font-weight:800}.brand-strip .plus{color:#666;font-weight:400!important}.brand-strip p{font-size:12px;color:#aaa;border-left:1px solid #555;padding-left:35px}.brand-strip .draft{font-size:8px;letter-spacing:2px;margin-left:auto;color:#888}.section{padding:110px 8%}.services{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;background:#f1f0eb;color:var(--ink)}h2{font-size:clamp(44px,5vw,72px);line-height:1.04;letter-spacing:-.5px}.section-heading h2 span{color:#787b73}.section-heading>p:last-child{font-size:13px;line-height:1.8;color:#65675f;max-width:320px;margin-top:25px}.service-list details{border-bottom:1px solid #c3c6bb;padding:24px 0}.service-list details:first-child{border-top:1px solid #c3c6bb}.service-list summary{list-style:none;display:flex;align-items:center;gap:24px;cursor:pointer}.service-list summary::-webkit-details-marker{display:none}summary>span{font-size:10px;color:#777}summary h3{font-size:30px}summary b{margin-left:auto;font-size:22px;font-weight:400}details[open] summary b{transform:rotate(45deg)}details p{font-size:12px;line-height:1.9;max-width:350px;color:#65675f;margin:20px 0 16px 37px}details>a{font-size:10px;font-weight:800;margin-left:37px;display:inline-block;margin-bottom:5px}.passion{display:grid;grid-template-columns:1.15fr 1fr;min-height:620px;overflow:hidden}.passion-photo{perspective:1000px;overflow:hidden;background:#060910}.passion-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s}.passion-photo:hover img{transform:scale(1.06) rotateY(-4deg)}.passion-copy{padding:90px 13%}.passion-copy>p:not(.eyebrow){color:#aaa;font-size:12px;line-height:1.9;margin:25px 0;max-width:320px}.text-link{font-size:11px;border-bottom:1px solid #777;padding-bottom:9px;display:inline-block}.contact{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;border-top:1px solid #333}.big-phone{font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(30px,3.5vw,50px);display:inline-block;margin-top:35px}.address{padding-top:40px;font-size:13px;line-height:1.9}.address>b{font-size:12px;letter-spacing:2px}.address>a{display:block;margin:15px 0}.address small{color:#888;font-size:10px;display:block;margin-top:25px}footer{border-top:1px solid #333;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer>span{font-size:11px;font-weight:800;letter-spacing:1px}footer b{color:var(--yellow)}footer p,footer>a{color:#858780;font-size:9px;line-height:1.8}@keyframes approach{from{transform:scale(1)}to{transform:scale(1.065)}}body.paused *{animation-play-state:paused!important}body.paused .scene{transform:none!important}@media(min-width:1600px){.hero-content{padding-top:110px}}@media(max-width:900px){header{height:80px}nav{display:none}.hero{height:800px;min-height:0}.hero-content{padding-top:65px}h1{font-size:80px}.shade{background:linear-gradient(90deg,#080c14d9,transparent),linear-gradient(0deg,#080c14,transparent 60%)}.scene img{object-position:62%}.brand-strip{gap:20px}.brand-strip p{display:none}.services{gap:6%}.section{padding:75px 6%}.passion-copy{padding:70px 10%}.passion{min-height:530px}footer{flex-wrap:wrap}}@media(max-width:600px){header{padding:0 6%}.logo>b{font-size:32px}.logo>span{font-size:9px}.logo small{font-size:6px}.call{font-size:10px}.call span{display:none}.hero{height:760px}.hero-content{padding-top:50px}.hero h1{font-size:65px}.scene{inset:0}.scene img{object-position:60%;opacity:.78}.intro{font-size:12px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{justify-content:space-between}.hero-bottom{align-items:flex-start;gap:20px;flex-direction:column}.vertical{display:none}.photo-control>span{font-size:8px}.brand-strip{gap:18px}.brand-strip>span:not(.draft){font-size:17px}.brand-strip .draft{font-size:6px;letter-spacing:1px}.services,.contact,.passion{grid-template-columns:1fr}.service-list{margin-top:30px}.passion-photo{height:350px}.passion-copy{padding:55px 6%}.contact{gap:15px}.address{padding-top:20px}footer{gap:15px}footer p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene{transform:none!important}}

/* Manufacturer marks, sourced from the official Renault and Dacia headers. */
.header-identity{display:flex;align-items:center;gap:24px;flex-shrink:0}.manufacturer-logos{display:flex;align-items:center;gap:20px;border-left:1px solid #454641;padding-left:24px}.manufacturer-logos img{display:block;object-fit:contain;flex-shrink:0}.renault-mark{width:34px;height:44px}.dacia-mark{width:86px;height:24px}
@media(min-width:901px) and (max-width:1200px){header{padding:0 3%;gap:22px}nav{gap:18px;font-size:11px}.header-identity{gap:16px}.manufacturer-logos{padding-left:16px;gap:14px}.logo>span{font-size:10px}.call{font-size:11px}}
@media(max-width:600px){header{height:auto;min-height:90px;padding:16px 6%;gap:12px;flex-wrap:wrap}.header-identity{gap:14px}.logo{gap:10px}.logo>span{display:none}.manufacturer-logos{padding-left:14px;gap:14px}.renault-mark{width:26px;height:35px}.dacia-mark{width:68px;height:20px}.call{margin-left:auto}}

/* Subtle approved SRA mark, centered at the top of the hero. */
.sra-watermark{position:absolute;z-index:1;top:0;left:50%;transform:translateX(-50%);width:clamp(320px,46vw,620px);height:auto;opacity:.5;mix-blend-mode:screen;pointer-events:none;user-select:none}
@media(max-width:600px){.sra-watermark{top:-12px;width:340px;max-width:96vw;opacity:.45}}

/* Reserve space for the visible centered watermark above the headline. */
.hero-content{padding-top:180px}.hero{min-height:850px}
@media(max-width:600px){.hero-content{padding-top:145px}.hero{min-height:850px}}
/* Four-page site: restrained workshop and sales layouts. */
.sra-watermark{filter:brightness(.58);opacity:.5}
.insurance-header{display:flex;flex-direction:column;align-items:center;background:#fff;padding:4px 9px 6px;width:112px;flex-shrink:0;border-radius:2px}.insurance-header img{width:90px;height:34px;object-fit:contain}.insurance-header span{font-size:6px;letter-spacing:.7px;color:#4a4a4a;font-weight:800}header nav a[aria-current=page]{color:var(--yellow)}
.page-intro{padding:80px 8% 65px;border-bottom:1px solid #30312e;background:radial-gradient(ellipse at top right,#252a20,transparent 60%)}.page-intro h1{font-size:clamp(48px,6vw,88px);line-height:1.04}.page-intro>p:last-of-type{font-size:14px;color:#b9bbb4;line-height:1.8;max-width:640px;margin:28px 0}.workshop-wrap{background:#f1f0eb;color:#111;padding:0 8% 80px}.workshop-tabs{display:flex;border-bottom:1px solid #c0c1b7;gap:35px;margin-bottom:65px}.workshop-tabs button{border:0;border-bottom:4px solid transparent;background:none;color:#696d60;font-weight:800;padding:25px 0;font-size:15px;cursor:pointer}.workshop-tabs button[aria-selected=true]{border-bottom-color:#738000;color:#111}[hidden]{display:none!important}.workshop-lead{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;margin-bottom:50px}.workshop-lead>p{font-size:14px;line-height:1.9;color:#595e51}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cdd0c2;border:1px solid #cdd0c2;margin:35px 0}.task-grid article{background:#f1f0eb;padding:30px}.task-grid article>span{font-size:10px;color:#777}.task-grid h3{font-size:29px;margin:18px 0 14px}.task-grid p{font-size:13px;line-height:1.9;color:#626659}.etech-panel{background:#171b14;color:#fff;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:7%;margin:40px 0}.etech-panel h2{font-size:45px}.etech-panel p:not(.eyebrow){font-size:13px;line-height:1.9;color:#bec4b7}.insurer-panel{padding:20px;background:#fff;text-align:center}.insurer-panel img{display:block;width:100%;max-width:300px;margin:auto;height:120px;object-fit:contain}.insurer-panel strong{font-size:13px}.workshop-note{margin:40px 0}.workshop-note h3{font-size:30px}.workshop-note p{font-size:13px;line-height:1.8}.model-grid{padding:50px 6%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.model-card{border:1px solid #34372e;background:#181b15;overflow:hidden}.model-card img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s}.model-card:hover img{transform:scale(1.035)}.model-card a>div{padding:25px}.model-card h2{font-size:35px}.model-card p{font-size:12px;line-height:1.8;color:#b2b6aa}.model-card span{font-size:11px;color:var(--yellow)}.sales-contact{padding:75px 8%;background:#20261a;display:grid;grid-template-columns:1.2fr 1fr;gap:8%}.sales-contact p{font-size:13px;line-height:1.9;max-width:480px;color:#bdc4b2}.sales-contact .big-phone{margin:0 0 28px}.sms-link{display:table;margin:25px 0}.sales-contact .fineprint{font-size:10px;color:#a4ac9b}.contact-cover{min-height:500px;position:relative;isolation:isolate;overflow:hidden;background:#070b0f;display:flex;align-items:center}.light-signature{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.23;filter:saturate(.25);z-index:-1}.contact-cover-content{padding:70px 8%;width:100%;background:linear-gradient(90deg,#070b0fc9,transparent)}.contact-cover h1{font-size:clamp(50px,6vw,88px)}.contact-cover p:not(.eyebrow){font-size:14px;color:#ccc}.contact-cards{padding:70px 8%;display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-cards article:last-child,.contact-cards .hours-card{grid-column:1/-1;border-top:1px solid #333;padding-top:35px}.contact-cards h2{font-size:45px}.contact-cards .big-phone{font-size:38px;display:block;margin:25px 0}.contact-cards article>a:not(.big-phone):not(.button){font-size:13px}.contact-cards p:not(.eyebrow){line-height:1.9;color:#aaa}.hours-card p:not(.eyebrow){margin:10px 0}
@media(max-width:1100px){header{flex-wrap:wrap;height:auto;min-height:100px;padding:14px 5%;gap:18px}header nav{display:flex;order:3;width:100%;justify-content:center;padding:12px 0 3px;border-top:1px solid #333}.model-grid{gap:15px;padding:35px 4%}.model-card a>div{padding:18px}.task-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.header-identity{gap:10px}.manufacturer-logos{gap:10px;padding-left:10px}.insurance-header{width:88px;padding:3px 6px 5px;margin-left:auto}.insurance-header img{width:74px;height:27px}.insurance-header span{font-size:5px}.page-intro{padding:55px 6% 35px}.page-intro h1{font-size:49px}.workshop-wrap{padding:0 6% 50px}.workshop-tabs{gap:20px;margin-bottom:40px}.workshop-tabs button{font-size:12px}.workshop-lead,.etech-panel,.sales-contact,.contact-cards{grid-template-columns:1fr}.workshop-lead{gap:20px}.task-grid{grid-template-columns:1fr}.task-grid article{padding:25px}.etech-panel{padding:28px;gap:20px}.etech-panel h2{font-size:40px}.model-grid{grid-template-columns:1fr;padding:25px 6%;gap:25px}.model-card h2{font-size:36px}.sales-contact{padding:50px 6%;gap:25px}.sales-contact .big-phone{font-size:40px}.contact-cover{min-height:450px}.contact-cover-content{padding:55px 6%}.contact-cards{padding:50px 6%;gap:40px}.contact-cards article:last-child{grid-column:auto}.sra-watermark{opacity:.45;filter:brightness(.58)}}

/* Agency identity and rentals. */
.logo>b{font-size:58px;letter-spacing:-5px;font-style:italic;line-height:1}.logo>b span{font-size:11px;letter-spacing:0}.header-identity{gap:18px}.manufacturer-logos{gap:16px;padding-left:18px}header nav{gap:22px}
.rental-grid{padding:60px 8%;display:grid;grid-template-columns:1fr 1fr;gap:30px}.rental-card{background:#1c2018;border:1px solid #3c4134;overflow:hidden}.rental-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.rental-card>div:not(.rental-title-art){padding:35px}.rental-card h2{font-size:50px}.rental-card p:not(.eyebrow){font-size:14px;line-height:1.8;color:#b6bbae}.rental-card strong{font-size:13px;display:block;margin:20px 0}.rental-card small{font-size:10px;color:#999;display:block;margin-top:20px}.rental-title-art{aspect-ratio:16/9;background:linear-gradient(135deg,#29331f,#10140d);padding:30px;display:flex;flex-direction:column;justify-content:center}.rental-title-art>span{letter-spacing:7px;font-size:12px}.rental-title-art>b{font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(45px,6vw,85px);font-style:italic;line-height:1.2}.rental-title-art>div{display:flex;gap:18px;align-items:center}.rental-title-art strong{font-size:55px;color:var(--yellow);margin:0}.rental-title-art div span{font-size:10px;letter-spacing:2px;line-height:1.8}.rental-terms{padding:70px 8%;background:#eeeFE8;color:#111}.rental-terms p:not(.eyebrow){max-width:750px;line-height:1.8;font-size:14px;margin:25px 0}.terms-body{background:#f1f0eb;color:#222;padding:65px max(6%,calc((100% - 900px)/2))}.terms-body article{padding:22px 0;border-bottom:1px solid #ccc}.terms-body h2{font-size:30px}.terms-body p{font-size:14px;line-height:1.9}
@media(max-width:1200px){header{flex-wrap:wrap;height:auto;gap:15px;padding:14px 5%}header nav{display:flex;order:3;width:100%;justify-content:center;border-top:1px solid #333;padding-top:15px}}
@media(max-width:650px){.logo>b{font-size:46px;letter-spacing:-4px}.header-identity{gap:10px}.manufacturer-logos{gap:10px;padding-left:10px}.rental-grid{grid-template-columns:1fr;padding:35px 6%}.rental-card>div:not(.rental-title-art){padding:25px}.rental-terms{padding:50px 6%}header nav{gap:20px;font-size:11px;flex-wrap:wrap}}

.trafic-card>img{aspect-ratio:16/9;object-fit:cover;object-position:center 58%;background:#dbe8e9}

.loan-vehicles{margin:0 8% 55px;padding:35px;background:#1c2018;border-left:3px solid var(--yellow);display:grid;grid-template-columns:1fr 1fr;gap:35px}.loan-vehicles h2{font-size:40px}.loan-vehicles p:not(.eyebrow){line-height:1.8;font-size:14px;color:#c7cbbf}.loan-vehicles .fineprint{font-size:12px}.sales-top-contact{display:flex;align-items:center;flex-wrap:wrap;gap:20px 35px;padding:20px 25px;margin:20px 0 35px;background:#1c2018;border-left:3px solid var(--yellow)}.sales-top-contact strong{font-size:23px;display:block}.sales-top-contact span{display:block;font-size:12px;color:#b6bbae;margin-top:5px}.sales-top-contact>a{font-size:25px;font-weight:700;color:var(--yellow);white-space:nowrap}.sales-top-contact>a.sales-top-sms{font-size:12px;color:#fff}@media(max-width:650px){.loan-vehicles{margin:0 6% 35px;padding:25px;grid-template-columns:1fr;gap:15px}.loan-vehicles h2{font-size:34px}.sales-top-contact{padding:18px;gap:16px}.sales-top-contact>a{font-size:23px}}

.header-partners{display:flex;align-items:center;gap:14px;flex-shrink:0}.header-partners .insurance-header{width:84px;padding:3px 5px 5px;margin:0}.header-partners .insurance-header img{width:70px;height:26px}.header-partners .insurance-header span{font-size:5px;letter-spacing:.35px}.mobilians-header{display:flex;flex-direction:column;align-items:center;gap:5px;width:88px;flex-shrink:0}.mobilians-header img{width:84px;height:37px;object-fit:contain}.mobilians-header span{font-size:5px;letter-spacing:.4px;color:#eee;white-space:nowrap}@media(max-width:650px){.header-partners{margin-left:auto;gap:10px}.header-partners .insurance-header{width:74px}.header-partners .insurance-header img{width:62px;height:23px}.mobilians-header{width:76px}.mobilians-header img{width:72px;height:31px}}

header nav{gap:20px}header nav a{white-space:nowrap}.occasion-content{padding:70px 8%;display:grid;grid-template-columns:1fr 1fr;gap:8%}.occasion-content p:not(.eyebrow),.occasion-details li{font-size:14px;color:#c1c5ba;line-height:1.9}.occasion-details{border:1px solid #3c4134;background:#1c2018;padding:35px}.occasion-details h3{font-size:34px}.occasion-details ul{padding-left:20px;margin:25px 0 35px}@media(min-width:651px) and (max-width:1350px){header{height:auto;min-height:110px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;gap:16px}header nav{order:3;flex-basis:100%;justify-content:center;flex-wrap:wrap}}@media(max-width:650px){header nav{gap:14px 20px}.occasion-content{padding:40px 6%;grid-template-columns:1fr;gap:30px}.occasion-details{padding:25px}}

.occasion-jump{display:flex;flex-wrap:wrap;gap:16px}.own-occasions{background:#20261a;border-top:1px solid #3c4134}.occasion-content{scroll-margin-top:25px}@media(min-width:651px){.sms-only{display:none}}@media(max-width:650px){.mail-alt{margin-top:14px}}

/* Intro mist: clears once per visit, never blocks navigation. */
.sra-fog{position:fixed;inset:0;z-index:50;overflow:hidden;pointer-events:none;animation:sra-fog-clear 4s ease-out both}
.sra-fog i{position:absolute;inset:-25%;background:radial-gradient(ellipse at 20% 45%,#d9e0debf 0%,#c0cccb70 24%,transparent 56%),radial-gradient(ellipse at 70% 60%,#ebeeeccc 0%,#d3ddd880 20%,transparent 52%);filter:blur(22px);animation:sra-mist-drift 4s ease-out both}
.sra-fog i:nth-child(2){transform:scale(1.2) rotate(180deg);animation-name:sra-mist-away;opacity:.8}
.sra-fog i:nth-child(3){inset:10% -25% -35%;opacity:.6;animation-duration:4s}
@keyframes sra-fog-clear{0%,12%{opacity:1}75%{opacity:.25}100%{opacity:0;visibility:hidden}}
@keyframes sra-mist-drift{from{translate:0 0;scale:1}to{translate:22% -16%;scale:1.3}}
@keyframes sra-mist-away{from{translate:0 0}to{translate:-24% 10%}}
.sra-sound{position:fixed;right:20px;bottom:20px;z-index:60;min-height:44px;padding:12px 18px;border:1px solid #e5ff0070;border-radius:30px;background:#111211ee;color:#e5ff00;font:600 12px Manrope,Arial,sans-serif;cursor:pointer;box-shadow:0 4px 20px #0004}
.sra-sound:hover,.sra-sound[aria-pressed=true]{background:#e5ff00;color:#111211}
@media(max-width:600px){.sra-sound{right:12px;bottom:12px;padding:11px 15px}}
@media(prefers-reduced-motion:reduce){.sra-fog{display:none}}

/* Two brief signal slips during the intro; no white flashes or loop. */
.sra-opening main{animation:sra-signal-slip 4s linear both}
.sra-opening .sra-fog:after{content:"";position:absolute;inset:0;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#b8d5cd25 6px 7px,transparent 8px 12px);animation:sra-signal-lines 4s linear both;pointer-events:none}
@keyframes sra-signal-slip{0%,30%,36%,64%,70%,100%{transform:translateX(0);filter:none}31%,34%{transform:translateX(3px);filter:contrast(1.13)}65%,68%{transform:translateX(-3px);filter:contrast(1.08)}}
@keyframes sra-signal-lines{0%,30%,36%,64%,70%,100%{opacity:0}31%,34%,65%,68%{opacity:.7}}
@media(prefers-reduced-motion:reduce){.sra-opening main{animation:none;transform:none}.sra-opening .sra-fog:after{display:none}}

/* Brief transition on every page, section or tab change. */
.sra-transition-lines{position:fixed;inset:0;z-index:51;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 5px,#b8d5cd25 6px 7px,transparent 8px 12px)}
.sra-transition main{animation:sra-page-slip .65s linear both}
.sra-transition .sra-transition-lines{animation:sra-page-lines .65s linear both}
@keyframes sra-page-slip{0%,32%,48%,82%,100%{transform:translateX(0);filter:none}8%,24%{transform:translateX(4px) skewX(.12deg);filter:contrast(1.13)}54%,72%{transform:translateX(-3px);filter:contrast(1.08)}}
@keyframes sra-page-lines{0%,32%,48%,82%,100%{opacity:0;transform:translateY(0)}8%,24%{opacity:.75;transform:translateY(-5px)}54%,72%{opacity:.6;transform:translateY(7px)}}
@media(prefers-reduced-motion:reduce){.sra-transition main{animation:none;transform:none}.sra-transition-lines{display:none}}
.sra-navigation-status{position:fixed;bottom:80px;right:20px;left:20px;max-width:520px;margin-left:auto;z-index:65;padding:16px;background:#222;color:#fff;border:1px solid var(--yellow);font-size:13px}

.sra-transition-lines{background:linear-gradient(transparent 20%,#03131555 20% 22%,transparent 22% 54%,#9bd4cd38 54% 55%,transparent 55% 77%,#04101355 77% 80%,transparent 80%),repeating-linear-gradient(0deg,transparent 0 3px,#95c4b94d 4px 5px,transparent 6px 9px)}
@media(max-width:600px){@keyframes sra-page-slip{0%,32%,48%,82%,100%{transform:translateX(0);filter:none}8%,24%{transform:translateX(2px);filter:contrast(1.13)}54%,72%{transform:translateX(-2px);filter:contrast(1.08)}}}

/* Clearer header typography. */
header .logo>b{font-style:normal}
header .logo>span{font-size:15px;letter-spacing:.8px}
header .logo small{font-size:9px;letter-spacing:1.7px;color:#ddd}
header nav{font-size:15px;font-weight:600;color:#fff;gap:24px}
header nav a,header nav a:hover,header nav a[aria-current=page]{color:#fff}
header nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:8px;text-decoration-thickness:2px}
header nav a:hover{text-decoration:underline;text-underline-offset:8px}
@media(min-width:651px) and (max-width:1550px){header{height:auto;min-height:110px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;gap:16px}header nav{order:3;flex-basis:100%;justify-content:center;flex-wrap:wrap}}
@media(max-width:650px){header nav{font-size:14px;gap:16px 20px}header .logo>span{font-size:12px}header .logo small{font-size:8px}}

/* Photographs provided by Saint Renan Auto. */
.agency-photos{border-top:1px solid #333}.agency-photos>.section-heading{margin-bottom:35px;max-width:720px}.agency-photos .section-heading>p:not(.eyebrow){color:#bbb;line-height:1.8;font-size:14px}.agency-photos figure{margin:0;min-width:0}.agency-photos img{width:100%;display:block;object-fit:cover}.agency-wide img{aspect-ratio:16/9}.agency-photos figcaption,.rental-real figcaption{padding:14px 0;color:#bbb;font-size:12px;line-height:1.6}.agency-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:25px}.agency-grid img{aspect-ratio:4/3}.agency-note{font-size:12px;color:#aaa;line-height:1.7;margin-top:28px}.passion-photo img{object-position:center}.rental-real{margin:25px 0 0}.rental-real img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}@media(max-width:650px){.agency-grid{grid-template-columns:1fr;gap:18px}.agency-wide img{aspect-ratio:4/3}}
.agency-photos .section-heading>p.agency-services{margin-top:22px;padding-left:18px;border-left:3px solid var(--yellow);color:#fff;font-size:16px;font-weight:600;line-height:1.7;max-width:640px}@media(max-width:650px){.agency-photos .section-heading>p.agency-services{font-size:14px}}

/* Sales contacts: e-mail links next to the phone numbers. */
.sales-top-contact>a.sales-top-mail{font-size:13px;font-weight:600;color:#fff;overflow-wrap:anywhere;white-space:normal}.sales-top-contact>a.sales-top-mail:hover{color:var(--yellow)}
.mail-link{display:table;margin:25px 0;overflow-wrap:anywhere}.contact-cards article>a[href^="mailto:"]{overflow-wrap:anywhere}

/* Prestige header: yellow top rule, condensed SRA monogram, spaced agency name and navigation. */
header{background:linear-gradient(180deg,#171917,#0d0e0d);border-top:3px solid var(--yellow);border-bottom:1px solid #3a3b36;box-shadow:0 10px 30px -18px #000}
header .logo{gap:20px}
header .logo>b{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:66px;letter-spacing:3px;line-height:.9}
header .logo>b span{font-size:12px;margin-left:4px;vertical-align:top;position:relative;top:6px}
header .logo>span{border-left:1px solid #4a4b45;padding-left:20px;font-size:16px;font-weight:700;letter-spacing:4.5px}
header .logo small{font-size:9px;letter-spacing:3.4px;color:#cfd0ca;margin-top:9px}
header .logo small::before{content:"";display:block;width:34px;height:2px;background:var(--yellow);margin-bottom:8px}
header nav{text-transform:uppercase;font-size:13px;letter-spacing:1.8px;gap:30px}
header nav a[aria-current=page]{text-underline-offset:10px}
/* Header layout at every width: identity left and partners right on the first row, navigation centred on its own row.
   Replaces the earlier one-row / wrap variants, which made the menu collide with the Dacia logo around 1600 px. */
header{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"id . partners" "nav nav nav";align-items:center;column-gap:24px;row-gap:0;height:auto;min-height:0;padding:14px 5% 0;flex-wrap:nowrap}
header .header-identity{grid-area:id;min-width:0;gap:22px}
header .header-partners{grid-area:partners;margin:0;gap:16px}
header nav{grid-area:nav;order:0;width:auto;flex-basis:auto;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 34px;margin-top:14px;padding:14px 0 15px;border-top:1px solid #2e2f2b}
@media(max-width:1000px){header{column-gap:16px;padding-left:4%;padding-right:4%}header .header-identity{gap:14px}header .logo{gap:14px}header .logo>b{font-size:54px}header .logo>span{font-size:13px;letter-spacing:3px;padding-left:14px}header .logo small{font-size:8px;letter-spacing:2.4px}.manufacturer-logos{gap:12px;padding-left:14px}header .header-partners{gap:10px}.header-partners .insurance-header{width:74px}.header-partners .insurance-header img{width:62px;height:23px}.mobilians-header{width:76px}.mobilians-header img{width:72px;height:31px}header nav{gap:10px 24px;font-size:12px;letter-spacing:1.4px}}
/* SRA identity centred on the first row; partners stay on the right. */
header{grid-template-columns:1fr auto 1fr;grid-template-areas:". id partners" "nav nav nav"}
header .header-partners{justify-self:end}
@media(max-width:1100px){header{grid-template-columns:1fr;grid-template-areas:"id" "partners" "nav";justify-items:center;row-gap:12px}header .header-partners{justify-self:center}header nav{justify-self:stretch;margin-top:0}}
@media(max-width:560px){header .logo>span{display:none}}
@media(max-width:650px){header{grid-template-columns:1fr;grid-template-areas:"id" "partners" "nav";justify-items:center;row-gap:12px;padding:14px 5% 0}header .header-identity{gap:16px}header .logo>b{font-size:50px;letter-spacing:2px}.manufacturer-logos{padding-left:16px;gap:14px}header nav{margin-top:0;font-size:12px;letter-spacing:1.2px;gap:10px 20px;justify-self:stretch}}

/* Home closing section: manager portrait next to the agency address. */
.contact:has(.manager){grid-template-columns:1.3fr 1fr minmax(200px,.8fr);gap:6%;align-items:start}
.manager{margin:0;background:#1c2018;border:1px solid #3c4134}.manager img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 20%}
.manager figcaption{padding:16px 18px;border-left:3px solid var(--yellow)}.manager b{display:block;font-family:'Barlow Condensed',Arial,sans-serif;font-size:28px;font-weight:600}.manager span{display:block;margin-top:4px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#b6bbae}
@media(max-width:900px){.contact:has(.manager){grid-template-columns:1fr 1fr}.contact .manager{grid-column:2;grid-row:1/span 2}}
@media(max-width:600px){.contact:has(.manager){grid-template-columns:1fr}.contact .manager{grid-column:auto;grid-row:auto;max-width:320px;margin-top:20px}}

/* Rental photos keep their 16/9 frame despite the width/height attributes. */
.rental-card>img{height:auto}

/* Google Maps band at the top of every footer. */
footer{flex-wrap:wrap}.footer-map{flex:1 1 100%;margin:0 0 10px}.footer-map iframe{display:block;width:100%;height:320px;border:0;filter:grayscale(.35) contrast(1.05);background:#1c2018}
@media(max-width:650px){.footer-map iframe{height:240px}}
.map-consent{min-height:320px;display:flex;align-items:center;padding:40px 6%;background:linear-gradient(90deg,#0d0e0dee 35%,#0d0e0d99),url(assets/agence/garage-panorama.webp) center/cover;border:1px solid #2e2f2b}
.map-consent-box{max-width:560px}.map-consent-box>b{display:block;font-family:'Barlow Condensed',Arial,sans-serif;font-size:34px;font-weight:600;margin:-12px 0 12px}.map-consent-box>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#c7cbbf;margin:0 0 22px}
.map-consent-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}.map-consent .button{border:0;cursor:pointer;font-family:inherit}
@media(max-width:650px){.map-consent{min-height:240px;padding:28px 6%}.map-consent-box>b{font-size:27px}}

/* Workshop families: photo watermark in each card, faded towards the text. */
.task-grid article.illu{position:relative;overflow:hidden;isolation:isolate}
.task-grid article.illu::after{content:"";position:absolute;inset:0 0 0 30%;background:var(--illu) no-repeat center/cover;filter:grayscale(1) contrast(1.1);mix-blend-mode:multiply;opacity:.2;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%);transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .9s,filter .9s}
.task-grid article.illu:hover::after{transform:scale(1.06);opacity:.32;filter:grayscale(.4) contrast(1.05)}
.illu-vidange{--illu:url(assets/atelier/vidange.webp)}.illu-freinage{--illu:url(assets/atelier/freinage.webp)}.illu-distribution{--illu:url(assets/atelier/distribution.webp)}.illu-pneus{--illu:url(assets/atelier/pneus.webp)}.illu-climatisation{--illu:url(assets/atelier/climatisation.webp)}.illu-diagnostic{--illu:url(assets/atelier/diagnostic.webp)}.illu-evaluation{--illu:url(assets/atelier/evaluation.webp)}.illu-carrosserie{--illu:url(assets/atelier/carrosserie.webp)}.illu-peinture{--illu:url(assets/atelier/peinture.webp)}.illu-sinistre{--illu:url(assets/atelier/sinistre.webp)}
@media(max-width:650px){.task-grid article.illu::after{inset:0 0 0 20%;opacity:.16}}

/* Depth layer (depth.js). Classes are only added by script, so the static layout stays the fallback. */
.hero.depth-on .scene{transition:none;transform:translate3d(calc(var(--cx,0)*-28px),calc(var(--cy,0)*-18px + var(--cs,0)*110px),calc(var(--cs,0)*150px)) rotateY(calc(var(--cx,0)*5deg)) rotateX(calc(var(--cy,0)*-3.5deg)) scale(1.05)}
.hero.depth-on .sra-watermark{transform:translate3d(calc(-50% + var(--cx,0)*16px),calc(var(--cy,0)*12px + var(--cs,0)*-50px),0)}
.hero.depth-on .hero-content{transform:translate3d(calc(var(--cx,0)*12px),calc(var(--cy,0)*8px + var(--cs,0)*-80px),0) rotateY(calc(var(--cx,0)*-2deg));opacity:calc(1 - var(--cs,0)*.7)}
.hero.depth-on .vertical{transform:translate3d(calc(var(--cx,0)*20px),calc(var(--cy,0)*14px),0)}
.hero.depth-on .hero-bottom{transform:translate3d(calc(var(--cx,0)*8px),calc(var(--cs,0)*-40px),0)}
.hero-light{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at calc(58% + var(--cx,0)*60%) calc(40% + var(--cy,0)*45%),#fff8d633,transparent 38%),linear-gradient(105deg,transparent 38%,#ffffff12 48%,#ffffff05 52%,transparent 60%) calc(50% - var(--cx,0)*120%) 0/260% 100% no-repeat}
.hero-gl{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity 1.6s ease}.hero-gl.ready{opacity:1}
.depth-reveal{opacity:0;transform:perspective(1100px) translate3d(0,48px,-70px) rotateX(9deg);transform-origin:50% 100%;transition:opacity .9s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform 1.15s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}
.depth-reveal.is-in{opacity:1;transform:none}
.depth-tilt{transform:perspective(900px) rotateX(calc(var(--ty,0)*-7deg)) rotateY(calc(var(--tx,0)*9deg)) translateZ(0);transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s;will-change:transform}
.depth-tilt.is-tilting{transition:transform .12s linear,box-shadow .3s;box-shadow:calc(var(--tx,0)*-30px) calc(18px + var(--ty,0)*-20px) 45px -18px #000c}
.model-card.depth-tilt:hover img{transform:scale(1.035) translateZ(0)}
.passion-photo img.depth-parallax{transform:scale(1.14) translate3d(0,calc(var(--py,0)*-5%),0);transition:transform .35s ease-out}
.passion-photo:hover img.depth-parallax{transform:scale(1.18) translate3d(0,calc(var(--py,0)*-5%),0) rotateY(-4deg);transition:transform 1.4s}
@media(max-width:600px){.hero.depth-on .scene{transform:translate3d(calc(var(--cx,0)*-18px),calc(var(--cy,0)*-12px + var(--cs,0)*90px),calc(var(--cs,0)*120px)) rotateY(calc(var(--cx,0)*4deg)) rotateX(calc(var(--cy,0)*-3deg)) scale(1.1)}.hero.depth-on .hero-content{transform:translate3d(calc(var(--cx,0)*6px),calc(var(--cs,0)*-60px),0)}}
body.paused .hero-gl{opacity:.6}body.paused .depth-reveal{opacity:1;transform:none;transition:none}body.paused .depth-tilt{transform:none}
@media(prefers-reduced-motion:reduce){.hero-light,.hero-gl{display:none}.depth-reveal{opacity:1!important;transform:none!important}.depth-tilt,.depth-parallax,.hero.depth-on .hero-content,.hero.depth-on .sra-watermark,.hero.depth-on .hero-bottom,.hero.depth-on .vertical{transform:none!important}.hero.depth-on .sra-watermark{transform:translateX(-50%)!important}}