:root{--paper:#fffaf0;--ink:#48553c;--muted:#6a715c;--line:#cbd0b8;--pink:#f0d3cb;--berry:#97514f;--green:#dde3c8;color:var(--ink);color-scheme:light;font-synthesis:none;background-color:#eff0df;background-image:linear-gradient(90deg,#8a9b7014 50%,#0000 50%),linear-gradient(#8a9b7014 50%,#0000 50%);background-size:24px 24px;font-family:Trebuchet MS,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;padding:48px 24px}a{color:inherit}a:focus-visible{outline:2px dashed var(--berry);outline-offset:5px}::selection{background:var(--pink)}.shell{background:var(--paper);border:1px solid #c7ccb5;width:min(860px,100%);margin:auto;padding:0 64px;position:relative}.shell:before{content:"";background:#dbc6a788;border-left:1px dashed #c4ad8655;border-right:1px dashed #c4ad8655;width:88px;height:23px;position:absolute;top:-10px;left:calc(50% - 44px);transform:rotate(-3deg)}.skip{background:var(--paper);z-index:10;padding:12px;position:absolute;top:-100px}.skip:focus{top:10px}.header{padding-top:37px}.wordmark{justify-content:center;align-items:center;gap:7px;width:fit-content;margin:0 auto 29px;font:italic 20px Georgia,serif;text-decoration:none;display:flex}.brand-berry{width:23px;height:29px;display:block;transform:rotate(-12deg)}.brand-berry svg{width:100%;height:100%}nav{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:5px;display:grid}nav a{text-align:center;border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;padding:13px 6px 12px;font-size:12px;text-decoration:none;transition:background .15s;position:relative}nav a:hover{background:#edf0df}nav a[aria-current=page]{background:var(--pink);color:#743f3d;border-color:#dcb6ab}nav a[aria-current=page]:after{content:"";background:var(--pink);height:1px;position:absolute;bottom:-1px;left:0;right:0}main{min-height:530px}.intro{justify-content:space-between;align-items:center;gap:12px;padding:56px 0 35px;display:flex}.eyebrow{max-width:280px;color:var(--muted);margin:0 0 18px;font:11px/1.7 Courier New,monospace}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:21px;font:400 47px/1.12 Georgia,serif}h1 em{color:var(--berry);font-size:1.14em;font-weight:400}.hello-note{margin:0;font-size:13px;line-height:1.7}.hello-note span{color:var(--berry);padding-left:5px;font-size:19px}.matcha{flex:0 0 175px;margin:0 -5px 0 0;transform:rotate(5deg)}.matcha svg{width:100%;height:auto;display:block}.matcha figcaption{text-align:center;color:var(--berry);margin-top:1px;font:italic 13px Georgia,serif}.about-section{padding:12px 0 38px}.about-section h2{align-items:center;gap:17px;margin:0 0 25px;font:italic 23px Georgia,serif;display:flex}.about-section h2:after{content:"";background:var(--line);flex:1;height:1px}.about-section h2 span{background:linear-gradient(transparent 63%,var(--green) 63%,var(--green) 90%,transparent 90%);padding:0 3px}.prose p,.placeholder p{margin:0 0 20px;font-size:14px;line-height:1.95}.prose .signature{margin-top:26px;margin-bottom:0;font-size:12px;line-height:1.7}.signature span{color:var(--berry);font:italic 27px/1.7 Georgia,serif}footer{color:var(--muted);border-top:1px dashed #bfc5ac;justify-content:space-between;gap:14px;padding:20px 0 25px;font:10px/1.7 Courier New,monospace;display:flex}footer a{text-underline-offset:3px;white-space:nowrap}.page-heading{padding:55px 0 18px}.page-heading h1{color:var(--berry);max-width:500px;font-size:42px;font-style:italic;line-height:1.18}.placeholder{max-width:520px;padding:2px 0 52px}.placeholder .pencil-note{transform-origin:0;color:var(--berry);margin:12px 0 28px;font:italic 19px/1.5 Georgia,serif;transform:rotate(-2deg)}.tiny-flower{color:#8c9a6d;margin-top:30px;font-size:32px;display:block}@media (hover:hover){.matcha:hover{transform:rotate(-3deg)}.matcha{transition:transform .25s}.wordmark:hover .brand-berry{transform:rotate(12deg)}}@media (width<=700px){body{padding:30px 18px}.shell{padding:0 30px}.intro{padding-top:42px}h1{font-size:42px}.matcha{flex-basis:135px}.eyebrow{max-width:240px;font-size:10px}.matcha figcaption{font-size:11px}.page-heading h1{font-size:37px}footer{font-size:9px}}@media (width<=460px){body{padding:24px 12px}.shell{padding:0 22px}.header{padding-top:29px}.wordmark{margin-bottom:22px;font-size:18px}nav{border:0;grid-template-columns:repeat(2,1fr);gap:4px}nav a{border:1px solid var(--line);border-radius:4px;padding:11px 4px;font-size:11px}nav a[aria-current=page]:after{display:none}.intro{gap:0;padding:36px 0 27px}h1{letter-spacing:-.045em;font-size:35px}.intro-copy{flex:1;min-width:0}.eyebrow{max-width:170px;margin-bottom:13px;font-size:9px;line-height:1.7}.hello-note{max-width:170px;font-size:11px}.matcha{flex:0 0 92px;margin:25px -10px 0 0}.matcha figcaption{max-width:80px;margin:auto;font-size:10px;line-height:1.4}.about-section h2{margin-bottom:19px;font-size:22px}.prose p,.placeholder p{font-size:13px;line-height:1.95}.about-section{padding-top:7px;padding-bottom:28px}footer{flex-direction:column;gap:5px;padding:17px 0 21px}main{min-height:480px}.page-heading{padding:36px 0 12px}.page-heading h1{font-size:34px}.placeholder .pencil-note{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.matcha img{mix-blend-mode:multiply;width:100%;height:auto;display:block}.matcha{transform:none!important}.matcha img{mix-blend-mode:normal}.photo-note{background:#f5e9a9;width:min(300px,78%);margin:20px auto 58px;padding:13px 13px 18px;position:relative;transform:rotate(-3deg);box-shadow:2px 7px 17px #49473626}.photo-note:before{content:"";z-index:1;background:#e4cfa59c;border-left:1px dashed #b8a98244;border-right:1px dashed #b8a98244;width:78px;height:24px;position:absolute;top:-12px;left:calc(50% - 39px);transform:rotate(2deg)}.photo-note img{width:100%;height:auto;display:block}@media (width<=460px){.photo-note{width:min(260px,82%);margin-top:17px}}