#contact .post-scene{height:460px;position:relative;perspective:900px;isolation:isolate;width:100%;max-width:620px;margin:auto;overflow:visible}body[data-scene="contact"] .cinematic-city{opacity:.08}.post-light{position:absolute;inset:-15% 0;background:conic-gradient(from 130deg at 30% 0%,transparent,#85cdfb18 25deg,transparent 45deg);filter:blur(15px);pointer-events:none}.post-island{position:absolute;width:90%;height:140px;left:5%;bottom:35px;border-radius:50%;transform:rotateX(55deg) rotateZ(-8deg);background:radial-gradient(ellipse at 30% 40%,#426763,#123c3e 32%,#09252f 60%,#071625 75%);box-shadow:0 25px 18px #0009,0 0 65px #57a8bd22,inset 0 6px 10px #7ed6d52b;border:1px solid #5a9c9d44}.phonebooth{position:absolute;width:150px;height:280px;left:45%;bottom:94px;display:block;transform:rotateY(-16deg) rotateZ(1deg);transform-style:preserve-3d;background:linear-gradient(90deg,#8e1928,#cc3348 70%,#7e1526);border:5px solid #b12a3c;box-shadow:12px 15px 25px #0008,inset 0 0 12px #ff9a7d44;transition:filter .4s}.booth-roof{position:absolute;top:-32px;left:-8px;right:-8px;height:38px;border-radius:80% 80% 4px 4px;background:linear-gradient(110deg,#b7273c,#df4651 50%,#7a1023);border:3px solid #7f1e2e;box-shadow:0 -3px 14px #ff59642b}.booth-sign{position:absolute;top:4px;left:5px;right:5px;background:#f4e8ce;color:#542734;text-align:center;font:bold 11px/24px Georgia,serif;letter-spacing:1px;box-shadow:0 0 15px #ffe6a655}.booth-side{position:absolute;left:100%;top:-4px;width:26px;height:280px;background:linear-gradient(90deg,#8c1429,#451322);transform-origin:left;transform:rotateY(55deg);border:4px solid #73172a}.booth-door{position:absolute;inset:36px 8px 7px;transform-origin:left;transform-style:preserve-3d;border:4px solid #d34252;background:linear-gradient(110deg,#bb2e43,#72172d);transition:transform .75s cubic-bezier(.2,.8,.2,1);box-shadow:inset 0 0 7px #ff9a9155}.booth-glass{position:absolute;inset:5px 5px 45px;background:repeating-linear-gradient(0deg,transparent 0 34px,#d84151 34px 39px),repeating-linear-gradient(90deg,transparent 0 28px,#d84151 28px 33px),linear-gradient(130deg,#517384b0,#102b3ce8 45%,#afc6bb66);box-shadow:inset 0 0 15px #70def744;display:grid;place-items:center}.booth-glass span{font:bold 46px Arial;color:#f0fbff;text-shadow:0 0 18px #84e4ff;z-index:1;background:#1a7599a8;padding:0 7px;border-radius:4px}.booth-bottom{position:absolute;bottom:10px;width:100%;text-align:center;color:#e7b7ae;font:8px monospace;letter-spacing:1px}.booth-handle{position:absolute;right:-1px;top:60%;width:7px;height:24px;border-radius:3px;background:linear-gradient(90deg,#807b6e,#e4d1a5,#7a776b);box-shadow:2px 0 4px #0008}.booth-step{position:absolute;bottom:-15px;left:-10px;right:-20px;height:13px;background:linear-gradient(#577483,#233843);transform:skewX(-20deg);box-shadow:3px 5px 8px #0008}.phonebooth:hover .booth-door,.phonebooth:focus-visible .booth-door{transform:rotateY(-35deg)}.phonebooth:hover{filter:brightness(1.14)}.postbox{position:absolute;left:24%;bottom:102px;width:76px;height:67px;transform:rotateY(-15deg) rotateZ(-3deg);display:block;z-index:3}.postbox-front{position:absolute;inset:0;background:linear-gradient(110deg,#ce3549,#821d36);border:3px solid #d54a58;border-radius:24px 24px 5px 5px;box-shadow:7px 7px 12px #0007;display:flex;flex-direction:column;align-items:center;justify-content:center}.postbox-front span{font-size:25px;color:#eedbd1}.postbox-front b{font:8px monospace;color:#edbbb4}.postbox-top{position:absolute;inset:0 0 auto;height:24px;border-radius:22px 22px 0 0;background:linear-gradient(100deg,#ee5964,#aa293b);border:2px solid #ec7772;transform-origin:top;transition:transform .5s;z-index:2}.postbox:hover .postbox-top,.postbox:focus-visible .postbox-top{transform:rotateX(-65deg)}.postbox-pole{position:absolute;top:100%;left:31px;width:11px;height:64px;background:linear-gradient(90deg,#394951,#93a0a0,#354753);box-shadow:4px 4px 6px #0006;z-index:-1}.post-label{position:absolute;color:#cfe8ee;font:italic 18px Georgia,serif;transform:rotate(-7deg);text-shadow:0 2px 8px #0008}.post-label small{display:block;font:10px/1.8 Arial;color:#9db9cd;white-space:nowrap}.booth-label{left:74%;top:32%}.mail-label{left:2%;top:58%;transform:rotate(5deg)}.station-hint{position:absolute;bottom:0;left:0;right:0;text-align:center;font:11px monospace!important;letter-spacing:1px;color:#83a4ba!important}.post-star{position:absolute;font-size:20px;color:#a1d7ed;animation:postTwinkle 4s ease-in-out infinite}.star-one{left:26%;top:20%}.star-two{right:15%;top:15%;animation-delay:2s}@keyframes postTwinkle{50%{opacity:.3;transform:translateY(-7px)}}.phonebooth:focus-visible,.postbox:focus-visible{outline:2px solid #a5e6ff;outline-offset:12px}@media(max-width:760px){#contact .post-scene{height:280px;max-width:360px}.phonebooth{scale:.66;transform-origin:bottom left;left:44%;bottom:63px}.postbox{scale:.7;transform-origin:bottom left;left:24%;bottom:65px}.post-island{height:95px;bottom:25px}.post-label{font-size:13px}.post-label small{font-size:8px}.booth-label{left:74%;top:27%}.mail-label{left:0;top:55%}.station-hint{font-size:9px!important}.post-star{font-size:15px}}@media(prefers-reduced-motion:reduce){.post-star{animation:none}.booth-door,.postbox-top{transition:none}}body.motion-paused .post-star{animation-play-state:paused}

