/* Esplanade Garage Experience · Duthie Digital */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body.ege-site{margin:0;background:var(--white);color:var(--dark);font-family:Arial,Helvetica,sans-serif;line-height:1.6;font-size:16px;-webkit-text-size-adjust:100%}.ege-site [hidden]{display:none!important}.ege-site h1,.ege-site h2,.ege-site h3,.ege-site p,.ege-site figure{margin:0}.ege-site h1,.ege-site h2,.ege-site h3{line-height:1.1;letter-spacing:-.045em}.ege-site h1{font-size:clamp(42px,5.5vw,84px);font-weight:750}.ege-site h2{font-size:clamp(30px,3.6vw,54px)}.ege-site h3{font-size:23px;letter-spacing:-.025em}.ege-site p{margin:1em 0}.ege-site a{color:inherit;text-underline-offset:4px}.ege-site img{max-width:100%;height:auto;display:block}.ege-site picture{display:block;overflow:hidden}.ege-site picture img{width:100%;height:100%;object-fit:cover}.ege-site button,.ege-site input,.ege-site textarea,.ege-site select{font:inherit}.ege-site button,.ege-site .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);border:1px solid transparent;color:white;padding:15px 24px;text-decoration:none;cursor:pointer;font-weight:700;font-size:14px;min-height:50px;border-radius:2px;line-height:1.4;transition:background .2s,transform .2s}.ege-site button:hover,.ege-site .button:hover{filter:brightness(.94)}.ege-site button:disabled{opacity:.55;cursor:wait}.ege-site .secondary{background:transparent;color:var(--dark);border-color:#ccd5de}.ege-site .button.light{background:white;color:var(--blue)}.ege-site button.compact{padding:8px 13px;min-height:40px;font-size:12px}.ege-site :focus-visible{outline:3px solid var(--blue);outline-offset:4px}.ege-site input:not([type=checkbox]):not([type=radio]),.ege-site textarea,.ege-site select{display:block;width:100%;min-width:0;border:1px solid #c6d0da;padding:13px 14px;border-radius:2px;background:white;color:var(--dark);font-size:16px;line-height:1.5;min-height:50px}.ege-site textarea{resize:vertical}.ege-site label{display:block;font-size:14px;font-weight:700;margin:18px 0 7px}.ege-site input[type=checkbox]{width:20px;height:20px;accent-color:var(--blue);flex-shrink:0}.ege-site input[type=file]{font-size:13px;white-space:normal}.ege-site .small{font-size:13px;line-height:1.6;color:#526273}.ege-site .lead{font-size:20px;line-height:1.6;color:#526273}.ege-site .eyebrow{display:block;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800;color:var(--blue);margin-bottom:18px}.ege-site .section{padding:92px max(6vw,24px);max-width:1600px;margin:0 auto}.ege-site .narrow{max-width:980px;min-height:45vh}.sr-only,.skip:not(:focus){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:10px;left:10px;z-index:99999;background:white;padding:15px}.ege-site .topline{background:var(--dark);color:#dfe6ef;font-size:11px;letter-spacing:.03em}.topline>div{max-width:1440px;margin:auto;padding:9px 6vw;display:flex;gap:40px}.topline a{margin-left:auto;text-decoration:none;color:white}.topline span{margin-left:auto;color:#b6c4d3}.ege-site .site-header{padding:24px 6vw;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;background:white;z-index:10;min-height:95px}.brand{flex-shrink:0}.brand img{width:240px;max-height:55px;object-fit:contain}.site-header nav{display:flex;gap:30px;align-items:center}.site-header nav>a:not(.button){font-size:14px;font-weight:700;text-decoration:none}.ege-site .nav-toggle{display:none;padding:10px;min-height:44px;width:44px;background:transparent}.nav-toggle span{height:2px;width:22px;background:var(--dark);display:block;margin:4px}.ege-site .hero{position:relative;min-height:650px;display:flex;align-items:center;color:white;isolation:isolate;background:var(--dark)}.hero-photo,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-photo img{object-position:50% 50%;filter:saturate(.8)}.hero-shade{background:linear-gradient(90deg,rgba(8,16,27,.93) 0%,rgba(8,16,27,.62) 45%,rgba(8,16,27,.08) 90%)}.hero-copy{padding:70px 6vw 100px;max-width:850px}.hero-copy .eyebrow{color:#badcfa}.hero-copy h1{max-width:720px;font-size:clamp(52px,6.7vw,100px);letter-spacing:-.055em;line-height:1}.hero-copy p{font-size:17px;line-height:1.8;max-width:500px;color:#e0e8ef;margin:26px 0 30px}.hero-link{font-size:13px;display:inline-block;margin-left:25px;font-weight:700}.hero-caption{position:absolute;bottom:28px;right:6vw;font-size:10px;letter-spacing:.16em}.ege-site .registration-strip{padding:34px 6vw;background:var(--light);display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #dbe2e9}.registration-strip h2{font-size:27px}.registration-strip .eyebrow{margin-bottom:7px}.registration-strip form{display:flex;gap:12px;align-items:center}.reg-input{display:flex;align-items:stretch;border:1px solid #c3cad1;background:#f5d755;max-width:400px;border-radius:3px;overflow:hidden}.reg-input>span{background:var(--blue);color:white;font-size:12px;padding:17px 10px;font-weight:800}.ege-site .reg-input input{font-size:24px!important;letter-spacing:.1em;text-transform:uppercase;text-align:center;font-weight:800;background:#f5d755!important;color:#17202b;border:0!important;padding:9px 14px!important;max-width:240px;min-height:57px}.reg-input input::placeholder{color:#6d622f;opacity:.7}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:45px}.section-heading>p{max-width:370px;color:#526273;font-size:15px}.service-editorial{border-top:1px solid #cdd5de}.service-row{display:grid;grid-template-columns:45px 115px 1fr 140px;align-items:center;gap:25px;padding:24px 0;border-bottom:1px solid #dce3e9;text-decoration:none}.service-row:not(:has(picture)){grid-template-columns:45px 1fr 140px}.service-number{font-size:11px;font-weight:bold;color:#6a7b8c}.service-row h3{font-size:27px}.service-row p{font-size:13px;margin:5px 0 0;color:#647182}.service-view{display:flex;align-items:center;justify-content:flex-end;gap:25px;font-weight:bold;font-size:12px;color:var(--blue)}.service-view i{display:grid;place-items:center;width:35px;height:35px;border:1px solid #dbe2e9;border-radius:50%;font-size:21px;font-style:normal;font-weight:400}.service-thumb{height:78px;width:115px}.service-row:hover h3{color:var(--blue)}.why-section{display:grid;grid-template-columns:1fr 1fr;background:var(--dark);color:white}.why-photo{min-height:560px;position:relative}.why-photo>picture{height:100%;position:absolute;inset:0}.why-copy{padding:70px max(5vw,30px)}.why-copy .eyebrow{color:#82bcf0}.why-copy>p{color:#c4cfd9;max-width:560px;font-size:15px}.why-points{margin-top:35px}.why-points>div{border-top:1px solid #36404d;padding:20px 0 15px 35px;position:relative}.why-points span{position:absolute;left:0;color:#74b4ed;font-size:10px}.why-points h3{font-size:19px}.why-points p{color:#b3bfcc;font-size:13px;margin:8px 0}.cars-section{display:grid;grid-template-columns:1.1fr 1fr;background:var(--light)}.cars-image{min-height:470px;position:relative}.cars-image>picture{position:absolute;inset:0;height:100%}.cars-copy{padding:70px 6vw 60px}.cars-copy p{color:#536273}.cars-copy .small{margin-top:20px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.review-grid figure{padding:25px;border-top:2px solid var(--blue)}.review-grid blockquote{font-size:21px;margin:0;line-height:1.5;letter-spacing:-.02em}.review-grid figcaption{font-size:13px;color:#526273;margin-top:25px}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.offer-grid article{background:var(--light);padding:25px}.offer-grid picture{height:200px;margin:-25px -25px 20px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-section>div>p{color:#526273;font-size:14px;max-width:340px}.faqs details{border-top:1px solid #cdd5de;padding:22px 0}.faqs details:last-child{border-bottom:1px solid #cdd5de}.faqs summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;line-height:1.5}.faqs summary::after{content:'+';color:var(--blue);font-size:22px;line-height:1}.faqs details[open] summary::after{content:'−'}.faqs p{font-size:14px;color:#526273;max-width:600px}.ege-site .final-cta{background:var(--blue);color:white;padding:75px 6vw 85px}.final-cta h2{font-size:clamp(40px,5vw,72px)}.final-cta .eyebrow{color:#d4eaff}.final-cta p{color:#e1effc;max-width:480px}.final-cta>a:not(.button){display:inline-block;margin-left:25px;font-size:17px}.site-footer{padding:65px 6vw 0;background:var(--dark);color:#aebdcd}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:70px;padding-bottom:50px}.footer-grid>div:first-child p{max-width:320px}.footer-grid img{width:240px;max-height:55px;object-fit:contain}.footer-grid h2{font-size:13px;color:white;letter-spacing:0;margin-bottom:20px}.footer-grid a{display:block;text-decoration:none;font-size:13px;margin-bottom:10px}.footer-grid p{font-size:13px}.footer-base{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #33404e;padding:22px 0;font-size:10px;letter-spacing:.03em}.footer-base b{color:white}.service-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:var(--light)}.service-hero h1{font-size:clamp(40px,4.5vw,65px)}.service-hero-photo{height:480px}.service-body{display:grid;grid-template-columns:1.3fr .7fr;gap:100px}.service-body p{color:#526273}.service-body aside{background:var(--light);padding:35px}.service-body aside ul{padding-left:20px;margin:25px 0}.service-body aside li{margin:10px 0;font-size:14px}.related{background:var(--light)}.related>div{display:flex;gap:25px;flex-wrap:wrap;margin-top:30px}.related>div a{font-size:17px;font-weight:700;color:var(--blue)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid>div:first-child p{max-width:470px;color:#526273}.contact-details{padding:40px;background:var(--light)}.contact-details h2{font-size:20px;margin-top:25px}.contact-details h2:first-child{margin-top:0}.contact-details>a{display:block;margin:12px 0;color:var(--blue);overflow-wrap:anywhere}.enquiry-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;background:var(--light);align-items:start;min-height:80vh}.enquiry-intro h1{font-size:clamp(42px,4.8vw,70px)}.enquiry-intro>p{max-width:350px;color:#526273}.enquiry-intro>a{font-size:13px}.enquiry-card{background:white;padding:40px;border:1px solid #e0e6ec;box-shadow:0 15px 45px #12213308;min-width:0}.step-status{font-size:11px;letter-spacing:.05em;color:#617385;margin-bottom:30px}.step-status progress{display:block;appearance:none;width:100%;height:4px;margin-top:12px;border:0;background:#e7edf2}.step-status progress::-webkit-progress-bar{background:#e7edf2}.step-status progress::-webkit-progress-value{background:var(--blue)}.step-status progress::-moz-progress-bar{background:var(--blue)}.ege-site fieldset{border:0;margin:0;padding:0;min-width:0}.ege-site legend{font-size:27px;font-weight:700;letter-spacing:-.035em;line-height:1.2;margin:0 0 15px;padding:0;width:100%}.enquiry-card .reg-input{margin-bottom:15px}.form-actions{display:flex;gap:12px;margin-top:30px}.check{display:flex!important;align-items:flex-start;gap:12px;font-size:12px!important;font-weight:400!important;line-height:1.7}.message{padding:15px 18px;background:#edf5fc;border:1px solid #c8e1f7;font-size:14px;line-height:1.6;margin:15px 0!important;border-radius:3px}.message.error{color:#9b2828;background:#fff3f1;border-color:#f1c7c2}.honeypot{position:absolute;left:-9999px}.enquiry-card dl{margin:0 0 25px}.enquiry-card dl>div{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid #e4e9ee;padding:13px 0;gap:15px;font-size:13px}.ege-site dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#607185}.ege-site dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.enquiry-card details{font-size:13px;margin-top:20px}.enquiry-card details summary{cursor:pointer;font-weight:700}.reference{font-size:12px;letter-spacing:.04em;font-weight:bold;color:var(--blue)}.ege-site .enquiry-card .reference{font-size:23px}.result{padding:30px 0;border-bottom:1px solid #dbe2e9}.result h2{font-size:26px}.login-shell{min-height:100vh;display:grid;place-items:center;background:var(--dark);padding:30px}.login-card{width:min(470px,100%);padding:45px;background:white;box-shadow:0 20px 80px #0002}.login-card img{margin-bottom:45px;width:240px}.login-card h1{font-size:37px}.login-card .eyebrow{font-size:10px}.login-card button{width:100%;margin:25px 0}.login-card>a{font-size:13px}.login-card .small{margin-top:30px;font-size:10px}.workshop-app{background:var(--light);min-height:100vh;display:grid;grid-template-columns:230px 1fr;grid-template-rows:85px 1fr}.workshop-header{grid-column:1/-1;background:white;border-bottom:1px solid #dce4ec;display:flex;align-items:center;gap:35px;padding:20px 30px;position:sticky;top:0;z-index:25}.workshop-header .brand img{width:200px}.workshop-header>span{font-size:14px;font-weight:bold}.workshop-header>div{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:12px}.connected{color:#257348}.disconnected{color:#9b2828}.workshop-sidebar{padding:35px 20px;background:var(--dark);color:white;display:flex;flex-direction:column;gap:30px;min-height:calc(100vh - 85px)}.workshop-sidebar .eyebrow{color:#9fb3c7;font-size:9px;margin:0 12px}.workshop-sidebar nav{display:flex;flex-direction:column;gap:5px}.workshop-sidebar button,.workshop-sidebar nav>a{display:block;text-align:left;justify-content:flex-start;padding:13px 15px;min-height:45px;background:transparent;font-size:13px;font-weight:400;letter-spacing:0;border:0;border-radius:3px;text-decoration:none;color:#b8c7d6}.workshop-sidebar button.active{background:var(--blue);color:white}.workshop-sidebar>p{margin-top:auto;font-size:11px;color:#8b9db0;padding:0 12px}.workshop-sidebar>p b{font-size:13px;color:white}.workshop-sidebar small{font-size:10px;color:#8b9db0;padding:0 12px}.workshop-main{padding:40px;min-width:0;max-width:1900px;width:100%}.workshop-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.workshop-title h1{font-size:36px}.workshop-title .eyebrow{font-size:10px;margin-bottom:10px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.stats-grid article{padding:22px;background:white;border:1px solid #e0e7ed;display:flex;flex-direction:column}.stats-grid strong{font-size:32px;letter-spacing:-.04em;line-height:1.1;margin-bottom:10px}.stats-grid span{font-size:11px;color:#5a6b7d}.workshop-filters{display:flex;gap:15px;margin:25px 0}.workshop-filters label{margin:0;flex:1}.workshop-filters label:last-child{flex:.5}.workshop-filters input,.workshop-filters select{font-size:13px!important}.ege-site .record-card{display:flex;width:100%;justify-content:space-between;text-align:left;align-items:center;padding:22px 25px;background:white;color:var(--dark);margin-bottom:10px;border:1px solid #e0e7ed;border-left:3px solid transparent;font-weight:400;min-height:120px}.record-card:hover{border-left-color:var(--blue);filter:none!important}.record-card h2{font-size:27px;margin-top:7px;letter-spacing:.04em}.record-card p{font-size:12px;color:#526273;margin:6px 0}.record-card>div:last-child{text-align:right}.record-card small{font-size:11px;color:#6c7c8e}.record-card .reference{font-size:10px}.ege-site .status{display:inline-flex;align-items:center;padding:5px 9px;background:#edf1f5;color:#516479;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.02em;white-space:normal;line-height:1.5}.ege-site .status-new{background:#e7f2fe;color:#0860ad}.ege-site .status-proposed,.ege-site .status-awaiting{background:#fff1da;color:#855510}.ege-site .status-in_progress{background:#e8ebff;color:#4652a9}.ege-site .status-parts{background:#fcece1;color:#9b4e23}.ege-site .status-ready,.ege-site .status-confirmed{background:#e4f4eb;color:#256942}.ege-site .status-cancelled{background:#ffe9e6;color:#9b2828}.empty-state{text-align:center;padding:75px 25px;background:white;border:1px dashed #d1dbe4}.empty-state h2{font-size:25px}.empty-state p{font-size:13px;color:#6c7c8e}.ege-site dialog{border:0;max-width:850px;width:calc(100% - 40px);max-height:90dvh;padding:0;background:#fff;border-radius:5px;box-shadow:0 30px 90px #0004;color:var(--dark)}.ege-site dialog::backdrop{background:#0c172c99;backdrop-filter:blur(3px)}.dialog-header{padding:22px 30px;border-bottom:1px solid #dce4ec;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;background:white;z-index:2}.dialog-header h2{font-size:22px}.ege-site #detail-error{margin:15px 30px!important}#record-detail{padding:30px}#record-detail>section,#record-detail>details{margin:25px 0;border-top:1px solid #dce4ec;padding-top:25px}#record-detail h3{font-size:19px;margin:0 0 15px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0;font-size:14px}.detail-grid dt{margin-bottom:5px}.detail-grid dd{font-size:13px}.detail-action{border:1px solid #dce4ec;padding:25px;margin-top:20px;border-radius:3px}.detail-action label{font-size:12px}.detail-action button{margin-top:18px}.attachment-grid{display:flex;gap:15px;flex-wrap:wrap}.attachment-grid a{font-size:11px}.attachment-grid img{width:150px;height:110px;object-fit:cover;margin-bottom:7px}.note{background:var(--light);padding:15px;margin:10px 0;font-size:13px}.note p{margin:0 0 5px;white-space:pre-wrap}.note small{font-size:10px;color:#64788c}.preserve{white-space:pre-wrap;font-size:12px;overflow-wrap:anywhere}#record-detail details{font-size:12px}#record-detail pre{overflow:auto;max-height:400px;font-size:11px}.calendar-controls{display:flex;gap:15px;align-items:flex-end;margin-bottom:25px}.calendar-controls label{margin:0}.calendar-controls button{min-height:50px}.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));overflow-x:auto;gap:10px;padding-bottom:20px}.calendar-column{background:white;border:1px solid #dce4ec;min-height:300px;padding:12px}.calendar-column h2{font-size:14px;letter-spacing:0;margin:5px 0 20px}.ege-site .calendar-booking{display:flex;flex-direction:column;background:#edf5fe;color:var(--dark);text-align:left;align-items:flex-start;padding:12px;margin-top:10px;width:100%;gap:5px;font-size:10px;border-left:3px solid var(--blue)}.calendar-booking b{font-size:17px;letter-spacing:.04em}.calendar-booking strong{font-size:10px}.calendar-column .small{font-size:10px}.device-row{background:white;border:1px solid #dce4ec;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-top:15px}.device-row h3{font-size:18px}.device-row p{font-size:12px;color:#607185}.ege-site #screen-approval{display:flex;gap:15px;align-items:flex-end;max-width:500px;margin-bottom:35px}.ege-site #screen-approval label{margin:0;flex:1}#screens-view h2{font-size:25px}#screens-view>p{font-size:13px}.tv-app{background:var(--dark);color:white;min-height:100vh;padding:30px;display:flex;flex-direction:column}.tv-app>header{display:flex;align-items:center;gap:40px;border-bottom:1px solid #3b4855;padding:0 0 25px}.tv-app>header img{width:250px}.tv-app>header h1{font-size:32px}.tv-app>header>div{margin-left:auto;display:flex;align-items:flex-end;flex-direction:column}.tv-app>header time{font-size:28px}.tv-app>header #tv-connection{font-size:12px;color:#9ce5b7}.tv-app>header .secondary{color:white;border-color:#566779}.tv-board{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.tv-column{min-width:0}.tv-column>h2{font-size:clamp(17px,1.7vw,30px);display:flex;justify-content:space-between;gap:10px;letter-spacing:-.02em;margin-bottom:20px;padding-bottom:18px;border-bottom:3px solid var(--blue)}.tv-column:last-child>h2{border-color:#58be87}.tv-column:nth-child(3)>h2{border-color:#caa65b}.tv-column>h2>span{color:#90a4ba}.tv-job{background:#202b37;border:1px solid #354454;padding:22px;margin-bottom:15px}.tv-job>span{font-size:10px;letter-spacing:.08em;color:#99b1ca}.tv-job h3{font-size:clamp(22px,2.4vw,44px);letter-spacing:.03em;margin-top:13px}.tv-job p{font-size:clamp(15px,1.3vw,23px);line-height:1.5;color:#d4e0ec;margin:15px 0}.tv-job strong{font-size:19px;display:block}.tv-job small{color:#94aac0;font-size:13px;display:block;margin-top:10px}.tv-empty{color:#72869b;text-align:center;padding:30px;font-size:14px}.tv-app>footer{font-size:10px;letter-spacing:.1em;color:#8c9fb1;margin-top:auto;padding-top:35px}.tv-pair{max-width:650px;margin:60px auto;text-align:center}.tv-pair h2{font-size:50px}.tv-pair .eyebrow{color:#90c6f6}.tv-pair p{color:#bacbdb}.tv-pair form{max-width:380px;margin:30px auto}.tv-pair form button{margin-top:20px}.tv-pair strong{display:block;color:#83c5ff;font-size:64px;letter-spacing:.12em}
@media(min-width:1800px){.tv-app{padding:45px}.tv-job{padding:30px}.tv-column>h2{font-size:34px}.tv-job h3{font-size:48px}.tv-job p{font-size:25px}.tv-job strong{font-size:26px}.tv-job small{font-size:19px}}
@media(max-width:1100px){.site-header nav{gap:20px}.brand img{width:200px}.hero{min-height:600px}.hero-copy{max-width:700px}.registration-strip{align-items:flex-start}.registration-strip form{flex-wrap:wrap}.section-heading{gap:35px}.why-copy{padding:50px 35px}.faq-section{gap:40px}.enquiry-shell{gap:40px;padding:60px 5vw}.enquiry-card{padding:30px}.workshop-app{grid-template-columns:190px 1fr}.workshop-main{padding:30px}.workshop-header{gap:20px}.workshop-header>span{display:none}.stats-grid{gap:10px}.stats-grid article{padding:17px}.tv-app>header{gap:20px}.tv-app>header img{width:200px}.tv-app>header h1{font-size:25px}.tv-job{padding:16px}}
@media(max-width:800px){.topline span{display:none}.topline>div{padding:8px 5vw}.ege-site .site-header{padding:20px 5vw;min-height:80px}.ege-site .nav-toggle{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:25px 5vw 35px;box-shadow:0 20px 20px #0001;background:white;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:15px 0}.site-header nav a.button{padding:15px;margin-top:10px}.ege-site .hero{min-height:620px;align-items:flex-end}.hero-photo img{object-position:62% 50%}.hero-shade{background:linear-gradient(0deg,#0a1324ee 0%,#0a1324b0 55%,#0a132422 100%)}.hero-copy{padding:120px 6vw 70px}.hero-copy h1{font-size:clamp(48px,9vw,75px);max-width:600px}.hero-copy p{font-size:16px;max-width:450px}.hero-caption{display:none}.registration-strip{flex-direction:column;padding:28px 6vw;gap:22px}.registration-strip form{width:100%;flex-wrap:nowrap}.registration-strip .reg-input{flex:1}.registration-strip .reg-input input{max-width:100%;width:100%}.registration-strip button{padding:15px;font-size:12px}.ege-site .section{padding:60px 6vw}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:530px;margin-top:25px}.service-row{grid-template-columns:25px 85px 1fr 30px;gap:15px;padding:20px 0}.service-row:not(:has(picture)){grid-template-columns:25px 1fr 30px}.service-thumb{width:85px;height:65px}.service-row h3{font-size:23px}.service-row p{font-size:12px}.service-view{font-size:0;gap:0}.service-view i{font-size:21px;width:30px;height:30px}.why-section{grid-template-columns:1fr}.why-photo{min-height:350px}.why-copy{padding:50px 6vw}.why-copy h2{max-width:500px}.why-points{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.why-points>div{padding-left:0;padding-top:35px}.why-points span{top:10px}.why-points h3{font-size:17px}.cars-section{grid-template-columns:1fr}.cars-image{min-height:350px}.cars-copy{padding:45px 6vw}.faq-section{grid-template-columns:1fr;gap:30px}.review-grid{grid-template-columns:1fr;gap:20px}.offer-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-base{flex-wrap:wrap;justify-content:flex-start;gap:12px 30px}.footer-base>span:last-child{margin-left:auto}.service-hero{grid-template-columns:1fr;gap:35px}.service-hero-photo{height:350px}.service-body{grid-template-columns:1fr;gap:35px}.service-body aside{padding:30px}.contact-grid{grid-template-columns:1fr;gap:35px}.enquiry-shell{grid-template-columns:1fr;gap:30px}.enquiry-intro h1 br{display:none}.enquiry-intro h1{font-size:42px}.enquiry-intro>p{max-width:600px}.enquiry-intro .small{display:none}.enquiry-intro>a{display:block;margin-top:15px}.workshop-app{display:block}.workshop-header{position:relative;flex-wrap:wrap;padding:20px;gap:15px}.workshop-header>div{gap:15px;font-size:11px}.workshop-header .brand img{width:160px}.workshop-sidebar{min-height:0;padding:10px;background:white;border-bottom:1px solid #dce4ec;display:block;overflow-x:auto}.workshop-sidebar>.eyebrow,.workshop-sidebar>p,.workshop-sidebar>small{display:none}.workshop-sidebar nav{flex-direction:row;gap:5px;min-width:max-content}.workshop-sidebar button,.workshop-sidebar nav>a{white-space:nowrap;color:#526273;min-height:44px;padding:10px 15px;font-size:12px}.workshop-main{padding:25px 20px}.workshop-title h1{font-size:28px}.stats-grid article{padding:15px}.stats-grid strong{font-size:27px}.stats-grid span{font-size:10px}.workshop-title .eyebrow{font-size:9px}.tv-app{padding:20px}.tv-board{gap:12px}.tv-app>header img{width:160px}.tv-app>header h1{display:none}.tv-app>header time{font-size:22px}.tv-job{padding:12px}.tv-job h3{font-size:20px}.tv-job p{font-size:13px}.tv-job strong{font-size:15px}.tv-job small{font-size:11px}.tv-column>h2{font-size:15px}.calendar-week{grid-template-columns:repeat(7,180px)}}
@media(max-width:480px){.ege-site .topline{font-size:9px}.topline>div{gap:15px}.ege-site .hero{min-height:630px}.hero-copy{padding:150px 6vw 45px}.hero-copy h1{font-size:54px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.12em}.hero-copy p{font-size:14px;line-height:1.75}.hero-link{display:block;margin:23px 0 0;font-size:12px}.registration-strip h2{font-size:25px}.registration-strip form{flex-wrap:wrap}.registration-strip form button{width:100%}.registration-strip .reg-input{max-width:none;flex-basis:100%}.registration-strip .reg-input input{font-size:25px!important}.service-row{grid-template-columns:18px 65px 1fr 25px;gap:10px}.service-row h3{font-size:20px}.service-row p{font-size:11px}.service-thumb{width:65px;height:65px}.service-number{font-size:9px}.service-view i{width:25px;height:25px}.why-points{grid-template-columns:1fr;gap:5px}.why-points>div{padding-left:30px;padding-top:20px}.why-points span{top:23px}.why-photo{min-height:300px}.cars-image{min-height:280px}.offer-grid{grid-template-columns:1fr}.ege-site .final-cta{padding:55px 6vw}.final-cta>a:not(.button){display:block;margin:25px 0 0}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-grid>div:first-child{grid-column:auto}.footer-base{flex-direction:column;gap:12px}.footer-base>span:last-child{margin-left:0}.site-footer{padding-top:45px}.enquiry-card{padding:24px 20px;margin-left:-5px;margin-right:-5px}.enquiry-intro h1{font-size:38px}.enquiry-card dl>div{grid-template-columns:1fr;gap:5px}.form-actions button{flex:1;padding:14px}.ege-site legend{font-size:24px}.enquiry-shell.section{padding-top:35px}.enquiry-card .check span{font-size:11px}.login-card{padding:30px 25px}.login-card h1{font-size:32px}.workshop-header{padding:15px}.workshop-header>div{width:100%;justify-content:space-between}.workshop-header .brand img{width:180px}.workshop-main{padding:25px 15px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.workshop-filters{flex-direction:column;gap:10px}.ege-site .record-card{padding:17px 15px;gap:15px;align-items:flex-start}.record-card h2{font-size:23px}.record-card p{font-size:11px}.record-card>div:last-child{max-width:135px}.record-card>div:first-child{flex:1;min-width:0}.ege-site .status{font-size:9px;padding:4px 7px}.dialog-header{padding:18px 20px}.dialog-header h2{font-size:17px;line-height:1.3}.ege-site dialog{width:calc(100% - 20px);max-height:94dvh}.detail-grid{grid-template-columns:1fr;gap:15px}#record-detail{padding:20px}.detail-action{padding:18px}.calendar-controls{flex-wrap:wrap;gap:10px}.calendar-controls label{width:100%}.ege-site #screen-approval{flex-direction:column;align-items:stretch}.device-row{padding:15px;align-items:flex-start}.tv-board{grid-template-columns:1fr 1fr}.tv-app>header{flex-wrap:wrap;gap:15px}.tv-app>header>div{margin-left:auto}.tv-app>header #tv-fullscreen{display:none}.tv-pair h2{font-size:34px}.tv-pair strong{font-size:38px;letter-spacing:.08em}.tv-pair p{font-size:14px}.tv-column>h2{font-size:14px}.tv-job h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* The official logo has white lettering: use a dark branded surface. */
.ege-site .site-header{background:var(--dark);color:white}.ege-site .nav-toggle span{background:white}.ege-site .workshop-header{background:var(--dark);color:white;border-color:#344354}.workshop-header .secondary{color:white;border-color:#52677e}.login-card>a:first-child{display:block;background:var(--dark);padding:18px;margin-bottom:35px}.login-card>a:first-child img{margin:0;width:240px}.ege-site .service-thumb img{min-height:78px}.ege-site .service-thumb{background:#e0e7ee}@media(max-width:800px){.site-header nav{background:var(--dark)}.ege-site .service-thumb img{min-height:65px}}
/* Homepage vehicle identification and in-page customer journey · 1.1 */
html.customer-modal-open{overflow:hidden}.home-vehicle-station{padding:45px 6vw 40px;background:var(--dark);color:white;border-top:1px solid #374454;position:relative}.station-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;max-width:1250px}.station-header h2{font-size:35px}.station-header p{font-size:14px;color:#b9c8d7}.station-header .eyebrow{color:#8cc6fa;margin-bottom:12px}.station-status{font-size:10px;letter-spacing:.04em;color:#b9c8d7;display:flex;gap:8px;align-items:center;white-space:nowrap}.station-status i{width:6px;height:6px;border-radius:50%;background:#8fbdab;box-shadow:0 0 12px #8fbdab80}.home-vehicle-station form{display:flex;gap:15px;max-width:720px;margin-top:25px}.home-vehicle-station .reg-input{flex:1}.home-vehicle-station .reg-input input{width:100%;max-width:none!important}.home-vehicle-station>.small{font-size:11px;color:#95a9bd}.home-vehicle-station>div[aria-live]{max-width:1000px;margin-top:30px}.vehicle-identity-card{display:grid;grid-template-columns:270px 1fr;border:1px solid #d6e1eb;background:var(--white);color:var(--dark);border-radius:6px;overflow:hidden;box-shadow:0 15px 40px #0001}.vehicle-visual{background:#edf3f8;padding:35px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.vehicle-visual svg{color:var(--blue);width:210px;max-width:100%}.vehicle-plate,.vehicle-mini-plate{display:inline-flex;align-items:center;justify-content:center;font-size:25px;line-height:1.1;letter-spacing:.1em;font-weight:800;padding:11px 20px;color:#1d2732;background:#f3d453;border:1px solid #d5b744;border-radius:3px;white-space:nowrap}.vehicle-identity-copy{padding:30px 35px}.vehicle-identity-copy .eyebrow{font-size:9px;margin:0 0 10px}.vehicle-identity-copy h3{font-size:30px;letter-spacing:-.035em;text-transform:capitalize}.vehicle-identity-copy dl{display:flex;gap:40px;margin:22px 0 15px}.vehicle-identity-copy dd{text-transform:capitalize;font-weight:700;font-size:14px;margin-top:5px}.ege-site .vehicle-change{background:transparent;color:#60758a;min-height:44px;padding:10px 0;border:0;font-size:11px;margin-left:20px;text-decoration:underline;text-underline-offset:4px}.vehicle-scanning{border:1px solid #41566b;border-radius:5px;background:#1b2937;display:flex;align-items:center;gap:25px;padding:25px 30px}.scan-icon svg{width:85px;color:#8bc8fe}.vehicle-scanning strong{font-size:17px}.vehicle-scanning p{font-size:12px;margin:5px 0 0;color:#a4bbd0}.scan-dots{display:flex;gap:5px;margin-left:auto}.scan-dots i{display:block;width:5px;height:5px;background:#8bc8fe;border-radius:50%;animation:ege-pulse 1s ease infinite}.scan-dots i:nth-child(2){animation-delay:.15s}.scan-dots i:nth-child(3){animation-delay:.3s}.vehicle-manual-card{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:start;background:white;border:1px solid #d6e1eb;padding:30px;border-radius:5px;color:var(--dark)}.vehicle-manual-card p{font-size:13px;color:#60758a}.vehicle-manual-card .eyebrow{font-size:10px;margin:0 0 10px}.vehicle-manual-card button{margin-top:18px}.vehicle-manual-card label{font-size:12px}.vehicle-manual-card .vehicle-plate{font-size:20px}.ege-site .service-editorial{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border:0}.ege-site .service-editorial .service-row{display:flex;flex-direction:column;align-items:stretch;gap:0;border:1px solid #dce3ea;border-radius:4px;padding:0;overflow:hidden;position:relative;background:white;transition:transform .2s,box-shadow .2s}.service-editorial .service-row:hover{transform:translateY(-4px);box-shadow:0 15px 35px #10213312}.service-editorial .service-thumb{order:-1;width:100%;height:160px;background:#e6edf3}.service-editorial .service-thumb img{min-height:160px;transition:transform .5s}.service-editorial .service-row:hover img{transform:scale(1.04)}.service-editorial .service-number{position:absolute;left:14px;top:14px;background:var(--dark);color:white;padding:4px 8px;font-size:9px;z-index:1}.service-editorial .service-row>div{padding:22px 20px 12px}.service-editorial .service-row h3{font-size:22px}.service-editorial .service-row p{font-size:12px;line-height:1.6}.service-editorial .service-view{padding:15px 20px 20px;justify-content:space-between;font-size:11px;margin-top:auto;gap:10px}.ege-site dialog.customer-popup{width:min(1040px,calc(100% - 50px));border-radius:8px;max-height:92dvh;overscroll-behavior:contain}.popup-top{padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--dark);color:white;position:sticky;top:0;z-index:5;border-bottom:1px solid #34485a}.popup-top .eyebrow{color:#94cafd;margin:0;font-size:9px}.popup-top h2{font-size:22px;margin-top:8px}.popup-top .secondary{color:white;border-color:#506476}.popup-service-photo{height:270px;background:#e5edf4}.popup-service-photo img{width:100%;height:100%;object-fit:cover}.popup-service-copy{padding:40px 45px}.popup-service-copy>h2{font-size:42px;max-width:700px}.popup-service-copy>.lead{font-size:17px;max-width:780px}.popup-service-copy>p{font-size:14px;color:#536a80}.popup-reasons{padding:25px;background:var(--light);margin:25px 0}.popup-reasons h3{font-size:18px}.popup-reasons ul{padding-left:20px;font-size:13px}.popup-service-copy details{border-top:1px solid #dce3ea;padding:18px 0;font-size:13px}.popup-service-copy summary{font-weight:700;cursor:pointer}.popup-service-action{border-top:1px solid #dce3ea;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;margin-top:15px}.popup-service-action p{font-size:12px;color:#60758a;margin:5px 0}.ege-site .journey-popup{max-width:900px}.journey-popup .enquiry-shell{display:block;padding:30px;background:#f0f4f8;min-height:0}.journey-popup .enquiry-intro{display:none}.journey-popup .enquiry-card{padding:35px 40px;box-shadow:none;border-radius:5px}.journey-popup .enquiry-card fieldset{animation:ege-arrive .25s ease}.journey-vehicle-ribbon{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#edf4fa;border:1px solid #d3e3f1;border-radius:4px;margin:0 0 25px}.journey-vehicle-ribbon .vehicle-mini-plate{font-size:15px;padding:9px 12px}.journey-vehicle-ribbon strong{display:block;font-size:13px;text-transform:capitalize}.journey-vehicle-ribbon>div>span{font-size:10px;color:#617b93}.iain-intro{display:flex;gap:18px;align-items:flex-start;padding:24px;background:#f0f5fa;border:1px solid #d8e4ef;border-radius:5px;margin:10px 0 25px}.iain-avatar{height:48px;width:48px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:white;font-size:22px;font-weight:800}.iain-intro .eyebrow{font-size:9px;margin:0 0 6px}.iain-intro h2{font-size:22px;letter-spacing:-.03em}.iain-intro p{font-size:12px;color:#587087;line-height:1.8;margin-bottom:0}.guide-prompt{padding:18px 20px;border-left:3px solid var(--blue);background:#f7fafc;color:#3f5b74;font-size:13px;margin:0 0 20px}.manual-notice{font-size:13px;color:#536a80;padding:18px;background:#f0f5fa}.ege-site .enquiry-card .vehicle-identity-card{grid-template-columns:150px 1fr;margin:18px 0}.enquiry-card .vehicle-visual{padding:20px 15px}.enquiry-card .vehicle-identity-copy{padding:20px}.enquiry-card .vehicle-identity-copy h3{font-size:24px}.enquiry-card .vehicle-identity-copy dl{display:flex;gap:15px}.enquiry-card .vehicle-identity-copy dl>div{display:block;padding:0;border:0}.enquiry-card .vehicle-plate{font-size:16px;padding:10px}.tap-options{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 22px}.ege-site .tap-option{font-size:12px;min-height:46px;padding:11px 16px;border:1px solid #cbd8e4;background:white;color:#344d65;font-weight:500;text-align:left;border-radius:5px;justify-content:flex-start;gap:9px}.tap-option::before{content:'';display:block;height:13px;width:13px;border:1px solid #a2b8ca;border-radius:3px;flex-shrink:0}.ege-site .tap-option[aria-pressed=true]{background:#e9f4ff;border-color:var(--blue);color:#075fa9;box-shadow:0 0 0 1px var(--blue)}.tap-option[aria-pressed=true]::before{background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 2px white}.service-taps{display:grid;grid-template-columns:1fr 1fr}.service-taps .tap-option{font-weight:700}.symptom-title{font-size:14px!important;font-weight:700;letter-spacing:0!important;margin-top:20px!important}.symptom-caption{font-size:11px!important;color:#617a90;margin:6px 0!important}.selected-problems{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.selected-problems span{font-size:10px;color:#47647e;background:#eef4f9;padding:3px 7px;border:1px solid #dbe6ee;border-radius:3px}
@keyframes ege-pulse{0%,100%{opacity:.25}50%{opacity:1}}@keyframes ege-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.ege-site .service-editorial{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.station-header{display:block}.station-status{margin-top:20px}.station-header h2{font-size:30px}.home-vehicle-station{padding:35px 6vw}.vehicle-identity-card{grid-template-columns:1fr}.vehicle-visual{padding:20px;flex-direction:row;gap:25px}.vehicle-visual svg{width:120px}.vehicle-identity-copy{padding:25px}.vehicle-identity-copy dl{gap:30px}.vehicle-identity-copy h3{font-size:27px}.vehicle-manual-card{grid-template-columns:1fr;gap:20px;padding:25px}.vehicle-manual-card .vehicle-plate{justify-self:start}.vehicle-scanning{padding:20px;gap:15px}.scan-icon svg{width:60px}.vehicle-scanning strong{font-size:14px}.vehicle-scanning p{font-size:11px}.scan-dots{display:none}.ege-site dialog.customer-popup{width:calc(100% - 20px);max-height:95dvh}.popup-top{padding:18px 20px}.popup-top h2{font-size:19px}.popup-service-photo{height:210px}.popup-service-copy{padding:28px 25px}.popup-service-copy>h2{font-size:32px}.popup-service-action{flex-direction:column;align-items:stretch}.journey-popup .enquiry-shell{padding:18px 12px}.journey-popup .enquiry-card{padding:25px 20px}.iain-intro{padding:18px;gap:13px}.iain-avatar{width:38px;height:38px;font-size:18px}.iain-intro h2{font-size:20px}.journey-vehicle-ribbon{padding:12px;gap:10px}.journey-vehicle-ribbon strong{font-size:11px}.journey-vehicle-ribbon>div>span{font-size:9px}.journey-vehicle-ribbon .vehicle-mini-plate{font-size:13px;padding:8px}.enquiry-card .vehicle-identity-card{grid-template-columns:1fr!important}.service-editorial .service-row>div{padding:18px 15px 10px}.service-editorial .service-view{padding:10px 15px 18px}.service-editorial .service-row h3{font-size:19px}.service-editorial .service-thumb{height:130px}.service-editorial .service-thumb img{min-height:130px}}
@media(max-width:450px){.home-vehicle-station form{flex-direction:column}.home-vehicle-station .reg-input{max-width:none}.vehicle-identity-copy>button[data-continue-vehicle]{width:100%}.ege-site .vehicle-change{display:block;margin:10px auto 0}.ege-site .service-editorial{gap:12px}.service-editorial .service-row h3{font-size:18px}.service-editorial .service-row p{font-size:11px}.service-editorial .service-thumb{height:110px}.service-editorial .service-thumb img{min-height:110px}.service-taps{gap:8px}.service-taps .tap-option{font-size:11px;padding:11px 10px}.tap-options:not(.service-taps) .tap-option{font-size:11px}.service-editorial .service-view{font-size:10px}.service-editorial .service-view i{width:23px;height:23px}.iain-intro p{font-size:11px}.station-header p{font-size:13px}}
/* Refined Esplanade Car Services identity, local story and sales portal. */
.esplanade-wordmark{display:inline-flex;align-items:center;gap:10px;color:white;vertical-align:middle;white-space:nowrap;line-height:1}.brand-emblem{display:block;width:42px;height:42px;overflow:hidden;flex-shrink:0}.ege-site .brand-emblem img{width:200px!important;height:42px!important;min-width:200px!important;max-width:none!important;max-height:none!important;object-fit:initial!important;margin:0!important}.wordmark-text{display:flex;flex-direction:column;gap:6px}.wordmark-text strong{font-family:Georgia,'Times New Roman',serif;font-size:23px;letter-spacing:.02em;line-height:1;font-weight:800}.wordmark-text>span{font-size:10px;letter-spacing:.29em;line-height:1;font-weight:500}.login-card>a:first-child .esplanade-wordmark{padding:0}.tv-app>header>.esplanade-wordmark{margin-right:0}.footer-grid>div>.esplanade-wordmark{margin-bottom:10px}.ege-site .service-editorial .service-row .service-symbol{order:-1;height:160px;display:grid;place-items:center;color:var(--blue);background:linear-gradient(145deg,#eef6fd,#e0edf8);position:relative;isolation:isolate}.service-symbol::before{content:'';height:105px;width:105px;border:1px solid #bcd4e9;border-radius:50%;position:absolute;z-index:-1}.service-symbol::after{content:'';height:125px;width:125px;border:1px solid #d3e3f0;border-radius:50%;position:absolute;z-index:-1}.service-symbol svg{height:62px;width:62px;transition:transform .3s}.service-row:hover .service-symbol svg{transform:scale(1.08)}.popup-service-symbol{padding:25px 45px;background:#eaf3fb;color:var(--blue);display:flex;gap:25px;align-items:center;border-bottom:1px solid #dce8f3}.popup-service-symbol svg{height:70px;width:70px}.popup-service-symbol span{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.about-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;background:var(--dark);color:white;max-width:none!important}.about-heading .eyebrow{color:#8fc7f9}.about-heading h2{font-size:clamp(38px,4.5vw,66px);max-width:400px}.about-copy .lead{font-size:19px;color:#eef3f8;line-height:1.9;margin-top:0}.about-copy>p{color:#aebfd0;font-size:14px;line-height:1.9}.area-stamp{padding:25px;border:1px solid #3f5265;max-width:280px;margin-top:40px;position:relative}.area-stamp::before{content:'';position:absolute;top:-1px;left:-1px;width:40px;height:3px;background:var(--blue)}.area-stamp>span{display:block;color:#8ebde8;font-size:9px;letter-spacing:.15em}.area-stamp strong{display:block;font-size:26px;line-height:1.3;margin-top:12px;letter-spacing:-.03em}.about-capabilities{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.about-capabilities>span{font-size:11px;padding:7px 12px;border:1px solid #40576e;color:#c5d7e8;border-radius:3px}.service-area{border-top:1px solid #3e4f5f;margin:25px 0;padding-top:25px}.service-area .eyebrow{color:#8fc7f9;font-size:9px;margin-bottom:10px}.service-area p{font-size:15px;color:#e0eaf3;line-height:1.8;margin:0}.cars-showcase{background:#f1f5f8;padding:80px 6vw}.cars-showcase-header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.cars-showcase-header h2{font-size:clamp(35px,4vw,57px);max-width:600px}.sales-site-label{font-size:9px;font-weight:700;letter-spacing:.12em;color:#648098}.sales-portal{display:grid;grid-template-columns:1.1fr 1fr;background:var(--dark);color:white;overflow:hidden;border-radius:5px;border:1px solid #2e4256}.sales-portal-photo{position:relative;min-height:420px;background:#1f2c3b}.sales-portal-photo picture{position:absolute;inset:0;height:100%}.sales-portal-photo img{object-fit:cover;object-position:35% center;opacity:.9}.sales-photo-caption{position:absolute;bottom:25px;left:25px;padding:8px 13px;border:1px solid #ffffff66;background:#111e2c88;color:white;backdrop-filter:blur(8px);font-size:10px;letter-spacing:.05em}.sales-portal-copy{padding:50px}.sales-portal-copy .eyebrow{color:#8bc7ff;font-size:9px}.sales-portal-copy h3{font-size:38px;letter-spacing:-.04em}.sales-portal-copy>p{font-size:14px;line-height:1.9;color:#b7c9d9}.sales-link-note{display:block;font-size:9px;margin-top:15px;letter-spacing:.04em;color:#95adc3}.sales-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.sales-routes>a{display:block;position:relative;background:white;padding:25px;border:1px solid #d8e3ed;border-radius:4px;text-decoration:none;transition:transform .2s,border-color .2s}.sales-routes>a:hover{transform:translateY(-3px);border-color:var(--blue)}.sales-routes>a>span{font-size:9px;color:#6b87a0;font-weight:700;letter-spacing:.1em}.sales-routes h3{font-size:21px;margin:16px 20px 10px 0}.sales-routes p{font-size:12px;color:#698096;margin:0 15px 0 0}.sales-routes i{position:absolute;right:20px;bottom:23px;color:var(--blue);font-size:21px;font-style:normal}
@media(max-width:1100px){.site-header nav{gap:18px}.site-header nav>a:not(.button){font-size:12px}.about-section{gap:50px}.sales-portal-copy{padding:35px}.sales-portal-copy h3{font-size:32px}.wordmark-text strong{font-size:21px}.wordmark-text>span{font-size:9px}}
@media(max-width:800px){.about-section{grid-template-columns:1fr;gap:30px}.area-stamp{display:none}.about-heading h2{max-width:600px}.about-copy .lead{font-size:17px}.cars-showcase{padding:60px 6vw}.cars-showcase-header{display:block}.sales-site-label{display:block;margin-top:20px}.sales-portal{grid-template-columns:1fr}.sales-portal-photo{min-height:300px}.sales-portal-copy{padding:35px}.sales-routes{grid-template-columns:1fr;gap:12px}.sales-routes>a{padding:22px}.sales-routes h3{margin-top:12px}.workshop-header>.brand .wordmark-text strong{font-size:18px}.workshop-header>.brand .wordmark-text>span{font-size:8px}.workshop-header .brand-emblem{height:36px;width:36px}.workshop-header .brand-emblem img{height:36px!important;width:171px!important;min-width:171px!important}}
@media(max-width:450px){.wordmark-text strong{font-size:20px}.wordmark-text>span{font-size:9px}.brand-emblem{width:36px;height:36px}.ege-site .brand-emblem img{height:36px!important;width:171px!important;min-width:171px!important}.esplanade-wordmark{gap:8px}.ege-site .service-editorial .service-row .service-symbol{height:125px}.service-symbol svg{height:50px;width:50px}.service-symbol::before{height:82px;width:82px}.service-symbol::after{height:103px;width:103px}.popup-service-symbol{padding:22px 25px;gap:20px}.popup-service-symbol svg{height:50px;width:50px}.popup-service-symbol span{font-size:11px}.sales-portal-copy{padding:28px 25px}.sales-portal-copy h3{font-size:30px}.sales-portal-photo{min-height:230px}.about-heading h2{font-size:40px}.tv-app>header>.esplanade-wordmark .wordmark-text strong{font-size:17px}.tv-app>header>.esplanade-wordmark .wordmark-text>span{font-size:8px}}
.sales-makes{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:22px 0}.sales-makes>span{font-size:9px;font-weight:700;letter-spacing:.1em;margin-right:12px;color:#65809a}.sales-makes>a{padding:8px 15px;border:1px solid #cbdce9;background:white;border-radius:3px;font-size:12px;text-decoration:none;color:#3c5972}.sales-makes>a:hover{background:var(--blue);border-color:var(--blue);color:white}
.record-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.record-shortcuts button,.record-shortcuts .button{font-size:12px;padding:11px 18px;min-height:44px}.job-quick-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:18px;background:#edf5fc;border:1px solid #d5e5f2;margin:15px 0}.job-quick-status>span{font-size:9px;letter-spacing:.08em;font-weight:700;color:#557a98;width:100%;margin-bottom:5px}.booking-auto-note{font-size:12px;padding:14px;background:#edf5fc;border-left:3px solid var(--blue);color:#456b8b;line-height:1.8}.detail-action{scroll-margin-top:100px}
/* Compact workshop cards; clear job completion. */
.ege-site .tv-job{padding:16px 18px;margin-bottom:10px}.tv-job h3{font-size:clamp(21px,1.7vw,32px);margin-top:8px}.tv-job p{font-size:clamp(13px,1vw,18px);line-height:1.45;margin:10px 0}.tv-job strong{font-size:18px}.tv-job small{font-size:12px;margin-top:6px}.tv-job>span{font-size:9px}.tv-column>h2{font-size:clamp(16px,1.5vw,26px);padding-bottom:14px;margin-bottom:14px}.ege-site .complete-job-button{background:#257348;color:white;border-color:#257348;margin-left:auto}.detail-action[data-action=complete]{border-color:#87b69d;background:#f5fbf7;margin:18px 0}.detail-action[data-action=complete] button{background:#257348}
@media(max-width:600px){.ege-site .tv-job{padding:12px}.tv-job h3{font-size:22px}.tv-job p{font-size:12px}.tv-job strong{font-size:15px}.tv-job small{font-size:10px}.job-quick-status .complete-job-button{margin-left:0}}
.manual-job-form{padding:25px 30px}.manual-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.manual-job-form>button{margin-top:25px}.workshop-title>div:first-child{margin-right:auto}@media(max-width:600px){.manual-fields{grid-template-columns:1fr}.manual-job-form{padding:20px}.workshop-title{flex-wrap:wrap}.workshop-title>button{font-size:11px;padding:10px 14px;min-height:42px}}