/* Buildless page; all illustration assets are local. */
:root{color-scheme:light;--paper:#f3eedf;--ink:#293d32}
*{box-sizing:border-box}html,body{margin:0;min-width:280px;background:var(--paper)}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
.postcard{position:relative;isolation:isolate;min-height:820px;height:100svh;overflow:hidden;background:var(--paper)}
.artwork{position:absolute;z-index:-2;inset:100px 0 0;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,black 80px)}.artwork>svg{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.mobile-art{display:none}
.masthead{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;padding:35px 4.5%;gap:25px}.wordmark{font-size:11px;font-weight:600;letter-spacing:2.4px;color:var(--ink);text-decoration:none}.location{font-size:8px;letter-spacing:2.2px;text-transform:uppercase;line-height:1.6}
.message{position:relative;z-index:2;text-align:center;margin:26px auto 0;width:min(92%,780px)}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(64px,7.4vw,108px);letter-spacing:-4.2px;line-height:1.06;margin:0 0 24px}p{font-size:14px;line-height:1.8;max-width:510px;margin:0 auto;color:#405041}.message a{color:var(--ink);text-underline-offset:4px;text-decoration-color:#89917a;white-space:nowrap}.message a:hover{text-decoration-color:var(--ink)}a:focus-visible{outline:2px solid #a17a40;outline-offset:5px}
.signoff{display:flex;align-items:center;justify-content:center;gap:14px;font-size:8px;letter-spacing:2px;color:#65705e;margin-top:22px}.signoff span{display:block;width:24px;height:1px;background:#9ca28a}
.footer{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:30px 4.5% 24px;color:#f1ebd6;background:none;pointer-events:none}.wander{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:23px;letter-spacing:.4px;text-shadow:0 1px 5px #15271d,0 1px 12px #15271d}
/* Opacity stays constant; the tree and foliage conceal the retreat. */
.bigfoot{animation:peek 13s ease-in-out 5s infinite;transform:translate(-64px,6px);transform-origin:390px 620px;opacity:1}
@keyframes peek{0%,43%,100%{transform:translate(-64px,6px) rotate(0deg)}8%,23%{transform:translate(12px,0) rotate(2deg)}28%{transform:translate(15px,0) rotate(3deg)}32%{transform:translate(12px,0) rotate(2deg)}}
@media(min-width:901px) and (max-height:800px){.postcard{min-height:720px}.masthead{padding-top:26px}.message{margin-top:0}h1{font-size:86px;margin-bottom:17px}.artwork{top:70px}}
@media(max-width:900px){.postcard{display:flex;flex-direction:column;height:auto;min-height:100svh}.masthead{padding:27px 6%;flex-shrink:0}.wordmark{font-size:10px;letter-spacing:1.7px}.location{font-size:7px;letter-spacing:1.4px}.message{margin-top:53px;width:88%;flex-shrink:0}h1{font-size:clamp(57px,10vw,84px);letter-spacing:-3px;margin-bottom:25px}p{font-size:13px;max-width:345px;line-height:1.9}.desktop-break{display:none}.signoff{font-size:6.5px;letter-spacing:1.15px;gap:8px;margin-top:25px}.signoff span{width:17px}.artwork{position:relative;inset:auto;height:max(420px,calc(100svh - 245px));flex:1 0 auto;margin-top:-38px;mask-image:linear-gradient(to bottom,transparent,black 65px)}.desktop-art{display:none}.mobile-art{display:block}.footer{padding:27px 6% 23px}.wander{font-size:21px}}
@media(max-width:370px){.message{margin-top:30px}h1{max-width:260px;margin-left:auto;margin-right:auto;font-size:59px}.location{max-width:74px;text-align:right}.artwork{margin-top:-15px}}
@media(prefers-reduced-motion:reduce){.bigfoot{animation:none;transform:translate(12px,0) rotate(2deg)}}