/* lou21 simplified home: one message, e-mail field, two buttons. Uses only the tokens of style.css. */
.uv{background:var(--paper)}
.uv-img{height:clamp(150px,24svh,230px);overflow:hidden;background:#1d1b18}
.uv-img picture,.uv-img img{width:100%;height:100%;object-fit:cover;object-position:50% 8%}
@media(min-width:760px){.uv-img{height:clamp(240px,38svh,420px)}}
.uv-copy{padding-block:18px 8px}
.uv-copy h1{font-size:clamp(30px,8vw,46px);line-height:1.06;margin:8px 0 6px}
.uv-sub{font-family:var(--display);font-style:italic;font-size:clamp(19px,4.8vw,24px);line-height:1.25;margin:0 0 16px}
.uv-form{display:grid;gap:10px;margin:0 0 16px}
.uv-form input[type=email]{width:100%;min-height:56px;padding:0 16px;border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:400 18px var(--text);-webkit-appearance:none;appearance:none}
.uv-form input[type=email]:focus{border-color:var(--blue);outline:none}
.uv-form input[aria-invalid=true]{border-color:var(--red)}
.uv-cons{font-size:14px;line-height:1.4;color:var(--muted);margin:0}
.uv-msg{margin:0;padding:12px 14px;border-radius:12px;background:var(--soft);font-size:16px;line-height:1.4}
.uv-msg.err{box-shadow:inset 0 0 0 1.5px var(--red)}
.uv-form.done input[type=email],.uv-form.done #uvBtn,.uv-form.done .uv-cons{display:none}
.uv-act{display:grid;gap:10px}
.uv-act .btn{margin:0}
.uv-act .btn.ghost{color:var(--link);box-shadow:inset 0 0 0 1.5px var(--blue);background:transparent}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media(min-width:760px){.uv-form{grid-template-columns:1fr auto}.uv-form .btn.wide{width:auto;padding-inline:26px}.uv-cons,.uv-msg{grid-column:1/-1}.uv-act{grid-template-columns:1fr 1fr}}
@media(min-width:760px){.uv-act .btn{margin:0}}
@media(min-width:760px){.uv-img img{object-position:50% 14%}}