*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden;border:clamp(10px,2vw,22px) solid var(--frame);background:var(--paper);color:var(--ink)}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
input,select,textarea,button{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:inherit}
:root{
--paper:#F7F4EE;
--frame:#1B3A6B;
--ink:#1A1D22;
--clay:#B4482A;
--soft:#6A6E75;
--tall:clamp(2rem,5.4vw,3.6rem);
--mid:clamp(1.6rem,3.4vw,2.3rem);
--lead:clamp(1.04rem,1.8vw,1.28rem);
--body:1.06rem;
--fine:.74rem;
--edge:clamp(1.1rem,3.4vw,2.8rem);
--calm:clamp(2.6rem,5.6vw,4.8rem);
}
body{
font-family:"Epilogue",Helvetica,Arial,sans-serif;
font-size:var(--body);
line-height:1.74;
-webkit-font-smoothing:antialiased;
}
h1,h2{font-family:"Marcellus",Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12}
h1{font-size:var(--mid)}
h2{font-size:var(--tall)}
.holder{max-width:70rem;margin-left:auto;margin-right:auto;padding-left:var(--edge);padding-right:var(--edge)}
.spacer{padding-top:var(--calm);padding-bottom:var(--calm)}
.folder{padding-top:var(--calm)}
.header{margin-top:0}
.letter{margin-top:.7rem;font-size:var(--fine);letter-spacing:.2em;text-transform:uppercase;color:var(--soft)}
.poster{margin-top:1.1rem;font-family:"Marcellus",Georgia,serif;font-size:var(--lead);line-height:1.36;max-width:40ch}
.runner{display:grid;column-gap:1.6rem;row-gap:.5rem;margin-top:1.6rem;align-items:start}
.marker{font-size:var(--fine);letter-spacing:.18em;text-transform:uppercase;color:var(--clay);white-space:nowrap;padding-top:.45rem}
.filler{max-width:58ch}
.cover{max-width:28rem}
.cover img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.keeper{margin-top:1.8rem;max-width:58ch}
.keeper b{display:block;font-size:var(--fine);letter-spacing:.18em;text-transform:uppercase;color:var(--clay);margin-bottom:.3rem}
.ledger{margin-top:1.4rem;font-size:var(--fine);letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
.lister{display:grid;column-gap:1.6rem;row-gap:1.2rem;margin-top:2.2rem;align-items:baseline}
.namer{font-family:"Marcellus",Georgia,serif;font-size:var(--lead);text-decoration:none;display:block}
.sorter{display:block;margin-top:.2rem;font-size:var(--fine);letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
.asker{margin-top:1.6rem;max-width:34rem}
.asker label{display:block;font-size:var(--fine);letter-spacing:.18em;text-transform:uppercase;color:var(--clay);margin-bottom:.3rem}
.asker input,.asker select,.asker textarea{width:100%;background:none;border:0;outline:1px solid var(--soft);padding:.5rem}
.sender{margin-top:1.8rem;font-size:var(--fine);letter-spacing:.24em;text-transform:uppercase;color:var(--clay)}
.banner{margin-top:.6rem}
.banner a{display:inline;text-decoration:none;font-size:var(--fine);letter-spacing:.18em;text-transform:uppercase;padding-right:1.1rem;line-height:2.2}
.banner a[aria-current="page"]{color:var(--clay)}
.opener{display:none;margin-top:.6rem;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--clay)}
[data-js="on"] .opener{display:block}
[data-js="on"] .banner[data-open="false"]{display:none}
[data-js="on"] .banner[data-open="true"]{display:block}
@media (min-width:680px){
.runner{grid-template-columns:min-content 1fr}
.runner > .cover{grid-column:2}
.lister{grid-template-columns:min-content 1fr}
[data-js="on"] .banner[data-open="false"]{display:block}
[data-js="on"] .opener{display:none}
}
@media (min-width:1080px){
.holder{max-width:76rem}
.cover{max-width:32rem}
}
.corner{padding:1.1rem var(--edge);max-width:70rem;margin-left:auto;margin-right:auto}
.binder{font-family:"Marcellus",Georgia,serif;font-size:1.3rem;text-decoration:none;display:block}
.outer{margin-top:1.8rem}
.outer img{width:100%;height:auto;aspect-ratio:19/9;object-fit:cover}
.outer.tile{max-width:16rem}
.outer.tile img{aspect-ratio:1/1;object-fit:cover}
.inner{margin-top:1.1rem;max-width:56ch;font-size:1.12rem;color:var(--soft)}
.footer{margin-top:var(--calm);padding-top:var(--calm);padding-bottom:var(--calm)}
.footer a{display:block;font-family:"Marcellus",Georgia,serif;font-size:clamp(1.1rem,2.2vw,1.6rem);text-decoration:none;padding-top:.3rem;padding-bottom:.3rem}
:focus-visible{outline:3px solid var(--clay);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}