/* Pagine legali MFStudios — stessa veste della landing */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f0e4cf url('assets/paper.svg');color:#262019;
  font:16px/1.65 Arial,Helvetica,sans-serif}
a{color:#8a5f20}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:#f0e4cf;padding:10px 14px;z-index:50}

/* ---- testata ---- */
.header{background:#17130f url('assets/leather.svg');display:flex;align-items:center;
  justify-content:space-between;gap:24px;padding:0 44px;height:100px;position:sticky;top:0;z-index:20}
.wordmark{display:block;width:274px;font-size:11.4px;text-decoration:none;line-height:1}
.wordmark img{display:block;width:100%;height:auto}
.wordmark span{display:block;width:100%;font-family:Arial,Helvetica,sans-serif;font-weight:400;
  color:#efe0d1;text-align:justify;text-align-last:justify;text-justify:inter-character;line-height:1.15}
.wordmark .lockup-name{margin-top:-.56em}
.wordmark .lockup-tag{font-size:.78em;color:#d9c8b4}
.header nav a{color:#e3d7c1;text-decoration:none;font-size:14px;margin-left:26px;letter-spacing:.02em}
.header nav a:hover{color:#e9c174}

/* ---- contenuto ---- */
main{max-width:860px;margin:0 auto;padding:46px 25px 70px}
h1{font:400 44px/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.03em;margin:0 0 6px;color:#211b13}
h1+p{margin:0 0 30px;font-size:14px;color:#6d5536}
h2{font:400 24px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.02em;margin:0 0 12px;color:#845c25}
h3{font:400 18px/1.2 Georgia,'Times New Roman',serif;margin:20px 0 6px;color:#6d5536}
.box{background:#fffaf1;border:1px solid #d7c4a4;border-radius:10px;padding:24px 26px;margin:0 0 20px;
  box-shadow:0 10px 26px #2a1d0c14}
.box ul{margin:8px 0 0;padding-left:20px}
.box li{margin:4px 0}
.box p{margin:0 0 10px}
.box p:last-child,.box ul:last-child{margin-bottom:0}

/* ---- piè di pagina ---- */
.site-footer{background:#17130f url('assets/leather.svg');padding:34px 25px 40px;text-align:center}
.site-footer .wordmark{margin:0 auto 14px;width:240px;font-size:10px}
.footer-note{font:11px/1.4 Arial,sans-serif;color:#c2a575;letter-spacing:.06em;margin:0 0 10px}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;
  font-size:12px;color:#a99b83}
.footer-links a,.footer-links button{color:inherit;text-decoration:underline;text-underline-offset:3px;
  border:0;background:none;padding:0;font:inherit;cursor:pointer}
.footer-links a:hover,.footer-links button:hover{color:#e9c174}

@media(max-width:700px){
  .header{height:68px;padding:0 22px}
  .wordmark{width:208px;font-size:8.6px}
  .header .lockup-name,.header .lockup-tag{display:none}
  .header nav a{margin-left:16px;font-size:13px}
  main{padding:30px 22px 55px}
  h1{font-size:36px}
  h2{font-size:21px}
  .box{padding:20px}
}