:root{
--paper:#F4E9D8;
--paper-deep:#EADCC4;
--ink:#33322D;
--pink:#D9527E;
--teal:#1E7F86;
--marigold:#E8A335;
--plum:#6E4A7E;
--tape:rgba(198,128,22,.72);
--shadow:4px 5px 0 rgba(51,50,45,.14);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background-color:#F5A69B;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27310%27%20height%3D%27310%27%20viewBox%3D%270%200%20310%20310%27%3E%3Crect%20width%3D%27310%27%20height%3D%27310%27%20fill%3D%27%23F5A69B%27/%3E%3Cg%20transform%3D%27translate%2852%2058%29%20rotate%2837%29%27%3E%3Cellipse%20rx%3D%2716.6%27%20ry%3D%2736.1%27%20cy%3D%27-19.8%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2721.9%27%20ry%3D%2747.5%27%20cy%3D%27-26.1%27%20transform%3D%27rotate%2851%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2718.2%27%20ry%3D%2739.6%27%20cy%3D%27-21.8%27%20transform%3D%27rotate%28103%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2722.7%27%20ry%3D%2749.3%27%20cy%3D%27-27.1%27%20transform%3D%27rotate%28154%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2717.2%27%20ry%3D%2737.4%27%20cy%3D%27-20.6%27%20transform%3D%27rotate%28206%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2721.3%27%20ry%3D%2746.2%27%20cy%3D%27-25.4%27%20transform%3D%27rotate%28257%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2719.2%27%20ry%3D%2741.8%27%20cy%3D%27-23.0%27%20transform%3D%27rotate%28309%29%27%20fill%3D%27%23E85A3F%27/%3E%3Ccircle%20r%3D%2715.0%27%20fill%3D%27%23FBF3E4%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28158%2042%29%20rotate%2874%29%27%3E%3Cellipse%20rx%3D%2717.9%27%20ry%3D%2738.9%27%20cy%3D%27-21.4%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2714.9%27%20ry%3D%2732.4%27%20cy%3D%27-17.8%27%20transform%3D%27rotate%2860%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2718.5%27%20ry%3D%2740.3%27%20cy%3D%27-22.2%27%20transform%3D%27rotate%28120%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2714.1%27%20ry%3D%2730.6%27%20cy%3D%27-16.8%27%20transform%3D%27rotate%28180%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2717.4%27%20ry%3D%2737.8%27%20cy%3D%27-20.8%27%20transform%3D%27rotate%28240%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2715.7%27%20ry%3D%2734.2%27%20cy%3D%27-18.8%27%20transform%3D%27rotate%28300%29%27%20fill%3D%27%232C3A66%27/%3E%3Ccircle%20r%3D%2712.2%27%20fill%3D%27%23E85A3F%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28158%20352%29%20rotate%2874%29%27%3E%3Cellipse%20rx%3D%2717.9%27%20ry%3D%2738.9%27%20cy%3D%27-21.4%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2714.9%27%20ry%3D%2732.4%27%20cy%3D%27-17.8%27%20transform%3D%27rotate%2860%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2718.5%27%20ry%3D%2740.3%27%20cy%3D%27-22.2%27%20transform%3D%27rotate%28120%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2714.1%27%20ry%3D%2730.6%27%20cy%3D%27-16.8%27%20transform%3D%27rotate%28180%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2717.4%27%20ry%3D%2737.8%27%20cy%3D%27-20.8%27%20transform%3D%27rotate%28240%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2715.7%27%20ry%3D%2734.2%27%20cy%3D%27-18.8%27%20transform%3D%27rotate%28300%29%27%20fill%3D%27%232C3A66%27/%3E%3Ccircle%20r%3D%2712.2%27%20fill%3D%27%23E85A3F%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28250%2070%29%20rotate%28111%29%27%3E%3Cellipse%20rx%3D%2717.4%27%20ry%3D%2737.8%27%20cy%3D%27-20.8%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2721.6%27%20ry%3D%2747.0%27%20cy%3D%27-25.9%27%20transform%3D%27rotate%2851%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2716.4%27%20ry%3D%2735.7%27%20cy%3D%27-19.6%27%20transform%3D%27rotate%28103%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2720.3%27%20ry%3D%2744.1%27%20cy%3D%27-24.3%27%20transform%3D%27rotate%28154%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2718.4%27%20ry%3D%2739.9%27%20cy%3D%27-21.9%27%20transform%3D%27rotate%28206%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2719.3%27%20ry%3D%2742.0%27%20cy%3D%27-23.1%27%20transform%3D%27rotate%28257%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2715.8%27%20ry%3D%2734.4%27%20cy%3D%27-18.9%27%20transform%3D%27rotate%28309%29%27%20fill%3D%27%23E8A335%27/%3E%3Ccircle%20r%3D%2714.3%27%20fill%3D%27%23E85A3F%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%2830%20170%29%20rotate%28148%29%27%3E%3Cellipse%20rx%3D%2719.6%27%20ry%3D%2742.6%27%20cy%3D%27-23.4%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2714.9%27%20ry%3D%2732.3%27%20cy%3D%27-17.8%27%20transform%3D%27rotate%2851%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2718.4%27%20ry%3D%2739.9%27%20cy%3D%27-21.9%27%20transform%3D%27rotate%28103%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2716.6%27%20ry%3D%2736.1%27%20cy%3D%27-19.9%27%20transform%3D%27rotate%28154%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2717.5%27%20ry%3D%2738.0%27%20cy%3D%27-20.9%27%20transform%3D%27rotate%28206%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2714.3%27%20ry%3D%2731.2%27%20cy%3D%27-17.1%27%20transform%3D%27rotate%28257%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2718.9%27%20ry%3D%2741.0%27%20cy%3D%27-22.6%27%20transform%3D%27rotate%28309%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Ccircle%20r%3D%2712.9%27%20fill%3D%27%23E85A3F%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28340%20170%29%20rotate%28148%29%27%3E%3Cellipse%20rx%3D%2719.6%27%20ry%3D%2742.6%27%20cy%3D%27-23.4%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2714.9%27%20ry%3D%2732.3%27%20cy%3D%27-17.8%27%20transform%3D%27rotate%2851%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2718.4%27%20ry%3D%2739.9%27%20cy%3D%27-21.9%27%20transform%3D%27rotate%28103%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2716.6%27%20ry%3D%2736.1%27%20cy%3D%27-19.9%27%20transform%3D%27rotate%28154%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2717.5%27%20ry%3D%2738.0%27%20cy%3D%27-20.9%27%20transform%3D%27rotate%28206%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2714.3%27%20ry%3D%2731.2%27%20cy%3D%27-17.1%27%20transform%3D%27rotate%28257%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2718.9%27%20ry%3D%2741.0%27%20cy%3D%27-22.6%27%20transform%3D%27rotate%28309%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Ccircle%20r%3D%2712.9%27%20fill%3D%27%23E85A3F%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28128%20140%29%20rotate%28185%29%27%3E%3Cellipse%20rx%3D%2719.6%27%20ry%3D%2742.5%27%20cy%3D%27-23.4%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2724.2%27%20ry%3D%2752.5%27%20cy%3D%27-28.9%27%20transform%3D%27rotate%2845%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2721.8%27%20ry%3D%2747.5%27%20cy%3D%27-26.1%27%20transform%3D%27rotate%2890%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2723.0%27%20ry%3D%2750.0%27%20cy%3D%27-27.5%27%20transform%3D%27rotate%28135%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2718.9%27%20ry%3D%2741.0%27%20cy%3D%27-22.6%27%20transform%3D%27rotate%28180%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2724.8%27%20ry%3D%2754.0%27%20cy%3D%27-29.7%27%20transform%3D%27rotate%28225%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2720.7%27%20ry%3D%2745.0%27%20cy%3D%27-24.8%27%20transform%3D%27rotate%28270%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2725.8%27%20ry%3D%2756.0%27%20cy%3D%27-30.8%27%20transform%3D%27rotate%28315%29%27%20fill%3D%27%23E85A3F%27/%3E%3Ccircle%20r%3D%2717.0%27%20fill%3D%27%23FBF3E4%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28232%20168%29%20rotate%28222%29%27%3E%3Cellipse%20rx%3D%2717.4%27%20ry%3D%2737.8%27%20cy%3D%27-20.8%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2715.7%27%20ry%3D%2734.2%27%20cy%3D%27-18.8%27%20transform%3D%27rotate%2860%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2716.6%27%20ry%3D%2736.0%27%20cy%3D%27-19.8%27%20transform%3D%27rotate%28120%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2713.6%27%20ry%3D%2729.5%27%20cy%3D%27-16.2%27%20transform%3D%27rotate%28180%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2717.9%27%20ry%3D%2738.9%27%20cy%3D%27-21.4%27%20transform%3D%27rotate%28240%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2714.9%27%20ry%3D%2732.4%27%20cy%3D%27-17.8%27%20transform%3D%27rotate%28300%29%27%20fill%3D%27%232C3A66%27/%3E%3Ccircle%20r%3D%2712.2%27%20fill%3D%27%23E8A335%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%2875%20262%29%20rotate%28259%29%27%3E%3Cellipse%20rx%3D%2718.4%27%20ry%3D%2739.9%27%20cy%3D%27-21.9%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2719.3%27%20ry%3D%2742.0%27%20cy%3D%27-23.1%27%20transform%3D%27rotate%2851%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2715.8%27%20ry%3D%2734.4%27%20cy%3D%27-18.9%27%20transform%3D%27rotate%28103%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2720.9%27%20ry%3D%2745.4%27%20cy%3D%27-24.9%27%20transform%3D%27rotate%28154%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2717.4%27%20ry%3D%2737.8%27%20cy%3D%27-20.8%27%20transform%3D%27rotate%28206%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2721.6%27%20ry%3D%2747.0%27%20cy%3D%27-25.9%27%20transform%3D%27rotate%28257%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2716.4%27%20ry%3D%2735.7%27%20cy%3D%27-19.6%27%20transform%3D%27rotate%28309%29%27%20fill%3D%27%23E8A335%27/%3E%3Ccircle%20r%3D%2714.3%27%20fill%3D%27%232C3A66%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28185%20248%29%20rotate%28296%29%27%3E%3Cellipse%20rx%3D%2720.2%27%20ry%3D%2744.0%27%20cy%3D%27-24.2%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2716.6%27%20ry%3D%2736.1%27%20cy%3D%27-19.8%27%20transform%3D%27rotate%2851%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2721.9%27%20ry%3D%2747.5%27%20cy%3D%27-26.1%27%20transform%3D%27rotate%28103%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2718.2%27%20ry%3D%2739.6%27%20cy%3D%27-21.8%27%20transform%3D%27rotate%28154%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2722.7%27%20ry%3D%2749.3%27%20cy%3D%27-27.1%27%20transform%3D%27rotate%28206%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2717.2%27%20ry%3D%2737.4%27%20cy%3D%27-20.6%27%20transform%3D%27rotate%28257%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Cellipse%20rx%3D%2721.3%27%20ry%3D%2746.2%27%20cy%3D%27-25.4%27%20transform%3D%27rotate%28309%29%27%20fill%3D%27%23FBF3E4%27/%3E%3Ccircle%20r%3D%2715.0%27%20fill%3D%27%23E85A3F%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28278%20268%29%20rotate%28333%29%27%3E%3Cellipse%20rx%3D%2712.8%27%20ry%3D%2727.9%27%20cy%3D%27-15.3%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2716.9%27%20ry%3D%2736.7%27%20cy%3D%27-20.2%27%20transform%3D%27rotate%2860%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2714.1%27%20ry%3D%2730.6%27%20cy%3D%27-16.8%27%20transform%3D%27rotate%28120%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2717.5%27%20ry%3D%2738.1%27%20cy%3D%27-20.9%27%20transform%3D%27rotate%28180%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2713.3%27%20ry%3D%2728.9%27%20cy%3D%27-15.9%27%20transform%3D%27rotate%28240%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2716.4%27%20ry%3D%2735.7%27%20cy%3D%27-19.6%27%20transform%3D%27rotate%28300%29%27%20fill%3D%27%23E85A3F%27/%3E%3Ccircle%20r%3D%2711.6%27%20fill%3D%27%23FBF3E4%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28-32%20268%29%20rotate%28333%29%27%3E%3Cellipse%20rx%3D%2712.8%27%20ry%3D%2727.9%27%20cy%3D%27-15.3%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2716.9%27%20ry%3D%2736.7%27%20cy%3D%27-20.2%27%20transform%3D%27rotate%2860%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2714.1%27%20ry%3D%2730.6%27%20cy%3D%27-16.8%27%20transform%3D%27rotate%28120%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2717.5%27%20ry%3D%2738.1%27%20cy%3D%27-20.9%27%20transform%3D%27rotate%28180%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2713.3%27%20ry%3D%2728.9%27%20cy%3D%27-15.9%27%20transform%3D%27rotate%28240%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2716.4%27%20ry%3D%2735.7%27%20cy%3D%27-19.6%27%20transform%3D%27rotate%28300%29%27%20fill%3D%27%23E85A3F%27/%3E%3Ccircle%20r%3D%2711.6%27%20fill%3D%27%23FBF3E4%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28278%20-42%29%20rotate%28333%29%27%3E%3Cellipse%20rx%3D%2712.8%27%20ry%3D%2727.9%27%20cy%3D%27-15.3%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2716.9%27%20ry%3D%2736.7%27%20cy%3D%27-20.2%27%20transform%3D%27rotate%2860%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2714.1%27%20ry%3D%2730.6%27%20cy%3D%27-16.8%27%20transform%3D%27rotate%28120%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2717.5%27%20ry%3D%2738.1%27%20cy%3D%27-20.9%27%20transform%3D%27rotate%28180%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2713.3%27%20ry%3D%2728.9%27%20cy%3D%27-15.9%27%20transform%3D%27rotate%28240%29%27%20fill%3D%27%23E85A3F%27/%3E%3Cellipse%20rx%3D%2716.4%27%20ry%3D%2735.7%27%20cy%3D%27-19.6%27%20transform%3D%27rotate%28300%29%27%20fill%3D%27%23E85A3F%27/%3E%3Ccircle%20r%3D%2711.6%27%20fill%3D%27%23FBF3E4%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28300%20150%29%20rotate%2810%29%27%3E%3Cellipse%20rx%3D%2714.9%27%20ry%3D%2732.4%27%20cy%3D%27-17.8%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%2712.4%27%20ry%3D%2727.0%27%20cy%3D%27-14.8%27%20transform%3D%27rotate%2860%29%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%2715.5%27%20ry%3D%2733.6%27%20cy%3D%27-18.5%27%20transform%3D%27rotate%28120%29%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%2711.7%27%20ry%3D%2725.5%27%20cy%3D%27-14.0%27%20transform%3D%27rotate%28180%29%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%2714.5%27%20ry%3D%2731.5%27%20cy%3D%27-17.3%27%20transform%3D%27rotate%28240%29%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%2713.1%27%20ry%3D%2728.5%27%20cy%3D%27-15.7%27%20transform%3D%27rotate%28300%29%27%20fill%3D%27%231F5F4A%27/%3E%3Ccircle%20r%3D%2710.2%27%20fill%3D%27%23E8A335%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28-10%20150%29%20rotate%2810%29%27%3E%3Cellipse%20rx%3D%2714.9%27%20ry%3D%2732.4%27%20cy%3D%27-17.8%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%2712.4%27%20ry%3D%2727.0%27%20cy%3D%27-14.8%27%20transform%3D%27rotate%2860%29%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%2715.5%27%20ry%3D%2733.6%27%20cy%3D%27-18.5%27%20transform%3D%27rotate%28120%29%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%2711.7%27%20ry%3D%2725.5%27%20cy%3D%27-14.0%27%20transform%3D%27rotate%28180%29%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%2714.5%27%20ry%3D%2731.5%27%20cy%3D%27-17.3%27%20transform%3D%27rotate%28240%29%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%2713.1%27%20ry%3D%2728.5%27%20cy%3D%27-15.7%27%20transform%3D%27rotate%28300%29%27%20fill%3D%27%231F5F4A%27/%3E%3Ccircle%20r%3D%2710.2%27%20fill%3D%27%23E8A335%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%2810%20110%29%20rotate%2847%29%27%3E%3Cellipse%20rx%3D%2710.8%27%20ry%3D%2723.4%27%20cy%3D%27-12.9%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2713.4%27%20ry%3D%2729.1%27%20cy%3D%27-16.0%27%20transform%3D%27rotate%2860%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2710.2%27%20ry%3D%2722.1%27%20cy%3D%27-12.2%27%20transform%3D%27rotate%28120%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2712.6%27%20ry%3D%2727.3%27%20cy%3D%27-15.0%27%20transform%3D%27rotate%28180%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2711.4%27%20ry%3D%2724.7%27%20cy%3D%27-13.6%27%20transform%3D%27rotate%28240%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2712.0%27%20ry%3D%2726.0%27%20cy%3D%27-14.3%27%20transform%3D%27rotate%28300%29%27%20fill%3D%27%232C3A66%27/%3E%3Ccircle%20r%3D%278.8%27%20fill%3D%27%23E85A3F%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28320%20110%29%20rotate%2847%29%27%3E%3Cellipse%20rx%3D%2710.8%27%20ry%3D%2723.4%27%20cy%3D%27-12.9%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2713.4%27%20ry%3D%2729.1%27%20cy%3D%27-16.0%27%20transform%3D%27rotate%2860%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2710.2%27%20ry%3D%2722.1%27%20cy%3D%27-12.2%27%20transform%3D%27rotate%28120%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2712.6%27%20ry%3D%2727.3%27%20cy%3D%27-15.0%27%20transform%3D%27rotate%28180%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2711.4%27%20ry%3D%2724.7%27%20cy%3D%27-13.6%27%20transform%3D%27rotate%28240%29%27%20fill%3D%27%232C3A66%27/%3E%3Cellipse%20rx%3D%2712.0%27%20ry%3D%2726.0%27%20cy%3D%27-14.3%27%20transform%3D%27rotate%28300%29%27%20fill%3D%27%232C3A66%27/%3E%3Ccircle%20r%3D%278.8%27%20fill%3D%27%23E85A3F%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28150%20305%29%20rotate%2884%29%27%3E%3Cellipse%20rx%3D%2716.5%27%20ry%3D%2735.8%27%20cy%3D%27-19.7%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2712.5%27%20ry%3D%2727.2%27%20cy%3D%27-15.0%27%20transform%3D%27rotate%2860%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2715.5%27%20ry%3D%2733.6%27%20cy%3D%27-18.5%27%20transform%3D%27rotate%28120%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2714.0%27%20ry%3D%2730.4%27%20cy%3D%27-16.7%27%20transform%3D%27rotate%28180%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2714.7%27%20ry%3D%2732.0%27%20cy%3D%27-17.6%27%20transform%3D%27rotate%28240%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2712.1%27%20ry%3D%2726.2%27%20cy%3D%27-14.4%27%20transform%3D%27rotate%28300%29%27%20fill%3D%27%23E8A335%27/%3E%3Ccircle%20r%3D%2710.9%27%20fill%3D%27%23E85A3F%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28150%20-5%29%20rotate%2884%29%27%3E%3Cellipse%20rx%3D%2716.5%27%20ry%3D%2735.8%27%20cy%3D%27-19.7%27%20transform%3D%27rotate%280%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2712.5%27%20ry%3D%2727.2%27%20cy%3D%27-15.0%27%20transform%3D%27rotate%2860%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2715.5%27%20ry%3D%2733.6%27%20cy%3D%27-18.5%27%20transform%3D%27rotate%28120%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2714.0%27%20ry%3D%2730.4%27%20cy%3D%27-16.7%27%20transform%3D%27rotate%28180%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2714.7%27%20ry%3D%2732.0%27%20cy%3D%27-17.6%27%20transform%3D%27rotate%28240%29%27%20fill%3D%27%23E8A335%27/%3E%3Cellipse%20rx%3D%2712.1%27%20ry%3D%2726.2%27%20cy%3D%27-14.4%27%20transform%3D%27rotate%28300%29%27%20fill%3D%27%23E8A335%27/%3E%3Ccircle%20r%3D%2710.9%27%20fill%3D%27%23E85A3F%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28100%2090%29%20rotate%2820%29%27%3E%3Cellipse%20rx%3D%276.7%27%20ry%3D%2716.0%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%275.8%27%20ry%3D%2713.6%27%20transform%3D%27rotate%2852%29%20translate%2811.2%200%29%27%20fill%3D%27%231F5F4A%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28205%20110%29%20rotate%28-40%29%27%3E%3Cellipse%20rx%3D%276.3%27%20ry%3D%2715.0%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%275.4%27%20ry%3D%2712.8%27%20transform%3D%27rotate%2852%29%20translate%2810.5%200%29%27%20fill%3D%27%231F5F4A%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%2858%20215%29%20rotate%2870%29%27%3E%3Cellipse%20rx%3D%276.3%27%20ry%3D%2715.0%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%275.4%27%20ry%3D%2712.8%27%20transform%3D%27rotate%2852%29%20translate%2810.5%200%29%27%20fill%3D%27%231F5F4A%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28255%20215%29%20rotate%28-15%29%27%3E%3Cellipse%20rx%3D%276.7%27%20ry%3D%2716.0%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%275.8%27%20ry%3D%2713.6%27%20transform%3D%27rotate%2852%29%20translate%2811.2%200%29%27%20fill%3D%27%231F5F4A%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28150%20200%29%20rotate%2845%29%27%3E%3Cellipse%20rx%3D%275.9%27%20ry%3D%2714.0%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%275.0%27%20ry%3D%2711.9%27%20transform%3D%27rotate%2852%29%20translate%289.8%200%29%27%20fill%3D%27%231F5F4A%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%2830%2030%29%20rotate%28-60%29%27%3E%3Cellipse%20rx%3D%275.5%27%20ry%3D%2713.0%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%274.7%27%20ry%3D%2711.0%27%20transform%3D%27rotate%2852%29%20translate%289.1%200%29%27%20fill%3D%27%231F5F4A%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28290%2025%29%20rotate%2830%29%27%3E%3Cellipse%20rx%3D%275.5%27%20ry%3D%2713.0%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%274.7%27%20ry%3D%2711.0%27%20transform%3D%27rotate%2852%29%20translate%289.1%200%29%27%20fill%3D%27%231F5F4A%27/%3E%3C/g%3E%3Cg%20transform%3D%27translate%28120%20300%29%20rotate%2810%29%27%3E%3Cellipse%20rx%3D%275.5%27%20ry%3D%2713.0%27%20fill%3D%27%231F5F4A%27/%3E%3Cellipse%20rx%3D%274.7%27%20ry%3D%2711.0%27%20transform%3D%27rotate%2852%29%20translate%289.1%200%29%27%20fill%3D%27%231F5F4A%27/%3E%3C/g%3E%3Crect%20width%3D%27310%27%20height%3D%27310%27%20fill%3D%27%23F4E9D8%27%20fill-opacity%3D%270.54%27/%3E%3C/svg%3E");color:var(--ink);font-family:'Karla',sans-serif;line-height:1.55;overflow-x:hidden}
section{position:relative}
img{max-width:100%;display:block}
h1,h2,h3{font-family:'Fraunces',serif;line-height:1.05}
h2{font-weight:900;font-size:clamp(1.7rem,4.5vw,2.5rem);margin-bottom:.4em}
.hand{font-family:'Caveat',cursive;font-weight:700}
section{padding:72px 20px;max-width:1200px;margin:0 auto}
.eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff;padding:6px 14px;margin-bottom:14px;transform:rotate(-1.2deg)}
/* paper backing so text stays readable on the floral */
section>h2{display:block;width:fit-content;background:#FFFDF6;border:1.5px solid var(--ink);box-shadow:var(--shadow);padding:8px 18px;transform:rotate(-.6deg)}
section>p{background:#FFFDF6;border:1.5px solid var(--ink);box-shadow:var(--shadow);padding:12px 18px;display:block;width:fit-content}
.hero>div:first-child{position:relative;background:#FFFDF6;border:1.5px solid var(--ink);box-shadow:var(--shadow);padding:28px 26px}
#about .grid2>div:last-child{background:#FFFDF6;border:1.5px solid var(--ink);box-shadow:var(--shadow);padding:26px}
/* travel stamps */
.stamps{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0 26px}
.lstamp{position:relative;background:#FFFDF6;border:2px solid var(--ink);outline:6px dotted var(--paper);outline-offset:-7px;padding:12px 16px 10px;text-align:center;transform:rotate(var(--r,0deg));box-shadow:var(--shadow)}
.lstamp b{display:block;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase}
.lstamp .hand{font-size:1.05rem;color:var(--pink)}
.lstamp.season{background:var(--teal);color:#fff}
.lstamp.season .hand{color:#fff}
.lstamp .pm{position:absolute;right:-12px;top:-12px;width:34px;height:34px;border:2px solid var(--plum);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--plum);font-size:.85rem;background:rgba(255,253,246,.7);transform:rotate(12deg)}
/* scattered washi bits in other palette colors */
.wbit{position:absolute;width:112px;height:26px;pointer-events:none;z-index:2;border-left:1.5px dashed rgba(51,50,45,.35);border-right:1.5px dashed rgba(51,50,45,.35);box-shadow:1px 2px 0 rgba(51,50,45,.12)}
.wbit.pk{background:rgba(217,82,126,.58)}
.wbit.tl{background:rgba(30,127,134,.55)}
.wbit.pl{background:rgba(110,74,126,.5)}
.wbit.mg{background:rgba(232,163,53,.6)}
/* stacked-paper layering under selected cards */
.scrap::after{content:"";position:absolute;inset:10px -12px -14px 8px;background:#EADCC4;border:1.5px solid rgba(51,50,45,.55);transform:rotate(1.6deg);z-index:-1}
.scrap.alt::after{inset:8px 10px -12px -12px;background:#F3D9DF;transform:rotate(-1.8deg)}
/* vertical washi running the left edge */
.edge-tapes{position:fixed;top:0;bottom:0;left:0;z-index:6;pointer-events:none;display:flex;gap:7px;padding-left:10px}
.edge-tapes i{width:17px;height:100%;box-shadow:2px 0 0 rgba(51,50,45,.12)}
.edge-tapes i:nth-child(1){background:repeating-linear-gradient(45deg,rgba(217,82,126,.75) 0 9px,rgba(255,253,246,.85) 9px 15px)}
.edge-tapes i:nth-child(2){background:radial-gradient(circle 3px,rgba(255,253,246,.9) 60%,transparent 62%) 0 0/13px 13px,rgba(30,127,134,.7)}
.edge-tapes i:nth-child(3){background:repeating-linear-gradient(0deg,rgba(232,163,53,.75) 0 12px,rgba(110,74,126,.55) 12px 16px)}
@media (max-width:1360px){
.edge-tapes{gap:4px;padding-left:4px;opacity:.85}
.edge-tapes i{width:8px}
}
/* washi divider between sections */
.washi{height:16px;background:repeating-linear-gradient(-45deg,var(--pink) 0 12px,#fff 12px 16px,var(--teal) 16px 28px,#fff 28px 32px,var(--marigold) 32px 44px,#fff 44px 48px);opacity:.85}
/* paper card + tape */
.card{background:#FFFDF6;border:1.5px solid var(--ink);box-shadow:var(--shadow);padding:22px;position:relative;display:flex;flex-direction:column}
.card>p:last-child{margin-top:auto;padding-top:8px}
.tape::before{content:"";position:absolute;top:-13px;left:50%;transform:translateX(-50%) rotate(-2deg);width:100px;height:28px;background:var(--tape);border-left:1.5px dashed rgba(51,50,45,.4);border-right:1.5px dashed rgba(51,50,45,.4);box-shadow:1px 2px 0 rgba(51,50,45,.15);z-index:3}
/* scroll-in: cards settle like stickers being placed */
.reveal{opacity:0;transform:perspective(900px) translateY(26px) rotateX(-32deg) rotate(var(--tilt,-1.5deg));transform-origin:top center;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.3,1.05)}
.reveal.in{opacity:1;transform:perspective(900px) translateY(0) rotateX(0) rotate(0)}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.marquee-track{animation:none}}
/* NAV */
nav{position:sticky;top:0;z-index:50;background:#FFFDF6;border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:4px;padding:10px 16px;overflow-x:auto}
nav .brand{font-family:'Fraunces',serif;font-weight:900;font-size:1.05rem;margin-right:auto;white-space:nowrap;color:var(--ink);text-decoration:none}
nav a.link{color:var(--ink);text-decoration:none;font-weight:700;font-size:.86rem;letter-spacing:.04em;text-transform:uppercase;padding:8px 10px;white-space:nowrap;border-radius:3px}
nav a.link:hover,nav a.link:focus-visible{background:var(--paper-deep);outline:none}
/* HERO: answers what / why / next above the fold. One primary + one secondary CTA. */
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center;padding-top:56px}
.polaroid{background:#fff;border:1px solid #d8d0bd;padding:14px 14px 52px;box-shadow:var(--shadow);transform:rotate(-2.5deg);position:relative;width:min(100%,400px);margin:0 auto}
.polaroid .photo{aspect-ratio:4/5;background:
radial-gradient(circle at 30% 30%, var(--paper-deep), transparent 60%),
linear-gradient(150deg,var(--teal) 0 30%,var(--pink) 30% 55%,var(--marigold) 55% 100%);
display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Caveat',cursive;font-size:1.5rem;text-align:center;padding:16px}
/* EDIT HERE: replace .photo div with 
when her photo is ready */
.polaroid .caption{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-family:'Caveat',cursive;font-size:1.4rem;color:var(--pink)}
.hero h1{font-size:clamp(2.2rem,6vw,3.6rem);font-weight:900}
.hero h1 em{font-style:italic;font-weight:500;color:var(--pink)}
.hero p.sub{margin:18px 0 26px;max-width:42ch;font-size:1.06rem}
.cta-row{display:flex;gap:16px 68px;flex-wrap:wrap;padding-top:8px}
.btn{position:relative;display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;padding:14px 22px;min-height:48px;border:2px solid var(--ink);box-shadow:var(--shadow);z-index:0;transition:box-shadow .2s ease}
/* origami wings: paper flaps unfold outward from behind, fold back on leave */
.btn::before,.btn::after{content:"";position:absolute;top:4px;bottom:4px;width:30px;background:linear-gradient(90deg,var(--marigold),#f3c169);border:2px solid var(--ink);z-index:-1;transition:transform .38s cubic-bezier(.3,.85,.4,1.12);pointer-events:none}
.btn::before{left:-30px;transform-origin:right center;transform:perspective(420px) rotateY(88deg)}
.btn::after{right:-30px;transform-origin:left center;transform:perspective(420px) rotateY(-88deg);transition-delay:.05s;background:linear-gradient(-90deg,var(--teal),#57a8ae)}
.btn:hover,.btn:focus-visible{box-shadow:6px 7px 0 rgba(51,50,45,.16);outline:none}
.btn:hover::before,.btn:focus-visible::before{transform:perspective(420px) rotateY(0)}
.btn:hover::after,.btn:focus-visible::after{transform:perspective(420px) rotateY(0)}
@media (prefers-reduced-motion:reduce){.btn::before,.btn::after{transition:none}}
.btn.primary{background:var(--pink);color:#fff}
.btn.secondary{background:#FFFDF6;color:var(--ink)}
.soon-note{font-family:'Caveat',cursive;font-size:1.15rem;color:var(--teal);margin-top:10px}
/* marquee strip */
.marquee{overflow:hidden;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--marigold)}
.marquee-track{display:flex;white-space:nowrap;padding:10px 0;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;animation:slide 26s linear infinite;width:max-content}
.marquee-track span{margin-right:48px}
@keyframes slide{to{transform:translateX(-25%)}}
/* grids */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.card h3{font-size:1.25rem;margin-bottom:8px}
.card .hand-note{color:var(--plum);font-size:1.2rem;margin-top:10px}
.swatch{height:150px;margin:-22px -22px 16px;border-bottom:1.5px solid var(--ink);display:flex;align-items:flex-end;padding:12px;color:#fff;font-family:'Caveat',cursive;font-size:1.3rem}
.swatch{position:relative}
.swatch::before,.swatch::after,.photo::before,.photo::after{content:"";position:absolute;top:-11px;width:68px;height:23px;background:var(--tape);border-left:1.5px dashed rgba(51,50,45,.4);border-right:1.5px dashed rgba(51,50,45,.4);box-shadow:1px 2px 0 rgba(51,50,45,.15);z-index:2}
.swatch::before,.photo::before{left:-5px;transform:rotate(-32deg)}
.swatch::after,.photo::after{right:-5px;transform:rotate(32deg)}
.photo{position:relative}
.ori{position:absolute;width:78px;height:78px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2790%27%20height%3D%2790%27%20viewBox%3D%270%200%2090%2090%27%3E%3Cg%20transform%3D%27translate%2845%2045%29%27%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%2822%29%20scale%280.8999999999999999%29%27%20fill%3D%27%231E7F86%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%2867%29%20scale%280.8999999999999999%29%27%20fill%3D%27%231E7F86%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28112%29%20scale%280.8999999999999999%29%27%20fill%3D%27%231E7F86%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28157%29%20scale%280.8999999999999999%29%27%20fill%3D%27%231E7F86%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28202%29%20scale%280.8999999999999999%29%27%20fill%3D%27%231E7F86%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28247%29%20scale%280.8999999999999999%29%27%20fill%3D%27%231E7F86%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28292%29%20scale%280.8999999999999999%29%27%20fill%3D%27%231E7F86%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28337%29%20scale%280.8999999999999999%29%27%20fill%3D%27%231E7F86%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%280%29%20scale%281.25%29%27%20fill%3D%27%23D9527E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%2845%29%20scale%281.25%29%27%20fill%3D%27%23D9527E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%2890%29%20scale%281.25%29%27%20fill%3D%27%23D9527E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28135%29%20scale%281.25%29%27%20fill%3D%27%23D9527E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28180%29%20scale%281.25%29%27%20fill%3D%27%23D9527E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28225%29%20scale%281.25%29%27%20fill%3D%27%23D9527E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28270%29%20scale%281.25%29%27%20fill%3D%27%23D9527E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28315%29%20scale%281.25%29%27%20fill%3D%27%23D9527E%27%20fill-opacity%3D%270.95%27/%3E%3Ccircle%20r%3D%277.5%27%20fill%3D%27%23E8A335%27%20fill-opacity%3D%271%27/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;filter:drop-shadow(2px 3px 0 rgba(51,50,45,.18));animation:sway 7s ease-in-out infinite;z-index:1}
.ori.alt{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2790%27%20height%3D%2790%27%20viewBox%3D%270%200%2090%2090%27%3E%3Cg%20transform%3D%27translate%2845%2045%29%27%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%2822%29%20scale%280.8999999999999999%29%27%20fill%3D%27%23E8A335%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%2867%29%20scale%280.8999999999999999%29%27%20fill%3D%27%23E8A335%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28112%29%20scale%280.8999999999999999%29%27%20fill%3D%27%23E8A335%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28157%29%20scale%280.8999999999999999%29%27%20fill%3D%27%23E8A335%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28202%29%20scale%280.8999999999999999%29%27%20fill%3D%27%23E8A335%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28247%29%20scale%280.8999999999999999%29%27%20fill%3D%27%23E8A335%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28292%29%20scale%280.8999999999999999%29%27%20fill%3D%27%23E8A335%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28337%29%20scale%280.8999999999999999%29%27%20fill%3D%27%23E8A335%27%20fill-opacity%3D%270.9%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%280%29%20scale%281.25%29%27%20fill%3D%27%236E4A7E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%2845%29%20scale%281.25%29%27%20fill%3D%27%236E4A7E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%2890%29%20scale%281.25%29%27%20fill%3D%27%236E4A7E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28135%29%20scale%281.25%29%27%20fill%3D%27%236E4A7E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28180%29%20scale%281.25%29%27%20fill%3D%27%236E4A7E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28225%29%20scale%281.25%29%27%20fill%3D%27%236E4A7E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28270%29%20scale%281.25%29%27%20fill%3D%27%236E4A7E%27%20fill-opacity%3D%270.95%27/%3E%3Cpath%20d%3D%27M0%20-30%20L9%20-11%20L0%20-4%20L-9%20-11%20Z%27%20transform%3D%27rotate%28315%29%20scale%281.25%29%27%20fill%3D%27%236E4A7E%27%20fill-opacity%3D%270.95%27/%3E%3Ccircle%20r%3D%277.5%27%20fill%3D%27%23D9527E%27%20fill-opacity%3D%271%27/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
@keyframes sway{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(7deg)}}
@media (prefers-reduced-motion:reduce){.ori{animation:none}}
.bookstack{display:block}
/* EDIT HERE: each .swatch is a photo placeholder. Replace with ![]()
of the bag / spread / shop when photos exist. */
.price{font-family:'Fraunces',serif;font-weight:900;font-size:1.35rem;margin:8px 0}
.stamp{position:absolute;top:12px;right:12px;border:2px solid var(--stamp,var(--teal));color:var(--stamp,var(--teal));font-weight:700;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;transform:rotate(6deg);background:#FFFDF6}
/* trail map pinboard */
.pinboard{display:flex;flex-wrap:wrap;gap:12px}
.pin{display:inline-flex;align-items:center;gap:8px;background:#FFFDF6;border:1.5px solid var(--ink);padding:9px 14px;font-weight:600;font-size:.92rem;text-decoration:none;color:var(--ink);transform:rotate(var(--r,0deg));transition:transform .15s ease}
.pin:hover,.pin:focus-visible{transform:rotate(0) scale(1.04);outline:none}
.pin .dot{width:10px;height:10px;border-radius:50%;background:var(--pink)}
.pin.soon .dot{background:#c9c1ad}
.pin.soon{color:#8b8471;border-style:dashed}
/* email club */
.club{background:var(--teal);color:#fff;border:2px solid var(--ink);box-shadow:var(--shadow);padding:40px 28px;text-align:center}
.club h2{color:#fff}
.club form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.club input[type=email]{padding:14px 16px;min-width:min(320px,80vw);border:2px solid var(--ink);font-family:inherit;font-size:1rem}
.club button{cursor:pointer;font-family:inherit;font-size:1rem}
.club .fineprint{margin-top:12px;font-size:.85rem;opacity:.85}
footer{border-top:2px solid var(--ink);background:var(--paper-deep);padding:36px 20px;text-align:center}
footer .vals{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-bottom:18px;font-size:.92rem}
footer a{color:var(--ink)}
@media(max-width:820px){
.hero{grid-template-columns:1fr}
.polaroid{max-width:340px;margin:0 auto}
.grid3,.grid2{grid-template-columns:1fr}
}
/* ---- page-specific additions (subscribe/shop/places) ---- */
.tier .price{font-size:1.7rem}
.tier ul{list-style:none;margin:10px 0 16px}
.tier li{padding:5px 0 5px 26px;position:relative}
.tier li::before{content:"\2702";position:absolute;left:0;color:var(--pink)}
.tier.best{outline:3px solid var(--pink);outline-offset:4px}
.bestband{position:absolute;top:-14px;left:50%;transform:translateX(-50%) rotate(-2deg);background:var(--pink);color:#fff;font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px}
.pagehero{padding-top:56px;padding-bottom:20px}
.pagehero p{max-width:60ch}
.placecard .hand-note{color:var(--teal)}
.pricebig{font-family:'Fraunces',serif;font-weight:900;font-size:1.5rem}
/* reading page */
.entry{border-left:4px solid var(--pink);padding-left:18px}
.entry .date{font-family:'Caveat',cursive;font-weight:700;font-size:1.2rem;color:var(--teal)}
.entry h3{margin:2px 0 6px}
.spines{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap;margin-top:14px}
.spine{writing-mode:vertical-rl;transform:rotate(180deg);background:var(--teal);color:#fff;border:2px solid var(--ink);padding:12px 6px;font-weight:700;font-size:.8rem;letter-spacing:.06em;min-height:120px}
.spine:nth-child(2n){background:var(--pink)}.spine:nth-child(3n){background:var(--plum)}.spine:nth-child(4n){background:var(--marigold);color:var(--ink)}
/* library facts */
.facts{list-style:none;margin:10px 0 4px}
.facts li{padding:5px 0 5px 26px;position:relative}
.facts li::before{content:"\1F4D6";position:absolute;left:0;font-size:.85rem}
/* nav wordmark script */
.brandwith{font-family:'Fraunces',serif;font-style:italic;font-weight:500;color:var(--pink);font-size:1rem;margin-left:1px;letter-spacing:.01em}
/* crane flock page transition */
#pt{position:fixed;inset:0;z-index:99;pointer-events:none;background:var(--paper);opacity:0;transition:opacity .26s ease}
#pt .ptc{position:absolute;top:var(--top);left:-170px;filter:drop-shadow(2px 3px 0 rgba(51,50,45,.16))}
#pt.on{opacity:.97;pointer-events:auto}
#pt.on .ptc{animation:craneSweep var(--dur) ease-in var(--del) forwards}
#pt.arrive{opacity:.97;transition:none}
#pt .wingUp{transform-origin:62px 48px;animation:flapUp .4s ease-in-out infinite alternate}
#pt .wingDn{transform-origin:60px 58px;animation:flapDn .4s ease-in-out infinite alternate}
@keyframes craneSweep{from{transform:translateX(0) translateY(0) rotate(4deg) scale(var(--sc))}to{transform:translateX(calc(100vw + 360px)) translateY(var(--ty)) rotate(-6deg) scale(var(--sc))}}
@keyframes flapUp{from{transform:rotate(-6deg)}to{transform:rotate(12deg)}}
@keyframes flapDn{from{transform:rotate(4deg)}to{transform:rotate(-8deg)}}
/* scroll-flying crane: rides the top band, never mid-content */
#crane{position:fixed;top:0;left:0;z-index:40;pointer-events:none;will-change:transform;filter:drop-shadow(2px 3px 0 rgba(51,50,45,.18))}
#crane .wingUp{transform-origin:58px 48px;animation:flapUp 1.5s ease-in-out infinite alternate}
#crane .wingDn{transform-origin:60px 58px;animation:flapDn 1.5s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){#crane{display:none}}
@media (max-width:820px){#crane svg{width:74px;height:57px}}