:root{--ink:#132536;--navy:#28465c;--navy2:#375a70;--blue:#3e8cff;--ice:#eaf3ff;--white:#fff;--mist:#eef2f5;--muted:#7f8b96;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafb;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}img,video{display:block;width:100%}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:12px}.site-header{height:86px;padding:0 4vw;display:flex;align-items:center;gap:36px;position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid var(--line)}.brand{width:176px;margin-right:auto;background:#fff;padding:4px 7px}.brand img{height:auto}.site-header nav{display:flex;gap:30px;font-size:.88rem}.site-header nav a{opacity:.82}.site-header nav a:hover{opacity:1}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:0 25px;border-radius:4px;background:var(--blue);color:#fff;font-weight:700;letter-spacing:.01em;transition:.25s}.button:hover{background:#62a1ff;transform:translateY(-2px)}.button-small{min-height:43px;padding:0 18px;font-size:.85rem}.menu-button{display:none}.hero{height:760px;min-height:640px;position:relative;background:var(--ink);overflow:hidden;color:#fff}.hero video{height:100%;object-fit:cover;opacity:.8}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,40,57,.8) 0%,rgba(22,47,65,.42) 50%,rgba(16,36,51,.08) 76%),linear-gradient(0deg,rgba(23,49,67,.62),transparent 48%)}.hero-content{position:absolute;left:50%;transform:translateX(-50%);top:50%;margin-top:18px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:.74rem;margin:0 0 20px;color:#99bde9}.eyebrow.blue{color:#327ddb}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;line-height:.98;letter-spacing:-.045em}h1{font-size:clamp(3.7rem,7.6vw,7.1rem);max-width:880px}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-copy{font-size:1.22rem;line-height:1.6;color:#d9e0e6;max-width:590px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:32px}.text-link{font-weight:700;display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid #9aabb8;padding-bottom:5px}.text-link span{color:var(--blue)}.text-link.light{color:#fff;border-color:rgba(255,255,255,.45)}.rating-card{position:absolute;right:4vw;bottom:34px;background:#fff;color:var(--ink);display:flex;align-items:center;gap:14px;padding:17px 23px;border-radius:5px;box-shadow:0 16px 50px rgba(0,0,0,.2)}.rating-card>span:last-child{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 8px}.rating-card strong{font:800 1.55rem Manrope}.rating-card b{color:#f6b820;letter-spacing:2px}.rating-card small{grid-column:1/3;color:#6d7883}.google-g{font:800 1.8rem Manrope;color:#4285f4}.video-credit{position:absolute;right:4vw;bottom:12px;margin:0;font-size:.62rem;color:#9da9b3}.proof-bar{background:#dfeaf1;color:var(--ink);display:grid;grid-template-columns:repeat(4,1fr);padding:0 4vw}.proof-bar div{height:128px;display:flex;align-items:center;gap:20px;border-right:1px solid rgba(34,69,92,.16);padding:0 3vw}.proof-bar div:last-child{border:0}.proof-bar strong{font:700 1.65rem Manrope;color:var(--blue)}.proof-bar span{font-size:.9rem;color:#526a7b;line-height:1.4}.intro{display:grid;grid-template-columns:1.15fr .85fr;gap:100px;padding:130px 0 80px}.section-heading h2,.about h2,.maintenance h2,.steps h2,.final-cta h2{font-size:clamp(2.7rem,5.4vw,5rem)}.intro-copy{font-size:1.15rem;color:#53616d;padding-top:32px}.feature-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:350px 310px;gap:18px;padding-bottom:130px}.feature{position:relative;margin:0;overflow:hidden;background:#0a1927;color:#fff}.feature img{height:100%;object-fit:cover;transition:transform .7s}.feature:hover img{transform:scale(1.025)}.feature-large{grid-row:1/3}.feature figcaption{position:absolute;inset:auto 0 0;padding:60px 30px 28px;background:linear-gradient(transparent,rgba(0,0,0,.8));display:flex;justify-content:space-between;align-items:end;gap:20px}.feature figcaption span{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em}.feature figcaption strong{font:700 1.3rem Manrope;max-width:250px;text-align:right;line-height:1.2}.feature-statement{padding:35px;display:flex;flex-direction:column;justify-content:flex-end}.big-number{position:absolute;top:15px;right:30px;font:800 8rem/1 Manrope;color:#153350}.feature-statement p{font:700 1.7rem/1.25 Manrope;max-width:290px;position:relative}.feature-statement .text-link{width:max-content;color:#fff;border-color:#4a6072}.services{background:#dbe8ef;color:var(--ink);padding:130px 0}.services>.wrap{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.light-heading h2{font-size:clamp(2.7rem,4.4vw,4.5rem)}.light-heading>p:last-child{color:#5d7383;max-width:340px;margin-top:30px}.service-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-card{position:relative;background:#fff;color:var(--ink);padding:35px;min-height:580px;display:flex;flex-direction:column}.service-card.featured-card{background:#e7f1ff}.service-number{color:#96a4b0;font:600 .85rem Manrope;margin-bottom:38px}.service-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.67rem;color:#377ed7}.service-card h3{font-size:2rem;line-height:1.05}.service-card>p:not(.service-kicker){color:#62717e}.service-card ul{list-style:none;padding:0;margin:10px 0 25px;border-top:1px solid #d9e0e5}.service-card li{padding:9px 0;border-bottom:1px solid #d9e0e5;font-size:.88rem}.prices{display:grid;grid-template-columns:1fr 1fr;margin-top:auto;gap:12px}.prices span{font-size:.72rem;color:#6c7984;display:flex;flex-direction:column}.prices strong{font:800 2.2rem Manrope;color:var(--ink)}.button-wide{margin-top:22px;width:100%}.popular{position:absolute;right:0;top:0;background:var(--blue);color:#fff;padding:9px 15px;text-transform:uppercase;font-size:.62rem;letter-spacing:.12em}.maintenance{padding:100px 0;display:grid;grid-template-columns:1.15fr .75fr auto;gap:60px;align-items:end}.maintenance h2{font-size:clamp(2.4rem,4vw,4rem)}.maintenance>p{color:#5e6d78}.reviews{background:#edf3f7;padding:130px 0}.reviews-head{display:flex;justify-content:space-between;align-items:end}.reviews-head h2{font-size:clamp(2.7rem,5vw,5rem)}.score{display:flex;flex-direction:column;align-items:end}.score strong{font:800 4rem/1 Manrope}.score span,.stars{color:#f3ad18;letter-spacing:3px}.score small{color:#6b7782}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.review-grid blockquote{margin:0;background:#fff;padding:35px;min-height:300px;display:flex;flex-direction:column}.review-grid blockquote p{font:600 1.25rem/1.5 Manrope}.review-grid cite{font-style:normal;color:#7c8891;font-size:.78rem;margin-top:auto}.review-note{color:#72808b;font-size:.76rem}.button-outline{background:transparent;border:1px solid #8a9aa7;color:var(--ink);margin-top:20px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:130px 0}.about-image{position:relative}.about-image img{height:650px;object-fit:cover}.about-image span{position:absolute;bottom:0;left:0;background:#fff;padding:10px 15px;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem}.about-copy{align-self:center}.about-copy>p:not(.eyebrow){color:#5e6c78;font-size:1.08rem}.areas{display:flex;flex-wrap:wrap;gap:7px;margin:28px 0}.areas span{border:1px solid #cbd3d9;border-radius:99px;padding:7px 12px;font-size:.75rem}.steps{background:#52758b;color:#fff;padding:120px 0}.steps ol{list-style:none;padding:0;margin:70px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps li{padding:32px 25px;border-right:1px solid var(--line);display:flex;gap:20px}.steps li>span{color:var(--blue);font-weight:700}.steps h3{font-size:1.15rem;letter-spacing:-.02em}.steps li p{font-size:.82rem;color:#9eb0be}.final-cta{background:linear-gradient(90deg,rgba(36,66,84,.9),rgba(36,66,84,.48)),url("assets/yarty-blue-car.jpeg") center/cover;color:#fff;padding:150px 0}.final-cta .wrap{max-width:900px;text-align:center}.final-cta p:not(.eyebrow){color:#c2ccd4;font-size:1.1rem}.cta-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.button-outline-light{background:transparent;border:1px solid rgba(255,255,255,.55)}footer{background:#29475b;color:#c2d0d9;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-grid img{width:180px;background:#fff;padding:5px 8px;margin-bottom:15px}.footer-grid h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin-bottom:12px}.footer-grid a{font-size:.85rem;margin:3px 0}.footer-base{border-top:1px solid var(--line);margin-top:60px;padding-top:22px;display:flex;justify-content:space-between;font-size:.7rem}.mobile-actions{display:none}
@media(max-width:900px){.site-header{height:70px;padding:0 20px}.brand{width:130px}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--navy);padding:22px;flex-direction:column}.site-header nav.open{display:flex}.site-header>.button{display:none}.menu-button{display:flex;width:42px;height:42px;background:transparent;border:0;flex-direction:column;justify-content:center;gap:5px}.menu-button span:not(.sr-only){height:1px;width:24px;background:#fff}.hero{height:720px}.hero-content{top:32%;margin:0}.hero-shade{background:linear-gradient(0deg,rgba(3,10,17,.92),rgba(3,10,17,.22))}.hero-copy{font-size:1rem}.rating-card{left:24px;right:auto;bottom:42px}.video-credit{right:20px}.proof-bar{grid-template-columns:1fr 1fr}.proof-bar div:nth-child(2){border-right:0}.intro,.services>.wrap,.about{grid-template-columns:1fr;gap:50px}.intro{padding:90px 0 60px}.feature-grid{grid-template-columns:1fr 1fr;grid-template-rows:420px 260px}.feature-large{grid-column:1/3;grid-row:auto}.maintenance{grid-template-columns:1fr;align-items:start}.review-grid{grid-template-columns:1fr}.review-grid blockquote{min-height:240px}.steps ol{grid-template-columns:1fr 1fr}.steps li:nth-child(2){border-right:0}.about-image img{height:500px}}
@media(max-width:600px){.wrap{width:min(100% - 32px,1180px)}.hero{height:690px}.hero-content{top:28%}h1{font-size:3.25rem}.hero-copy{max-width:340px}.hero-actions{display:none}.rating-card{bottom:58px;padding:14px 17px}.video-credit{bottom:13px}.proof-bar{padding:0 16px}.proof-bar div{height:105px;padding:0 12px;gap:12px}.proof-bar strong{font-size:1.2rem}.proof-bar span{font-size:.74rem}.feature-grid{display:block;padding-bottom:80px}.feature{height:320px;margin-bottom:12px}.feature-statement{height:260px}.services,.reviews,.about,.steps{padding:85px 0}.service-cards{grid-template-columns:1fr}.service-card{min-height:560px}.maintenance{padding:75px 0}.reviews-head{align-items:flex-start;gap:35px;flex-direction:column}.score{align-items:flex-start}.about-image img{height:420px}.steps ol{grid-template-columns:1fr}.steps li{border-right:0}.final-cta{padding:100px 0 130px}.cta-actions{flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-base{flex-direction:column;gap:7px}.mobile-actions{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#fff;display:grid;grid-template-columns:1fr 1fr 1.2fr;box-shadow:0 -10px 30px rgba(0,0,0,.13)}.mobile-actions a{height:58px;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;border-right:1px solid #e0e6ea}.mobile-actions a:last-child{background:var(--blue);color:#fff;border:0}body{padding-bottom:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero video{display:none}.hero{background:url("assets/detailing-hero.jpg") center/cover}.feature img,.button{transition:none}}
.booking-dialog{width:min(1040px,calc(100% - 34px));height:min(820px,calc(100dvh - 34px));padding:0;border:0;border-radius:8px;box-shadow:0 30px 100px rgba(24,52,70,.35);overflow:hidden;background:#f7fafc}.booking-dialog::backdrop{background:rgba(34,63,81,.55);backdrop-filter:blur(7px)}.booking-bar{height:78px;padding:0 24px;background:#fff;border-bottom:1px solid #dce5ea;display:flex;align-items:center;justify-content:space-between}.booking-bar>div{display:flex;flex-direction:column}.booking-bar strong{font:700 1.1rem Manrope}.booking-bar span{font-size:.78rem;color:#71808b}.booking-close{border:0;background:#e9f0f4;color:#29475b;border-radius:50%;width:40px;height:40px;font-size:1.65rem;line-height:1;cursor:pointer}.booking-dialog iframe{border:0;width:100%;height:calc(100% - 108px);background:#fff}.booking-fallback{height:30px;margin:0;padding:4px 16px;text-align:center;background:#eef4f7;color:#6b7d89;font-size:.7rem}.booking-fallback a{text-decoration:underline;color:#347eda}@media(max-width:600px){.booking-dialog{width:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;margin:0}.booking-bar{height:68px;padding:0 16px}.booking-dialog iframe{height:calc(100% - 98px)}}
.hero-media{position:absolute;inset:0;background:url("assets/yarty-blue-car.jpeg") center/cover}.hero-media .hero-film{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transition:opacity 1.35s ease-in-out}.hero-media .hero-film.is-visible{opacity:.8}@media(prefers-reduced-motion:reduce){.hero-media .hero-film{display:none}}
.hero{height:min(760px,100svh)}.hero-media{overflow:hidden;background:none}.hero-media::before{content:"";position:absolute;inset:-4%;background:url("assets/yarty-blue-car.jpeg") 52% 48%/cover no-repeat;transform:scale(1.035) translate3d(-.5%,0,0);animation:hero-drift 20s ease-in-out infinite alternate;will-change:transform}.hero .hero-content{top:170px;margin-top:0}.hero-shade{background:linear-gradient(90deg,rgba(19,40,57,.78) 0%,rgba(22,47,65,.36) 51%,rgba(16,36,51,.03) 78%),linear-gradient(0deg,rgba(23,49,67,.56),transparent 48%)}.final-cta{background:linear-gradient(90deg,rgba(36,66,84,.88),rgba(36,66,84,.4)),url("assets/yarty-porsche-finished.jpg") center 54%/cover}@keyframes hero-drift{to{transform:scale(1.09) translate3d(.75%,-.25%,0)}}@media(max-height:750px) and (min-width:601px){.hero .hero-content{top:125px}.hero h1{font-size:clamp(3.4rem,6.7vw,5.8rem)}.hero-copy{margin:20px 0}.rating-card{bottom:24px}.video-credit{bottom:6px}}@media(max-width:900px){.hero .hero-content{top:150px}}@media(max-width:600px){.hero .hero-content{top:145px}.hero-media::before{background-position:58% 50%}.hero-copy{margin:20px 0}.final-cta{background-position:58% center}}@media(prefers-reduced-motion:reduce){.hero-media::before{animation:none;transform:scale(1.035)}.hero{background:var(--ink)}}
.brand{padding:2px}.footer-grid img{padding:2px}

/* Real Yarty Valet media — August 2026 */
.hero-media{background:url("assets/yarty-hero-poster.jpg") 58% 48%/cover no-repeat}
.hero-media::before{display:none}
.hero-media .hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.1s ease;will-change:opacity}
.hero-media .hero-film.is-visible{opacity:1}
.work-showcase{padding:0 0 130px}
.result-feature{position:relative;height:clamp(500px,58vw,700px);margin:0;overflow:hidden;background:#122536;color:#fff}
.result-feature img{height:100%;object-fit:cover;object-position:center 56%;transition:transform .8s ease}
.result-feature:hover img{transform:scale(1.018)}
.result-feature figcaption{position:absolute;inset:auto 0 0;padding:90px 38px 34px;background:linear-gradient(transparent,rgba(11,27,40,.88));display:flex;align-items:end;justify-content:space-between;gap:24px}
.result-feature figcaption span{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:#b7d5ef}
.result-feature figcaption strong{font:700 clamp(1.45rem,2.4vw,2.25rem)/1.08 Manrope,sans-serif;max-width:420px;text-align:right}
.process-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding:72px 0 38px;align-items:end}
.process-intro h3{font-size:clamp(2rem,4vw,3.6rem)}
.process-intro>div:last-child{max-width:620px;color:#5e6d78}
.process-intro .text-link{margin-top:10px;color:var(--ink)}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.process-card{margin:0;background:#e9f1f6;min-width:0}
.process-card img{height:230px;object-fit:cover}
.process-card:first-child img{object-position:35% center}
.process-card figcaption{display:grid;grid-template-columns:auto 1fr;column-gap:14px;padding:20px 18px 22px;align-items:baseline}
.process-card figcaption span{grid-row:1/3;color:var(--blue);font:700 .75rem Manrope,sans-serif}
.process-card figcaption strong{font:700 1rem Manrope,sans-serif;letter-spacing:-.02em}
.process-card figcaption small{color:#667783;font-size:.72rem;line-height:1.45}
.final-cta{background:linear-gradient(90deg,rgba(36,66,84,.9),rgba(36,66,84,.43)),url("assets/yarty-result-rear.jpg") center 53%/cover}

@media(max-width:900px){
  .process-intro{grid-template-columns:1fr;gap:22px;padding-top:58px}
  .process-grid{grid-template-columns:1fr 1fr}
  .process-card img{height:260px}
}
@media(max-width:600px){
  .hero-media{background-position:54% center}
  .hero-media .hero-film{display:none}
  .work-showcase{padding-bottom:80px}
  .result-feature{height:460px}
  .result-feature img{object-position:62% center}
  .result-feature figcaption{padding:70px 22px 24px;display:block}
  .result-feature figcaption span{display:block;margin-bottom:8px}
  .result-feature figcaption strong{display:block;text-align:left;max-width:280px}
  .process-intro{padding:50px 0 28px}
  .process-grid{grid-template-columns:1fr}
  .process-card img{height:250px}
  .final-cta{background-position:66% center}
}
@media(prefers-reduced-motion:reduce){
  .hero-media .hero-film{display:none}
  .result-feature img{transition:none}
}