:root{--brown: #352106;--cream: #ffe8b9;--rust: #8e4c1d;--periwinkle: #b8c0ff;--wine: #451e1e;--pink: #e3a1b4;--slate: #4c4945;--sky: #a3d0ff;--pad: 24px;--bar: 76px;--line: 8px;--edge: 8px;--peek: 40px;--foot: calc(100svh - var(--bar) - 3 * var(--line) - var(--edge));--strip: 4000px;--grain: none;--grain-soft: none;--edge-bottom: linear-gradient(transparent 0 0);--edge-top: linear-gradient(transparent 0 0);color-scheme:dark;font-family:Bricolage Grotesque,Arial Black,Arial,sans-serif;font-optical-sizing:auto;background:var(--brown);color:var(--cream)}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:var(--brown)}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:var(--bar);padding:16px var(--pad);background:var(--brown);--shift: -1300px}.topbar:after,section:after{content:"";position:absolute;top:100%;left:0;right:0;height:var(--edge);background:var(--grain) 0 0 / 256px 256px;background-color:inherit;mask:var(--edge-bottom) var(--shift) 0 / var(--strip) var(--edge) no-repeat;pointer-events:none}.topbar:before,section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--grain) 0 0 / 256px 256px;pointer-events:none}.topbar:before{background-position:0 calc(-1 * var(--scroll, 0px))}.topbar:after{background-position:0 calc(-1 * (var(--scroll, 0px) + var(--bar)))}.mark{display:inline-block;line-height:0}.mark svg{display:block;width:103px;height:auto}.mark path{fill:var(--cream)}.mark:focus-visible{outline:3px solid var(--cream);outline-offset:6px}main{display:flex;flex-direction:column;min-height:100svh}main:after{content:"";flex:none;height:var(--foot)}section{position:sticky;top:calc(var(--bar) + var(--i) * var(--line) - var(--h, 100svh));z-index:calc(4 - var(--i));--shift: calc(var(--i) * -317px);min-height:calc(100svh - var(--bar) - var(--peek));margin:0;padding:72px 48px 48px var(--pad)}section:nth-child(1){--i: 0}section:nth-child(2){--i: 1}section:nth-child(3){--i: 2}section:nth-child(4){--i: 3}.hero{container-type:inline-size;display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(100svh - var(--peek));background:var(--brown);color:var(--cream);padding:calc(var(--bar) + 32px) 48px 56px var(--pad)}.lead{background:var(--rust);color:var(--periwinkle)}.detail{background:var(--wine);color:var(--pink)}.contact{background:var(--slate);color:var(--sky)}h1,p{margin:0}.filters{position:absolute;width:0;height:0}h1{filter:url(#ink-display)}.mark svg{filter:url(#ink-text)}section p{filter:url(#ink-text)}.mark svg,section p,h1{will-change:transform}h1{max-width:11em;font-size:clamp(36px,9.4cqi,96px);font-weight:800;letter-spacing:-.035em;line-height:.86;text-wrap:balance}.lead p,.detail p,.contact p{max-width:22em;font-size:clamp(22px,1.7vw,29px);font-weight:500;letter-spacing:-.025em;line-height:1.2;text-wrap:pretty}footer{position:relative;z-index:5;display:grid;margin-top:calc(-1 * var(--foot));overflow-x:clip;background:var(--cream);color:var(--brown)}footer:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:var(--edge);background:var(--cream);mask:var(--edge-top) -600px 0 / var(--strip) var(--edge) no-repeat;pointer-events:none}.playground,.copyright{grid-area:1 / 1}.playground{position:relative;z-index:1;display:block;width:100%;height:calc(var(--foot) + var(--edge));margin-top:calc(-1 * var(--edge));cursor:none;touch-action:pan-y}.copyright{position:relative;z-index:2;pointer-events:none;align-self:end;justify-self:start;margin:0 var(--pad) 24px;padding:.5em .9em .55em;border-radius:8px;color:var(--cream);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.copy{position:relative;width:fit-content}.puff{display:block;width:72px;height:72px}.puff--lead{margin:28px 0 0 58%}.puff--detail{margin:44px 0 0 12%}.puff--contact{margin:20px 0 0 34%}@media(min-width:960px){.puff{width:96px;height:96px}.puff--lead{position:absolute;top:-20px;left:calc(100% + 64px);margin:0}.puff--detail{margin:48px 0 0 44%}.puff--contact{position:absolute;bottom:-36px;left:calc(100% + 40px);margin:0}}.mail-pill{position:fixed;z-index:40;top:0;left:0;padding:.35em .9em .4em;border-radius:999px;color:var(--brown);font-size:18px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease}.copyright:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--brown);filter:url(#ink-text)}.mail-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--cream);filter:url(#ink-text)}.mail-pill.is-visible{opacity:1}[data-mail]{cursor:pointer}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.16em}a:focus-visible{outline:3px solid currentColor;outline-offset:4px}@media(prefers-reduced-motion:reduce){section{position:relative;top:auto;min-height:0}.hero{min-height:100svh}}@media(max-width:860px){:root{--bar: 62px}.topbar{padding:14px var(--pad)}.mark svg{width:80px;filter:url(#ink-soft)}h1{filter:url(#ink-text)}section p{filter:url(#ink-soft)}.topbar,section{--grain: none}section{padding:48px 24px 36px}.hero{padding:calc(var(--bar) + 24px) 24px 40px 24px}h1 br{display:none}}