:root{--arena:#D9D5CC;--piedra:#B7AEA4;--carbon:#1A1A1A;--hueso:#F4F1EB;--line:rgba(26,26,26,.16);--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--hueso);color:var(--carbon);font-family:"Inter",system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:calc(20px + env(safe-area-inset-top)) clamp(20px,5vw,72px) 20px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:"Hanken Grotesk",system-ui,sans-serif;font-weight:500;letter-spacing:.2em;text-transform:uppercase;font-size:14px}
.brand img{width:26px;height:26px}
.back{font-size:13px;text-decoration:none;position:relative;padding:6px 0}
.back::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:100% 50%;transition:transform .7s var(--ease)}
.back:hover::after{transform:scaleX(0)}
main{max-width:860px;margin:0 auto;padding:clamp(48px,10vh,110px) clamp(20px,5vw,40px) clamp(60px,12vh,130px)}
.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#6a655e;margin-bottom:18px}
h1{font-family:"Hanken Grotesk",system-ui,sans-serif;font-weight:500;font-size:clamp(40px,7vw,84px);letter-spacing:-.045em;line-height:.95;margin-bottom:clamp(32px,6vh,60px)}
h2{font-family:"Hanken Grotesk",system-ui,sans-serif;font-weight:500;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.025em;line-height:1.15;margin:clamp(32px,5vh,52px) 0 12px;padding-top:22px;border-top:1px solid var(--line)}
p{margin-bottom:14px;max-width:68ch}
ul{margin:0 0 14px 22px;max-width:68ch}
li{margin:4px 0}
.upd{margin-top:clamp(36px,6vh,64px);padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:#6a655e}
footer{border-top:1px solid var(--line);padding:22px clamp(20px,5vw,72px);display:flex;flex-wrap:wrap;gap:12px 28px;font-size:13px;color:#6a655e}
footer a{text-decoration:none}
footer a:hover{color:var(--carbon)}