/* Additional service variant. Existing Studio remains a separate project. */
.brand-signature .logo-town{font-size:8px;letter-spacing:.1em;gap:7px}
.logo-town i{width:16px;flex-shrink:0}
.film-subtitle{line-height:1.7}
.section-intro h2 span{color:inherit}
.section-intro h2>span:not(.word-mask){color:var(--muted)}
.service-number{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:18px}
.service-row{align-items:flex-start;padding:32px 0}
.service-row>span{padding-top:35px}
.service-row p{max-width:44ch}
.service-details{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px}
.service-details li{font-size:11px;color:var(--ink);padding:5px 0;border-bottom:1px solid #dcff7f40}
.gloss-inspection>.inspection-stage>.porsche-photo img,.gloss-inspection .porsche-after img{filter:none}
.gloss-inspection .detail-line{box-shadow:-8px 0 45px 16px #f6ffe329,4px 0 16px #fff7;background:#f4ffe1}
.gloss-inspection .detail-line>span{font-size:0;width:10px;height:10px;background:#f4ffe1;box-shadow:0 0 18px #e5ffb8}
.tire-service{display:grid;grid-template-columns:1.04fr 1fr;gap:8%;align-items:center;background:#20251f;isolation:isolate;--progress:0}
.tire-visual{height:690px;position:relative;overflow:hidden;background:#101410}
.tire-photo{position:absolute;inset:0;overflow:hidden}
.tire-photo img{height:100%;width:100%;object-fit:cover;object-position:63% 60%;transform:scale(calc(2.35 - var(--progress)*.12));transform-origin:64% 57%;filter:contrast(1.06)}
.tire-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101710e6,transparent 44%,#10171022)}
.tire-frame{position:absolute;inset:24px;border:1px solid #e3efd035;z-index:1;transform:translateY(calc(var(--progress)*-8px));pointer-events:none}
.tire-image-label{position:absolute;bottom:43px;left:44px;right:32px;z-index:2;color:var(--accent);font:600 36px/1.1 'Barlow Condensed',sans-serif;margin:0}
.tire-image-label span{display:block;color:var(--ink);font:500 9px/1.5 Manrope,sans-serif;letter-spacing:.11em;margin-top:12px}
.tire-content h2{font-size:clamp(58px,6.3vw,96px);letter-spacing:-.025em;margin:28px 0}
.tire-content h2>span:not(.word-mask){color:var(--accent)}
.tire-content>p:not(.small-label){font-size:15px;color:var(--muted);max-width:42ch}
.tire-checks{list-style:none;padding:0;margin:34px 0}
.tire-checks li{display:flex;gap:24px;border-top:1px solid #f3f4ec22;padding:20px 0 0;margin-top:20px}
.tire-checks li>span{font-size:11px;color:var(--accent);padding-top:5px}
.tire-checks h3{font-size:28px;margin-bottom:8px}
.tire-checks p{font-size:13px;color:var(--muted);margin:0;max-width:44ch}
.tire-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-bottom:1px solid var(--accent);font-size:14px}
.tire-cta span{font-size:26px;color:var(--accent);transition:transform .2s}
.tire-cta:hover span{transform:translate(3px,-3px)}
@media(max-width:1000px) and (min-width:801px){.topbar nav{gap:18px}.topbar nav,.nav-cta{font-size:12px}.nav-cta{gap:14px}.brand.brand-signature{width:210px}.tire-service{gap:5%}.tire-visual{height:730px}}
@media(max-width:800px){.brand-signature .logo-town{font-size:7px;letter-spacing:.09em}.logo-town i{width:13px}.film-intro h1{font-size:17vw}.film-subtitle{max-width:30ch}.tire-service{grid-template-columns:1fr;gap:40px}.tire-visual{height:460px}.tire-photo img{object-position:65% 61%;transform:scale(calc(2.3 - var(--progress)*.1));transform-origin:64% 57%}.tire-image-label{left:32px;bottom:32px;font-size:32px}.tire-frame{inset:18px}.tire-content h2{font-size:17vw;margin:22px 0}.tire-checks p{font-size:14px}.service-details{gap:6px 16px}.service-row{padding:28px 0}.service-row h3{margin-bottom:16px}}
@media(max-width:550px){.topbar .nav-cta{display:none}.menu-toggle{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.gloss-inspection .porsche-after{clip-path:none}.gloss-inspection .detail-line{display:none}.tire-photo img{transform:scale(2.2)}.tire-frame{transform:none}}

/* Keep both introductory text blocks in one flow and one animation plane. */
.film-intro{top:clamp(130px,18svh,170px);max-width:calc(100% - 2*var(--gutter));opacity:clamp(0,calc(1 - var(--progress)*2.4),1)}
.film-intro h1{font-size:clamp(78px,min(9.6vw,17svh),150px)}
.film-meta{display:flex;align-items:center;gap:36px;margin-top:26px;text-shadow:0 2px 12px #000}
.film-meta .film-subtitle{margin:0}
.film-meta .film-caption{position:static;transform:none;opacity:1;gap:14px;flex-shrink:0}
.film-meta .film-caption strong{font-size:28px}
.film-exit{opacity:clamp(0,calc((var(--progress) - .55)*3.5),1)}
.tire-photo img{object-fit:contain;object-position:center;transform:scale(calc(1 - var(--progress)*.035));transform-origin:center;filter:none}
.tire-visual{background:#191c1b}
@media(max-width:800px){.film-intro{top:145px}.film-intro h1{font-size:clamp(56px,min(17vw,14svh),128px)}.film-meta{align-items:flex-start;flex-direction:column;gap:18px;margin-top:20px}.film-meta .film-caption p{font-size:9px}.film-meta .film-caption strong{font-size:25px}.tire-photo img{object-position:center;transform:scale(calc(1 - var(--progress)*.025))}}
@media(prefers-reduced-motion:reduce){.film-intro{opacity:1}.film-exit{display:none}.tire-photo img{transform:none}.gloss-inspection .porsche-after{clip-path:inset(0 50% 0 0)}.gloss-inspection .detail-line{display:block;left:50%;opacity:1}}
@media(max-width:800px){.film-shade{background:linear-gradient(180deg,#080d0ad9 0%,#080d0a80 58%,transparent 76%),linear-gradient(0deg,#080d0adb,transparent 45%)}.film-meta .film-subtitle{color:#f3f4ec}}

.footer-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px 32px;border-top:1px solid #ffffff20;padding-top:20px;margin-top:10px;color:var(--muted);font-size:12px}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:8px 30px}
.footer-bottom nav a{display:inline-flex;align-items:center;min-height:44px}
.footer-bottom nav a:hover{color:var(--accent)}
.legal-page{max-width:960px;margin:0 auto;padding:55px var(--gutter) 100px}
.legal-back{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:14px;margin-bottom:70px}
.legal-back:hover{color:var(--accent)}
.legal-page h1{font-size:clamp(60px,9vw,108px);overflow-wrap:anywhere;margin-bottom:35px}
.legal-placeholder{border-left:2px solid var(--accent);padding:20px 25px;background:var(--surface);margin-bottom:45px;line-height:1.7;color:var(--muted)}
.legal-page h2{font-size:32px;margin:35px 0 15px}
.legal-page p{font-size:15px;color:var(--muted)}
.legal-page .placeholder-fields{line-height:2}
@media(max-width:600px){.footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}.footer-bottom nav{gap:6px 24px}.legal-page{padding-top:30px}.legal-back{margin-bottom:45px}}