/* ELEMENTS OF VAYANA — information pages. Bone, quiet, readable. */
:root{
  --bone:#F5F1EB; --bone-2:#EDE7DC; --ink:#1A1A18; --slate:#4A5058;
  --umber:#8B6348; --umber-l:#A87C5E; --rule:#E2DBD3; --void:#1E2024;
  --serif:"Melodrama", Didot, serif;
  --sans:"Switzer", "Helvetica Neue", Helvetica, sans-serif;
  --ease:cubic-bezier(.25,.1,.25,1);
  --gutter:clamp(20px,5vw,64px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);font-weight:300;font-size:15.5px;line-height:1.8;color:var(--ink);background:var(--bone);
  -webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:1px solid var(--umber);outline-offset:3px}
img{display:block;max-width:100%}

/* header */
.lg-head{position:sticky;top:0;z-index:10;background:rgba(245,241,235,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:16px var(--gutter)}
.lg-mark{display:inline-flex;align-items:baseline;gap:9px;text-decoration:none;white-space:nowrap}
.mk-of{font-family:var(--serif);font-size:15px;letter-spacing:.01em;color:var(--ink)}
.mk-sigil{font-family:var(--sans);font-weight:300;font-size:12px;letter-spacing:.14em;color:var(--ink)}
.mk-sigil .b{opacity:.42}
.lg-back{font-family:var(--sans);font-weight:300;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--slate);text-decoration:none;transition:color .3s var(--ease)}
.lg-back:hover{color:var(--ink)}

/* body */
.lg-wrap{max-width:720px;margin:0 auto;padding:clamp(48px,9vh,96px) var(--gutter) 40px}
.lg-kicker{font-family:var(--sans);font-weight:300;font-size:10px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--umber)}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4.6vw,48px);line-height:1.15;
  margin-top:16px;text-wrap:balance}
.lg-updated{font-family:var(--sans);font-weight:300;font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--slate);margin-top:14px}
.lg-lede{margin-top:28px;font-size:clamp(17px,1.5vw,19px);line-height:1.85;color:var(--slate)}
h2{font-family:var(--serif);font-weight:400;font-size:clamp(21px,2.2vw,26px);line-height:1.3;
  margin-top:clamp(38px,5vh,54px);padding-top:clamp(20px,3vh,26px);border-top:1px solid var(--rule)}
h3{font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--slate);margin-top:26px}
p{margin-top:14px}
ul{margin-top:14px;padding-left:20px}
li{margin-top:8px}
strong{font-weight:500}
em.fill{font-style:normal;background:#F2E4D6;border-bottom:1px solid var(--umber-l);padding:1px 5px;
  font-family:var(--sans);font-size:13px;letter-spacing:.03em;color:var(--umber)}

/* size table */
.tbl-wrap{margin-top:22px;overflow-x:auto;border:1px solid var(--rule)}
table{border-collapse:collapse;width:100%;min-width:520px;background:#fff9}
th,td{font-family:var(--sans);font-weight:300;font-size:12.5px;letter-spacing:.02em;
  padding:11px 14px;text-align:left;border-bottom:1px solid var(--rule)}
th{font-weight:400;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--slate);
  background:var(--bone-2)}
tbody tr:last-child td{border-bottom:0}
td:first-child{font-weight:400;color:var(--ink)}
.tbl-note{margin-top:12px;font-family:var(--sans);font-weight:300;font-size:11px;letter-spacing:.04em;
  color:var(--slate);line-height:1.7}

/* contact card */
.lg-card{margin-top:26px;border:1px solid var(--rule);background:var(--bone-2);padding:26px 24px}
.lg-card dl{display:grid;grid-template-columns:auto 1fr;gap:12px 22px}
.lg-card dt{font-family:var(--sans);font-weight:300;font-size:9.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--slate);padding-top:3px}
.lg-card dd{font-family:var(--sans);font-weight:300;font-size:14px}

/* footer */
.lg-foot{background:var(--void);color:var(--bone);margin-top:clamp(60px,10vh,110px);
  padding:clamp(44px,7vh,64px) var(--gutter)}
.lg-foot-in{max-width:720px;margin:0 auto}
.lg-foot .sig{font-family:var(--sans);font-weight:300;font-size:11px;letter-spacing:.16em;opacity:.65}
.lg-links{margin-top:22px;display:flex;gap:18px;flex-wrap:wrap}
.lg-links a{font-family:var(--sans);font-weight:300;font-size:11.5px;letter-spacing:.05em;
  color:rgba(245,241,235,.72);text-decoration:none;transition:color .3s var(--ease)}
.lg-links a:hover{color:var(--bone)}
.lg-foot .fine{margin-top:24px;font-family:var(--sans);font-weight:300;font-size:9.5px;
  letter-spacing:.18em;text-transform:uppercase;color:rgba(245,241,235,.38)}
@media (max-width:560px){
  .lg-card dl{grid-template-columns:1fr;gap:4px 0}
  .lg-card dd{margin-bottom:12px}
}