.home{background:#3a2714 url(/textures/wood-desk.jpg) 50%/cover;flex-direction:column;flex:1;width:100%;display:flex;overflow-x:clip}.home-top{z-index:3;padding:18px var(--gutter) 0;display:flex;position:relative}.home-top:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0e0a068c,#0e0a0600);position:absolute;inset:0 0 -40px}.home-name{font:400 26px/1 var(--display);text-shadow:0 1px 6px #0009}.home-name a{color:var(--ink);transition:color var(--ease);display:inline-block}.home-name a:hover,.home-name a:focus-visible{color:var(--gold);outline:none}.home .site-foot{color:#b9b0a0;background:#100c08d1;border-top-color:#ffffff14}.home-scene{flex:1;place-items:center;padding:24px 16px 34px;display:grid}.cover-book{z-index:2;aspect-ratio:3/4;background:#0b0b0b;border-radius:2px 12px 12px 3px;width:min(450px,100%);position:relative;box-shadow:12px 22px 40px #00000080;container-type:inline-size}.cover-book:before{content:"";border-radius:inherit;filter:contrast(1.05)saturate(.85);background:url(/textures/notebook-marble.jpg) 0 0/180px 180px;position:absolute;inset:0}.cover-spine{z-index:2;background:repeating-linear-gradient(90deg,#141414 0,#0c0c0c 3px,#1c1c1c 4px,#101010 7px);border-radius:2px 0 0 3px;width:7.5%;position:absolute;top:0;bottom:0;left:0;box-shadow:6px 0 12px #00000059}.cover-label{z-index:3;aspect-ratio:400/300;color:#111;filter:drop-shadow(0 2px 3px #00000047);width:73%;position:absolute;top:13%;left:16%;container-type:size}.cover-label__frame{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cover-label__in{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:17% 11% 11%}.cover-field{border-bottom:1.5px solid #111;align-items:baseline;gap:2.4cqw;margin:0;padding:0 1cqw .8cqh;display:flex}.cover-field span{font:700 2.7cqw/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;flex:none;font-stretch:112%}.cover-field b{font:400 6cqw/1 var(--hand);white-space:nowrap}.cover-field--name b{font-size:10.5cqw}.cover-field--subject b{font-size:5.3cqw}.cover-label__meta{font:500 2.25cqw/1.45 var(--sans);letter-spacing:.04em;text-align:center;margin:0}.home-sticky{z-index:5;aspect-ratio:1;color:#111;text-align:center;background:#c6ff3a;align-content:start;width:33cqw;padding:2.4cqw 2.4cqw 6cqw;display:grid;position:absolute;top:52%;right:-2cqw;rotate:-8deg;box-shadow:1px 1px #0000000a,3px 5px 10px #00000052}.home-sticky:before{content:"";background:linear-gradient(135deg,#eaff9c 0%,#b4f02a 42%,#0000002e 48%,#00000014 52%,#0000 58%);width:6.4cqw;height:6.4cqw;position:absolute;top:0;left:0}.home-sticky p{font:400 4.1cqw/1.18 var(--hand);letter-spacing:.02em;margin:0}.home-sticky small{font:400 2.45cqw/1 var(--font-pen), "Walter Turncoat", cursive;white-space:nowrap;position:absolute;bottom:1.7cqw;left:1cqw;right:1cqw}.cover-tapes{z-index:4;pointer-events:none;position:absolute;inset:0}.tape{--r:0deg;--tc:var(--tape-black);pointer-events:auto;font-family:var(--sans);letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;color:#fbfbf8;background:linear-gradient(180deg, #ffffff57 0, #ffffff14 20%, #fff0 26%, #0000 74%, #0000001f 92%, #ffffff14 100%), linear-gradient(var(--tc), var(--tc));text-shadow:0 1px #00000080,0 -1px #ffffff40;transform:rotate(var(--r));transition:box-shadow var(--ease), transform var(--ease);border-radius:2px;padding:.66em .5em .66em .8em;font-size:clamp(11px,3.1cqw,14px);font-weight:700;font-stretch:118%;line-height:1;display:inline-block;position:absolute;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 2px #00000040,inset 0 3px 0 -2px #0000002e,inset 0 -4px 0 -3px #ffffff2e,0 2px 3px #0009}.tape:hover,.tape:focus-visible{box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -2px 2px #00000040, 0 0 0 2px var(--gold), 0 0 26px 4px var(--glow);transform:rotate(var(--r)) translateY(-1px);outline:none}.tape--red{--tc:var(--tape-red)}.tape--blue{--tc:var(--tape-blue)}.tape--green{--tc:var(--tape-green)}.tape--1{--r:-3deg;top:61%;left:15%}.tape--2{--r:2.5deg;top:72.5%;left:27%}.tape--3{--r:-1.5deg;top:84%;left:17%}.tape__photo{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.tape[data-photo=loaded]{box-shadow:none;background:0 0;padding:0;line-height:0}.tape[data-photo=loaded]:hover,.tape[data-photo=loaded]:focus-visible{box-shadow:0 0 0 2px var(--gold), 0 0 26px 4px var(--glow)}.tape[data-photo=loaded] .tape__photo{opacity:1;filter:drop-shadow(0 2px 3px #00000080);width:auto;height:2.3em;transition:opacity var(--ease);border-radius:2px;display:block;position:static}.tape[data-photo=loaded] .tape__text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:700px){.home-scene{padding:20px 16px 24px}}@media (prefers-reduced-motion:reduce){.home-name a,.tape,.tape__photo{transition:none}.tape:hover,.tape:focus-visible{transform:rotate(var(--r))}}