/* Restrained physical finishing for the existing Kat Zine page. */
.zine-publication{transition:grid-template-columns .3s ease,box-shadow .3s ease;box-shadow:0 17px 30px rgba(0,0,0,.72),-2px 0 0 #6a5943,2px 0 0 #c7b795;overflow:visible}
.zine-publication:after{content:"";position:absolute;z-index:5;pointer-events:none;inset:8px;background:linear-gradient(90deg,rgba(27,19,12,.28),transparent 2%,transparent 97%,rgba(27,19,12,.2)),repeating-linear-gradient(0deg,transparent 0 43px,rgba(44,30,19,.035) 44px 45px);mix-blend-mode:multiply}
.zine-sheet{box-shadow:inset 11px 0 12px rgba(72,52,33,.07),inset -5px 0 8px rgba(72,52,33,.05)}
.zine-sheet:before{font-size:13px;transform:rotate(-5deg)}
.zine-header:after{content:"";position:absolute;left:7px;right:16px;bottom:-2px;border-bottom:1px solid rgba(25,49,86,.22);transform:rotate(.16deg)}
.zine-spine{min-width:0;transition:transform .3s ease;overflow:visible}
.zine-menu-toggle{position:absolute;z-index:10;top:16px;left:calc(100% - 21px);width:52px;min-height:28px;padding:4px 4px 4px 7px;border:1px solid #a99164;background:#d9c383;color:#19140e;font:500 7px/1 'DM Mono',monospace;letter-spacing:.35px;box-shadow:2px 2px 0 #07172e;transform:rotate(-2deg);cursor:pointer;transition:left .3s ease,transform .3s ease}.zine-menu-toggle span{font-size:11px;margin-right:2px}.zine-menu-toggle:hover{background:#e0b43c}
.zine-publication.zine-nav-closed{grid-template-columns:22px minmax(0,1fr)}
.zine-publication.zine-nav-closed .zine-spine{width:145px;transform:translateX(calc(-100% + 22px))}
.zine-publication.zine-nav-closed .zine-menu-toggle{transform:rotate(2deg)}
.zine-publication.zine-nav-closed .zine-menu-toggle span{display:inline-block;transform:rotate(180deg)}
.issue-label{display:inline-block;margin-left:9px;padding:4px 5px;background:#e2b430;color:#1c2732;vertical-align:middle;font:500 7px/1 'DM Mono',monospace;letter-spacing:.5px;transform:rotate(2deg);box-shadow:1px 1px 0 rgba(37,27,15,.35)}
.masthead h1:after{content:"";display:inline-block;width:19px;height:11px;margin-left:8px;border:3px solid #e1b136;border-left-color:transparent;border-bottom-color:transparent;vertical-align:top;transform:rotate(-19deg)}
.editor-note:after{content:"";position:absolute;right:-9px;bottom:12px;width:11px;height:27px;border:2px solid #80766b;border-radius:8px;transform:rotate(-9deg);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.zine-categories button:hover{background:#e0b43c;color:#18130e}
.post-area:before{content:"EDITORIAL DESK";position:absolute;z-index:1;top:11px;left:13px;padding:3px 5px;background:#e0b43c;color:#1b1710;font:500 6px 'DM Mono',monospace;letter-spacing:.5px;transform:rotate(-1deg)}
.post-area:after{content:"";position:absolute;right:14px;top:12px;width:23px;height:13px;border-top:1px solid #526070;border-left:1px solid #526070;opacity:.55}
.pinned-scrap{clip-path:polygon(2% 4%,98% 0,100% 91%,92% 100%,3% 96%)}
.pushpin{background:#dba918;box-shadow:0 3px 0 #7c5c18}
.empty-state .pinned-scrap:after{content:"";position:absolute;right:-11px;bottom:7px;width:29px;height:8px;background:rgba(218,181,103,.7);transform:rotate(-11deg)}
.corner-collage:before{content:"";position:absolute;z-index:-1;left:3px;bottom:8px;width:53px;height:31px;background:#e2b430;clip-path:polygon(0 15%,100% 0,87% 100%,7% 85%);transform:rotate(8deg)}
@media(max-width:700px){.zine-publication{display:block;min-height:720px}.zine-spine{position:absolute;z-index:8;top:0;bottom:0;width:145px;min-height:100%;box-shadow:4px 0 11px rgba(0,0,0,.5)}.zine-publication.zine-nav-closed .zine-spine{transform:translateX(calc(-100% + 22px))}.zine-sheet{min-height:720px}.zine-menu-toggle{top:10px}.issue-label{display:none}}