@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Jost:wght@300;400;500;600&display=swap');
:root{
  --ink:#0b0b0c; --paper:#f7f6f3;
  --serif:"Cormorant Garamond","Palatino Linotype",Georgia,serif;
  --sans:"Jost","Avenir Next",Avenir,"Segoe UI",system-ui,sans-serif;

  /* ---------------------------------------------------------------------
     TEXT SIZE KNOB for about / terms / privacy / refunds / contact /
     verified.  Change this ONE number, save, run DEPLOY MERITLY.bat.
       1     = sizes as they are now
       1.1   = 10% bigger      1.25 = 25% bigger      0.9 = smaller
     (index.html has its own identical knob, also called --tzoom.)
     --------------------------------------------------------------------- */
  --tzoom:1;

  color-scheme:light;   /* site has no dark theme — stop the browser
                           and any embedded widget rendering dark */
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);
     -webkit-font-smoothing:antialiased}
img,svg,iframe{max-width:100%}

.wrap{max-width:680px;margin:0 auto;padding:0 24px 70px;min-width:0}
.mark{font-family:var(--serif);letter-spacing:.34em;font-size:calc(15px * var(--tzoom));
      text-transform:uppercase;color:#6b6862;text-align:center;padding:44px 0 0}
.mark a{color:inherit;text-decoration:none}

h1{font-family:var(--serif);font-weight:500;font-size:calc(46px * var(--tzoom));
   margin:36px 0 20px;line-height:1.1}
h2{font-family:var(--serif);font-weight:500;font-size:calc(31px * var(--tzoom));
   margin:38px 0 10px}
h3{font-family:var(--serif);font-weight:500;font-size:calc(24px * var(--tzoom));
   margin:28px 0 8px}

/* was 15.5px / weight 300 — too small and too thin to read comfortably */
p,li{font-size:calc(20px * var(--tzoom));font-weight:400;line-height:1.75;color:#3f3d39}
li{margin-bottom:10px}
strong{font-weight:600}
a{color:#8a5a2b}

footer{padding:40px 24px 60px;text-align:center;font-size:calc(15px * var(--tzoom));
       color:#8a877f}
footer a{color:#8a877f;margin:0 10px}

input,textarea{width:100%;padding:13px;font-size:calc(17px * var(--tzoom));
      font-family:inherit;border:1px solid #cfcbc3;border-radius:2px;background:#fff;
      margin-bottom:12px;min-width:0}
button{padding:15px 28px;border:0;border-radius:2px;background:var(--ink);color:#fff;
       font-family:var(--sans);font-size:calc(15px * var(--tzoom));letter-spacing:.18em;
       text-transform:uppercase;cursor:pointer}

/* ---------- phones ---------- */
@media(max-width:700px){
  .wrap{padding:0 20px 56px}
  h1{font-size:calc(36px * var(--tzoom));margin:28px 0 16px}
  h2{font-size:calc(26px * var(--tzoom))}
  h3{font-size:calc(21px * var(--tzoom))}
  p,li{font-size:calc(18px * var(--tzoom))}
  h1,h2,h3,p,li{overflow-wrap:break-word}
}