/* Full photographs and films keep their native proportions, including on phones. */
.login-layout.has-reissner-photo .login-art{height:auto;padding:24px 0;flex:1;display:flex;align-items:center;justify-content:center}
.login-layout.has-reissner-photo .login-frame{width:100%;max-width:650px;height:auto;aspect-ratio:4/3;padding:10px;transform:rotate(-2deg);background:#e4d9c6}
.login-layout.has-reissner-photo .login-frame img{display:block;width:100%;height:100%;object-fit:contain}
.login-layout.has-reissner-photo .login-art>span{display:none}
.welcome-panel.has-vehicle-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);background:linear-gradient(120deg,#e8ece2,#e0e7df);align-items:center}
.has-vehicle-showcase .welcome-copy{padding:32px 16px 32px 34px;min-height:0}
.has-vehicle-showcase .welcome-copy h2{font-size:clamp(30px,3.1vw,48px)}
.has-vehicle-showcase .welcome-art{position:relative;inset:auto;display:block;width:100%;height:auto;padding:27px 26px 27px 12px;opacity:1;transform:none;background:none;pointer-events:auto}
.has-vehicle-showcase .welcome-art:before{display:none}
.has-vehicle-showcase .art-mat{width:100%;height:auto;padding:0;background:none;box-shadow:none;transform:none}
.vehicle-showcase{position:relative;border:1px solid #fdfbf3;border-radius:10px;overflow:hidden;background:#f7f5ee;box-shadow:0 12px 32px #22372c20}
.showcase-stage{position:relative;aspect-ratio:4/3;overflow:hidden;isolation:isolate;background:#23383a}
.showcase-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1400ms ease,visibility 0s 1400ms;overflow:hidden}
.showcase-scene.is-active{opacity:1;visibility:visible;transition-delay:0s}
.showcase-scene .showcase-photo,.showcase-scene video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.showcase-scene .showcase-ambience{position:absolute;inset:-8%;width:116%;height:116%;max-width:none;object-fit:cover;filter:blur(18px);opacity:.35}
.showcase-scene video{opacity:0;transition:opacity 1000ms ease;pointer-events:none}
.showcase-scene.is-playing video{opacity:1}
.showcase-category,.showcase-format{position:absolute;z-index:2;background:#1c302dd6;color:#fffcf2;border:1px solid #faf5df33;border-radius:4px;pointer-events:none}
.showcase-category{top:12px;left:12px;padding:4px 7px;font-size:8px;letter-spacing:1.2px}
.showcase-format{right:10px;bottom:10px;font-size:10px;padding:3px 8px}
.showcase-footer{padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:75px}
.showcase-description{min-width:0;display:grid;gap:3px}.showcase-kicker{font-size:8px;letter-spacing:1.5px;color:#8b7a57}.showcase-description strong{font:18px/1.2 var(--serif);color:var(--ink)}
.showcase-controls{display:flex;gap:5px;flex-shrink:0}.showcase-controls[hidden]{display:none}
.showcase-controls button{width:35px;height:35px;min-height:35px;border:1px solid #dedfd3;border-radius:50%;display:grid;place-items:center;background:transparent;color:#355453;cursor:pointer;padding:8px}
.showcase-controls button:hover{background:#e8ece2}.showcase-controls button:focus-visible{outline:3px solid #b29865;outline-offset:2px}.showcase-controls svg{width:14px;height:14px}.showcase-controls [data-showcase-prev] svg{transform:rotate(180deg)}
.showcase-controls .showcase-play{background:#355453;color:#fff;border-color:#355453}.showcase-play span{font:14px/1 sans-serif}
@media(min-width:1600px){.has-vehicle-showcase .welcome-art{padding:30px 32px 30px 16px}.has-vehicle-showcase .welcome-copy{padding-left:40px}}
@media(max-width:1100px){.welcome-panel.has-vehicle-showcase{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.has-vehicle-showcase .welcome-copy{padding-left:24px}.has-vehicle-showcase .welcome-actions{align-items:flex-start;flex-direction:column;gap:12px}.showcase-footer{padding:12px 10px}.showcase-description strong{font-size:16px}.showcase-controls{gap:3px}}
@media(max-width:800px){.has-vehicle-showcase .welcome-copy h2{font-size:34px}.has-vehicle-showcase .welcome-art{padding:20px 20px 20px 8px}}
@media(max-width:800px){.login-layout.has-reissner-photo .login-story{display:block;min-height:0;padding:20px 25px}.login-layout.has-reissner-photo .login-story>.brand{font-size:13px;gap:10px}.login-layout.has-reissner-photo .brand small{font-size:8px}.login-layout.has-reissner-photo .brand-mark{width:32px;height:34px;font-size:26px}.login-layout.has-reissner-photo .login-art{padding:18px 0 0;height:auto}.login-layout.has-reissner-photo .login-frame{max-width:340px;width:100%;height:auto;padding:7px;transform:none}.login-layout.has-reissner-photo .login-story-text,.login-layout.has-reissner-photo .login-story-footer{display:none}.login-layout.has-reissner-photo .login-panel{min-height:0;padding-top:28px}}
@media(max-width:600px){.welcome-panel.has-vehicle-showcase{display:block}.has-vehicle-showcase .welcome-copy{padding:26px 23px 20px}.has-vehicle-showcase .welcome-copy h2{font-size:35px}.has-vehicle-showcase .welcome-copy p{max-width:none}.has-vehicle-showcase .welcome-art{padding:0 15px 16px;height:auto}.has-vehicle-showcase .art-mat{max-width:none;width:100%;height:auto;padding:0;transform:none}.showcase-category{font-size:7px;letter-spacing:1px;top:8px;left:8px}.showcase-footer{min-height:76px}.showcase-controls button{width:40px;height:40px;min-height:40px}.showcase-description strong{font-size:17px}.showcase-kicker{font-size:7px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.showcase-scene,.showcase-scene video{transition:none}}
@media print{.showcase-controls,.showcase-scene video{display:none!important}.showcase-scene{transition:none!important}}