/* The photograph and the projected door share the same cover transform. */
.address-scene:hover img{transform:none}
.mailbox-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s}
.address-scene[data-mailbox-state=ready] .mailbox-canvas{opacity:1}
.address-scene:after{z-index:2}
.address-scene figcaption{z-index:3;pointer-events:none}
.mailbox-toggle{position:absolute;z-index:4;display:block;appearance:none;padding:0;border:0;background:none;cursor:pointer;touch-action:manipulation;color:#e0e4e1;outline-offset:7px}
.mailbox-toggle[hidden]{display:none}
.mailbox-letter{position:absolute;z-index:5;display:block;background:none;cursor:pointer;touch-action:manipulation;border-radius:2px}
.mailbox-letter[hidden]{display:none}
.mailbox-letter:focus-visible{outline:1px solid #e1e6e1;outline-offset:4px;box-shadow:0 0 0 5px #080d1140}
.mailbox-toggle:focus-visible{outline:none}
.mailbox-target{position:absolute;width:23px;height:23px;border:1px solid #e5eee480;border-radius:50%;background:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s;box-shadow:0 0 0 3px #080d1128}
.mailbox-toggle:hover .mailbox-target,.mailbox-toggle:focus-visible .mailbox-target{opacity:1}
.mailbox-toggle:focus-visible .mailbox-target{outline:2px solid #e2e8e4;outline-offset:4px}
.mailbox-cue{display:none;margin-top:8px;font-size:7px;letter-spacing:.12em;color:#a8b2b5}
.address-scene[data-mailbox-state=ready] .mailbox-cue{display:block}
.mailbox-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(hover:none){.mailbox-toggle:hover:not(:focus-visible) .mailbox-target{opacity:0}}
@media(prefers-reduced-motion:reduce){.mailbox-canvas,.mailbox-target{transition:none}}
html[data-motion=off] .mailbox-canvas,html[data-motion=off] .mailbox-target{transition:none}