:root{--ink-text:#161a33;--ink-soft:#565b78;--desk:#1b2f7a;--paper:#fffefa;--marker:#ff2e88;--marker-ink:#d91a6e;--pen:#2340a8;--postmark:#2b2350;--vermilion:#d1331c;--emerald:#0b7a57;--teal:#0f7895;--saffron:#e0950a;--magenta:#c42a73;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-optical-sizing:auto;min-height:100dvh;color:var(--ink-text);-webkit-font-smoothing:antialiased;background:#fff;grid-template-rows:auto 1fr auto;margin:0;font-family:Bricolage Grotesque Variable,system-ui,sans-serif;display:grid}::selection{background:var(--marker);color:#fff}.wrap{width:min(1180px,100% - 48px);margin:0 auto}header{padding:26px 0 0}.wordmark{letter-spacing:-.02em;padding:.18em .4em;font-size:1.45rem;font-weight:800;line-height:1;display:inline-flex;position:relative}.wordmark svg{width:calc(100% + .8em);height:calc(100% + .7em);position:absolute;inset:-.35em -.4em;overflow:visible}.wordmark path{fill:none;stroke:var(--marker);stroke-width:2.6px;stroke-linecap:round}main{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,6vw,88px);padding:40px 0 56px;display:grid}h1{font-variation-settings:"opsz" 96, "wdth" 88;letter-spacing:-.045em;text-wrap:balance;margin:0 0 26px;font-size:clamp(2.8rem,6.4vw,5.6rem);font-weight:800;line-height:.92}h1 .circled{display:inline-block;position:relative}h1 .circled svg{pointer-events:none;width:calc(100% + .48em);height:calc(100% + .32em);position:absolute;inset:-.2em -.24em -.12em;overflow:visible}h1 .circled path{fill:none;stroke:var(--marker);stroke-width:6px;stroke-linecap:round}.lede{max-width:44ch;color:var(--ink-soft);margin:0 0 30px;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:1.5}.lede b{color:var(--ink-text);font-weight:700}.opening{background:color-mix(in srgb, var(--desk) 7%, #fff);color:var(--desk);border-radius:999px;align-items:center;gap:12px;padding:12px 20px 12px 14px;font-weight:700;display:inline-flex}.opening svg{flex:none;width:26px;height:26px}.facts{color:var(--ink-soft);flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding:0;font-weight:600;list-style:none;display:flex}.facts li{align-items:center;gap:8px;display:inline-flex}.facts li:before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px}.letter-wrap{justify-self:center;width:min(420px,100%);position:relative}.envelope{background:#c9a06a;position:absolute;inset:22px -18px -14px 30px;transform:rotate(4deg);box-shadow:0 30px 50px -28px #00000073}.letter{background:repeating-linear-gradient(to bottom, transparent 0 35px, #1b2f7a14 35px 36px) 0 150px / 100% calc(100% - 150px) no-repeat, var(--paper);padding:30px 30px 26px;position:relative;transform:rotate(-2deg);box-shadow:0 1px 1px #00000014,0 30px 60px -30px #00000080}.to{letter-spacing:-.02em;color:var(--desk);margin:0;font-size:1.55rem;font-weight:800;line-height:1.05}.to small{color:var(--ink-soft);margin-right:.2em;font-size:.66em;font-weight:600}.postcode{letter-spacing:.12em;color:var(--desk);margin:4px 0 0;font-size:1.15rem;font-weight:800}.wish{color:var(--marker-ink);transform-origin:0;margin:22px 0 6px;font-family:Permanent Marker,cursive;font-size:1.6rem;transform:rotate(-2deg)}.slots{grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 4px 22px;display:grid}.slot{aspect-ratio:.84;border:2.5px dashed color-mix(in srgb, var(--c) 55%, #fff);transform:rotate(var(--t));border-radius:4px;position:relative}.slot .pm{width:96px;height:44px;color:var(--postmark);opacity:.8;position:absolute;top:-14px;left:28%}.pm text{letter-spacing:.1em;fill:currentColor;font-family:Bricolage Grotesque Variable,sans-serif;font-weight:700}.from{color:var(--ink-soft);border-top:1px solid #1b2f7a1f;align-items:baseline;gap:12px;padding-top:12px;font-weight:600;display:flex}.from .kid{color:var(--marker-ink);font-family:Permanent Marker,cursive;font-size:1.7rem}.note{color:var(--pen);align-items:flex-end;gap:4px;font-family:Nanum Pen Script,cursive;font-size:1.9rem;display:flex;position:absolute;top:-38px;right:-6px;transform:rotate(5deg)}.note svg{width:44px;height:34px;overflow:visible}.note path{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}footer{color:var(--ink-soft);padding:22px 0 30px;font-size:.86rem}footer .wrap{border-top:1px solid #161a331a;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:18px;display:flex}@media (width<=860px){main{grid-template-columns:1fr;gap:56px;padding-top:24px}.letter-wrap{width:min(360px,92%)}.note{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}