:root{--sand: #d9c38a;--paper: #eef0df;--paper-2: #f5f1e2;--ink: #3a2f1d;--bark: #8f6b4a;--muted: #8a7954;--moss: #6b7a35;--lichen: #b9c27a;--lav: #8e78c0;--lav-soft: #d9d0ee;--display: "Fraunces", Georgia, serif;--type: "Courier Prime", "Courier New", monospace;--hand: "Caveat", "Bradley Hand", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background-color:var(--sand);background-image:linear-gradient(#d9c38ae6,#d9c38ae6),url(/img/fur.webp);background-size:auto,256px 256px;font:17px/1.6 var(--type);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}::selection{background:var(--lav-soft)}.fluff{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.fluff span{position:absolute;top:-40px;opacity:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg stroke='%23fffbea' stroke-width='1.1' stroke-linecap='round'%3E%3Cpath d='M20 20 20 3M20 20 32 8M20 20 37 20M20 20 32 32M20 20 8 32M20 20 3 20M20 20 8 8M20 20 26 4M20 20 14 4M20 20 36 26M20 20 4 26'/%3E%3C/g%3E%3Ccircle cx='20' cy='20' r='2' fill='%23c9b47a'/%3E%3C/svg%3E") center/contain no-repeat;animation:drift linear infinite}@keyframes drift{0%{transform:translateZ(0) rotate(0);opacity:0}10%{opacity:.85}50%{transform:translate3d(var(--sway),55vh,0) rotate(160deg)}90%{opacity:.7}to{transform:translate3d(0,112vh,0) rotate(320deg);opacity:0}}.spine{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem clamp(1rem,4vw,3rem);background:#3a2f1df0;color:var(--paper);border-bottom:3px double var(--bark)}.spine__mark{display:flex;align-items:center;gap:.6rem;text-decoration:none;font:italic 600 1.25rem var(--display)}.spine__mark img{width:36px;height:36px;border-radius:50%;border:2px solid var(--lichen);object-fit:cover}.spine__nav{display:flex;gap:clamp(.6rem,2vw,1.6rem);font:.82rem var(--type);text-transform:uppercase;letter-spacing:.08em}.spine__nav a{text-decoration:none;padding:.2rem 0;border-bottom:1px dashed transparent;transition:border-color .2s,color .2s}.spine__nav a:hover{color:var(--lichen);border-color:var(--lichen)}main,.cover{position:relative;z-index:1}.page{max-width:1240px;margin:0 auto;padding:clamp(2.5rem,6vw,5.5rem) clamp(1rem,4vw,3rem)}.reveal{opacity:0;transform:translateY(24px) rotate(var(--tilt, 0deg));transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-in{opacity:1;transform:translateY(0) rotate(var(--tilt, 0deg))}.plate{display:grid;grid-template-columns:minmax(280px,.8fr) 1.5fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}.kicker{font:italic 1.35rem var(--hand);color:var(--bark);margin:0 0 .4rem}.title{font:400 clamp(3.6rem,9vw,7.2rem)/.88 var(--display);font-variation-settings:"opsz" 144;letter-spacing:-.02em;margin:0}.title em{display:block;font-style:italic;color:var(--moss);padding-left:.6em}.ticker{font:700 1.05rem var(--type);letter-spacing:.24em;color:var(--bark);margin:.9rem 0 1.2rem}.lede{font:italic 400 1.3rem/1.45 var(--display);max-width:24ch;margin:0 0 1.8rem}.stamp{display:inline-block;text-decoration:none;font:700 .85rem var(--type);text-transform:uppercase;letter-spacing:.14em;color:var(--lav);border:2px solid var(--lav);padding:.65rem 1.1rem;border-radius:6px;transform:rotate(-3deg);box-shadow:inset 0 0 0 3px var(--paper-2),inset 0 0 0 4px var(--lav);background:var(--paper-2);transition:transform .25s,background .25s,color .25s}.stamp:hover{transform:rotate(-1deg) scale(1.04);background:var(--lav);color:var(--paper-2);box-shadow:inset 0 0 0 3px var(--lav),inset 0 0 0 4px var(--paper-2)}.stamp:active{transform:rotate(-1deg) scale(.97)}.specimen{margin:0;--tilt: 1.2deg}.specimen__photo{position:relative;background:var(--paper-2);padding:14px;box-shadow:0 18px 40px -18px #3a2f1d8c,0 2px #3a2f1d26}.specimen__photo img{width:100%;height:auto;aspect-ratio:2 / 1;object-fit:cover}.specimen figcaption{font:italic 1.4rem var(--hand);color:var(--bark);margin:.7rem 0 0 .4rem}.tape{position:absolute;width:120px;height:32px;background:#eef0dfb8;box-shadow:0 1px 2px #00000014;z-index:2}.tape--l{top:-12px;left:18px;transform:rotate(-8deg)}.tape--r{bottom:-10px;right:26px;transform:rotate(-5deg)}.callouts{list-style:none;margin:0;padding:0}.callout{position:absolute;left:var(--x);top:var(--y);transform:translateY(-50%);font:600 1.35rem/1 var(--hand);color:var(--paper-2);text-shadow:0 1px 3px rgba(30,22,10,.8);width:max-content;max-width:min(46%,300px);padding-left:48px}.callout:before{content:"";position:absolute;left:0;top:.5em;width:40px;height:0;border-top:1.5px dashed var(--paper-2);filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.callout:after{content:"";position:absolute;left:-4px;top:calc(.5em - 4px);width:8px;height:8px;border-radius:50%;background:var(--lav-soft);box-shadow:0 0 0 2px var(--ink)}.callout b{color:var(--lav-soft);font-weight:700;margin-right:.2em}.h2{font:400 clamp(2.2rem,5vw,3.4rem)/1 var(--display);margin:0 0 2rem;display:flex;align-items:baseline;gap:.8rem}.h2__num{font:italic 600 1rem var(--display);color:var(--paper-2);background:var(--moss);border-radius:50%;width:2.2em;height:2.2em;display:inline-grid;place-items:center;transform:translateY(-.3em)}.notes__paper{position:relative;--tilt: -.6deg;background-color:var(--paper-2);background-image:linear-gradient(90deg,transparent 72px,rgba(142,120,192,.45) 72px,rgba(142,120,192,.45) 74px,transparent 74px),repeating-linear-gradient(transparent 0 31px,#6b7a3538 31px,#6b7a3538 32px);padding:2.4rem clamp(1.2rem,4vw,3rem) 2.4rem clamp(5.4rem,9vw,7rem);box-shadow:0 20px 40px -24px #3a2f1d99;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem 2.6rem;line-height:32px}.entry h3{font:italic 600 1.35rem/32px var(--display);margin:0;color:var(--moss)}.entry p{margin:0;font-size:1rem}.margin-note{position:absolute;left:6px;top:2.2rem;width:62px;font:600 1.15rem/1.05 var(--hand);color:var(--lav);transform:rotate(-8deg);margin:0;text-align:center}.prints{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.5rem,4vw,3.5rem);margin-top:clamp(2.5rem,6vw,4.5rem);align-items:start}.print{margin:0;background:var(--paper-2);padding:12px 12px 4px;box-shadow:0 16px 34px -18px #3a2f1d99;transition:transform .35s ease}.print--a{--tilt: -2.5deg;margin-top:2.5rem}.print--b{--tilt: 1.8deg}.print:hover{transform:rotate(0) scale(1.015)}.print img{width:100%;height:auto}.print figcaption{font:600 1.3rem var(--hand);color:var(--bark);padding:.4rem .2rem .5rem}.idcard{--tilt: .5deg;display:grid;grid-template-columns:260px 1fr;gap:clamp(1.2rem,3vw,2.6rem);background:var(--paper);border:2px solid var(--ink);outline:1px solid var(--ink);outline-offset:-9px;padding:clamp(1.2rem,3vw,2.4rem);max-width:980px}.idcard__pic{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:2px solid var(--ink);filter:sepia(.12)}.idcard__list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.idcard__list div{border-bottom:1px dotted var(--muted);padding:.55rem 0}.idcard__list dt{font:700 .72rem var(--type);text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}.idcard__list dd{margin:.1rem 0 0;font:italic 1.2rem var(--display)}.indexcard{--tilt: -1deg;max-width:760px;margin:0 auto;background:var(--paper-2);background-image:linear-gradient(transparent 70px,rgba(196,70,60,.35) 70px 72px,transparent 72px),repeating-linear-gradient(transparent 0 35px,#506ea029 35px,#506ea029 36px);padding:1.6rem clamp(1.2rem,4vw,2.6rem) 2.2rem;box-shadow:0 22px 44px -22px #3a2f1da6}.indexcard__hello{font:700 clamp(1.6rem,4vw,2.2rem)/1.1 var(--hand);margin:0 0 2.2rem;color:var(--ink)}.find__links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.6rem}.leaf{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font:700 .9rem var(--type);letter-spacing:.1em;text-transform:uppercase;background:var(--moss);color:var(--paper-2);padding:.8rem 1.4rem .8rem 1.1rem;border-radius:2px 26px;transition:transform .25s,background .25s}.leaf svg{width:20px;height:20px;fill:currentColor}.leaf:hover{background:var(--ink);transform:rotate(-2deg)}.leaf:active{transform:scale(.97)}.ca{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;border:1.5px dashed var(--bark);padding:.6rem .8rem;background:#ffffff59;min-height:3rem}.ca__label{font:700 .8rem var(--type);letter-spacing:.2em;color:var(--paper-2);background:var(--bark);padding:.2rem .5rem}.ca__value{font:.95rem var(--type);word-break:break-all;flex:1;min-width:8ch}.ca__btn{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border:1.5px solid var(--ink);background:var(--paper-2);color:var(--ink);cursor:pointer;transition:background .2s,transform .2s}.ca__btn svg{width:18px;height:18px;fill:currentColor}.ca__btn:hover{background:var(--lichen);transform:translateY(-1px)}.ca__copied{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) rotate(-4deg);font:700 1.1rem var(--hand);color:var(--lav);opacity:0;transition:opacity .2s;pointer-events:none}.ca__btn.is-copied .ca__copied{opacity:1}.cover{background:var(--ink);color:var(--paper);padding:3rem clamp(1rem,4vw,3rem) 2.4rem;border-top:6px double var(--bark);display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem 2.4rem;align-items:center}.cover__brand{display:flex;gap:.9rem;align-items:center}.cover__brand img{width:64px;height:64px;border-radius:50%;border:2px solid var(--lichen);object-fit:cover}.cover__name{font:italic 600 1.6rem var(--display);margin:0}.cover__tick{font:700 .85rem var(--type);letter-spacing:.22em;color:var(--lichen);margin:0}.ca--foot{border-color:var(--muted);background:#ffffff0a;max-width:560px}.ca--foot .ca__label{background:var(--lichen);color:var(--ink)}.icons{display:flex;gap:.7rem}.icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--lichen);color:var(--lichen);transition:background .2s,color .2s,transform .2s}.icon svg{width:20px;height:20px;fill:currentColor}.icon:hover{background:var(--lichen);color:var(--ink);transform:rotate(-8deg)}.cover__line{grid-column:1 / -1;margin:.6rem 0 0;font:600 1.35rem var(--hand);color:var(--lav-soft)}a:focus-visible,button:focus-visible{outline:2px solid var(--lav);outline-offset:3px}@media(max-width:900px){.plate,.notes__paper,.prints{grid-template-columns:1fr}.print--a{margin-top:0}.idcard{grid-template-columns:1fr}.idcard__pic{max-width:220px}.cover{grid-template-columns:1fr}}@media(max-width:720px){.spine__nav a:not(:last-child){display:none}.specimen__photo img{aspect-ratio:4 / 3;object-position:38% 50%}.callouts{position:static;margin-top:12px;padding-bottom:22px;display:grid;gap:.35rem}.callout{position:static;transform:none;max-width:none;width:auto;padding-left:0;color:var(--ink);text-shadow:none;white-space:normal;font-size:1.3rem}.callout:before,.callout:after{display:none}.callout b{color:var(--lav)}.idcard__list{grid-template-columns:1fr}.notes__paper{padding-left:4.6rem}.margin-note{width:54px;font-size:1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:rotate(var(--tilt, 0deg));transition:none}.fluff{display:none}*{transition:none!important}}