/* Layered materials and grounded light */
#contact .post-scene{perspective:1100px}.phonebooth{background:linear-gradient(95deg,#400d17 0%,#8c1b29 9%,#e1575c 15%,#a52c37 22%,#701320 80%,#da5559 91%,#56101a 100%);border-color:#8e202d;border-width:7px;box-shadow:18px 19px 22px #000a,5px 5px 0 #42111c,inset 3px 0 4px #ffb29a77,inset -3px 0 8px #20050bcc;transform:rotateY(-25deg) rotateX(2deg) rotateZ(1deg)}.phonebooth:before{content:'';position:absolute;inset:-8px;border:2px solid #ed8a7977;border-radius:2px;pointer-events:none}.booth-roof{height:44px;top:-39px;background:radial-gradient(ellipse at 38% 10%,#fc9e8b55,transparent 48%),linear-gradient(110deg,#5a101e,#cf414a 35%,#9b2234 70%,#340d17);box-shadow:inset 0 4px 4px #ffc1a455,inset 0 -7px 6px #390510aa,2px -3px 0 #de786377,7px 2px 7px #0008;border-color:#6d1525}.booth-sign{box-shadow:0 0 22px #ffe0a055,inset 0 2px 4px #4e2a22;border:3px solid #7c1c2b;background:linear-gradient(#d8ccb2,#fff4d8 50%,#c8bda7);font-size:10px}.booth-door{border-color:#a92b3d;box-shadow:inset 2px 0 2px #f9917a99,inset -3px 0 4px #29070d,3px 1px 5px #000a;background:linear-gradient(100deg,#c9474a,#a02334 22%,#6f1528 80%,#c84a4d)}.booth-glass{background:linear-gradient(120deg,#d5f6ff30 0%,transparent 26%,#b9efff13 27%,transparent 50%,#e7fcff22 51%,transparent 55%),repeating-linear-gradient(0deg,transparent 0 34px,#ab3540 34px 37px,#ee7c7166 37px 39px),repeating-linear-gradient(90deg,transparent 0 28px,#9c2938 28px 31px,#f0807866 31px 33px),linear-gradient(110deg,#182c35e8,#06131ce8 55%,#55758a88);box-shadow:inset 0 0 16px #000c,0 0 0 2px #401420,inset 1px 1px #cef5ff44}.booth-glass span{background:#165774bb;font-size:38px;box-shadow:0 2px 12px #0008;border:1px solid #a3d3df22}.booth-side{width:34px;background:linear-gradient(90deg,#731725,#260c16);border-color:#521222;box-shadow:inset 4px 0 5px #c85a4b33}.booth-side:after{content:'';position:absolute;inset:35px 3px 35px;background:repeating-linear-gradient(0deg,#08121cc9 0 34px,#6a1a2b 34px 39px);border:2px solid #3d101d}.booth-step{height:17px;background:linear-gradient(#8d9d9d 0%,#3b505a 30%,#18252c 36%,#4d6169 85%,#18242b);box-shadow:8px 10px 12px #000a}.post-island{background:radial-gradient(ellipse at 45% 10%,#55807855,transparent 55%),repeating-radial-gradient(ellipse at 20% 70%,#244344 0px,#244344 2px,#1b3538 3px,#2b4c48 5px,#18323a 7px);box-shadow:0 12px 0 #091921,0 21px 0 #07131a,0 36px 26px #000c,0 0 70px #5ac3d817,inset 0 8px 14px #9ac7bd22;border:2px solid #45696377}.post-island:after{content:'';position:absolute;inset:23%;border-radius:50%;background:#0008;filter:blur(20px)}.postbox{padding:0;border:0;background:none;cursor:pointer;transform:rotateY(-25deg) rotateZ(-3deg);transform-style:preserve-3d}.postbox-front{background:linear-gradient(100deg,#f07769 0%,#bf3b48 14%,#951f34 70%,#4c1223 100%);border-color:#8c2333;box-shadow:inset 2px 1px 3px #ffb69b99,inset -3px -3px 7px #30081688,10px 8px 13px #0008,6px 0 0 #501023}.postbox-front:before{content:'';position:absolute;top:18px;left:13px;right:13px;height:4px;background:#240c15;border-radius:3px;box-shadow:0 1px #f18d72aa}.postbox-front span{margin-top:8px;font-size:20px}.postbox-top{background:linear-gradient(110deg,#e68a73,#be3c48 40%,#591127);border-color:#ab4350;box-shadow:inset 0 2px 3px #ffc4a788,0 2px 3px #0008}.mail-copied .postbox-front{box-shadow:0 0 28px #84e5cb88,inset 0 0 8px #8dffe444}.post-light{background:conic-gradient(from 132deg at 25% 0%,transparent,#b1e1f524 20deg,#8fc3d811 30deg,transparent 48deg);filter:blur(8px)}@media(max-width:760px){.booth-sign{font-size:9px}.post-island{box-shadow:0 8px 0 #091921,0 14px 0 #07131a,0 23px 18px #000b}}