*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#080808;color:#fff;font-family:Arial,Helvetica,sans-serif}
.home{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100vh;min-height:100svh;overflow:hidden;padding:24px}
.home-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.home::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.18) 38%,rgba(0,0,0,.3) 65%,rgba(0,0,0,.8))}
.brand{position:absolute;top:max(32px,env(safe-area-inset-top));left:24px;right:24px;text-align:center}
h1{margin:0}.brand img{width:min(380px,72vw);height:auto;filter:drop-shadow(0 6px 18px #000)}
.enter-button{display:flex;align-items:center;justify-content:center;gap:30px;width:min(340px,100%);min-height:72px;padding:20px 28px;background:#d71018;border:1px solid rgba(255,255,255,.3);box-shadow:0 12px 40px #0008;color:#fff;font-size:20px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .15s,transform .15s}
.enter-button span{font-size:28px;line-height:1}.enter-button:hover{background:#ee1922;transform:translateY(-2px)}
.enter-button:focus-visible{outline:3px solid white;outline-offset:6px}
.home-caption{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:20px;right:20px;margin:0;text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.23em;color:#ddd}
@media(max-width:600px){.home-photo{object-position:54% center}.brand{top:40px}.enter-button{width:280px;min-height:66px;font-size:18px}}
@media(max-height:430px){.brand{top:12px}.brand img{width:200px}.home-caption{bottom:12px}}
@media(prefers-reduced-motion:reduce){.enter-button{transition:none}}

.entry-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;width:min(700px,100%);margin:0 auto}
.entry-actions .enter-button{margin:0}
.vendor-button{background:#111;border-color:rgba(255,255,255,.5)}
.vendor-button:hover{background:#242424}
@media(max-width:600px){.entry-actions{gap:10px}.entry-actions .enter-button{width:280px;min-height:62px;font-size:16px}}