/* ============================================================
   Somewhere for Two — shared sub-page theme
   Warm "Kinfolk" system, matched to the homepage. Linked AFTER
   each page's inline <style> so it re-themes their tokens and
   restyles the shell; page-specific components inherit the new
   palette + type automatically.
   ============================================================ */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 600;font-display:swap;src:url(/fonts/cormorant-normal.woff2?v=3) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:300 500;font-display:swap;src:url(/fonts/cormorant-italic.woff2?v=3) format("woff2")}

:root{
  --ivory:#F4EEE1; --cream:#EDE6D5; --beige:#EDE6D5; --paper:#FAF5EA;
  --gold:#B08A45; --rose:#A9645A; --ink:#2A2016; --dim:#6b5f4c; --soft:#6b5f4c; --faint:#9a8d76;
  --line:rgba(42,32,22,.14); --line-2:rgba(42,32,22,.08);
  --serif:"Cormorant Garamond","Didot",Georgia,serif;
  --sans:"Avenir Next","Avenir","Helvetica Neue","Segoe UI",system-ui,sans-serif;
}

body{background:var(--ivory);color:var(--ink);font-family:var(--sans);position:relative}
/* faint paper tooth, same as the homepage */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.32;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.42 0 0 0 0 0.36 0 0 0 0 0.26 0 0 0 0.5 -0.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:260px}

/* airier Cormorant headings */
h1,h2,h3{font-family:var(--serif) !important;font-weight:300 !important;letter-spacing:.004em}
h1 em,h2 em,h3 em{color:var(--rose)}

/* nav — match the homepage's quiet wordmark + understated right label */
nav.top{border-bottom:0 !important;padding:34px 48px !important;background:transparent}
nav.top .brand{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--ink)}
nav.top .home{font-size:10px !important;letter-spacing:.28em !important;text-transform:uppercase;color:var(--faint) !important;border:0 !important;transition:color .3s}
nav.top .home:hover{color:var(--ink) !important}

/* prose links */
a{color:var(--rose)}
a:hover{border-color:var(--rose)}

/* understated actions (retheme any .btn) */
.btn,.faqcta a.btn{background:var(--ink) !important;color:var(--paper) !important;border:0 !important;border-radius:0 !important;
  font-family:var(--sans);text-transform:uppercase;letter-spacing:.24em !important;font-size:11px !important;padding:16px 34px !important;transition:background .4s,color .4s}
.btn:hover,.faqcta a.btn:hover{background:var(--gold) !important;color:#fff !important}

/* gold hairline rules read as brand punctuation */
.faqhero .rule,.rule{background:var(--gold)}

/* footer — quiet */
footer{border-top:1px solid var(--line);background:transparent}
footer .flinks a,footer .fright a{color:var(--dim);transition:color .3s}
footer .flinks a:hover{color:var(--ink)}
footer .c,footer .copy{letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}

/* faq accordion: warmer, airier */
details.q summary{font-family:var(--serif);font-weight:300}
details.q summary .pl{color:var(--gold)}