:root{color-scheme:light;--navy:#10243d;--green:#298e8a;--muted:#66747c}
*{box-sizing:border-box}
html,body{margin:0;background:#fff;color:var(--navy);font-family:Arial,Helvetica,sans-serif}
body{min-width:280px}
.scene{min-height:100svh;display:grid;place-items:center;padding:40px 24px 32px;overflow:hidden}
.composition{width:100%;max-width:840px;display:flex;flex-direction:column;align-items:center;text-align:center}
.brand{width:300px;max-width:72vw;position:relative}
.depth{perspective:1000px}
.monogram{display:block;fill:var(--navy);width:238px;max-width:80%;height:auto;margin:0 auto;transform-origin:50% 50%;will-change:transform,opacity,filter}
.wordmark{font-size:47px;font-weight:500;letter-spacing:-2.2px;line-height:1.18;margin-top:2px;white-space:nowrap}
.agent{color:var(--green)}
.flourish{display:block;width:100%;height:auto;margin:0 auto;overflow:visible;fill:var(--green)}
.ink-reveal{stroke-dasharray:1;stroke-dashoffset:0}
.paw-ink,.paw-stamp{transform-box:fill-box;transform-origin:center}
.paw-stamp{opacity:0}
.message{font-size:clamp(25px,3.25vw,39px);line-height:1.25;font-weight:500;letter-spacing:-1.1px;margin:42px 0 0}
.message span{display:block}
.message-second{margin-top:4px}
.anticipation{font-size:19px;line-height:1.4;color:var(--green);margin:21px 0 0;font-weight:500}
.signature{display:flex;align-items:center;justify-content:center;gap:11px;margin:26px 0 0;font-size:16px;color:var(--muted);line-height:1.5}
.signature strong{font-weight:600;color:var(--navy)}
.heart{width:43px;height:39px;fill:var(--green);overflow:visible;transform-origin:center}
.destination{font-size:12px;color:var(--muted);margin-top:31px;text-decoration:none;line-height:1.5;padding:6px 10px}
.destination span{display:inline-block;margin-left:5px}
a:hover{color:var(--green)}
a:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:2px}
.no-script{text-align:center;color:var(--muted)}
@media(max-width:600px){.scene{padding:28px 21px}.brand{width:245px;max-width:76vw}.monogram{width:198px}.wordmark{font-size:39px;letter-spacing:-1.8px}.message{font-size:27px;letter-spacing:-.75px;margin-top:34px;max-width:100%}.message-first{max-width:330px}.message-second{margin-top:5px;font-size:24px}.anticipation{font-size:17px;margin-top:18px}.signature{gap:9px;font-size:14px;margin-top:23px}.heart{width:37px;height:34px}.destination{margin-top:24px}}
@media(max-width:360px){.message{font-size:24px}.message-second{font-size:21px}.signature{font-size:12px;gap:8px}}
@media(max-height:680px) and (min-width:601px){.scene{padding:22px}.brand{width:240px}.monogram{width:185px}.wordmark{font-size:38px}.message{margin-top:25px;font-size:32px}.anticipation{margin-top:14px}.signature{margin-top:18px}.destination{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.monogram{will-change:auto}}