/* Páginas de texto (privacidad, eliminar datos, 404) de bysitestudio.com */
:root { --blush:#F6EEE4; --white:#FBF6EF; --ink:#2B1D17; --muted:#5E4E45; --line:rgba(43,29,23,.18); --rust:#A74E3E; }
* { box-sizing:border-box; margin:0; padding:0; }
html, body { overflow-x:hidden; }
body { background:var(--blush); color:var(--ink); font:400 16px/1.7 "Hanken Grotesk", sans-serif; }
a { color:inherit; text-underline-offset:3px; }
.top { display:flex; justify-content:space-between; align-items:center; padding:18px 20px; background:var(--ink); color:var(--blush); }
.top .lockup use { fill:var(--blush); }
.lockup { display:flex; align-items:center; gap:12px; text-decoration:none; font:500 14px/1 "Hanken Grotesk"; letter-spacing:.42em; }
.lockup svg { width:13px; }
.top .link { font:600 14px/1 "Hanken Grotesk"; text-underline-offset:5px; }
main { max-width:720px; padding:40px 20px 80px; }
h1 { font-family:Archivo, sans-serif; font-stretch:62%; font-weight:850; text-transform:uppercase; font-size:clamp(44px, 12vw, 76px); line-height:.92; letter-spacing:-.004em; word-spacing:.08em; }
h2 { font-family:Archivo, sans-serif; font-stretch:62%; font-weight:850; text-transform:uppercase; font-size:30px; line-height:1; word-spacing:.08em; margin-top:44px; }
.date { margin-top:12px; color:var(--muted); font-size:14px; }
.lead { margin-top:24px; font-size:18px; color:var(--muted); }
p, ul { margin-top:14px; }
ul { padding-left:20px; }
li + li { margin-top:6px; }
.box { margin-top:20px; background:var(--white); border:1px solid var(--line); padding:18px 20px; }
.box p:first-child { margin-top:0; }
footer { padding:32px 20px 40px; font-size:13px; line-height:1.6; color:var(--muted); border-top:1px solid var(--line); }
footer p + p { margin-top:6px; }
@media (min-width: 900px) {
  .top, footer { padding-left:max(56px, calc((100vw - 1240px) / 2)); padding-right:max(56px, calc((100vw - 1240px) / 2)); }
  main { margin-left:max(56px, calc((100vw - 1240px) / 2)); padding:64px 0 120px; }
  footer { display:flex; justify-content:space-between; gap:40px; }
}