/* Calderwood Partners.
   The palette is the room: Toasted Almond on the walls, cherry, oak and light
   brown leather in it. Libre Caslon Text for anything read, Inter for anything
   counted. Hairlines rather than boxes; emphasis from space rather than weight.
   Light is the design, dark a translation of the same room at night. */

:root{
  --paper:#EADFD1; --paper-2:#E2D5C4; --paper-3:#D9C8B8;
  --ink:#2A2320; --ink-2:#4E443C; --ink-3:#665B51;
  --rule:#D0BFA9; --rule-2:#BFAB92;
  --accent:#8A4432; --leather:#A9764F; --oak:#C9A87C;
  --serif:"Libre Caslon Text",Caslon,Georgia,serif;
  --sans:"Inter","Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#1C1815; --paper-2:#241F1B; --paper-3:#2E2823;
    --ink:#EFE7DC; --ink-2:#BCB0A3; --ink-3:#8A7F73;
    --rule:#332C26; --rule-2:#433A32;
    --accent:#C77A63; --leather:#C99A74; --oak:#D8BC94;
  }
}
:root[data-theme="dark"]{
  --paper:#1C1815; --paper-2:#241F1B; --paper-3:#2E2823;
  --ink:#EFE7DC; --ink-2:#BCB0A3; --ink-3:#8A7F73;
  --rule:#332C26; --rule-2:#433A32;
  --accent:#C77A63; --leather:#C99A74; --oak:#D8BC94;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);margin:0;
  font:17px/1.62 var(--serif);-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility}

.wrap{max-width:660px;margin:0 auto;padding:0 24px}

/* the holding page */
.page{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.mark{font-size:clamp(30px,6.2vw,46px);line-height:1.08;letter-spacing:-.012em;
  margin:0;font-weight:400}
.mark span{display:block}
.mark span+span{color:var(--ink-3)}
hr{border:0;border-top:1px solid var(--rule);margin:34px 0 28px;max-width:88px}
.contact{font-family:var(--sans);font-size:15px;line-height:1.6;margin:0}
a{color:var(--accent);text-decoration:underline;text-decoration-thickness:.5px;
  text-underline-offset:3px}
a:hover{text-decoration-thickness:1px}
.foot{font-family:var(--sans);font-size:12px;color:var(--ink-3);
  letter-spacing:.02em;padding:0 0 36px;margin-top:auto}

@media (max-width:560px){ .page{justify-content:flex-end;padding-top:96px} }