@font-face{font-family:"Josefin Slab";src:url("assets/josefin-slab-bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#242424;--pink:#ff1493;--paper:rgb(244,242,234);--slab:"Josefin Slab",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;position:relative;isolation:isolate;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #1d5fa8;outline-offset:7px}::selection{background:#ffbbe1}
#art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}#art svg{display:block;width:100%;height:100%}.masthead{position:absolute;top:35px;left:42px;z-index:2}.masthead a{display:inline-block;background:var(--paper);padding:8px 10px 2px;text-decoration:none;font:700 25px/1 var(--slab);letter-spacing:1px}.masthead span{color:var(--pink);font-size:35px;vertical-align:middle;margin-left:2px}
.entrance{min-height:850px;height:100svh;max-height:1100px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:100px 20px 120px}.intro{position:relative;width:min(100%,650px);padding:30px 12px}.eyebrow{font-size:10px;letter-spacing:2.3px;margin:0 0 32px;font-weight:600}h1{font:700 86px/.99 var(--slab);letter-spacing:-3px;text-shadow:2px 3px 2px #0000001c;margin:0}h1 span{display:block}.take{font-size:.75em;line-height:1.18}.somewhere{font-size:1em}.else{font-size:1.37em;line-height:1.04}.random-wrap{display:flex;justify-content:center;align-items:center;gap:17px;margin:29px 0 0;font:700 40px/1 var(--slab)}.random{background:var(--pink);color:white;font:700 29px/1.1 var(--slab);padding:17px 22px 12px;border:0;cursor:pointer;box-shadow:1px 1px #bd0d69,2px 2px #bd0d69,3px 3px #bd0d69,4px 4px #bd0d69,5px 5px #bd0d69;transition:transform 100ms,box-shadow 100ms,background 100ms}.random:hover{background:#e90d80;transform:translate(-1px,-1px);box-shadow:1px 1px #bd0d69,2px 2px #bd0d69,3px 3px #bd0d69,4px 4px #bd0d69,5px 5px #bd0d69,6px 6px #bd0d69}.random:active{transform:translate(3px,3px);box-shadow:1px 1px #bd0d69,2px 2px #bd0d69}.availability{font-size:11px;color:#626262;margin:19px 0 27px}.view-pages{font:700 20px/1.4 var(--slab);text-underline-offset:5px;text-decoration-thickness:1px}.view-pages span{display:inline-block;margin-left:5px}.view-pages:hover{color:#d30072}.scroll-note{position:absolute;bottom:41px;left:50%;transform:translateX(-50%);background:var(--paper);padding:8px;font-size:9px;font-weight:600;letter-spacing:1.7px;white-space:nowrap;text-decoration:none}.scroll-note span{display:block;margin-top:14px;font-size:20px;font-weight:400}
.pages-section{padding:110px 24px 160px;min-height:720px;display:flex;justify-content:center;align-items:flex-start}.pages-paper{width:min(100%,660px);background:var(--paper);padding:38px 42px 30px}.section-title{display:flex;align-items:baseline;justify-content:space-between;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);padding:24px 0 19px;gap:20px}h2{font:700 37px/1 var(--slab);margin:0;letter-spacing:-1px}.page-count{font:700 20px/1 var(--slab)}.page-list{list-style:none;margin:0;padding:0}.page-list li{border-bottom:1px solid #d5d5d5}.page-list a{display:flex;align-items:center;gap:20px;text-decoration:none;padding:22px 0}.page-list .index{font-size:10px;color:#737373;min-width:20px}.page-list .name{font:700 26px/1.15 var(--slab)}.page-list .page-description{display:block;font:12px/1.6 Arial,sans-serif;color:#676767;margin-top:6px}.page-list .arrow{margin-left:auto;font-size:24px}.page-list a:hover .name{color:#d30072}.empty{text-align:center;padding:44px 0 38px;border-bottom:1px solid #ccc}.asterisk{display:block;font:700 85px/.8 var(--slab);color:var(--pink);margin:12px 0 7px}h3{font:700 26px/1.2 var(--slab);margin:0}.empty p{font-size:12px;line-height:1.8;color:#626262;margin:13px 0 0}.list-note{font:700 16px/1.5 var(--slab);margin:22px 0 0;text-align:center}.empty.highlight{animation:hello 650ms ease-out}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 42px;background:var(--paper);font-size:9px;font-weight:600;letter-spacing:1.1px}footer a{text-decoration:none}footer button{padding:8px 0;background:none;border:0;cursor:pointer;font:inherit;letter-spacing:inherit}footer button:hover,footer a:hover{color:#d30072}footer button span{font-size:17px;margin-left:5px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:10px;left:10px;z-index:5;background:white;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}
@keyframes hello{50%{background:#fff0f8}}
@media(min-width:1600px){h1{font-size:100px}.entrance{min-height:900px}.intro{width:740px}}
@media(max-width:650px){.masthead{top:22px;left:18px}.masthead a{font-size:21px}.entrance{min-height:740px;max-height:980px;padding:110px 16px 100px}.intro{padding:25px 0}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:29px}h1{font-size:clamp(48px,11.5vw,74px);letter-spacing:-2px}.random-wrap{gap:12px;font-size:30px;margin-top:25px}.random{font-size:24px;padding:16px 17px 12px}.availability{font-size:10px}.view-pages{font-size:19px}.scroll-note{bottom:25px;font-size:8px}.pages-section{padding:75px 17px 100px;min-height:650px}.pages-paper{padding:25px 20px}h2{font-size:31px}footer{padding:22px;flex-wrap:wrap;gap:22px;font-size:8px}footer>span{width:100%;text-align:center;margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

footer #redraw{font-size:28px;line-height:1;padding:8px 12px}footer>span{width:auto!important}.pages-section{min-height:400px;padding-top:50px;padding-bottom:100px}