:root{--lime:#e6e3da;--lime2:#cfccc0;--paper:#fbf8f0;--moss:#4e6132;--mossd:#2c3a1e;--ink:#26281f;--mute:#585b50;--post:#37465a;--rule:#b8b5a8;--sh:0 1px 2px rgba(38,40,31,.22),0 8px 18px -8px rgba(38,40,31,.4)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--lime);color:var(--ink);font:400 1.09rem/1.62 Vollkorn,Georgia,"Times New Roman",serif;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:var(--mossd);text-decoration-thickness:1px;text-underline-offset:.16em}
a:hover{color:var(--moss);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--moss);outline-offset:2px}
h1,h2,h3{line-height:1.16;font-weight:800;letter-spacing:-.01em;color:var(--mossd);text-wrap:balance}
h1{font-size:clamp(2rem,5vw,3.15rem);margin:.1em 0 .35em}
h2{font-size:clamp(1.4rem,2.6vw,1.75rem);margin:1.9em 0 .5em}
h3{font-size:1.2rem}
.hand{font-family:Caveat,"Bradley Hand",cursive;font-weight:700;letter-spacing:0;color:var(--moss);line-height:1.1}
.skip{position:absolute;left:-999px;top:0;background:var(--mossd);color:#fff;padding:.5em 1em;z-index:9}
.skip:focus{left:8px;top:8px}
.cr{display:block;font-size:.76rem;line-height:1.35;color:var(--mute);margin:.3em 0 0}
.cr a{color:inherit}
.mast-in{max-width:76rem;margin:auto;padding:.85rem 1rem .7rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--mossd)}
.mk{width:50px;height:50px;flex:none}
.brand-w{font-weight:800;font-size:1.65rem;line-height:1;letter-spacing:-.01em}
.brand-w em{font:700 2rem/1 Caveat,cursive;color:var(--moss)}
.mast ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem 1.2rem}
.mast nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:1rem;padding:.25em 0;display:inline-block;border-bottom:2px solid transparent}
.mast nav a:hover{border-color:var(--moss);color:var(--moss)}
.nav-m{display:none}
.wallband{height:64px;background:url(img/wall.svg) repeat-x left top/768px 64px}
.foot{margin-top:4rem}
.foot-in{background:var(--mossd);color:#ecebdf;padding:1.4rem 1rem 1.6rem}
.foot-sig,.foot-l{max-width:76rem;margin:0 auto .5rem;font-size:.98rem}
.foot .hand{color:#d9e0b8;font-size:1.5rem;margin-right:.3rem}
.foot-l{display:flex;flex-wrap:wrap;gap:.25rem 1.2rem}
.foot-l a{color:#ecebdf}
.intro{max-width:76rem;margin:1.8rem auto .3rem;padding:0 1rem;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.5rem 3rem;align-items:end}
.intro h1{margin:0}
.intro p{margin:0;color:var(--mute)}
.rack{max-width:76rem;margin:auto;padding:0 1rem;overflow:clip}
.tier{display:grid;gap:1.6rem;padding:1.5rem .3rem 1rem;position:relative;margin-top:1.3rem}
.tier::before{content:"";position:absolute;inset:0 -1rem auto;height:7px;background:linear-gradient(#8e9087,#5c5e54);border-radius:4px;box-shadow:0 2px 3px rgba(38,40,31,.35)}
.t-a{grid-template-columns:1.55fr 1fr}.t-b{grid-template-columns:repeat(3,1fr)}.t-c{grid-template-columns:1fr 1.3fr}
.pc{position:relative;margin:0}
.pc-face{display:block;position:relative;background:var(--paper);padding:.55rem .55rem .7rem;box-shadow:var(--sh);text-decoration:none;color:var(--ink);transition:transform .18s ease}
.tier .pc:nth-child(odd) .pc-face{transform:rotate(-.7deg)}
.tier .pc:nth-child(even) .pc-face{transform:rotate(.6deg) translateY(.5rem)}
.tier .pc .pc-face:hover,.tier .pc .pc-face:focus-visible{transform:none}
.pc-face::before{content:"";position:absolute;left:50%;top:-1.15rem;width:1.7rem;height:1.7rem;margin-left:-.85rem;border:3px solid #6d6f65;border-bottom:0;border-radius:50% 50% 0 0}
.pc img{width:100%;aspect-ratio:3/2;object-fit:cover}
.pc-txt{display:block;padding:.5rem .25rem 0}
.pc-txt .hand{display:block;font-size:1.28rem}
.pc-txt strong{display:block;font-size:1.18rem;line-height:1.2;color:var(--mossd);font-weight:800}
.big .pc-txt strong{font-size:1.55rem}
.pc .cr{padding:.75rem .5rem 0}
.pm{position:absolute;color:var(--post);opacity:.78;mix-blend-mode:multiply}
.pc .pm{width:118px;right:.3rem;top:.3rem;color:#fff;opacity:.9;mix-blend-mode:normal;filter:drop-shadow(0 0 2px rgba(0,0,0,.85))}
.back{background:var(--paper);box-shadow:var(--sh);padding:1.3rem;display:grid;grid-template-columns:1.5fr 1fr;gap:1.4rem;position:relative;align-self:start}
.back-l{border-right:1.5px solid var(--rule);padding-right:1.3rem}
.back-l p{margin:0 0 .6rem;font-size:1.02rem}
.back .hand{font-size:1.7rem}
.back-r{display:flex;flex-direction:column;align-items:stretch}
.stamp{align-self:flex-end;width:84px;padding:5px;background:#fff;margin-bottom:1.6rem;border:3px dotted var(--lime);outline:1px solid var(--rule)}
.stamp img{width:100%;aspect-ratio:4/5;object-fit:cover}
.addr{border-bottom:1.5px solid var(--rule);height:1.7rem}
.back-w{max-width:46rem;margin:1rem 0 2rem}
.pigeon{max-width:76rem;margin:2.6rem auto 0;padding:0 1rem}
.pigeon>h2{margin:0 0 .4rem}
.pg-row{display:grid;grid-template-columns:15rem 1fr;gap:.2rem 1.5rem;border-top:2px solid var(--rule);padding:.9rem 0}
.pg-row h3{margin:0;font-size:1.35rem}
.pg-row h3 a{text-decoration:none;color:var(--mossd)}
.pg-row p{margin:0;max-width:46rem}
.page,.art{max-width:76rem;margin:auto;padding:1.6rem 1rem 0}
.stand{font-size:1.24rem;line-height:1.45;color:#3e4137;max-width:44rem;margin:0 0 1rem}
.prose-p{max-width:44rem}
.crumb{font-size:.9rem;color:var(--mute);margin-bottom:.8rem}
.art-h{max-width:52rem}
.art-k{font-size:1.65rem;margin:0}
.plate{margin:1.8rem 0;background:var(--paper);padding:.6rem .6rem .7rem;box-shadow:var(--sh)}
.plate img{width:100%}
.plate figcaption{font-size:.95rem;line-height:1.4;padding:.55rem .2rem 0;color:#3e4137}
.plate-h{margin:1.2rem 0 2.2rem;transform:rotate(-.25deg)}
.plate-i{position:relative}
.pm-h{width:170px;top:.7rem;right:.7rem;color:#fff;opacity:.92;mix-blend-mode:normal;filter:drop-shadow(0 0 2px rgba(0,0,0,.85))}
.cardback{display:grid;grid-template-columns:minmax(0,44rem) 15rem;gap:2.5rem;justify-content:space-between;background:var(--paper);padding:1.7rem 2rem 2rem;box-shadow:0 1px 2px rgba(38,40,31,.2)}
.prose>:first-child{margin-top:0}
.prose h2:first-child{margin-top:0}
.prose li{margin-bottom:.4em}
.prose ul,.prose ol,.prose-p ul,.prose-p ol{padding-left:1.3rem}
.stub{border-left:1.5px solid var(--rule);padding-left:1.4rem;font-size:.97rem;align-self:start;position:sticky;top:1rem}
.stub p{margin:0 0 .7rem}
.stub-l{font:700 1.3rem/1.1 Caveat,cursive;color:var(--moss);margin-bottom:.1rem!important}
.stub ul{list-style:none;margin:0;padding:0}
.stub li{margin-bottom:.55rem;line-height:1.3}
.tblwrap{overflow-x:auto;margin:1.2rem 0}
.tbl{border-collapse:collapse;width:100%;font-size:.97rem;line-height:1.35}
.tbl caption{text-align:left;font-style:italic;color:var(--mute);padding-bottom:.4rem;font-size:.92rem}
.tbl th,.tbl td{text-align:left;vertical-align:top;padding:.5rem .6rem;border-bottom:1px solid var(--rule)}
.tbl thead th{border-bottom:2.5px solid var(--moss);color:var(--mossd)}
.tbl tbody th{font-weight:600}
.diagram{margin:1.5rem 0}
.diagram svg{width:100%;height:auto;display:block;background:var(--lime);border-radius:2px}
.diagram figcaption{font-size:.92rem;color:var(--mute);margin-top:.4rem}
.gloss dt{font-weight:800;color:var(--mossd);margin-top:.7rem}
.gloss dd{margin:0}
.line{list-style:none;padding:0!important;margin:1.2rem 0;border-left:5px solid var(--moss);margin-left:.5rem}
.line li{position:relative;padding:0 0 .9rem 1.2rem;margin:0}
.line li::before{content:"";position:absolute;left:-13px;top:.32rem;width:21px;height:21px;border-radius:50%;background:var(--paper);border:5px solid var(--moss)}
.line strong{display:block;font-size:1.15rem;color:var(--mossd)}
.line span{display:block;font-size:.98rem;line-height:1.4}
.more{margin-top:2.6rem}
.more h2{margin:0 0 1.2rem;font-size:2rem}
.more-r{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,23rem));gap:1.6rem}
.lg-s{margin-top:2.2rem;scroll-margin-top:1rem}
.lg-s h2{margin:0 0 .4rem;border-bottom:2.5px solid var(--moss)}
.lg-s h2 .hand{font-size:2.1rem}
.lg{position:relative;display:grid;grid-template-columns:15rem minmax(0,1fr);gap:1.4rem;padding:1.1rem 7.5rem 1.1rem 0;border-bottom:1px solid var(--rule)}
.lg-p{align-self:start;background:var(--paper);padding:.35rem;box-shadow:var(--sh);transform:rotate(-.6deg);display:block}
.lg h3{margin:0 0 .3rem;font-size:1.32rem}
.lg h3 a{text-decoration:none;color:var(--mossd)}
.lg h3 a:hover{text-decoration:underline}
.lg p{margin:0 0 .35rem}
.lg-d{font-size:.92rem;color:var(--mute)}
.lg .pm{width:112px;right:0;top:1.1rem}
.wfu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem}
.wfu li{margin-bottom:.4rem}
.credlist{font-size:.93rem;padding-left:1.1rem}
.credlist .cr{display:inline;font-size:inherit;color:inherit}
.credlist li{margin-bottom:.45rem}
.nf{min-height:40vh}
.nf .hand{font-size:2.3rem;margin:0}
@media (max-width:980px){
.cardback{grid-template-columns:minmax(0,1fr);padding:1.3rem 1.2rem}
.stub{border-left:0;border-top:1.5px solid var(--rule);padding:1rem 0 0;position:static}
.t-b{grid-template-columns:repeat(2,1fr)}.t-a,.t-c{grid-template-columns:1fr 1fr}
.wfu{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:800px){
.nav-w{display:none}
.nav-m{display:block}
.nav-m summary{cursor:pointer;list-style:none;font-weight:600;border:2px solid var(--mossd);padding:.15rem .8rem;border-radius:2px;color:var(--mossd)}
.nav-m summary::-webkit-details-marker{display:none}
.nav-m[open] nav{position:absolute;left:1rem;right:1rem;top:100%;background:var(--paper);box-shadow:var(--sh);padding:.6rem 1rem;z-index:5}
.nav-m ul{flex-direction:column;gap:.1rem}
.intro{grid-template-columns:minmax(0,1fr);gap:.5rem}
.pg-row{grid-template-columns:minmax(0,1fr)}
.lg{grid-template-columns:minmax(0,1fr);padding-right:0}
.lg .pm{display:none}
.lg-p{max-width:22rem}
}
@media (max-width:640px){
body{font-size:1.04rem}
.t-a,.t-b,.t-c{grid-template-columns:minmax(0,1fr)}
.tier{gap:1.9rem}
.back{grid-template-columns:minmax(0,1fr)}
.back-l{border-right:0;padding-right:0}
.back-r{display:none}
.pc .pm{width:92px}
.pm-h{width:96px;top:.3rem;right:.3rem}
.plate-h{transform:none}
.wallband{height:44px;background-size:528px 44px}
.tbl{font-size:.9rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pc-face{transition:none}}