/* Finds for Real portable site: shared fonts, tokens and resets. */
@font-face{font-family:"Bodoni Moda";src:url("../FONTS/FINDS-FOR-REAL-BODONI-MODA.woff") format("woff");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url("../FONTS/FINDS-FOR-REAL-BODONI-MODA-ITALIC.woff") format("woff");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Manrope";src:url("../FONTS/FINDS-FOR-REAL-MANROPE-VARIABLE.woff") format("woff");font-weight:200 800;font-style:normal;font-display:swap}
:root{
  --wine:#58121C;--ivory:#F9F2E8;--parchment:#E8DACA;--rosewood:#A57975;--ink:#252120;--olive:#777B66;
  --body:#3A3330;--muted:#6B605B;--blush:#E3CFC3;--warm-red:#D78D8D;
  --serif:"Bodoni Moda",Georgia,"Times New Roman",serif;
  --sans:"Manrope",Arial,Helvetica,sans-serif;
  --gutter:48px;--section-y:24px;--gap:24px;
  --p:17px;
}
@media (max-width:991px){:root{--gutter:32px;--p:16px}}
@media (max-width:767px){:root{--gutter:25px;--p:15px;--gap:20px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ivory);color:var(--ink);font:400 var(--p)/1.6 var(--sans);overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p,figure{margin:0}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.skip-link{position:absolute;left:var(--gutter);top:-60px;z-index:100;padding:10px 14px;background:var(--ivory);color:var(--wine);font-weight:600;text-decoration:none}
.skip-link:focus{top:12px}
/* Accessible phone menu button, shared by Home and Journal. */
.menu-btn{display:none}
@media (max-width:767px){
  .menu-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;margin-left:auto;padding:0 4px;border:0;background:transparent;color:var(--ivory);font:500 14px/1 var(--sans);letter-spacing:.04em;cursor:pointer}
  .menu-icon{position:relative;display:block;width:20px;height:12px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}
  .menu-icon::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1.5px solid currentColor;transform:translateY(-50%)}
  .menu-btn[aria-expanded="true"] .menu-icon{border-color:transparent}
  .menu-btn[aria-expanded="true"] .menu-icon::before,.menu-btn[aria-expanded="true"] .menu-icon::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1.5px solid currentColor}
  .menu-btn[aria-expanded="true"] .menu-icon::before{transform:rotate(45deg)}
  .menu-btn[aria-expanded="true"] .menu-icon::after{transform:rotate(-45deg)}
}
/* Framed pictures: the frame never moves; only the image inside it may. */
.frame{position:relative;overflow:hidden;width:100%;max-width:100%;margin-inline:auto;aspect-ratio:3/2;background:var(--parchment)}
.frame img{width:100%;height:100%;object-fit:cover}