/* Materiais, iluminação e profundidade do convite. */
:root{--grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%2378603e' opacity='.2' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
body{background:#172b20 url('cenario-natal.png') center center / cover fixed;color:#f6e9c9}
body:before{inset:0;border:0;background:radial-gradient(ellipse at 50% 40%,transparent 25%,#030f0b88 100%),linear-gradient(90deg,#07150a22,#0c1a1055 50%,#07150a22);z-index:-1}
body:after{inset:15px;border:1px solid #d6b97838;box-shadow:0 0 0 5px #00180c0d}
main{position:relative;z-index:0;padding-top:46px}
.botanical{display:none}
header{text-shadow:0 3px 13px #031108,0 1px 3px #071b12}
h1{font-size:clamp(34px,5vw,55px);letter-spacing:-1.5px;color:#fff0cd}
h1 em{color:#e6c38c}
.eyebrow{color:#e4c58b}.intro{color:#e3d6ba}
.stage{transform:rotate(-2deg);margin-top:56px;filter:drop-shadow(13px 24px 20px #02080355);transition:margin .8s,height .8s,transform .8s}
.envelope{background-image:var(--grain),linear-gradient(145deg,#b99b67,#826b46);box-shadow:1px 1px 1px #fff0c688,3px 5px 2px #130e0799,10px 20px 24px #040b0755,25px 40px 60px #040b0788,inset 0 0 18px #694a2188;border-radius:2px 4px 3px 5px}
.lining{background-image:var(--grain),repeating-linear-gradient(45deg,#682e2a 0 6px,#b58a5333 6px 7px,#752c27 7px 13px);box-shadow:inset 0 10px 25px #210a04a6}
.flap{background-image:var(--grain),linear-gradient(180deg,#eee0bc 0%,#d3bb87 48%,#b59968 59%,#d2b889 65%);filter:drop-shadow(2px 9px 3px #3f290a99)}
.flap:after{content:'';position:absolute;inset:0;background:linear-gradient(31deg,transparent 49.5%,#fff4d377 49.8%,#5e462688 50%,transparent 50.8%),linear-gradient(-31deg,transparent 49.5%,#fff4d366 49.8%,#59401955 50%,transparent 50.8%);opacity:.7}
.front{background-image:var(--grain),radial-gradient(ellipse at 15% 20%,#fff5d677,transparent 65%),linear-gradient(145deg,#d5bd8e,#e1cca3 40%,#b89b6b);box-shadow:inset 0 -2px 3px #7a5c3888,inset 2px 0 4px #fff0c677}
.front:after{background:linear-gradient(32deg,transparent 49.2%,#8b704b55 49.7%,#fff2d288 50%,transparent 50.5%),linear-gradient(-32deg,transparent 49.2%,#7e5d3b44 49.7%,#fff0cc77 50%,transparent 50.5%),radial-gradient(ellipse at bottom,#8c642e22,transparent 65%)}
.address{color:#665034;text-shadow:0 1px #fff0d288;bottom:27px;font-size:15px}
.seal{height:86px;width:88px;border:0;border-radius:46% 52% 48% 44% / 49% 44% 55% 51%;background-image:var(--grain),radial-gradient(ellipse at 26% 14%,#f09a7277 0%,transparent 24%),radial-gradient(ellipse at 68% 82%,#34090888,transparent 50%),radial-gradient(circle at 40% 30%,#bd5441,#8a2c29 55%,#631c1c 85%);box-shadow:inset 2px 3px 2px #f1a384aa,inset -3px -4px 3px #3c0b1299,inset 0 0 0 5px #a84232,2px 4px 1px #481d1577,5px 10px 11px #3b241888;isolation:isolate;color:#5e201d;text-shadow:0 1px 1px #e79c78,0 -1px 1px #330704;font-size:39px}
.seal:before{content:'';position:absolute;inset:10px;border:1px solid #5b201ca6;border-radius:50%;box-shadow:0 1px 1px #e79170,inset 0 2px 3px #50141488;pointer-events:none}
.seal:after{content:'';position:absolute;inset:5px;border-radius:47%;border-top:2px solid #f5b09255;transform:rotate(-25deg);pointer-events:none}
.letter{background-image:var(--grain),linear-gradient(0deg,transparent 49.6%,#8f73331c 49.9%,#fff8df99 50.1%,transparent 50.6%),radial-gradient(ellipse at 48% 35%,#fff8e0 0%,#f0e2bf 68%,#dac28e 100%);border:1px solid #d4bc88;box-shadow:inset 0 0 24px #aa77352b,1px 2px 2px #fff0c6,5px 8px 9px #4b341f55,14px 28px 32px #0b140c66;text-shadow:0 .5px .4px #6f4f2222;border-radius:2px 1px 3px 2px}
.letter:before{inset:12px;border:1px solid #9677455c;box-shadow:inset 0 0 0 3px #e5d4ad55}
.letter h2{color:#523822}.letter strong{color:#862d26}.signature{font-family:'Palatino Linotype','Book Antiqua',Georgia,serif;font-size:32px;transform:rotate(-5deg);text-shadow:0 1px 1px #4b301122}
.tree{filter:drop-shadow(0 1px 0 #fff5d5)}
.hint{color:#ecd7a9;text-shadow:0 2px 5px #06160b;font-size:10px}
.reset{color:#f4dfb7;text-shadow:0 2px 6px #000;min-height:44px}.footer{color:#c8b893;text-shadow:0 2px 5px #05120a}
.open .stage{transform:rotate(0deg)}
.open .letter{transform:translateY(-260px) rotate(1deg)}
@media(max-width:600px){body{background-position:center}.stage{margin-top:52px}.seal{height:75px;width:76px;font-size:33px}.address{font-size:13px}.open .letter{transform:translateY(-395px) rotate(.5deg)}h1{letter-spacing:-.8px}.letter{padding-left:19px;padding-right:19px}.letter .eyebrow{letter-spacing:1.5px}.details{gap:9px}.signature{font-size:29px}}
@media print{body{background:white}.stage{filter:none;transform:none}.letter,.open .letter{transform:none;box-shadow:none}.letter:before{box-shadow:none}}