.fh{--paper:#f7f1e6;--sheet:#fffaf0;--line:#e2d8c6;--ink:#24201a;--soft:#6b6255;--accent:#b34727;--pen:"Kalam", cursive;--marker:"Kalam", cursive;--serif:"Instrument Serif", Georgia, serif;background:var(--paper);color:var(--ink);letter-spacing:-.011em;font-family:Inter Variable,system-ui,sans-serif;font-size:1rem;line-height:1.6}.fh a{color:inherit}.fh h1,.fh h3{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-weight:400}.fh-nav{z-index:30;color:#fff;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:18px 24px;font-size:15px;font-weight:500;display:flex;position:fixed;inset:0 0 auto}.fh-nav a{text-decoration:none}.fh-nav{transition:background-color .3s,color .3s}.fh-nav.is-solid{mix-blend-mode:normal;color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--line);background:#f7f1e6eb}.fh-nav span{gap:22px;display:flex}.fh-hero{height:165svh;position:relative}.fh-sticky{place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.fh-card{aspect-ratio:4/5;will-change:transform, clip-path;background:#111;border-radius:18px;width:min(420px,78vw);position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 2px 4px #00000014,0 30px 60px -24px #3c28148c}.fh-card img,.fh-gl{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fh-hint{font-family:var(--pen);color:var(--soft);pointer-events:none;font-size:1.2rem;position:absolute;top:calc(50% - min(262px,49vw) - 34px);left:calc(50% + min(210px,39vw) - 20px);transform:rotate(6deg)}.fh-prof-text{text-align:center;opacity:0;pointer-events:none;position:absolute;top:calc(36% + 96px);left:0;right:0}.fh-prof-text h1{font-size:clamp(2.5rem,5vw,3.75rem);line-height:1}.fh-body{margin-top:-42svh;position:relative}.fh-social{font-family:var(--pen);justify-content:center;gap:22px;margin:0 0 8px;font-size:1.2rem;display:flex}.fh-social a{border-bottom:1.5px solid #0000;text-decoration:none;transition:border-color .2s,transform .2s;display:inline-block}.fh-social a:hover{border-color:var(--accent);transform:translateY(-2px)rotate(-2deg)}.fh-sec{max-width:760px;margin:0 auto;padding:72px 24px;position:relative}.fh-label{font-family:var(--marker);transform-origin:0;margin:0 0 22px;font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:700;line-height:1.1;transform:rotate(-1.5deg)}.fh-aside{font-family:var(--pen);color:var(--soft);margin:-10px 0 22px;font-size:1.15rem}.fh-prose{font-size:1.125rem}.fh-prose p{margin:0 0 14px}.fh-links{flex-wrap:wrap;gap:18px;display:flex}.fh-pen{font-family:var(--pen);font-size:1.2rem}.fh-paper{background:var(--sheet);border-radius:3px;max-width:712px;margin-top:40px;margin-bottom:40px;padding:56px 48px;transform:rotate(-.4deg);box-shadow:0 1px 1px #0000000d,0 18px 40px -22px #3c281459}.fh-paper:nth-of-type(2n){transform:rotate(.5deg)}.fh-tape{background:#eadeb3bf;width:110px;height:26px;margin-left:-55px;position:absolute;top:-12px;left:50%;transform:rotate(-3deg);box-shadow:0 1px 2px #00000014}.fh-project{background:var(--sheet);border:1px solid var(--line);border-radius:14px;padding:30px;text-decoration:none;transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s;display:block}.fh-project:hover{transform:translateY(-3px)rotate(-.4deg);box-shadow:0 18px 36px -20px #3c281466}.fh-project h3{font-size:2rem}.fh-project p{color:var(--soft);margin:10px 0 14px}.fh-list{margin:0;padding:0;list-style:none}.fh-list li{border-bottom:1px dashed var(--line);padding:16px 0}.fh-list a{justify-content:space-between;gap:16px;text-decoration:none;display:flex}.fh-list .t{font-size:1.2rem;font-weight:500}.fh-list a:hover .t{text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px}.fh-list .d{color:var(--soft);font-family:var(--pen);white-space:nowrap}.fh-list p{color:var(--soft);margin:4px 0 0}.fh aside.fh-side{flex-direction:column;gap:22vh;width:200px;padding-top:20px;display:none;position:absolute;top:120px;bottom:0}.fh-side-l{left:max(24px,50% - 600px)}.fh-side-r{padding-top:34vh;right:max(24px,50% - 600px)}@media (min-width:1240px){.fh aside.fh-side{display:flex}.fh-cards-inline{display:none!important}}.fh-cards-inline{scroll-snap-type:x mandatory;gap:18px;max-width:760px;margin:0 auto;padding:8px 24px 24px;display:flex;overflow-x:auto}.fh-cards-inline .fh-flip{scroll-snap-align:start;flex:0 0 170px}.fh-flip{aspect-ratio:4/5;cursor:pointer;perspective:1000px;width:200px;transform:rotate(var(--tilt));background:0 0;border:0;padding:0;transition:transform .4s cubic-bezier(.2,.9,.2,1);position:relative}.fh-flip:hover{transform:rotate(0)translateY(-4px)}.fh-flip-in{transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.fh-flip.is-flipped .fh-flip-in{transform:rotateY(180deg)}.fh-flip-face{backface-visibility:hidden;border-radius:6px;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 2px #00000014,0 16px 30px -16px #3c281473}.fh-flip-front{text-align:center;background:var(--sheet);font-family:var(--pen);color:var(--ink);border:1px solid var(--line);justify-content:center;align-items:center;padding:22px;font-size:1.25rem;line-height:1.3;display:flex}.fh-flip-back{background:#111;transform:rotateY(180deg)}.fh-flip-back img{object-fit:cover;width:100%;height:100%;display:block}.fh-shelf{width:100%;height:auto;display:block}.fh-shelf-narrow{display:none}@media (max-width:640px){.fh-shelf-wide{display:none}.fh-shelf-narrow{display:block}}#library{max-width:1040px}.fh-spine{cursor:pointer;outline:none}.fh-spine>g{transition:translate .3s cubic-bezier(.2,.9,.2,1)}.fh-spine>g>rect:first-child{transition:filter .3s}.fh-spine:hover>g,.fh-spine:focus-visible>g{translate:0 -12px}.fh-spine:focus-visible>g>rect:first-child{filter:drop-shadow(0 0 3px #f3c96a)}.fh-spine-t{font-family:var(--serif);letter-spacing:.02em}.fh-modal{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);perspective:1400px;background:#1e160e80;place-items:center;padding:24px;animation:.25s both fh-fade;display:grid;position:fixed;inset:0}.fh-page{background:var(--sheet);transform-origin:0;background-image:repeating-linear-gradient(#0000 0 31px,#7864461f 31px 32px);border-radius:4px 14px 14px 4px;width:min(560px,100%);max-height:86vh;padding:56px 52px 40px;animation:.6s cubic-bezier(.2,.8,.2,1) both fh-open;position:relative;overflow:auto;box-shadow:inset 10px 0 18px -14px #00000059,0 30px 60px -20px #00000080}.fh-page-label{font-family:var(--pen);color:var(--accent);margin:0 0 18px;font-size:1.05rem}.fh-page h3{font-size:clamp(2.25rem,5vw,3.25rem);line-height:1.02}.fh-page-author{font-family:var(--pen);color:var(--soft);margin:8px 0 0;font-size:1.3rem}.fh-page-note{margin-top:26px;font-size:1.1rem;line-height:2}.fh-close{font:inherit;border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:999px;margin-top:32px;padding:9px 18px;font-weight:500}.fh-close:hover{border-color:var(--ink)}@keyframes fh-fade{0%{opacity:0}}@keyframes fh-open{0%{opacity:0;transform:rotateY(-28deg)translate(-20px)}}@media (max-width:640px){.fh-nav span{gap:14px;font-size:14px}.fh-paper{padding:44px 26px}.fh-page{padding:44px 28px 32px}.fh-prof-text{top:calc(36% + 80px)}.fh-hint{left:auto;right:8vw}}@media (prefers-reduced-motion:reduce){.fh-flip,.fh-flip-in,.fh-spine>g,.fh-modal,.fh-page,.fh-project{transition:none;animation:none}}