.suite-envelope{--flap-clip:polygon(0 0, 100% 0, 53% 96%, 50% 100%, 47% 96%);--flap-height:58%;--paper-grain:radial-gradient(#37291b0b .55px, transparent .8px);--paper-grain-size:3px 3px;--paper-sheen:linear-gradient(145deg, #ffffff12, #00000005);isolation:isolate;aspect-ratio:1.46;width:100%;color:var(--envelope-ink);perspective:1100px;position:relative;container-type:inline-size}.suite-envelope[data-shape=euro]{--flap-clip:polygon(0 0, 100% 0, 84% 44%, 69% 73%, 57% 93%, 50% 100%, 43% 93%, 31% 73%, 16% 44%);--flap-height:63%}.suite-envelope[data-shape=square]{--flap-clip:polygon(0 0, 100% 0, 100% 92%, 98% 100%, 2% 100%, 0 92%);--flap-height:43%}.suite-envelope[data-shape=rounded]{--flap-clip:ellipse(72% 100% at 50% 0%);--flap-height:53%}.suite-envelope[data-paper=smooth]{--paper-grain:none;--paper-sheen:linear-gradient(125deg, #ffffff25, #fff0 60%, #00000008)}.suite-envelope[data-paper=cotton]{--paper-grain:radial-gradient(ellipse at 30% 40%, #37291b13 .5px, transparent 1px), radial-gradient(#ffffff8a .5px, transparent 1px);--paper-grain-size:3px 4px, 5px 3px}.suite-envelope[data-paper=linen]{--paper-grain:repeating-linear-gradient(0deg, #37291b0c 0 .5px, transparent .5px 3px), repeating-linear-gradient(90deg, #ffffff38 0 .7px, #37291b0a .7px 1px, transparent 1px 4px);--paper-grain-size:4px 3px}.suite-envelope[data-paper=kraft]{--paper-grain:repeating-linear-gradient(15deg, #78491512 0 1px, transparent 1px 7px), radial-gradient(#623b1733 .5px, transparent 1px);--paper-grain-size:9px 7px, 4px 5px;--paper-sheen:linear-gradient(145deg, #b58a471a, #70411b12)}.suite-envelope[data-paper=pearl]{--paper-grain:radial-gradient(#ffffffa6 .5px, transparent .9px);--paper-sheen:linear-gradient(125deg, #ffffff52, #d7cce51a 34%, #fff6 52%, #d1d9e226 74%, #00000009)}.suite-envelope[data-paper=vellum]{--paper-grain:radial-gradient(#ffffff52 .6px, transparent 1px);--paper-sheen:linear-gradient(120deg, #ffffff45, #ffffff17 50%, #ffffff3b)}.suite-envelope[data-paper=matte]{--paper-grain:radial-gradient(#37291b0a .6px, transparent .9px);--paper-grain-size:2px 2px;--paper-sheen:linear-gradient(#ffffff05, #00000003)}.suite-envelope__body{background:var(--envelope-color);border-radius:3px 3px 7px 7px;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 3px #24172f12,0 12px 24px -12px #24172f4d,0 34px 50px -30px #24172f4d,inset 0 0 0 1px #24172f12}.suite-envelope[data-shape=rounded] .suite-envelope__body{border-radius:8px 8px 18px 18px}.suite-envelope__interior{background:var(--liner-color);position:absolute;inset:1.5%}.suite-envelope__interior:after{content:"";background:linear-gradient(#21172526,#0000 48%);position:absolute;inset:0;box-shadow:inset 0 0 12px #21172524}.suite-envelope__fold,.suite-envelope__pocket,.suite-envelope__flap-paper{background-color:var(--envelope-color);background-image:var(--paper-grain), var(--paper-sheen);background-size:var(--paper-grain-size), 100% 100%;position:absolute;inset:0}.suite-envelope__fold--left{clip-path:polygon(0 0,55% 56%,0 100%);filter:brightness(.96)}.suite-envelope__fold--right{clip-path:polygon(100% 0,45% 56%,100% 100%);filter:brightness(.985)}.suite-envelope__pocket{clip-path:polygon(0 100%,0 7%,47% 53%,50% 54%,53% 53%,100% 7%,100% 100%)}.suite-envelope__pocket:after{content:"";background:linear-gradient(150deg,#0000 46%,#24172f0a 49%,#0000 50%),linear-gradient(210deg,#0000 46%,#24172f0a 49%,#0000 50%);position:absolute;inset:0}.suite-envelope[data-paper=vellum] .suite-envelope__fold,.suite-envelope[data-paper=vellum] .suite-envelope__pocket{opacity:.88}.suite-envelope__flap{z-index:2;height:var(--flap-height);transform-origin:50% 0;filter:drop-shadow(0 2px 1px #24172f30);transition:transform .52s cubic-bezier(.22,.7,.25,1);position:absolute;inset:0 0 auto}.suite-envelope__flap-paper{clip-path:var(--flap-clip)}.suite-envelope__flap-liner{clip-path:var(--flap-clip);background:var(--liner-color);opacity:0;transition:opacity .14s;position:absolute;inset:4% 3% 6%}.suite-envelope[data-open=true] .suite-envelope__flap{z-index:-1;filter:drop-shadow(0 -1px 1px #24172f20);transform:rotateX(180deg)}.suite-envelope[data-open=true] .suite-envelope__flap-liner{opacity:1;transition-delay:.18s}.suite-envelope__liner-pattern{background-color:var(--liner-color);color:var(--liner-ink);position:absolute;inset:0}.suite-envelope__liner-pattern[data-pattern]:has(svg){background-image:none}.suite-envelope__liner-pattern[data-pattern=foil]{background-image:repeating-linear-gradient(135deg, transparent 0 22px, var(--liner-ink) 22px 23px, transparent 23px 27px, var(--liner-ink) 27px 27.5px, transparent 27.5px 48px)}.suite-envelope__liner-pattern[data-pattern=floral]{background-image:radial-gradient(ellipse at 25% 20%, var(--liner-ink) 0 9%, transparent 10%), radial-gradient(ellipse at 60% 65%, var(--liner-ink) 0 12%, transparent 13%);background-size:34px 48px}.suite-envelope__liner-pattern[data-pattern=wash]{background-image:radial-gradient(ellipse at 15% 20%, color-mix(in srgb, var(--liner-ink), transparent 55%), transparent 50%), radial-gradient(ellipse at 90% 75%, color-mix(in srgb, var(--liner-ink), transparent 35%), transparent 60%)}.suite-envelope__liner-pattern[data-pattern=grid]{background-image:linear-gradient(color-mix(in srgb, var(--liner-ink), transparent 55%) .6px, transparent .6px), linear-gradient(90deg, color-mix(in srgb, var(--liner-ink), transparent 55%) .6px, transparent .6px);background-size:22px 22px}.suite-envelope__liner-pattern[data-pattern=dots]{background-image:radial-gradient(var(--liner-ink) 1.8px, transparent 2px);background-size:18px 18px}.suite-envelope__liner-pattern[data-pattern=stripes]{background-image:repeating-linear-gradient(125deg, transparent 0 14px, color-mix(in srgb, var(--liner-ink), transparent 35%) 14px 17px, transparent 17px 29px)}.suite-envelope__liner-pattern[data-pattern=scatter]{background-image:radial-gradient(ellipse at 20% 20%, var(--liner-ink) 0 4%, transparent 5%), radial-gradient(ellipse at 65% 70%, var(--liner-ink) 0 5%, transparent 6%), linear-gradient(55deg, transparent 47%, color-mix(in srgb, var(--liner-ink), transparent 40%) 48% 50%, transparent 51%);background-size:27px 39px,31px 28px,52px 61px}.suite-envelope__liner-pattern[data-pattern=tiles]{background-image:conic-gradient(color-mix(in srgb, var(--liner-ink), transparent 65%) 25%, transparent 0 50%, color-mix(in srgb, var(--liner-ink), transparent 65%) 0 75%, transparent 0);background-size:22px 22px}.suite-envelope__seal{z-index:4;top:calc(var(--flap-height) - 12%);width:22%;transition:opacity .14s,transform .2s;position:absolute;left:39%}.suite-envelope[data-open=true] .suite-envelope__seal{opacity:0;pointer-events:none;transform:translateY(8%)scale(.92)}.suite-seal{transform-origin:50%;width:100%;height:auto;transition:transform .14s,filter .14s;display:block;overflow:visible}.suite-seal[data-pressed=true]{filter:brightness(.97);transform:translateY(1px)scale(.96)}.suite-seal__mark{color:color-mix(in srgb, var(--seal-color), #211725 36%);font-family:var(--font-display,Georgia, serif)}.suite-seal[data-finish=paper-emboss] .suite-seal__mark{color:color-mix(in srgb, var(--seal-color), #211725 18%)}.suite-envelope[data-legacy-envelope=true]{--flap-height:50%;--flap-clip:polygon(0 0, 50% 100%, 100% 0);aspect-ratio:460/320;perspective:none;border-radius:4px}.suite-envelope[data-legacy-envelope=true] .suite-envelope__body{background:0 0;border-radius:4px;overflow:visible;box-shadow:0 15px 35px #00000026,0 35px 70px #00000038}.suite-envelope[data-legacy-envelope=true] .suite-envelope__interior{display:none}.suite-envelope[data-legacy-envelope=true] .suite-envelope__fold{background-color:#0000;background-size:auto;width:50%}.suite-envelope[data-legacy-envelope=true] .suite-envelope__fold--left{clip-path:polygon(0 0,100% 50%,0 100%);background-image:linear-gradient(135deg, var(--envelope-color) 40%, #0000000a 100%);filter:drop-shadow(-2px 4px 6px #0000001f)}.suite-envelope[data-legacy-envelope=true] .suite-envelope__fold--right{clip-path:polygon(100% 0,0 50%,100% 100%);background-image:linear-gradient(-135deg, var(--envelope-color) 40%, #0000000a 100%);filter:drop-shadow(2px 4px 6px #0000001f);left:50%}.suite-envelope[data-legacy-envelope=true] .suite-envelope__pocket{clip-path:polygon(0 100%,50% 0,100% 100%);background:linear-gradient(to top, var(--envelope-color) 40%, #0000000f 100%);filter:drop-shadow(0 -3px 8px #00000014);height:60%;top:auto}.suite-envelope[data-legacy-envelope=true] .suite-envelope__pocket:after{display:none}.suite-envelope[data-legacy-envelope=true] .suite-envelope__flap{clip-path:var(--flap-clip);filter:drop-shadow(0 4px 8px #00000026)}.suite-envelope[data-legacy-envelope=true] .suite-envelope__flap-paper{background:linear-gradient(180deg, var(--envelope-color) 80%, #0000000f 100%)}.suite-envelope[data-legacy-envelope=true] .suite-envelope__flap-liner{opacity:1;clip-path:polygon(4px 0,50% calc(100% - 6px),calc(100% - 4px) 0);background:0 0;inset:0}.suite-envelope[data-legacy-envelope=true] .suite-envelope__seal,.suite-envelope__legacy-crest{z-index:5;width:64px;height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-20%)}.suite-envelope[data-legacy-envelope=true] .suite-envelope__seal{background:var(--seal-color);border:1px solid #0000000f;border-radius:48% 52% 46% 54%/50% 46% 54% 50%;overflow:hidden;box-shadow:0 8px 20px #00000040,0 2px 4px #0000001a,inset 0 -5px 10px #0006,inset 0 5px 10px #ffffff40,inset 0 0 8px #00000026}.suite-envelope[data-legacy-envelope=true] .suite-seal{visibility:hidden}.suite-envelope__legacy-crest{pointer-events:none;justify-content:center;align-items:center;transition:opacity .14s;display:flex}.suite-envelope__legacy-crest span{background:var(--seal-color);filter:brightness(.94);color:#ffffffe0;text-shadow:.5px .5px #ffffff4d,-.5px -.5px #00000080;border:1.5px solid #0000001f;border-radius:50%;justify-content:center;align-items:center;width:76%;height:76%;font:700 22px/1 Times New Roman,serif;display:flex;box-shadow:inset 0 3px 5px #00000059,0 1px 2px #fff3}.suite-envelope[data-legacy-envelope=true][data-open=true] .suite-envelope__seal{transform:translate(-50%,-20%)scale(.92)}.suite-envelope[data-open=true] .suite-envelope__legacy-crest{opacity:0}@media (max-width:480px){.suite-envelope[data-legacy-envelope=true]{aspect-ratio:320/220}.suite-envelope[data-legacy-envelope=true] .suite-envelope__seal,.suite-envelope__legacy-crest{width:46px;height:46px}}.suite-envelope__address{z-index:3;font:400 clamp(12px, 4.1cqi, 26px)/1.35 var(--font-display,Georgia, serif);text-align:center;overflow-wrap:anywhere;position:absolute;inset:auto 9% 12%}.suite-envelope__address:before{content:"";z-index:-1;background:var(--envelope-color);border-radius:2px;position:absolute;inset:-.35em -.6em}.suite-envelope__address span{display:block}.suite-envelope__address[data-address-placement=left]{text-align:left}.suite-envelope__address[data-address-placement=right]{text-align:right}.suite-envelope__address[data-address-style=sans]{font-family:var(--font-body,Arial, sans-serif);letter-spacing:.025em;font-size:clamp(12px,3.6cqi,23px)}.suite-envelope__address[data-address-style=script]{font-family:var(--font-script,var(--font-display,Georgia, serif));font-style:italic}.suite-envelope__address[data-address-style=monogram]{font-variant:small-caps;letter-spacing:.08em}.suite-envelope__address[data-address-style=editorial]{font-family:var(--font-display,Georgia, serif);letter-spacing:-.035em;font-weight:700}.suite-envelope__address[data-address-style=typewriter]{letter-spacing:-.025em;font-family:Courier New,Courier,monospace;font-size:clamp(12px,3.5cqi,22px)}.suite-envelope__address[data-address-style=engraved]{text-transform:uppercase;letter-spacing:.16em;font-family:Georgia,serif;font-size:clamp(11px,3.2cqi,21px)}.suite-envelope__address[data-address-style=handwritten]{letter-spacing:.02em;font-family:Bradley Hand,Segoe Print,Comic Sans MS,cursive;font-weight:400}.suite-envelope__postage{z-index:3;aspect-ratio:5/6;width:13%;color:var(--postage-ink);background:var(--postage-paper);border:2px dotted color-mix(in srgb, var(--postage-ink), transparent 65%);position:absolute;top:7%;right:6%;transform:rotate(5deg);box-shadow:0 1px 2px #21172526}.suite-envelope__postage svg{width:100%;height:100%;display:block}.suite-envelope__postmark{opacity:.22;border-block:1px solid;border-radius:50%;width:110%;height:45%;position:absolute;top:36%;right:65%;transform:rotate(-12deg)}.suite-envelope__postmark:after{content:"";border-block:1px solid;border-radius:50%;position:absolute;inset:25% 0}@media (prefers-reduced-motion:reduce){.suite-envelope__legacy-crest{transition:none}.suite-envelope__flap,.suite-envelope__flap-liner,.suite-envelope__seal,.suite-seal{transition:none;animation:none}.suite-seal[data-pressed=true]{transform:none}.suite-envelope[data-open=true] .suite-envelope__flap{--flap-clip:polygon(0 100%, 100% 100%, 53% 4%, 50% 0, 47% 4%);top:auto;bottom:100%;transform:none}.suite-envelope[data-open=true][data-shape=euro] .suite-envelope__flap{--flap-clip:polygon(0 100%, 100% 100%, 84% 56%, 69% 27%, 57% 7%, 50% 0, 43% 7%, 31% 27%, 16% 56%)}.suite-envelope[data-open=true][data-shape=square] .suite-envelope__flap{--flap-clip:polygon(0 100%, 100% 100%, 100% 8%, 98% 0, 2% 0, 0 8%)}.suite-envelope[data-open=true][data-shape=rounded] .suite-envelope__flap{--flap-clip:ellipse(72% 100% at 50% 100%)}.suite-envelope[data-open=true] .suite-envelope__flap-liner{opacity:1;inset:6% 3% 4%}.suite-envelope[data-open=true] .suite-envelope__seal{opacity:0;transform:none}.suite-envelope[data-legacy-envelope=true][data-open=true] .suite-envelope__flap{--flap-clip:polygon(0 100%, 50% 0, 100% 100%)}.suite-envelope[data-legacy-envelope=true][data-open=true] .suite-envelope__flap-liner{clip-path:polygon(4px 100%,50% 6px,calc(100% - 4px) 100%);inset:0}.suite-envelope[data-legacy-envelope=true][data-open=true] .suite-envelope__seal{transform:none}}