@font-face { font-family: Barlow; src: url("/fonts/Barlow-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: Barlow; src: url("/fonts/Barlow-SemiBold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: Anton; src: url("/fonts/Anton-Regular.ttf") format("truetype"); font-display: swap; }

:root { --void:#071a2a; --slate:#123945; --teal:#176f75; --amber:#dfa848; --coral:#b65b2f; --paper:#f2e8cb; --ink:#15353c; --edge:#e0c78f; }
* { box-sizing: border-box; }
body { min-width:320px; min-height:100vh; margin:0; background:radial-gradient(circle at 80% 8%,#27606a 0,transparent 30rem),var(--void); color:#edf3e4; font:500 17px/1.65 Barlow,system-ui,sans-serif; }
main { width:min(100% - 28px,760px); min-height:100vh; margin:0 auto; padding:clamp(30px,7vw,70px) clamp(26px,7vw,64px); background:var(--paper); color:var(--ink); border-inline:6px solid var(--edge); box-shadow:8px 0 0 var(--slate),14px 0 28px #03101d90; }
a { color:inherit; text-decoration-thickness:2px; text-underline-offset:2px; }
.home { display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:700; text-decoration:none; }
.home::before { content:"←"; }
.eyebrow { margin:27px 0 5px; color:var(--coral); font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
h1 { max-width:13ch; margin:0 0 23px; color:var(--slate); font:clamp(38px,8vw,64px)/.96 Anton,sans-serif; letter-spacing:.012em; text-transform:uppercase; text-shadow:2px 2px 0 var(--amber); }
h2 { margin:32px 0 7px; color:var(--teal); font-size:22px; line-height:1.08; }
p { margin:0 0 15px; } ul { margin:0 0 15px; padding-left:22px; } li + li { margin-top:7px; }
.note,.contact { margin:23px 0 26px; padding:16px 18px; border-left:6px solid var(--coral); background:#ffe4a9; font-weight:700; }
footer { margin-top:46px; padding-top:16px; border-top:2px dashed #b6a376; font-size:13px; }
@media (max-width:620px) { main { width:calc(100% - 20px); border-inline-width:5px; box-shadow:5px 0 0 var(--slate),10px 0 22px #03101d90; } h1 { font-size:clamp(32px,10.5vw,40px); } }