:root{color-scheme:dark;--paper:#f3e3c7;--green:#899f52;--dark:#17130e}
*{box-sizing:border-box}
html{min-height:100%;background:var(--dark)}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;color:var(--paper);font-family:Georgia,'Times New Roman',serif;background:radial-gradient(ellipse at 50% 20%,#30271b 0%,#1c1710 48%,#100e0b 100%)}
main{width:min(100% - 48px,900px);margin:auto;text-align:center;padding:52px 0 32px}
.logo{display:block;width:min(100%,610px);height:auto;margin:0 auto 38px}
.announcement{display:flex;align-items:center;justify-content:center;gap:16px;color:#a7b77e;font:600 12px/1.5 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase}
.announcement span{width:45px;height:1px;background:var(--green)}
h1{font-weight:400;font-size:clamp(30px,4.4vw,45px);line-height:1.18;margin:20px 0 16px;letter-spacing:-.5px}
.intro{font-size:19px;line-height:1.65;margin:0 auto;max-width:710px}
.craft{font-family:Arial,sans-serif;font-size:14px;line-height:1.8;color:#c5baa8;margin:20px 0 26px}
.contact{display:inline-flex;gap:26px;align-items:center;background:var(--paper);border:1px solid var(--paper);color:#211b13;text-decoration:none;padding:15px 25px;font:600 14px/1.4 Arial,sans-serif;transition:background .2s}
.contact:hover{background:#fff2d9}
a:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.email{display:block;width:fit-content;margin:17px auto 0;color:#d0c2aa;font:14px/1.5 Arial,sans-serif;text-underline-offset:4px}
footer{text-align:center;padding:20px 20px 24px;color:#a59a88;font:12px/1.5 Arial,sans-serif;letter-spacing:1px}
@media(max-width:520px){main{width:calc(100% - 36px);padding-top:42px}.logo{margin-bottom:32px}.announcement{font-size:10px;letter-spacing:1.2px;gap:9px}.announcement span{width:20px}.intro{font-size:17px}.desktop{display:none}.craft{font-size:13px}.contact{padding:14px 23px}footer{padding-top:10px}}