.garden-mailbox{position:fixed;z-index:4;width:152px;height:202px;isolation:isolate;filter:drop-shadow(1px 4px 5px #10241866)}.garden-mailbox[hidden]{display:none}.mailbox-post{position:absolute;left:47%;top:55px;bottom:4px;width:15px;background:linear-gradient(90deg,#131e17,#465446 45%,#233026 80%);border:1px solid #7f84614d}.mailbox-shadow{position:absolute;left:14%;right:8%;bottom:0;height:9px;border-radius:50%;background:#0d1e1799;filter:blur(4px)}.mailbox-box{position:absolute;left:0;right:0;top:0;height:108px;color:#22352a;text-decoration:none;display:block;transition:filter .25s,transform .25s;transform-origin:50% 90%}.mailbox-box svg{width:100%;height:100%;overflow:visible}.mailbox-box>span{position:absolute;left:36%;right:3%;top:44%;font:500 11px/1.3 'Be Vietnam Pro',sans-serif;text-align:center;transform:rotate(-5deg);text-shadow:0 1px #fff5}.mailbox-box strong{font-weight:700}.mailbox-contact{position:absolute;left:17%;right:2%;top:116px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:10px;padding:5px;background:linear-gradient(#ecddbc,#c9b287);border:2px solid #a18b61;color:#243a2b;text-decoration:none;font:600 12px 'Be Vietnam Pro',sans-serif;box-shadow:2px 3px 0 #273528;transform:rotate(-3deg)}.mailbox-box:hover,.mailbox-box:focus-visible{filter:drop-shadow(0 0 10px #ffe1a1a6);transform:rotate(-2deg) translateY(-2px)}.mailbox-flag{transform-origin:128px 63px;transition:transform .3s}.mailbox-box:hover .mailbox-flag{transform:rotate(-12deg)}.mailbox-contact:hover{background:#f5e6bd}.garden-mailbox a:focus-visible{outline:3px solid #fff2bf;outline-offset:4px}.is-night .garden-mailbox{filter:drop-shadow(0 0 9px #e6bb744d)}@media(max-width:700px){.garden-mailbox{width:88px;height:132px}.mailbox-box{height:64px}.mailbox-box>span{font-size:8px;top:43%}.mailbox-contact{top:70px;font-size:10px;left:2%;right:0;gap:7px}.mailbox-post{top:38px;width:12px}}@media(prefers-reduced-motion:reduce){.mailbox-box,.mailbox-flag{transition:none}}
/* Warm timber support stays visible against the planted foreground. */
.mailbox-post{left:44%;width:25px;top:65px;bottom:4px;border:1px solid #654025;background:repeating-linear-gradient(88deg,transparent 0 5px,#61381f44 6px,transparent 7px 11px),linear-gradient(90deg,#704326 0,#ae7544 14%,#d1a16a 35%,#bc854d 65%,#825031 82%,#5b361f 83%,#9b6539 100%);box-shadow:inset 2px 0 #e2b77d88,3px 2px 3px #18251c55;border-radius:1px}.mailbox-post:before{content:'';position:absolute;top:25px;left:-20px;width:74px;height:12px;border:1px solid #724827;background:linear-gradient(#d2a167,#a66e3b 55%,#704426);box-shadow:0 3px 3px #13211955}.mailbox-post:after{content:'';position:absolute;top:87px;left:7px;width:7px;height:23px;border:1px solid #71452299;border-radius:50%;box-shadow:0 0 0 2px #e2b77d44;transform:rotate(-4deg)}@media(max-width:700px){.mailbox-post{width:16px;top:38px}.mailbox-post:before{top:20px;width:44px;left:-12px;height:8px}.mailbox-post:after{top:67px;left:4px;width:5px;height:14px}}

/* Three signs on one timber post: guide, about, contact. */
.garden-mailbox{height:232px}
.mailbox-about,.mailbox-contact{position:absolute;left:13%;right:1%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:10px;padding:6px;background:linear-gradient(#ecddbc,#c9b287);border:2px solid #a18b61;color:#243a2b;text-decoration:none;font:600 12px 'Be Vietnam Pro',sans-serif;box-shadow:2px 3px 0 #273528}
.mailbox-about{top:112px;transform:rotate(-3deg)}.mailbox-contact{top:164px;transform:rotate(2deg)}
.mailbox-about:hover,.mailbox-contact:hover{background:#f5e6bd}
@media(max-width:700px){.garden-mailbox{width:88px;height:176px}.mailbox-about,.mailbox-contact{left:0;right:0;font-size:10px;gap:5px;border-width:1.5px;padding:4px}.mailbox-about{top:68px}.mailbox-contact{top:118px}.mailbox-post:after{top:113px}}