:root{color-scheme:light;--red:#e30613;--ink:#202123;--muted:#68696d;--line:#e5e5e7}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;background:#fafafa;color:var(--ink);font-family:Arial,Helvetica,sans-serif;border-top:5px solid var(--red)}
.page{width:min(100% - 48px,920px);min-height:calc(100svh - 5px);margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(48px,8vh,88px) 0 28px}
.brand{width:min(100%,580px)}
.brand img{display:block;width:100%;height:auto}
.announcement{margin-top:clamp(48px,8vh,88px)}
.accent{display:block;width:36px;height:3px;margin:0 auto 24px;background:var(--red)}
h1{margin:0;font-size:clamp(48px,8vw,88px);font-weight:750;letter-spacing:-.055em;line-height:1.1}
h1 span{color:var(--red)}
.intro{margin:20px 0 0;font-size:clamp(18px,2.6vw,23px);line-height:1.5}
.message{margin:18px 0 0;color:var(--muted);font-size:16px;line-height:1.7}
.contacts{width:min(100%,780px);margin-top:44px}
.email-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;text-align:left}
a{color:inherit;text-decoration:none}
.email{display:grid;grid-template-columns:1fr 22px;column-gap:10px;row-gap:10px;align-items:center;padding:24px;background:#fff;border:1px solid var(--line);border-top:2px solid var(--red);border-radius:3px;transition:border-color .2s,box-shadow .2s}
.label{grid-column:1/-1;color:var(--muted);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;line-height:1.5}
.address{font-size:clamp(14px,1.8vw,18px);font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.email svg{width:20px;height:20px;color:var(--red)}
.email:hover{border-color:var(--red);box-shadow:0 5px 20px #20212308}
.phone{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:12px 18px;min-height:48px;font-size:22px;font-weight:600;letter-spacing:.4px}
.phone svg{width:21px;height:21px;color:var(--red)}
.phone:hover{color:var(--red)}
a:focus-visible{outline:3px solid var(--red);outline-offset:5px}
footer{margin-top:auto;padding-top:56px;font-size:11px;line-height:1.8;color:var(--muted)}
footer span{padding:0 10px;color:var(--red)}
@media(max-width:560px){.page{width:calc(100% - 36px);padding-top:42px}.brand{max-width:420px}.announcement{margin-top:48px}.contacts{margin-top:32px}.email-grid{grid-template-columns:1fr;gap:12px}.email{padding:19px 20px}.address{font-size:17px}.message{font-size:15px}.phone{margin-top:20px}footer{padding-top:40px;max-width:290px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}