@font-face{font-family:Display;src:url(fonts/display.otf)}
@font-face{font-family:Body;src:url(fonts/body.otf)}
@font-face{font-family:Body;font-weight:bold;src:url(fonts/body_bold.otf)}
:root{--bg:#120d0b;--panel:#1d1611;--line:#5b4027;--gold:#f2d79a;--gold2:#c8995a;--text:#e6d8bc;--soft:#a8987c;--green:#7fe08a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:18px/1.6 Body,Georgia,serif}
a{color:var(--gold)}
header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:14px 24px;border-bottom:1px solid var(--line);background:#0d0907}
header .brand{display:flex;align-items:center;gap:10px;font:22px Display,serif;color:var(--gold);text-decoration:none;letter-spacing:3px;margin-right:auto}
header .brand img{width:36px;height:36px}
header nav a{color:var(--soft);text-decoration:none;font-size:16px;margin-left:14px}
header nav a:hover{color:var(--gold)}
main{max-width:1080px;margin:0 auto;padding:24px 20px 60px}
h1,h2,h3{font-family:Display,serif;color:var(--gold);font-weight:normal;letter-spacing:1px}
h1{text-transform:uppercase;letter-spacing:3px}
h1{font-size:44px;margin:.2em 0}
.hero{position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.hero img{display:block;width:100%;height:auto}
.lead{font-size:21px;color:var(--text);max-width:820px}
.play{display:inline-block;margin:10px 0 6px;padding:14px 38px;border:2px solid var(--gold2);border-radius:8px;background:linear-gradient(#3a5a2c,#1f3418);color:#fff4d6;font:22px Display,serif;text-decoration:none;letter-spacing:2px}
.play:hover{filter:brightness(1.15)}
.note{color:var(--soft);font-size:15px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin:26px 0}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.card img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}
.card div{padding:12px 16px 16px}
.card h3{margin:.2em 0 .3em;font-size:21px}
.prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.price{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px}
.price .amount{font:30px Display,serif;color:var(--gold)}
.price ul{padding-left:20px;margin:.6em 0}
.soon{display:inline-block;font-size:13px;color:#14100d;background:var(--gold2);border-radius:4px;padding:1px 8px;margin-left:6px;vertical-align:middle}
.legal p{margin:0 0 1em;white-space:normal}
.ph{background:#7a1f12;color:#fff;padding:0 4px;border-radius:3px}
footer{border-top:1px solid var(--line);padding:18px 24px;color:var(--soft);font-size:15px;text-align:center}
footer a{color:var(--soft);margin:0 8px}
@media(max-width:640px){body{font-size:17px}h1{font-size:34px}header nav a{margin-left:0;margin-right:12px}}