:root{color-scheme:dark;--page:#272b29;--outside:#1b201d;--ivory:#efe7d5;--soft:#c2c6b9;--green:#d0db9d;--rule:#62685b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--outside);color:var(--ivory);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--green);outline-offset:7px}.page{max-width:660px;min-height:100svh;margin:0 auto;background:var(--page);padding:35px 38px 30px;overflow:hidden}.skip{position:absolute;left:12px;top:12px;transform:translateY(-200%);z-index:5;background:var(--green);color:var(--outside);padding:12px}.skip:focus{transform:none}.masthead{display:flex;justify-content:space-between;align-items:start;gap:20px}.signature{font:11px/1.7 'Courier New',monospace;text-transform:uppercase;letter-spacing:.09em}.monogram{font:italic 35px/1 Georgia,serif;color:var(--green);text-decoration:none;display:block}.intro{padding:58px 0 43px}.intro h1{margin:0;font:400 clamp(58px,10vw,83px)/.94 Georgia,serif;letter-spacing:-.055em}.intro h1 em{font-weight:400;color:var(--green)}.intro p{font:14px/1.8 Arial,Helvetica,sans-serif;color:var(--soft);margin:24px 0 0;max-width:370px}.feed{border-left:1px solid var(--rule);margin-left:7px;padding:0 0 25px 23px}.entry{margin:0 0 36px}.entry:last-child{margin-bottom:0}.date{position:relative;display:block;font:11px/1.5 'Courier New',monospace;letter-spacing:.06em;text-transform:uppercase;color:#c8cbba;margin:0 0 20px}.date:before{content:'';position:absolute;left:-28px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--green)}.cover{position:relative;isolation:isolate;display:block;min-height:365px;margin-right:6px;padding:26px 25px 25px;background:var(--paper);color:var(--ink);text-decoration:none;transform:rotate(var(--tilt));transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 6px 15px #10151129}.cover:hover{transform:rotate(0deg) translateY(-3px);box-shadow:0 12px 24px #10151140}.cover:before{content:'';position:absolute;top:-10px;left:39%;width:77px;height:24px;transform:rotate(6deg);background:#c7ccb5;opacity:.88;z-index:4}.cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,color-mix(in srgb,var(--paper),transparent 15%) 29%,transparent 88%);z-index:-1;pointer-events:none}.cover-photo{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover;object-position:65% center;filter:grayscale(1);mix-blend-mode:multiply;opacity:.76;z-index:-2}.cover-meta{position:relative;font:11px/1.5 'Courier New',monospace;letter-spacing:.08em;text-transform:uppercase;margin:0}.cover h2{font:400 clamp(43px,7vw,57px)/.97 Georgia,serif;letter-spacing:-.05em;position:relative;max-width:350px;margin:42px 0 0;text-shadow:0 1px color-mix(in srgb,var(--paper),transparent 35%)}.cover h2 span{display:block}.cover h2 em{font-weight:400}.cover-tail{position:relative;display:flex;justify-content:space-between;align-items:end;gap:18px;margin-top:65px;font:12px/1.5 'Courier New',monospace}.cover-tail p{margin:0;max-width:180px}.read{white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:3px}.photo-credit{position:relative;z-index:1;margin:14px 8px 0;font:11px/1.7 'Courier New',monospace;color:#c2c6b9}.photo-credit a{text-decoration-color:#7f8975;text-underline-offset:3px}.photo-credit a:hover{color:var(--green)}.end-mark{display:block;width:5px;height:5px;border-radius:50%;background:var(--rule);margin:24px 0 0 -26px}.footer{display:flex;justify-content:space-between;gap:22px;margin-top:36px;padding-top:23px;border-top:1px solid #495047;color:var(--soft);font:11px/1.7 'Courier New',monospace}.footer p{margin:0}.footer .owner{text-align:right}.cover--poster{background:var(--paper);min-height:310px}.cover--poster h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(36px,7vw,55px);letter-spacing:-.06em;max-width:400px}.cover--poster:after{background:repeating-linear-gradient(0deg,transparent 0 6px,#282b2920 6px 7px)}.cover--poster h2 em{font-weight:700}.cover--ticket{min-height:280px;clip-path:polygon(0 0,100% 0,100% 95%,96% 100%,0 97%)}.cover--ticket h2{font-style:italic}.cover--ticket:after{display:none}.empty{font:italic 25px/1.4 Georgia,serif;padding:25px 0}
@media(min-width:900px){.page{margin-top:24px;margin-bottom:24px;min-height:calc(100svh - 48px)}body{background-image:radial-gradient(#4b55442b .7px,transparent .7px);background-size:13px 13px}}
@media(max-width:500px){.page{padding:28px 24px 25px}.intro{padding:42px 0 37px}.intro h1{font-size:clamp(54px,14vw,70px)}.intro p{font-size:13px;margin-top:21px}.feed{padding-left:17px}.date:before{left:-22px}.cover{padding:24px 20px;min-height:345px;margin-right:4px}.cover h2{font-size:clamp(39px,10.5vw,49px);max-width:260px;margin-top:41px}.cover-photo{width:75%;opacity:.62}.cover:after{background:linear-gradient(90deg,var(--paper),color-mix(in srgb,var(--paper),transparent 15%) 20%,transparent 94%)}.cover-tail{margin-top:62px;font-size:11px;gap:12px}.cover-tail p{max-width:120px}.photo-credit{margin-left:4px;margin-right:2px}.end-mark{margin-left:-20px}.footer{font-size:11px}.monogram{font-size:31px}.cover--poster h2{font-size:clamp(33px,9vw,43px)}.cover--ticket{min-height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover{transition:none}.cover:hover{transform:rotate(var(--tilt))}}

.cover--cutout .cover-photo{width:52%;right:4%;object-fit:contain;object-position:right bottom;opacity:.9}.cover--cutout:after{background:linear-gradient(90deg,var(--paper) 0%,color-mix(in srgb,var(--paper),transparent 40%) 35%,transparent 70%)}
@media(max-width:500px){.cover--cutout .cover-photo{width:56%;right:2%;opacity:.8}}
.entry--link{margin-bottom:30px}.entry--link .date{margin-bottom:12px;font-size:10px}.entry--link .date:before{width:6px;height:6px;left:-27px;top:5px;background:var(--soft)}
.scrap{position:relative;display:block;width:min(100%,330px);padding:13px 16px 14px;isolation:isolate;color:#1f2a44;text-decoration:none;transform:rotate(var(--tilt));filter:drop-shadow(0 3px 5px #10151138);transition:transform .2s ease}
.scrap:before{content:'';position:absolute;inset:0;z-index:-1;background:#ebe2cc;clip-path:polygon(0 3%,4% 0,30% 2%,62% 0,100% 1%,99% 52%,100% 100%,70% 98%,35% 100%,2% 98%,0 60%)}
.scrap:hover{transform:rotate(0) translateY(-2px)}
.scrap-meta{display:block;font:10px/1.4 'Courier New',monospace;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.scrap-title{display:block;margin-top:6px;font:400 21px/1.15 Georgia,serif;letter-spacing:-.02em}
.scrap-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
.scrap-shout{position:relative;font:italic 700 16px/1 Georgia,serif;color:#a2342b;padding:6px 8px;transform:rotate(-3deg);white-space:nowrap}
.scribble{position:absolute;inset:-6px -10px;width:calc(100% + 20px);height:calc(100% + 12px);overflow:visible}
.scribble path,.scrap-arrow path{fill:none;stroke:#a2342b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.scrap-go{font:11px/1.4 'Courier New',monospace;border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap}
.scrap-arrow{position:absolute;right:-30px;bottom:-24px;width:44px;height:30px;transform:rotate(160deg)}
.scrap-arrow path{stroke:var(--green);stroke-width:2}
@media(max-width:500px){.entry--link .date:before{left:-21px}.scrap{width:calc(100% - 26px)}.scrap-title{font-size:19px}.scrap-arrow{right:-26px}}
@media(prefers-reduced-motion:reduce){.scrap{transition:none}.scrap:hover{transform:rotate(var(--tilt))}}