/* =========================================================================
   Tartan Couch — shared styles for the legal pages (Privacy, Terms).
   Matches the site: cream paper, Libre Caslon headings, DM Sans body.
   ========================================================================= */
:root{
  --ink:#090a08; --paper:#f4eee2; --cream2:#e8e0d2;
  --muted:#766f63; --brass:#755e30; --line:rgba(9,10,8,.12);
  --serif:"Libre Caslon Display",Georgia,serif;
  --sans:"DM Sans",Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--sans); font-weight:400; line-height:1.75;
  -webkit-font-smoothing:antialiased;
}

.legal-nav{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:22px clamp(20px,5vw,56px);
  border-bottom:1px solid var(--line);
  position:sticky; top:0; z-index:10;
  background:rgba(244,238,226,.9); backdrop-filter:blur(8px);
}
.legal-nav .logo img{height:30px; width:auto; display:block;}
.legal-nav .back{
  font-size:.72rem; letter-spacing:.2em; text-transform:uppercase;
  color:#6e665d; text-decoration:none; white-space:nowrap; transition:color .2s ease;
}
.legal-nav .back:hover{color:var(--brass);}

.legal-main{ max-width:720px; margin:0 auto; padding:clamp(48px,9vw,96px) clamp(20px,5vw,32px) 90px; }
.legal-eyebrow{
  font-size:.72rem; font-weight:500; letter-spacing:.3em; text-transform:uppercase;
  color:var(--brass); margin:0 0 16px;
}
.legal-main h1{
  font-family:var(--serif); font-weight:400; font-size:clamp(2.6rem,7vw,4.2rem);
  line-height:1.03; letter-spacing:.005em; margin:0 0 12px;
}
.legal-updated{ font-size:.82rem; color:var(--muted); margin:0 0 clamp(32px,6vw,54px); letter-spacing:.03em; }
.legal-lead{ font-size:1.18rem; margin:0 0 40px; line-height:1.6; }
.legal-main h2{
  font-family:var(--serif); font-weight:500; font-size:clamp(1.55rem,4vw,2.05rem);
  margin:48px 0 12px;
}
.legal-main p{ color:#2a2820; margin:0 0 18px; }
.legal-main p strong{ color:var(--ink); font-weight:600; }
.legal-main ul{ color:#2a2820; margin:0 0 24px; padding-left:20px; }
.legal-main li{ margin-bottom:10px; }
.legal-main a{ color:var(--brass); text-decoration:none; border-bottom:1px solid transparent; transition:border-color .2s ease; }
/* In-paragraph links must be distinguishable without relying on colour alone (WCAG 1.4.1), so give
   body-copy links a visible underline at rest. Hover still deepens to brass; the legal-note email
   links keep their colour-only treatment. */
.legal-main p a{ border-bottom-color:currentColor; }
.legal-main a:hover{ border-bottom-color:var(--brass); }

.legal-note{
  margin-top:52px; padding:26px 30px; background:var(--cream2);
  border:1px solid var(--line); border-radius:12px;
}
.legal-note p{ margin:0; color:#2a2820; }

.legal-footer{
  border-top:1px solid var(--line); padding:30px clamp(20px,5vw,56px);
  text-align:center; color:var(--muted); font-size:.78rem; letter-spacing:.04em;
}
.legal-footer a{ color:var(--muted); text-decoration:none; }
.legal-footer a:hover{ color:var(--brass); }

/* ==========================================================
   FOOTER — cinematic (consistent with the home page).
   ========================================================== */
.site-footer { position:relative; height:150vh; background:#17130d; }
.footer-sticky { position:sticky; top:0; height:100vh; overflow:hidden; background:#17130d; }
.footer-bg { position:absolute; inset:0; top:-130px; z-index:0;
  background:url("story-tete.webp?v=1") center right / cover no-repeat fixed; will-change:filter; }
.footer-scrim { position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(90deg, rgba(12,9,6,.94) 0%, rgba(12,9,6,.74) 32%, rgba(12,9,6,.18) 60%, rgba(12,9,6,0) 100%),
    linear-gradient(180deg, rgba(12,9,6,0) 40%, rgba(12,9,6,.5) 100%); }
.footer-couch { position:absolute; z-index:2; left:50%; bottom:0; width:min(1120px,86vw); height:auto;
  transform:translateX(-50%) translateY(100%); pointer-events:none;
  filter:drop-shadow(0 -20px 44px rgba(0,0,0,.5)); will-change:transform; }
.footer-bar { position:absolute; z-index:3; left:0; right:0; top:42%; transform:translateY(-50%);
  text-align:center; padding:0 24px; font-family:"DM Sans",Arial,Helvetica,sans-serif; }
.footer-bar .footer-brand { font-family:"Libre Caslon Display",Georgia,serif; font-size:1.7rem;
  letter-spacing:.03em; color:#f4eddd; margin-bottom:16px; }
.footer-bar .footer-links { display:flex; gap:26px; justify-content:center; flex-wrap:wrap; margin-bottom:14px; }
.footer-bar .footer-links a { color:rgba(245,240,230,.86); text-decoration:none; font-size:.9rem;
  letter-spacing:.02em; border-bottom:1px solid transparent; padding-bottom:1px;
  transition:border-color .2s ease, color .2s ease; }
.footer-bar .footer-links a:hover { color:#fff; border-bottom-color:rgba(245,240,230,.7); }
.footer-bar .footer-copy { font-size:.76rem; color:rgba(245,240,230,.5); letter-spacing:.05em; }