.desk{background:#050505;flex:auto;place-items:center;width:100%;height:100%;min-height:0;max-height:100%;padding:0;display:grid}.tabletop,.notebook-stage{display:contents}.desk[data-cover=high-fidelity]{--notebook-yellow:#eec85d;--desk-pad:1.25rem;padding:var(--desk-pad);background-color:#3a2714;background-image:url(/textures/wood-desk.jpg);background-position:50%;background-size:cover}.notebook{isolation:isolate;background:#111;width:100%;height:100%;max-height:100%;position:relative;overflow:hidden}.notebook:before{content:"";opacity:1;mix-blend-mode:normal;pointer-events:none;z-index:0;background-image:url(/textures/marble-speckle.svg?v=2);background-size:220px 220px;position:absolute;inset:0}.desk[data-cover=high-fidelity] .notebook{background:#0b0b0b;border-radius:2px 10px 10px 3px;overflow:visible;box-shadow:10px 18px 34px #00000073}.desk[data-cover=high-fidelity][data-layout=page]{--notebook-avail-h:min(860px, 100cqh, calc(100cqw * 4 / 3));container-type:size}.desk[data-cover=high-fidelity][data-layout=page] .notebook-stage{--notebook-short-h:480px;--notebook-fit:min(1, var(--notebook-avail-h) / var(--notebook-short-h));width:calc(var(--notebook-avail-h) * 3 / 4);height:var(--notebook-avail-h);display:block;position:relative;overflow:hidden;container-type:size}.desk[data-cover=high-fidelity][data-layout=page] .notebook{aspect-ratio:auto;width:100%;height:100%;max-height:none;transform:none}@container (max-height:479px){.desk[data-cover=high-fidelity][data-layout=page] .notebook{width:calc(var(--notebook-short-h) * 3 / 4);height:var(--notebook-short-h);transform:scale(var(--notebook-fit));transform-origin:0 0;position:absolute;top:0;left:0}}.desk[data-cover=high-fidelity] .notebook:before{opacity:1;filter:contrast(1.05)saturate(.85);border-radius:inherit;background-image:url(/textures/notebook-marble.jpg);background-repeat:repeat;background-size:180px 180px;inset:0}.notebook:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0}.desk[data-cover=high-fidelity] .notebook:after{content:none}.spine{z-index:2;background:#0a0a0a;width:7.5%;min-width:1.4rem;position:absolute;top:0;bottom:0;left:0;box-shadow:6px 0 12px #00000059}.desk[data-cover=high-fidelity] .spine{background:repeating-linear-gradient(90deg,#141414 0,#0c0c0c 3px,#1c1c1c 4px,#101010 7px)}.cover-inner{z-index:3;flex-direction:column;align-items:center;height:100%;padding:0 8% 0 12%;display:flex;position:relative}.label-stack{width:min(86%,24rem);margin-top:16%;position:relative;overflow:visible}.label{background-color:#fbfaf3;background-image:repeating-linear-gradient(#0000 0 1.7rem,#5a8cbe47 1.7rem calc(1.7rem + 1px));border-radius:3px;padding:1.15rem 1.15rem 1.2rem 1.85rem;position:relative;box-shadow:0 2px 10px #00000047}.desk[data-cover=high-fidelity] .label-stack{width:min(84%,26.5rem)}.desk[data-cover] .composition-label{color:#111;width:100%;max-width:none;box-shadow:none;filter:drop-shadow(0 2px 3px #00000047);background:0 0;border:0;border-radius:0;gap:0;margin:0;padding:0;display:block;position:relative;transform:none}.composition-label--bowed{aspect-ratio:400/300;container-type:size}.composition-label--ornate{aspect-ratio:500/300}.composition-label-frame{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.composition-label-content{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute}.composition-label--bowed .composition-label-content{inset:17% 6.5% 13%}.composition-label--ornate .composition-label-content{inset:17% 15% 14%}.composition-label-title{text-transform:uppercase;white-space:nowrap;max-width:100%;margin:0;font-weight:700;line-height:1.05}.composition-label--bowed .composition-label-title{z-index:1;width:max-content;max-width:none;font-family:var(--font-marker), "Permanent Marker", ui-rounded, sans-serif;letter-spacing:0;text-align:center;text-transform:none;white-space:nowrap;transform-origin:50%;margin:0;font-size:clamp(1.2rem,4.2vw,1.62rem);font-weight:400;line-height:1;position:absolute;top:1.45rem;left:50%;transform:translate(-50%,-50%)scaleX(.92)}.composition-label--ornate .composition-label-title{font-family:var(--font-serif), "Times New Roman", serif;letter-spacing:.14em;font-size:clamp(.74rem,3.5vw,1.2rem)}.composition-label-rules{flex-direction:column;flex:1;justify-content:space-evenly;width:94%;margin:.15em 0;display:flex}.composition-label--bowed .composition-label-rules{width:70%;margin-top:1.7rem}.composition-label-rules span{border-bottom:1.5px solid #111;width:100%;height:0;display:block}.composition-label-meta{font-family:var(--font-geist-sans), Helvetica, Arial, sans-serif;letter-spacing:.04em;margin-top:auto;font-size:clamp(.375rem,1.35vw,.51rem);font-weight:500;line-height:1.45}.composition-label--bowed .composition-label-meta{position:relative;top:2.5cqh}.composition-label-meta p{margin:0}.desk[data-cover=high-fidelity] .label{aspect-ratio:1;background:#fff;border:5px solid #111;border-radius:0;flex-direction:column;padding:1.05rem 1rem 1.15rem;display:flex;box-shadow:0 3px 10px #00000047}.label-margin{background:#c23b22;border-radius:1px;width:2px;position:absolute;top:.45rem;bottom:.45rem;left:.85rem}.label-name{color:#111;letter-spacing:.04em;text-wrap:balance;margin:0;line-height:1.12}.desk[data-cover=stylized] .label-name{font-family:var(--font-typewriter), ui-monospace, monospace;text-transform:none;font-size:clamp(1.15rem,4.4vw,1.85rem);font-weight:400}.desk[data-cover=high-fidelity] .label-name{font-family:var(--font-serif), "Times New Roman", serif;letter-spacing:.02em;text-align:center;text-transform:none;font-size:clamp(1.35rem,4.4vw,1.85rem);font-weight:700}.label-lines{flex-direction:column;gap:.15rem;margin:1.15rem 0 0;padding:0;list-style:none;display:flex}.label-lines li{border-bottom:1px solid #171717;align-items:flex-end;min-height:1.85rem;padding:0 .15rem .08rem;display:flex}.label-line-fill{font-family:var(--font-hand), ui-rounded, sans-serif;color:#111;font-size:clamp(1.05rem,3.4vw,1.35rem);font-weight:600;line-height:1}.label-role{color:#222;margin:.45rem 0 0}.desk[data-cover=stylized] .label-role{font-family:var(--font-geist-sans), system-ui, sans-serif;letter-spacing:.04em;font-size:.82rem}.sticker{z-index:4;text-align:center;pointer-events:none;background:#fbfaf3;place-items:center;display:grid;position:absolute;box-shadow:0 2px 6px #00000040}.sticker-fold{display:none}.desk[data-cover=stylized] .sticker{border:3px double #c23b22;border-radius:8px;width:6.4rem;padding:.45rem .4rem .4rem;top:-1.15rem;right:-.6rem;rotate:9deg}.desk[data-cover=high-fidelity] .sticker{background:#c6ff3a;border:none;border-radius:1px;width:8.75rem;height:8.75rem;padding:.55rem .55rem 1.45rem;top:auto;bottom:calc(-.95rem - 1in);right:-.45rem;rotate:-8deg;box-shadow:1px 1px #0000000a,3px 5px 10px #00000052}.desk[data-cover=high-fidelity] .sticker-fold{pointer-events:none;background:linear-gradient(135deg,#eaff9c 0%,#b4f02a 42%,#0000002e 48%,#00000014 52%,#0000 58%);width:1.65rem;height:1.65rem;display:block;position:absolute;top:0;left:0}.desk[data-cover=high-fidelity] .sticker-full{color:#111;font-family:var(--font-marker), "Permanent Marker", ui-rounded, sans-serif;letter-spacing:.02em;text-transform:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:.02em;margin:0;font-size:1.075rem;font-weight:400;line-height:1.18;display:flex}.desk[data-cover=high-fidelity] .sticker-full span{font-size:inherit;font-weight:inherit;display:block;rotate:none}.desk[data-cover=high-fidelity] .sticker-updated{font-family:var(--font-pen), "Walter Turncoat", ui-rounded, sans-serif;letter-spacing:.01em;text-align:center;text-transform:none;color:#111;white-space:nowrap;font-size:.64rem;font-weight:400;line-height:1;position:absolute;bottom:.42rem;left:.28rem;right:.28rem}.sticker-wip{font-family:var(--font-typewriter), ui-monospace, monospace;color:#c23b22;letter-spacing:.06em;font-size:1.35rem;line-height:1}.sticker-full{font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:#c23b22;margin-top:.2rem;font-size:.52rem;line-height:1.2}.resume-link{color:#111;font-family:var(--font-typewriter), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#fbfaf3;border:2px solid #111;border-radius:6px;margin-top:auto;margin-bottom:22%;padding:.5rem .95rem .42rem;font-size:.95rem;text-decoration:none;rotate:-6deg;box-shadow:inset 0 1px #ffffffd9,0 2px 6px #0000004d}.resume-link:hover{color:#111;rotate:-8deg;box-shadow:0 4px 8px #00000052}.resume-link:focus-visible{outline-offset:4px;outline:2px solid #c23b22}.desk[data-cover=high-fidelity] .resume-link{border:2px solid var(--notebook-yellow);letter-spacing:.1em;-webkit-text-stroke:.85px #111;paint-order:stroke fill;border-radius:5px;padding:.31rem .64rem .25rem;font-size:.74rem;font-weight:400;rotate:5deg}.desk[data-cover=high-fidelity] .resume-link:hover{rotate:7deg}.desk[data-cover=high-fidelity] .resume-link:focus-visible{outline-color:var(--notebook-yellow)}.editions-mark{z-index:4;position:absolute;bottom:1.05rem;right:.7rem}.resume-mark{z-index:4;position:absolute;bottom:1.05rem;left:calc(max(7.5%,1.4rem) + .7rem)}.desk[data-cover=high-fidelity] .editions-mark{bottom:1.2rem;right:.85rem}.desk[data-cover=high-fidelity] .resume-mark{bottom:1.2rem;left:calc(max(7.5%,1.4rem) + .85rem)}@media (min-width:768px){.desk{padding:1.75rem}.desk[data-cover=high-fidelity]{--desk-pad:2.25rem;padding:var(--desk-pad)}.notebook{aspect-ratio:3/4;border-radius:3px 14px 14px 3px;width:auto;height:100%;max-height:100%;box-shadow:0 24px 50px #00000047,inset 0 2px #ffffff14}.desk[data-cover=high-fidelity] .notebook{border-radius:2px 12px 12px 3px;box-shadow:12px 22px 40px #00000073}.label-stack{margin-top:18%}}.desk[data-layout=frame]{height:100%;min-height:100%;padding:0}.desk[data-layout=frame] .notebook-stage{display:contents}.desk[data-layout=frame] .notebook{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border-radius:0;transform:none}.desk[data-layout=frame][data-cover=high-fidelity]{background-size:cover;padding:.7rem}.desk[data-layout=frame][data-cover=high-fidelity] .notebook{aspect-ratio:auto;width:100%;height:100%;max-height:none}@media (prefers-reduced-motion:reduce){.sticker,.resume-link{rotate:none}}