:root{--midnight:#0E0B09;--smoke:#241B15;--bone:#F0E8D6;--ash:#B8AC98;--copper:#C8753A;--ember:#E8A33D}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--midnight);color:var(--bone);font-family:"Space Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.65;min-height:100vh;display:flex;flex-direction:column;
background-image:radial-gradient(ellipse 80% 55% at 50% 0%,rgba(200,117,58,.16),transparent 70%)}
a{color:var(--ember);text-decoration:none;border-bottom:1px solid rgba(232,163,61,.35)}
a:hover{color:var(--bone);border-bottom-color:var(--copper)}
.wrap{width:100%;max-width:760px;margin:0 auto;padding:0 24px}
header.top{padding:28px 0}
header.top .wrap{display:flex;align-items:center;justify-content:space-between}
.mini{border:0;display:inline-flex;align-items:baseline;gap:10px;color:var(--bone)}
.mini b{font-family:"Unbounded",sans-serif;font-weight:700;font-size:20px;letter-spacing:0}
.mini span{font-weight:500;font-size:12px;letter-spacing:.42em;color:var(--ash)}
.mini i{width:6px;height:6px;border-radius:50%;background:var(--copper);display:inline-block;transform:translateY(-3px)}
main{flex:1}
.hero{text-align:center;padding:12vh 0 8vh}
.mark{display:inline-block;line-height:1}
.mark .one{font-family:"Unbounded",sans-serif;font-weight:700;font-size:clamp(72px,16vw,148px);letter-spacing:0;display:block;color:var(--bone)}
.mark .rule{display:block;width:56px;height:2px;background:var(--copper);margin:18px auto}
.mark .rit{font-family:"Space Grotesk",sans-serif;font-weight:500;font-size:clamp(16px,3.6vw,30px);letter-spacing:.62em;margin-right:-.62em;display:block;color:var(--bone)}
.tag{margin:44px auto 0;max-width:560px;color:var(--ash);font-size:18px}
.genres{margin-top:14px;font-size:12px;letter-spacing:.3em;color:var(--ash);text-transform:uppercase}
.genres em{font-style:normal;color:var(--copper);padding:0 .5em}
.btn{display:inline-block;margin-top:40px;padding:14px 28px;border:1px solid var(--copper);border-radius:999px;color:var(--bone);letter-spacing:.12em;font-size:14px;text-transform:uppercase;transition:background .2s}
.btn:hover{background:var(--copper);color:var(--midnight);border-color:var(--copper)}
.card{background:var(--smoke);border:1px solid rgba(200,117,58,.18);border-radius:14px;padding:22px 26px;margin:0 auto 18px;max-width:560px;color:var(--ash);font-size:15px}
.card strong{color:var(--bone);font-weight:500}
.doc{padding:4vh 0 8vh}
.doc h1{font-family:"Unbounded",sans-serif;font-weight:700;font-size:clamp(28px,5vw,40px);margin:0 0 6px;letter-spacing:0}
.doc .eff{color:var(--ash);font-size:14px;margin:0 0 36px}
.doc h2{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:19px;color:var(--bone);margin:36px 0 8px;padding-top:18px;border-top:1px solid rgba(200,117,58,.2)}
.doc p,.doc li{color:#DCD3C2;font-size:16px}
.doc ul{padding-left:20px}
.doc li{margin:6px 0}
footer{padding:36px 0 44px;color:var(--ash);font-size:13px;border-top:1px solid rgba(240,232,214,.08)}
footer .wrap{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:space-between}
footer nav{display:flex;gap:22px;flex-wrap:wrap}
footer a{color:var(--ash);border:0}
footer a:hover{color:var(--ember)}
.doc code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;color:var(--ember);background:rgba(200,117,58,.1);padding:1px 6px;border-radius:4px}
.mini img{display:block;height:28px;width:auto}
.mark.logo{margin:0}.mark.logo img{display:block;width:clamp(240px,42vw,460px);height:auto;margin:0 auto}