/* Car-care revision: original full-frame posts, real before/after scenes. */
/* The cases retain a readable, stacked fallback on touch screens and reduced motion. */
.button-no-arrow{justify-content:center;gap:0;min-width:246px}
.wash-hero-figure{position:relative}.wash-hero .wash-hero-figure img{aspect-ratio:4/3;object-fit:cover;object-position:center}.image-credit{font-size:10px;letter-spacing:.07em;color:var(--muted);margin-top:9px;text-align:right}
.before-after-section{margin-top:112px;background:var(--surface-soft);border-block:1px solid var(--line)}
.before-after-section .eyebrow{margin-bottom:18px}.before-after-section .section-aside{font-family:var(--serif);font-size:17px;line-height:1.9;color:var(--muted);margin:0}
.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}.comparison-pair figure{min-width:0}.comparison-pair figure>span{display:block;font-size:10px;letter-spacing:.14em;padding-bottom:10px;color:var(--muted)}.comparison-pair img{width:100%;aspect-ratio:9/16;object-fit:contain;background:#0d0f11}
.comparison-caption{padding-top:22px}.comparison-caption h3{font:500 20px/1.8 var(--serif);letter-spacing:.03em}.comparison-caption p{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.9}.video-open-button{display:inline-flex;align-items:center;gap:12px;background:none;border-bottom:1px solid #626568;padding:9px 0;min-height:44px;color:var(--ink);font-size:12px;margin-top:17px}.play-symbol{display:block;width:0;height:0;border-left:8px solid currentColor;border-block:5px solid transparent}.comparison-note{font-size:11px;color:var(--muted);margin-top:34px}
.service-photo-list{border-top:1px solid var(--line)}.service-feature{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center;padding:44px 0;border-bottom:1px solid var(--line)}.service-feature figure img{width:100%;aspect-ratio:1.45;object-fit:cover;object-position:center 42%}.service-feature:nth-child(2) figure img{object-position:center 43%}.service-feature:nth-child(3) figure img{object-position:center 42%}.service-feature-copy .eyebrow{font-size:11px;color:var(--muted)}.service-feature-copy h3{font-family:var(--serif);font-size:30px;letter-spacing:.05em;margin-top:14px}.service-feature-copy p{font-size:15px;line-height:2;margin-top:23px;color:#c7c9ca}.service-feature-copy .service-tags{margin-top:25px}
.post-gallery{overflow:hidden}.instagram-more{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding-bottom:5px;border-bottom:1px solid #666e74;font-size:12px;letter-spacing:.13em;white-space:nowrap}.instagram-more .icon{width:22px;height:22px}
.post-rail{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;cursor:grab;touch-action:pan-x pan-y;outline-offset:-4px!important}.post-rail::-webkit-scrollbar{display:none}.post-rail.is-dragging{cursor:grabbing}.post-track{display:flex;width:max-content;gap:24px;padding-inline:var(--gutter);user-select:none}.post-group{display:flex;gap:24px}.post-card{width:clamp(240px,23vw,330px);flex:0 0 auto}.post-video-frame{background:#0e1012;aspect-ratio:9/16;overflow:hidden}.post-video{display:block;width:100%;height:100%;object-fit:contain}.post-card figcaption{padding:19px 0 0;font-family:var(--serif);font-size:19px;letter-spacing:.03em;line-height:1.6}.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:34px}.gallery-controls>span{color:var(--muted);font-size:11px}.gallery-motion-toggle{border:1px solid #596168;background:none;min-height:44px;min-width:108px;padding:8px 18px;font-size:12px}
.case-video-dialog{max-width:600px}.case-video-dialog .dialog-top h2{font:400 16px/1.5 var(--serif);letter-spacing:.02em}.case-video-dialog>video{display:block;width:100%;height:min(70dvh,750px);object-fit:contain;background:#08090a}.case-video-dialog>p{font-size:11px;color:var(--muted);padding:15px 24px}
.case-story{padding:0}
.case-intro{padding:72px var(--gutter) 48px}
.case-intro-copy{max-width:520px;margin-inline:auto}
.case-intro .english-title{font-size:clamp(42px,4.1vw,70px);letter-spacing:-.06em}
.case-intro .case-lead{font-family:var(--serif);font-size:22px;color:var(--ink);line-height:1.9;margin-top:30px}
.case-intro-copy>p:not(.case-lead){font-size:14px;line-height:2;color:var(--muted);margin-top:22px}
.case-intro-copy>p.comparison-note{font-size:10px;margin-top:30px}
.case-pagination{display:flex;gap:16px;margin-top:30px}
.case-pagination button{background:none;border-bottom:1px solid #ffffff35;font-size:12px;letter-spacing:.1em;color:var(--muted);width:48px;height:44px}
.case-pagination button[aria-current]{color:var(--ink);border-color:var(--ink)}
.case-panels{padding:0 var(--gutter) 60px;max-width:840px;margin:auto}
.case-panel{margin-bottom:56px;scroll-margin-top:calc(var(--header-height) + 24px)}
.case-panel:last-child{margin-bottom:0}
.case-number{display:block;font-size:10px;letter-spacing:.16em;color:var(--muted);margin-bottom:20px}
.case-panel .comparison-pair{gap:8px}
.case-panel .comparison-pair img{max-height:none}
.case-story.is-pinned{height:310svh}
.is-pinned .case-stage{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));display:grid;grid-template-columns:45% 55%;overflow:hidden}
.is-pinned .case-intro{display:flex;align-items:center;justify-content:center;padding:48px clamp(40px,6vw,112px);border-right:1px solid #ffffff10}
.is-pinned .case-intro-copy{width:100%;max-width:470px}
.is-pinned .case-panels{display:grid;align-items:center;width:100%;max-width:none;height:100%;margin:0;padding:32px clamp(32px,4vw,78px);overflow:hidden;background:#101315}
.is-pinned .case-panel{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translateY(42px);transition:opacity .45s ease,transform .65s cubic-bezier(.22,1,.36,1),visibility .65s;pointer-events:none}
.is-pinned .case-panel.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.is-pinned .case-panel.is-before{transform:translateY(-42px)}
.is-pinned .comparison-pair{width:100%;max-width:calc((100svh - var(--header-height) - 250px) * 1.125 + 8px);margin:auto}
.is-pinned .comparison-pair img{height:auto;aspect-ratio:9/16;max-height:none}
.is-pinned .comparison-caption{padding-top:18px}
.is-pinned .comparison-caption h3{font-size:23px}
.is-pinned .comparison-caption p{margin-top:6px}
.is-pinned .video-open-button{margin-top:10px}
.is-pinned .case-number{margin-bottom:14px}
@media(max-width:639px){.case-intro{padding-top:54px;padding-bottom:36px}.case-intro .case-lead{font-size:21px;margin-top:24px}.case-intro-copy>p:not(.case-lead){font-size:13px}.case-intro-copy>p.comparison-note{font-size:10px}.case-pagination{margin-top:20px}.case-panels{padding-bottom:54px}.case-panel .comparison-caption h3{font-size:21px}}
@media(min-width:1440px){.comparison-pair img{max-height:360px}.post-card{width:310px}}
@media(max-width:959px){.before-after-section{margin-top:80px}.comparison-grid{gap:24px}.comparison-caption h3{font-size:18px}.comparison-caption p{font-size:11px}.before-after-section .section-aside{display:none}.service-feature{gap:7%;padding-block:34px}.service-feature-copy h3{font-size:26px}.service-feature-copy p{font-size:14px;margin-top:18px}.service-feature figure img{aspect-ratio:1.05}.service-feature-copy .service-tags{margin-top:18px}.post-card{width:270px}.post-track,.post-group{gap:20px}.wash-hero .wash-hero-figure img{aspect-ratio:1.1}}
@media(max-width:639px){.before-after-section{margin-top:65px}.before-after-section .english-title{font-size:41px}.comparison-grid{grid-template-columns:1fr;gap:42px}.comparison-pair{gap:8px}.comparison-pair img{max-height:none}.comparison-caption{padding-top:18px}.comparison-caption h3{font-size:21px}.comparison-caption p{font-size:12px}.comparison-note{font-size:10px;line-height:1.9}.service-feature{grid-template-columns:1fr;gap:24px;padding-block:28px}.service-feature figure img{aspect-ratio:1.25}.service-feature-copy h3{font-size:27px;margin-top:10px}.service-feature-copy p{margin-top:16px;font-size:14px}.service-feature-copy .eyebrow{font-size:10px}.instagram-more{margin-top:24px;font-size:11px;gap:12px}.post-card{width:248px}.post-track,.post-group{gap:18px}.post-card figcaption{font-size:19px;padding-top:16px}.gallery-controls{margin-top:25px;gap:15px}.gallery-controls>span{font-size:10px}.gallery-motion-toggle{font-size:11px;min-width:88px;padding:8px 12px}.wash-hero .wash-hero-figure img{aspect-ratio:1.25}.wash-hero .button-no-arrow{width:100%}.case-video-dialog .dialog-top h2{font-size:14px}.case-video-dialog>video{height:68dvh}.case-video-dialog>p{font-size:10px;padding:14px}.image-credit{font-size:9px}}
