/* Three supplied automobile cases extend the approved MUAF visual system. */
.auto-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px}
.auto-project-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:linear-gradient(135deg,rgba(177,144,106,.045),transparent 65%),#111312}
.auto-project-image{position:relative;aspect-ratio:1.3;overflow:hidden;background:#171916}
.auto-project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.auto-project-card:hover .auto-project-image>img{transform:scale(1.035)}
.auto-project-card:hover .circle-arrow{background:var(--bronze);color:#141611}
.auto-project-image>.pill{position:absolute;top:18px;left:18px;font-size:.75rem;max-width:calc(100% - 84px);letter-spacing:.04em}
.auto-project-copy{padding:26px;display:flex;flex-direction:column;flex:1}
.auto-project-meta{font-size:.75rem;line-height:1.7;color:#b4b6ad;margin-bottom:17px}
.auto-project-meta>span{color:var(--bronze);margin-inline:8px}
.auto-project-copy h3{font-size:clamp(25px,2.25vw,35px);line-height:1.17;letter-spacing:-.035em}
.auto-project-description{font-size:1rem;line-height:1.7;color:var(--muted);margin-top:16px;margin-bottom:28px}
.auto-project-price{border-top:1px solid var(--line);padding-top:21px;margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.auto-project-price strong{font-size:2rem;line-height:1.15;font-weight:400;letter-spacing:-.045em;color:var(--bronze-light)}
.auto-project-price>span{font-size:.75rem;line-height:1.6;color:#aeb0a8}
.auto-project-price>span>br{display:none}
.auto-project-price>span>br:after{content:' '}
.case-price-section{padding-bottom:100px}
.case-price-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;padding:48px 52px;border:1px solid rgba(190,158,118,.32);border-radius:6px;background:radial-gradient(ellipse at 5% 70%,rgba(147,112,73,.12),transparent 65%),#121412}
.case-price-panel .eyebrow{font-size:.875rem;letter-spacing:.09em;margin-bottom:20px}
.case-price-panel h2{font-size:clamp(45px,5.6vw,84px);letter-spacing:-.05em;color:var(--bronze-light);line-height:1.06;white-space:nowrap}
.price-source{font-size:.75rem;line-height:1.75;margin-top:21px;color:#b0afa5}
.price-explanation h3{font-size:1.5rem;line-height:1.35;margin-bottom:16px}
.price-explanation>p,.price-scope{font-size:1rem;line-height:1.85;color:var(--muted)}
.price-explanation .button{font-size:.875rem;margin-top:21px;gap:20px}
.price-scope{padding-left:20px;margin:18px 0 0}
.price-scope li+li{margin-top:10px}
.hero-price{display:flex;align-items:center;gap:26px;margin-top:24px;width:fit-content;padding:16px 24px;border:1px solid rgba(217,192,159,.35);background:rgba(16,22,16,.55);border-radius:5px;backdrop-filter:blur(18px);transition:background .3s}
.hero-price:hover{background:rgba(49,45,33,.8)}
.hero-price>strong{font-size:2.3rem;font-weight:400;line-height:1.1;letter-spacing:-.045em;color:var(--bronze-light);white-space:nowrap}
.hero-price>span{font-size:.75rem;line-height:1.6;color:#ddd5c5}
.priced-case-tagline{font-size:1rem;color:#ddd9cf;line-height:1.7;max-width:760px}
.priced-case-hero .case-hero-content h1{font-size:clamp(64px,7.2vw,116px)}
.priced-case-hero .case-hero-bottom{align-items:flex-end;margin-top:26px}
.feature-stats{gap:25px}
@media(max-width:1100px){.auto-project-grid{gap:18px}.auto-project-copy{padding:24px 21px}.auto-project-copy h3{font-size:28px}.auto-project-description{font-size:.875rem}.auto-project-price strong{font-size:1.85rem}.case-price-panel{padding:40px;gap:7%}.case-price-panel h2{font-size:clamp(40px,5.7vw,58px)}.hero-price>strong{font-size:2.1rem}.auto-project-meta>span{margin-inline:4px}}
@media(max-width:760px){.auto-project-grid{grid-template-columns:1fr;gap:24px;margin-top:24px}.auto-project-image{aspect-ratio:1.55}.auto-project-copy{padding:26px}.auto-project-copy h3{font-size:32px}.auto-project-description{font-size:1rem;max-width:560px;margin-bottom:24px}.auto-project-price{flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.auto-project-price strong{font-size:2rem}.auto-project-price>span{max-width:160px}.auto-project-price>span>br{display:initial}.case-price-section{padding-bottom:75px}.case-price-panel{grid-template-columns:1fr;gap:34px;padding:35px}.case-price-panel h2{font-size:64px}.case-price-panel .eyebrow{font-size:.875rem}.price-explanation{padding-top:28px;border-top:1px solid var(--line)}.price-explanation .button{font-size:.875rem}.hero-price{padding:15px 20px;gap:23px;margin-top:24px}.hero-price>strong{font-size:2.25rem}.priced-case-hero .case-hero-content h1{font-size:clamp(52px,9.6vw,78px)}.priced-case-hero .case-hero-bottom{display:block}.priced-case-hero .case-hero-bottom>.button{margin-top:22px}.priced-case-tagline{font-size:1rem}.feature-stats{gap:24px}.feature-stats span{max-width:120px}}
@media(max-width:500px){.auto-project-image{aspect-ratio:1.3}.auto-project-copy{padding:24px}.auto-project-copy h3{font-size:30px}.auto-project-meta{font-size:.75rem}.auto-project-description{font-size:1rem}.auto-project-price{display:block}.auto-project-price strong{display:block;font-size:2.1rem}.auto-project-price>span{display:block;max-width:none;margin-top:9px}.auto-project-price>span>br{display:none}.case-price-panel{padding:29px 25px;gap:27px}.case-price-panel h2{font-size:clamp(36px,11vw,55px)}.price-source{font-size:.75rem;margin-top:17px}.case-price-panel .eyebrow{font-size:.75rem}.price-explanation>p,.price-scope{font-size:1rem}.price-explanation h3{font-size:1.5rem}.price-explanation .button{font-size:.875rem;gap:14px;line-height:1.7}.hero-price{gap:10px 20px;padding:15px 18px;flex-wrap:wrap;width:100%}.hero-price>strong{font-size:2rem}.hero-price>span{font-size:.75rem}.priced-case-hero .case-hero-content h1{font-size:clamp(40px,10.3vw,52px)}.priced-case-hero .case-hero-content .eyebrow{font-size:.75rem;letter-spacing:.055em}.priced-case-tagline{font-size:.875rem}.feature-stats{gap:20px;flex-wrap:wrap}.feature-stats span{max-width:110px}.feature-stats b{font-size:18px}}
@media(prefers-reduced-motion:reduce){.auto-project-card:hover .auto-project-image>img{transform:none}}

.supplied-case-gallery .zoom-image>img{aspect-ratio:auto;object-fit:contain}