*{box-sizing:border-box}
:root{font-family:"Inter",sans-serif;color:#1e1915;background:#fff}
body{margin:0;min-height:100vh}
.app{width:min(760px,100%);margin:auto;padding:24px 14px 0}
header{text-align:center;margin-bottom:20px}
.mask-wrap{height:210px;display:flex;justify-content:center;align-items:center;margin-bottom:8px}
.mask-wrap img{max-height:210px;max-width:90%;object-fit:contain;}
h1{font-size:clamp(1.8rem,6vw,3rem);margin:0;letter-spacing:.04em;font-family: "IM Fell DW Pica", serif;text-transform:uppercase}
.subtitle{margin:5px 0 0;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem}
.sheet{background:#fff;border:0px solid #c8c0b2;padding:clamp(18px,4vw,32px);box-shadow:0 4px 18px #0001}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-bottom:20px;border-bottom:1px solid #c8c0b2}
.identity span,.paths span{display:block;font-size:.7rem;text-transform:uppercase;opacity:.65;margin-bottom:4px;font-family: "IM Fell DW Pica", serif;}
.identity strong{font-size:1rem}
.section{padding:18px 0;border-bottom:1px solid #d5cec2}
h2{font-size:.85rem;text-transform:uppercase;margin:0 0 9px;font-family: "IM Fell DW Pica", serif;}
p{font-size:.8rem;margin:0;line-height:1.55}
.paths{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.paths div{border:1px solid #c8c0b2;text-align:center;padding:10px}
.paths b{font-size:1.7rem}
ul{font-size:.8rem;margin:0;padding-left:22px;line-height:1.7}
.big{font-size:1rem;font-weight:bold}
.dots{display:flex;gap:8px;flex-wrap:wrap}.dot{width:25px;height:25px;border:1px solid #555;border-radius:50%}.dot.full{background:#222}
button{display:block;width:100%;margin-top:22px;padding:13px;border:0;background:#201b17;color:#fff;font:inherit;font-weight:bold;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
button:hover{opacity:.9}
footer{text-align:center;margin-bottom:20px}
footer p{font-size:.7rem;text-align:left;margin-top:15px}
footer a{color:#de000f}
footer a:hover{text-decoration: underline #000}
footer a:visited{color:#de000f}
.credits{background:#fff;padding:clamp(18px,4vw,32px)}
.center{text-align:center;margin:0 0 20px 0}
@media(max-width:600px){.grid{grid-template-columns:repeat(2,1fr)}.paths{grid-template-columns:repeat(2,1fr)}.mask-wrap{height:170px}.mask-wrap img{max-height:170px}}