.letters{--sage:#959b8b;--linen-weft:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='480'%20height='320'%3E%3Cfilter%20id='d'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.009%200.62'%20numOctaves='2'%20seed='3'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%200.32%20%200%200%200%200%200.36%20%200%200%200%200%200.29%20%201.25%200%200%200%20-0.6'/%3E%3C/filter%3E%3Cfilter%20id='l'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.009%200.62'%20numOctaves='2'%20seed='8'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%200.86%20%200%200%200%200%200.88%20%200%200%200%200%200.82%20%200%200.9%200%200%20-0.44'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url%28%23d%29'/%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url%28%23l%29'/%3E%3C/svg%3E");--linen-warp:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320'%20height='480'%3E%3Cfilter%20id='d'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.62%200.009'%20numOctaves='2'%20seed='12'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%200.32%20%200%200%200%200%200.36%20%200%200%200%200%200.29%20%201.15%200%200%200%20-0.55'/%3E%3C/filter%3E%3Cfilter%20id='l'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.62%200.009'%20numOctaves='2'%20seed='17'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%200.86%20%200%200%200%200%200.88%20%200%200%200%200%200.82%20%200%200.8%200%200%20-0.39'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url%28%23d%29'/%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url%28%23l%29'/%3E%3C/svg%3E");--linen-tooth:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='220'%20height='220'%3E%3Cfilter%20id='d'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='1.4'%20numOctaves='2'%20seed='21'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%200.32%20%200%200%200%200%200.36%20%200%200%200%200%200.29%20%200.8%200%200%200%20-0.38'/%3E%3C/filter%3E%3Cfilter%20id='l'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='1.4'%20numOctaves='2'%20seed='27'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%200.86%20%200%200%200%200%200.88%20%200%200%200%200%200.82%20%200%200.5%200%200%20-0.24'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url%28%23d%29'/%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url%28%23l%29'/%3E%3C/svg%3E");--film-grain:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='240'%3E%3Cfilter%20id='g'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='1.1'%20numOctaves='2'%20seed='9'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%200.5%20%200%200%200%200%200.5%20%200%200%200%200%200.5%20%200%200%200%201.6%20-0.5'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url%28%23g%29'/%3E%3C/svg%3E");--paper-grain:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='200'%20height='200'%3E%3Cfilter%20id='d'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='1.6'%20numOctaves='2'%20seed='31'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%200.35%20%200%200%200%200%200.33%20%200%200%200%200%200.3%20%200.5%200%200%200%20-0.23'/%3E%3C/filter%3E%3Cfilter%20id='l'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='1.6'%20numOctaves='2'%20seed='37'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20values='0%200%200%200%200.86%20%200%200%200%200%200.88%20%200%200%200%200%200.82%20%200%200.5%200%200%20-0.23'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url%28%23d%29'/%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url%28%23l%29'/%3E%3C/svg%3E");background-color:var(--sage);background-image:var(--film-grain), var(--linen-weft), var(--linen-warp), url(/photos/linen-sage.jpg);background-blend-mode:soft-light, normal, normal, normal;background-size:240px 240px,300px 200px,200px 300px,736px}.letters-stage{aspect-ratio:736/1040;--u:calc(100cqw / 736);width:min(736px,100%);margin:0 auto;position:relative;overflow:hidden;container-type:inline-size}.letters-stage>*{margin:0;position:absolute}.letters-linen{object-fit:cover;width:100%;height:100%;display:block;inset:0}.letters-weave{background-image:var(--linen-weft), var(--linen-warp), var(--linen-tooth);background-size:calc(300 * var(--u)) calc(200 * var(--u)), calc(200 * var(--u)) calc(300 * var(--u)), calc(160 * var(--u)) calc(160 * var(--u));opacity:.38;mix-blend-mode:multiply;inset:0}.letters-grain{z-index:9;pointer-events:none;background-image:var(--film-grain);mix-blend-mode:soft-light;opacity:.55;background-size:240px 240px;inset:0}@media (min-width:760px){.letters-linen{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}}.letters-objects{width:100%;height:100%;filter:drop-shadow(0 calc(2 * var(--u)) calc(4 * var(--u)) #282e2247);display:block;inset:0}.strip-photo{transform-origin:0 0;background:#2b2b29;position:absolute;overflow:hidden}.strip-photo img{object-fit:cover;filter:grayscale()contrast(1.06)brightness(.98);width:100%;height:100%;display:block}.strip-photo.one img{transform-origin:52% 46%;transform:scale(1.75)}.strip-photo.one{left:calc(438 * var(--u));top:calc(243 * var(--u));width:calc(145 * var(--u));height:calc(220 * var(--u));transform:rotate(6.6deg)}.strip-clip{clip-path:polygon(calc(409 * var(--u)) calc(496 * var(--u)), calc(554 * var(--u)) calc(510 * var(--u)), calc(540 * var(--u)) calc(614 * var(--u)), calc(487 * var(--u)) calc(655 * var(--u)), calc(495 * var(--u)) calc(581 * var(--u)), calc(415 * var(--u)) calc(566 * var(--u)));inset:0}.strip-photo.two img{object-position:44% 22%;transform-origin:44% 20%;transform:scale(1.15)}.strip-photo.two{left:calc(410 * var(--u));top:calc(497 * var(--u));width:calc(144 * var(--u));height:calc(175 * var(--u));transform:rotate(5.8deg)}.lined-clip{clip-path:polygon(calc(290 * var(--u)) calc(549 * var(--u)), calc(495 * var(--u)) calc(573 * var(--u)), calc(484 * var(--u)) calc(651 * var(--u)), calc(468 * var(--u)) calc(684 * var(--u)), calc(406 * var(--u)) calc(731 * var(--u)), calc(279 * var(--u)) calc(726 * var(--u)));inset:0}.lined-paper{left:calc(289 * var(--u));top:calc(538 * var(--u));width:calc(220 * var(--u));height:calc(200 * var(--u));transform-origin:0 0;background-color:#e1ddd5;background-image:radial-gradient(ellipse at 30% 70%, #96784614, transparent 60%), repeating-linear-gradient(transparent 0 calc(19 * var(--u)), #7688a45c calc(19 * var(--u)) calc(20 * var(--u))), var(--paper-grain);background-position:0 0, 0 calc(12 * var(--u)), 0 0;background-size:100% 100%, 100% calc(20 * var(--u)), calc(200 * var(--u)) calc(200 * var(--u));position:absolute;transform:rotate(9deg)}.note-words{color:#2a2926;font-family:var(--font-pen), var(--font-note), "Bradley Hand", cursive;pointer-events:none;transform-origin:0 0;flex-direction:column;display:flex}.note-words.top{left:calc(190 * var(--u));top:calc(352 * var(--u));width:calc(205 * var(--u));font-size:calc(22 * var(--u));line-height:calc(24 * var(--u));gap:calc(7 * var(--u));transform:rotate(-2.4deg)}.note-words.top span:last-child{margin-top:calc(4 * var(--u));text-underline-offset:calc(4 * var(--u));text-decoration:underline;text-decoration-thickness:1px}.note-words.lined{left:calc(300 * var(--u));top:calc(557 * var(--u));width:calc(192 * var(--u));font-size:calc(19 * var(--u));line-height:calc(20 * var(--u));transform:rotate(9deg)}.note-words.lined .note-heading{font-size:calc(21 * var(--u));line-height:calc(20 * var(--u));margin-bottom:0}.note-words.lined span:last-child{text-underline-offset:calc(3 * var(--u));text-decoration:underline;text-decoration-thickness:1px}.note-link{transform-origin:0 0;border-radius:2px}.note-link:focus-visible{outline-offset:2px;outline:2px solid #f6f5ee}.note-link:hover{background:#ffffff0d}.note-link.top{left:calc(172 * var(--u));top:calc(318 * var(--u));width:calc(232 * var(--u));height:calc(225 * var(--u));transform:rotate(-3.5deg)}.note-link.lined{left:calc(292 * var(--u));top:calc(549 * var(--u));width:calc(205 * var(--u));height:calc(178 * var(--u));transform:rotate(9deg)}.sub-nav{font-family:var(--font-mono), ui-monospace, Menlo, monospace;text-transform:lowercase;background:var(--charcoal);color:var(--ivory);justify-content:space-between;gap:16px;padding:18px clamp(16px,5vw,48px);font-size:13px;display:flex}.sub-nav a{color:inherit;opacity:.85;text-decoration:none}.sub-nav a:hover{opacity:1}