/* User-supplied jewelry photographs, displayed on the invitation paper. */
.rings{position:relative;display:block;isolation:isolate;width:310px;max-width:90%;height:180px;margin:24px auto 16px;direction:ltr}
.rings img{position:absolute;width:186px;height:186px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 6px 4px #4b402f10)}
.ring-silver{left:22px;top:10px;transform:rotate(-18deg);z-index:1}
.ring-diamond{right:14px;top:-8px;transform:rotate(13deg);z-index:2}
#envelope{background-image:linear-gradient(#0c1e1226,#0a1b1844),url('embossed-paper.jpg');background-size:cover;background-position:center;background-color:#3c4930;padding:52px 30px;gap:clamp(20px,4vh,34px)}
#envelope .fold{background:none!important;opacity:1;position:absolute;inset:0;overflow:hidden;pointer-events:none}
.flap{position:absolute;inset:0;background-image:linear-gradient(#1b29121a,#11221614),url('embossed-paper.jpg');background-size:cover;background-position:center}
.flap-left{clip-path:polygon(0 0,52% 57%,0 100%);filter:brightness(.86)}
.flap-right{clip-path:polygon(100% 0,48% 57%,100% 100%);filter:brightness(.91)}
.flap-top{clip-path:polygon(0 0,100% 0,50% 57%);filter:drop-shadow(0 8px 4px #0008);background-image:linear-gradient(#17321b33,#0b1a1355),url('embossed-paper.jpg')}
#envelope .fold:after{content:'';position:absolute;inset:0;background:linear-gradient(37deg,transparent 49.83%,#122014aa 49.95%,#e0d3a533 50.05%,transparent 50.16%),linear-gradient(-37deg,transparent 49.83%,#122014aa 49.95%,#e0d3a533 50.05%,transparent 50.16%);opacity:.65}
.envelope-frame,#envelope:before,#envelope:after{display:none}
#envelope .envelope-top{z-index:1;padding:14px 30px;max-width:840px;text-shadow:0 2px 7px #07170dbb;background:radial-gradient(ellipse,#18281c8a,transparent 72%);border-radius:50%}
#envelope .envelope-top h1{color:#f5ebd2;text-shadow:0 2px 6px #07170d99}
#envelope .eyebrow{color:#fff1d6}
#envelope .envelope-bottom{z-index:1;padding:12px 24px;background:radial-gradient(ellipse,#17271ab0,transparent 75%);text-shadow:0 2px 6px #0008}
#envelope .open-hint{color:#fff4df}
#envelope .open-hint span{color:#eadfbe}
#envelope #seal{width:162px;height:162px;position:relative;top:auto;transform:rotate(-4deg);border:0;background-color:transparent;background-image:url('envelope-reference.jpg');background-size:264% auto;background-position:49.8% 45.8%;border-radius:47% 53% 45% 55% / 44% 48% 52% 56%;box-shadow:0 10px 24px #07150880;filter:drop-shadow(0 3px 1px #18271399);text-shadow:none;z-index:2;transition:transform .25s,filter .25s}
#envelope #seal:hover{scale:1;transform:rotate(0) scale(1.04);filter:drop-shadow(0 5px 5px #071508aa)}
#envelope #seal:before{display:none}
#envelope #seal span,#envelope #seal small{display:none}
#envelope #seal:focus-visible{outline:3px solid #f5e6c5;outline-offset:8px}
#envelope .language-switch{background:#142719d9;border-color:#e5d6a077;box-shadow:0 4px 15px #08190e44;text-shadow:none}
.hero{min-height:1000px}.hero .halo{height:890px}
@media(max-width:800px){
#envelope{padding:38px 20px;gap:25px;background-size:auto 100%}
#envelope .envelope-top{padding:15px 0;max-width:100%}
#envelope .envelope-top h1,html[lang=en] #envelope .envelope-top h1{font-size:clamp(46px,12vw,75px);margin:16px 0}
#envelope .envelope-bottom{padding:10px 8px}
#envelope #seal{width:145px;height:145px}
.flap{background-size:auto 100%}
.rings{width:260px;height:155px;margin:20px auto 12px}
.rings img{width:160px;height:160px}
.ring-silver{left:12px}.ring-diamond{right:6px}
.hero{min-height:915px;padding-top:65px}.hero .halo{height:840px}
}
@media(max-height:650px){#envelope{padding:25px 20px;gap:16px}#envelope .envelope-top h1,html[lang=en] #envelope .envelope-top h1{font-size:52px;margin:6px 0}#envelope #seal{width:115px;height:115px}.envelope-bottom{gap:14px}#envelope .open-hint span{font-size:19px}}
@media(prefers-reduced-motion:no-preference){.rings{animation:appear-rings 1s ease-out both}@keyframes appear-rings{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}
.rings{mix-blend-mode:multiply}
.flap-top{clip-path:none;background:none;filter:drop-shadow(0 6px 5px #020b06bb)}
.flap-top:before{content:'';position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 57%);background-image:linear-gradient(#11221533,#0b1a1344),url('embossed-paper.jpg');background-size:cover;background-position:center}
@media(max-width:800px){.flap-top:before{background-size:auto 100%}}
#envelope #seal{background-image:url('ivory-seal.png');background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:0;box-shadow:none;filter:drop-shadow(0 8px 9px #07150888);width:180px;height:180px}
@media(max-width:800px){#envelope #seal{width:165px;height:165px}}
@media(max-height:650px){#envelope #seal{width:125px;height:125px}}
.rings img{filter:none}