@font-face{font-family:Reenie Beanie;src:url(/assets/paper/ReenieBeanie.ttf) format("truetype");font-display:swap}:root{color-scheme:light;--paper: #f8f5e9;--ink: #1d2629;--ink-soft: #43504e;--rule-blue: rgba(54, 113, 171, .3);--margin-red: rgba(176, 69, 65, .62);--paper-edge: clamp(5.25rem, 9.2vw, 8.5rem);--rule-origin: 129px;--rule-step: 40px;--ink-clearance: 10px;--hand-font: "Reenie Beanie", "Comic Sans MS", cursive;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{min-width:280px}body{min-width:280px;margin:0;background:#e9e3d7;color:var(--ink)}a{color:inherit}figure,h1,p{margin:0}.skip-link{position:absolute;z-index:10;top:-4rem;left:1rem;padding:.75rem 1rem;background:var(--ink);color:var(--paper)}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid #9a4643;outline-offset:4px}.notebook{position:relative;isolation:isolate;width:min(100%,100rem);min-height:100vh;min-height:100svh;margin-inline:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-right:1px solid rgba(67,58,43,.12);background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0 38px,var(--rule-blue) 38px 39px,transparent 39px 40px),radial-gradient(ellipse at 96% 6%,rgba(125,91,48,.11),transparent 39%),radial-gradient(ellipse at 2% 88%,rgba(127,96,56,.09),transparent 34%),url(/assets/paper/paper-fiber-v1.jpg);background-size:100% var(--rule-step),100% 100%,100% 100%,cover;background-position:0 calc(var(--rule-origin) - 38px),center,center,center;box-shadow:0 0 0 1px #5b4f3c1f,0 18px 55px #3c31213b,inset 0 0 90px #61502f13}.notebook:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:var(--paper-edge);width:1px;background:var(--margin-red);box-shadow:2px 0 #b045411f}.notebook:after{content:"";position:absolute;z-index:-1;inset:0 auto 0 -1px;width:3.5rem;background-image:url(/assets/paper/torn-holes.svg);background-size:3.5rem 20rem;background-position:left 3rem;background-repeat:repeat-y}@media(min-width:701px){body{padding:11px}.notebook{min-height:calc(100vh - 22px);min-height:calc(100svh - 22px);border-radius:2px}}.site-header,.hero,.site-footer{margin-left:calc(var(--paper-edge) + clamp(1.5rem,3.5vw,3.5rem));margin-right:clamp(1.5rem,5vw,5.5rem)}.site-header{min-height:5.5rem;display:flex;align-items:center;justify-content:space-between}.monogram{display:grid;place-items:center;width:2.45rem;height:2.45rem;border:1px solid rgba(29,38,41,.5);border-radius:50%;font-family:var(--hand-font);font-size:1.7rem;line-height:1;text-decoration:none;transition:background-color .18s ease,color .18s ease}.monogram:hover{background:var(--ink);color:var(--paper)}.header-notes{display:inline-flex;align-items:baseline;gap:.3rem;font-family:var(--hand-font);font-size:1.75rem;text-decoration:none}.ink-arrow{width:1.2em;height:1.2em;align-self:center;flex:none;fill:none;stroke:#9a4643;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.header-notes .link-label,.notes-link .link-label{text-decoration:none}.header-notes .baseline-probe{margin-left:0}.header-notes:hover .link-label,.notes-link:hover .link-label{text-decoration:underline;text-underline-offset:.2em}[data-rule-align]{position:relative;top:var(--rule-offset, 0px)}.baseline-probe{display:inline-block;width:0;height:0;vertical-align:baseline}.hero{min-width:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-rows:auto auto;align-content:center;column-gap:clamp(1rem,4vw,4rem);padding-block:clamp(2rem,5svh,4.5rem)}.hero-name{grid-column:1;grid-row:1;position:relative;z-index:2;padding-bottom:clamp(1rem,3svh,2rem);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(4rem,min(9.4vw,14svh),10rem);font-weight:400;line-height:.77;letter-spacing:-.062em}.hero-name span{display:block}.hero-name span:last-child{margin-left:7%;font-style:italic}.portrait{grid-column:2;grid-row:1 / 3;align-self:center;justify-self:center;width:min(32vw,25rem,42svh);margin-right:1.5vw;transform:rotate(1.2deg)}.portrait img{display:block;width:100%;height:auto;filter:drop-shadow(2px 4px 3px rgba(63,53,38,.18))}.hero-copy{grid-column:1;grid-row:2;align-self:end;max-width:min(100%,48rem);padding-top:clamp(1.5rem,5svh,4rem);padding-bottom:1rem}.hero-copy p{max-width:100%;font-family:var(--hand-font);font-size:clamp(2.05rem,2.6vw,2.7rem);line-height:40px;letter-spacing:-.01em}.hero-copy p a{text-decoration-color:#9a46436e;text-underline-offset:.23em;text-decoration-thickness:1px}.hero-copy p a:hover{text-decoration-color:currentColor}.notes-link{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;margin-top:calc(clamp(1.25rem,3svh,2rem) + var(--rule-step));font-family:var(--hand-font);font-size:1.8rem;text-decoration:none}.notes-link .ink-arrow{align-self:center}.notes-link .baseline-probe{margin-left:0}.site-footer{min-height:4.4rem;display:flex;align-items:center;justify-content:center;gap:2rem}.site-footer a{color:var(--ink-soft);font-family:var(--hand-font);font-size:1.75rem;text-decoration:none}.site-footer a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:.25em}@media(max-width:700px){:root{--paper-edge: 4.65rem}.notebook:after{width:3.1rem;background-size:3.1rem 20rem}.site-header,.hero,.site-footer{margin-left:calc(var(--paper-edge) + 1rem);margin-right:1.15rem}.site-header{min-height:4.75rem}.hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:space-between;gap:0;padding-block:clamp(1rem,3svh,2rem) 1.2rem}.hero-name{grid-column:1;grid-row:1;padding-bottom:0;font-size:clamp(3.35rem,17.6vw,6.5rem);line-height:.79}.hero-name span:last-child{margin-left:0}.portrait{grid-column:1;grid-row:2;justify-self:end;width:min(48vw,14rem,29svh);margin:1rem 0 0}.hero-copy{grid-column:1;grid-row:3;align-self:end;padding:1.35rem 0 0}.hero-copy p{font-size:clamp(1.8rem,7vw,2.15rem);line-height:40px}.notes-link{margin-top:calc(.9rem + var(--rule-step))}.site-footer{min-height:4rem}}@media(max-width:360px){:root{--paper-edge: 4.15rem}.site-header,.hero,.site-footer{margin-left:calc(var(--paper-edge) + .85rem);margin-right:.8rem}.hero-name{font-size:17vw}}@media(min-width:701px)and (max-height:520px){.site-header{min-height:2.9rem}.hero{padding-block:.4rem}.hero-name{font-size:clamp(3rem,6vw,5rem);padding-bottom:.25rem}.portrait{width:min(22vw,30svh)}.hero-copy p{font-size:1.7rem;line-height:40px}.hero-copy{padding-top:.5rem}.notes-link{margin-top:calc(.3rem + var(--rule-step))}.site-footer{min-height:2.6rem}}
