:root{color-scheme:light;--paper:#f8f6f1;--lead:#33322f;--lead-soft:#6f6c66;--shading:#e2e2e2;--hand:"Patrick Hand", "Comic Neue", "Segoe Print", "Bradley Hand", cursive;--script:"Caveat", "Segoe Print", "Bradley Hand", cursive;--wobble:6px 14px 8px 16px / 14px 6px 12px 8px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:1fr auto;overflow-x:clip;color:var(--lead);font-family:var(--hand);font-size:1.125rem;line-height:1.5;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.17 0 0 0 0 0.1 0 0 0 0.32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),url(/img/paper-speckle.png),radial-gradient(ellipse 70% 55% at 12% 8%,rgba(70,62,48,9%),transparent 70%),radial-gradient(ellipse 60% 50% at 92% 95%,rgba(70,62,48,.1),transparent 70%);background-blend-mode:normal,multiply,normal,normal}.defs{position:absolute;width:0;height:0;overflow:hidden}[data-sketch]{position:relative;isolation:isolate}.sketch{position:absolute;z-index:-1;overflow:visible;pointer-events:none;color:var(--lead)}.sketch path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2.5rem 16px}.site-title{display:flex;align-items:flex-end;gap:.4rem;margin:0;font-family:var(--script);font-weight:700;font-size:clamp(2.4rem,7vw,3.4rem);line-height:1;letter-spacing:.01em}.site-title>span{padding:0 .3rem .35rem}.site-title .sketch{color:var(--lead-soft)}.site-title .ship{flex:none;width:1.55em;height:auto;margin-bottom:.4rem;filter:url(#graphite)}.kicker{margin:0 0 .75rem;font-family:var(--script);font-size:1.35rem;color:var(--lead-soft)}.quote{width:min(42rem,100%);margin:.5rem 0 .75rem;padding:clamp(2.5rem,6vw,3.25rem)clamp(1.5rem,5vw,3.25rem)clamp(1.75rem,5vw,3rem);color:var(--lead);background:var(--shading)url(/img/pencil-shading.png)50% repeat;border-radius:var(--wobble)}.quote>blockquote,.quote>figcaption{transition:opacity 180ms ease}.quote.is-changing>blockquote,.quote.is-changing>figcaption{opacity:0}.quote-text{margin:0;white-space:pre-line;overflow-wrap:break-word;font-size:1.75rem;line-height:1.4}.quote-text::before{content:"\201C";position:absolute;top:.15rem;left:.6rem;font-family:var(--script);font-size:4.25rem;line-height:1;color:var(--lead-soft);opacity:.45}.quote[data-size=s] .quote-text{font-size:clamp(1.7rem,5vw,2.25rem)}.quote[data-size=m] .quote-text{font-size:clamp(1.45rem,4vw,1.8rem)}.quote[data-size=l] .quote-text{font-size:clamp(1.2rem,3.2vw,1.45rem);line-height:1.45}.quote[data-size=xl] .quote-text{font-size:clamp(1.05rem,2.6vw,1.2rem);line-height:1.5}.quote-author{margin-top:1.25rem;text-align:right;font-family:var(--script);font-size:1.6rem;font-weight:500;color:var(--lead-soft)}.quote-author::before{content:"\2014\00a0"}.quote-author[hidden]{display:none}.sketch-button{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.35rem .55rem;font-family:var(--script);font-size:1.6rem;font-weight:700;line-height:1.1;color:var(--lead);text-decoration:none;background:0 0;border:0;cursor:pointer;transition:transform 150ms ease}.sketch-button::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--shading)url(/img/pencil-shading.png)50% repeat;border-radius:var(--wobble);opacity:0;transition:opacity 150ms ease}.sketch-button:hover,.sketch-button:focus-visible{transform:rotate(-1.5deg)scale(1.03)}.sketch-button:hover::before,.sketch-button:focus-visible::before{opacity:1}.sketch-button:active{transform:rotate(.5deg)scale(.98)}.sketch-button:focus-visible{outline:2px dashed var(--lead-soft);outline-offset:8px}.sketch-button>svg:not(.sketch){transition:transform 300ms ease}.sketch-button:hover>svg:not(.sketch){transform:rotate(160deg)}.colophon{padding:1rem 16px 1.5rem;text-align:center;font-size:.95rem;color:var(--lead-soft)}@media(prefers-reduced-motion:reduce){.quote>blockquote,.quote>figcaption,.sketch-button,.sketch-button::before,.sketch-button>svg{transition:none}}