/* Canonical photo coordinates keep the live screen seated in the photographed glass. */
.garage-surface{position:absolute;inset:0;overflow:hidden;background:#050a0e;--case-opacity:1;--result-opacity:0}
.garage-artboard{position:absolute;left:0;top:0;width:1536px;height:1024px;transform-origin:0 0;transform:scale(.7)}
.garage-artboard>.garage-photo{width:1536px;height:1024px;max-width:none;object-fit:fill}
.garage-screen{position:absolute;left:782px;top:185px;width:250px;height:620px;transform:matrix(1,.012,.044,1,0,0);transform-origin:0 0;color:#eff5f9;text-align:left;font-family:Manrope,Arial,sans-serif;line-height:1.4}
.garage-brand{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:750;margin-bottom:16px}
.garage-screen .garage-brand img{width:20px;height:20px;max-width:none;object-fit:contain}
.garage-sample{display:block;font-size:11px;font-weight:700;color:#9dcef3;text-transform:uppercase}
.garage-case,.garage-result{position:absolute;left:0;right:0;top:80px}
.garage-case{opacity:var(--case-opacity)}.garage-result{opacity:var(--result-opacity)}
.garage-screen h3{font-size:32px;line-height:1.15;font-weight:650;color:#f1f5f8;text-wrap:initial}
.garage-screen p{color:#bfcbd5}
.garage-screen .garage-vehicle{font-size:17px;color:#e0e9ef;margin-bottom:24px}
.garage-case-detail{font-size:17px;line-height:1.5;margin-top:18px}
.garage-context{margin:26px 0 0;font-size:16px}
.garage-context>div{border-top:1px solid #374650;padding:15px 0}
.garage-context dt{color:#9eb1bf;font-size:12px;margin-bottom:5px}.garage-context dd{margin:0;color:#e2eaf0}
.garage-screen .garage-screen-end{font-size:14px;color:#a5d4f5;margin-top:20px}
.garage-result h3{font-size:30px}
.garage-result-vehicle{font-size:14px;margin-top:12px}
.garage-clues{border-block:1px solid #374650;margin-top:18px;padding:13px 0}
.garage-clues h4{font-size:12px;color:#aebfcc;margin-bottom:8px}
.garage-clues p{font-size:12px;line-height:1.6}.garage-clues p+p{margin-top:4px}
.garage-checks{list-style:none;padding:0;margin:16px 0 0}
.garage-checks li{display:grid;grid-template-columns:23px 1fr;gap:8px;border-bottom:1px solid #374650;padding:12px 0;font-size:16px;line-height:1.35;min-height:47px}
.garage-checks li>span{font-size:12px;color:#9dcef3;padding-top:3px}
.hero-device-garage .cinematic-copy>p{font-size:15px;max-width:380px}
.hero-device-garage .cinematic-photo img{object-position:initial}
.concept-2 .garage-story{height:calc(100svh + 1000px);margin:0;background:#080c10}
.garage-story .convergence-sticky{display:block;position:sticky;top:0;width:100%;max-width:none;height:100svh;max-height:none;padding:0;overflow:hidden}
.garage-story .story-copy{position:absolute;z-index:4;top:36px;left:0;right:0;display:block;pointer-events:none;text-align:left;margin-inline:auto}
.garage-story .story-copy h2{font-size:38px;line-height:1.13;font-weight:550;max-width:440px;white-space:pre-line;text-shadow:0 3px 20px #000}
.garage-story .story-copy>p{display:block;max-width:365px;margin-top:14px;font-size:14px;color:#c6d4df;text-shadow:0 2px 8px #000}
.story-mobile-context{display:none}
.garage-story .garage-stage{position:absolute;inset:0;min-height:0;margin:0;display:block}
.garage-story .source-field{position:absolute;inset:0;z-index:3;pointer-events:none}
.garage-story .source{width:260px;padding:17px 19px;background:#101b24f5;border:1px solid #3b5264;border-radius:6px;box-shadow:none;will-change:transform,opacity}
.garage-story .source h3{font-size:15px;font-weight:650;line-height:1.4}
.garage-story .source p{font-size:13px;line-height:1.55;margin-top:9px;color:#b9c9d6}
.garage-source-heading{display:flex;align-items:center;gap:10px;min-height:32px;margin-bottom:9px}
.garage-story .source-kind{margin:0;font-size:12px;font-weight:500;color:#c0d2df;line-height:1.4}
.source-brand{display:block;flex:none;object-fit:contain;object-position:center;max-width:none}
.source-brand-community{width:24px;height:24px}
.source-brand-video{width:38px;height:auto}
.garage-readings{display:flex;justify-content:space-between;gap:14px;margin:12px 0 0;font-size:14px}
.garage-readings dt{font-size:11px;color:#9db1c2}.garage-readings dd{margin:3px 0 0;color:#e6f0f8}
.garage-story .source-1{left:6%;top:23%;right:auto;bottom:auto}
.garage-story .source-2{right:4%;top:23%;left:auto;bottom:auto}
.garage-story .source-3{left:4%;top:43%;right:auto;bottom:auto}
.garage-story .source-4{left:7%;top:61%;right:auto;bottom:auto}
.garage-story .source-5{right:3%;top:41%;left:auto;bottom:auto}
.garage-story .source-6{right:5%;top:57%;left:auto;bottom:auto}
.garage-story .source-7{right:3%;top:72%;left:auto;bottom:auto}
.garage-story .source-8{left:3%;top:78%;right:auto;bottom:auto}
.garage-story .source .source-concept{font-size:12px;color:#c7d8e6;margin-top:8px}
.garage-story .source .service-categories{font-size:12px;line-height:1.5}
.garage-story .garage-target{position:absolute;left:58%;top:48%;width:1px;height:1px;transform:none;pointer-events:none}
.garage-story .story-footer{position:absolute;z-index:4;bottom:19px;left:0;right:0;margin:auto;text-shadow:0 2px 7px #000}
.garage-story .story-footer>p{font-size:11px;max-width:760px;color:#c2d0db}
.garage-story .story-phases{font-size:12px;gap:25px}.garage-story .story-phases li{color:#d5dfe7}
.garage-story .story-phases li.active{color:#a5d4f5}
.garage-story .garage-surface{--case-opacity:0;--result-opacity:1}
.garage-story.is-animated .source{opacity:0}
.garage-story.is-animated .garage-surface{--case-opacity:1;--result-opacity:0}
.concept-2 .report-cinematic .code-line strong{font-size:24px;color:var(--muted)}
.concept-2 .report-cinematic .code-line{margin-top:22px;padding-block:14px}
.concept-2 .report-cinematic .code-line>span{font-size:13px}
.footer:has(.trademark-note){flex-wrap:wrap}
.trademark-note{flex-basis:100%;font-size:11px;max-width:850px;line-height:1.7;color:var(--muted)}
@media(min-width:1001px) and (max-width:1350px){
  .garage-story .source{width:225px;padding:14px 16px}
  .garage-story .source h3{font-size:14px}.garage-story .source p{font-size:12px}
  .garage-story .source-1,.garage-story .source-3,.garage-story .source-4,.garage-story .source-8{left:3%}
  .garage-story .source-2,.garage-story .source-5,.garage-story .source-6,.garage-story .source-7{right:3%}
  .garage-story .story-copy h2{font-size:32px;max-width:360px}.garage-story .story-copy>p{max-width:310px;font-size:13px}
}
@media(max-height:800px) and (min-width:1001px){
  .garage-story .source{padding:12px 15px;width:245px}
  .garage-source-heading{min-height:24px;margin-bottom:5px}
  .garage-story .source h3{font-size:14px}.garage-story .source p{font-size:12px;margin-top:5px}
  .garage-story .source-1{top:23%}.garage-story .source-2{top:19%}
  .garage-story .source-3{top:43%}.garage-story .source-4{top:63%}.garage-story .source-8{top:77%}
  .garage-story .source-5{top:36%}.garage-story .source-6{top:50%}.garage-story .source-7{top:64%}
  .garage-story .story-copy{top:25px}.garage-story .story-copy h2{font-size:30px}.garage-story .story-copy>p{font-size:12px;margin-top:9px}
}
/* Static flow keeps the evidence; the full report carries the detailed result. */
@media(max-width:1000px),(prefers-reduced-motion:reduce){
  .garage-story{height:auto!important;padding-block:55px 0}
  .garage-story .convergence-sticky{position:relative;display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible}
  .garage-story .story-copy{position:relative;top:auto;left:auto;right:auto;order:0;pointer-events:auto;margin-inline:auto!important}
  .garage-story .story-copy h2{font-size:36px;max-width:650px}
  .garage-story .story-copy>p{display:block;font-size:15px;max-width:600px}
  .story-mobile-context{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 20px;margin-top:16px;max-width:650px;font-size:12px;color:var(--muted)}
  .story-mobile-context a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);text-decoration:underline}
  .garage-story .garage-stage{position:relative;inset:auto;display:flex;flex-direction:column;min-height:0;order:1;gap:0}
  .garage-story .source-field{position:relative;inset:auto;order:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;width:calc(100% - 64px);max-width:1100px;margin:20px auto 0;pointer-events:auto}
  .garage-story .source{display:grid;grid-template-columns:106px minmax(0,1fr);align-items:center;gap:12px;position:relative;inset:auto!important;width:auto;margin:0;padding:14px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;transform:none!important;opacity:1!important;will-change:auto}
  .garage-story .source h3{font-size:14px}.garage-story .source p{display:none}.garage-story .source-kind{font-size:12px}
  .garage-story .garage-source-heading{margin:0;gap:8px;min-height:32px}
  .garage-story .garage-source-data h3{display:none}
  .garage-story .source .source-concept{display:block;grid-column:2;margin-top:-8px}
  .garage-story .garage-readings{margin:0;font-size:13px;gap:8px}
  .garage-story .garage-readings dt{font-size:12px}
  .garage-story .garage-surface{display:none}
  .garage-story .garage-target{display:none}
  .garage-story .story-footer{position:relative;inset:auto;order:2;width:calc(100% - 36px);padding:16px 0;margin:0 auto;text-shadow:none}
  .garage-story .story-phases{display:none}.garage-story .story-footer>p{font-size:12px}
}
@media(max-width:700px){
  .hero-device-garage .cinematic-copy>p{font-size:13px;max-width:354px}
  .garage-story .story-copy h2{font-size:31px}
  .garage-story .source-field{grid-template-columns:1fr;width:calc(100% - 36px)}
  .trademark-note{font-size:11px}
}