/* Preview image slots keep each original responsive media allocation. */
.media-slot{position:relative;display:grid!important;place-items:center;min-width:0;width:100%;aspect-ratio:var(--ratio-d);background:#191919;border:1px solid #2a2a2a;overflow:hidden}
.media-label{display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center;font:400 11px/1.6 var(--mono);color:#74716d;overflow-wrap:anywhere;max-width:100%}
.media-label strong{font-weight:500;color:#a8a39b;letter-spacing:.06em}.media-name-mobile{display:none}
.logo-slot{width:122px;aspect-ratio:1067/248;background:none;border:0;display:flex!important;align-items:center}.logo-word{font:400 33px/1 var(--display);font-style:italic;letter-spacing:-.06em;color:var(--strong)}
.gtm44-home .project-hero.has-launch-photo .project-hero-image .media-slot{height:100%;aspect-ratio:auto}.project-hero-image .media-label{position:absolute;right:6%;bottom:8%;width:42%}
.gtm44-home .contact-photo .media-slot{height:100%;aspect-ratio:auto}
.circuit-grid .media-slot.circuit-thumbnail{width:64px;height:64px;aspect-ratio:1;background:#151515}.circuit-thumbnail .media-label{padding:3px;font-size:6px}.circuit-thumbnail .media-label strong{display:none}
.contact-status:empty{display:none}.contact-status:not(:empty){margin-top:20px;padding:16px;border:1px solid var(--line2)}.contact-status-success{color:var(--yellow)}.contact-status-error{color:#ffc7c2}.form-submit:disabled{opacity:.55;cursor:wait}
.contact-consent input[type=checkbox]{appearance:auto;accent-color:var(--red);background:#fff;flex-shrink:0}
:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}section[id]{scroll-margin-top:24px}
@media(max-width:1000px){.media-slot{aspect-ratio:var(--ratio-m)}.media-name-desktop{display:none}.media-name-mobile{display:block}.gtm44-home .project-hero.has-launch-photo .project-hero-image .media-slot{height:auto;aspect-ratio:4/5}.project-hero-image .media-label{width:100%;right:0;bottom:6%;font-size:10px}.media-label{font-size:10px}.logo-slot{width:90px;aspect-ratio:1067/248}.logo-word{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Keep dark fields after reset, including browser autofill and password-manager tinting. */
.contact-form input:not([type="checkbox"]):not([type="hidden"]),
.contact-form textarea {
 color-scheme: dark;
 background-color: var(--panel) !important;
 color: var(--strong) !important;
 -webkit-text-fill-color: var(--strong) !important;
 caret-color: var(--strong);
 -webkit-box-shadow: inset 0 0 0 1000px var(--panel) !important;
 box-shadow: inset 0 0 0 1000px var(--panel) !important;
}
.contact-form .contact-status-success {
 display: block;
 padding: 26px 24px;
 border: 1px solid var(--line2);
 border-top: 3px solid var(--yellow);
 background: #202020;
 color: var(--strong);
 scroll-margin-block: 30px;
}
.contact-form .contact-status-success strong {
 color: var(--yellow);
 font: 400 clamp(20px, 1.8vw, 26px)/1.3 var(--display);
 text-transform: uppercase;
}
.contact-form .contact-status-success p {
 margin: 12px 0 0;
 color: var(--strong);
 font: 400 16px/1.65 var(--body);
}
@media (max-width: 600px) {
 .contact-form .contact-status-success { padding: 22px 18px; }
}
@media (max-width: 980px) {
 .media-slot.contact-workshop-photo { display: none !important; }
}

/* Homepage refinement: preserve GTM tokens and put photographs in context. */
.gtm44-home .story-photo { margin: 0; min-width: 0; overflow: hidden; }
.gtm44-home .story-heading .section-heading { display: block; }
.gtm44-home .story-heading .section-heading > p { max-width: 56ch; margin: 24px 0 0; }
@media (min-width: 1001px) {
 .gtm44-home .story-heading { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(36px, 5vw, 80px); align-items: center; background: radial-gradient(ellipse at 65% 50%, var(--panel), transparent 70%); }
 .gtm44-home .story-heading.story-photo-left { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
 .gtm44-home .story-heading h2 { text-wrap: balance; }
 .gtm44-home .project-about { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(36px, 5vw, 80px); }
 .gtm44-home .project-about .atelier-media { margin: 0; }
 .gtm44-home .project-about-copy { min-width: 0; }
 .gtm44-home .project-about-copy h2 { text-wrap: balance; }
}
@media (max-width: 1000px) {
 .gtm44-home .story-heading { display: flex; flex-direction: column; gap: 30px; }
 .gtm44-home .story-photo { width: 100%; order: -1; }
 .gtm44-home .story-heading .section-heading { width: 100%; }
}

/* Exterior photos: preserve originals and crop only the mobile presentation. */
.gtm44-home .vehicle-photo { border: 0; }
.gtm44-home .vehicle-photo .launch-photo > img { aspect-ratio: 3 / 2; }
@media (max-width: 820px) {
 .gtm44-home .vehicle-photo .launch-photo > img {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center bottom;
 }
}