/* mistressaria.com /links — the housekeeping page.

   Its own file rather than a block in ma.css: nothing here can reach the other
   24 pages. The page carries the banner a directory asks for in return for a
   listing, and it is deliberately dull. No photograph, no pill, no selling.

   The nav and monogram in ma.css are white, drawn for a dark photograph behind
   them. There is no photograph here, so the bar gets the ink ground instead
   and the type reads exactly as it does everywhere else. */

/* The page is short, so without this the footer sits in the middle of the
   screen with cream below it. Only this page loads this file, so the two
   element selectors reach nothing else. */
body{min-height:100svh}
#site{display:flex;flex-direction:column;min-height:100svh}
.links{flex:1}

.plainbar{background:var(--ink)}

.links{
  background:var(--paper);
  padding:clamp(56px,10vh,120px) clamp(20px,4vw,52px) clamp(80px,14vh,170px);
}
.links__inner{max-width:68ch;margin:0 auto}
.links h1{
  font-weight:200;font-size:clamp(1rem,2.2vw,1.45rem);color:#151112;
  text-transform:uppercase;letter-spacing:.3em;margin-bottom:20px;
}
.links p{font-size:15px;line-height:1.9;color:#332d2f;margin-bottom:clamp(30px,5vh,48px)}

/* The banner is their file, served from their machine at 728 by 90, so it is
   given its real size and allowed to shrink with the screen rather than
   setting the width of the page. */
.links__banner{display:inline-block;line-height:0}
.links__banner img{height:auto}