.o7-KWq_gate{--turn:.72s;--unpick:.26s;--flap:.7s;--flap-at:calc(var(--turn) + 1.25s);--rise:1s;--rise-at:calc(var(--turn) + 1.7s);--enter-at:calc(var(--turn) + 2.5s);--paper:#f5e3df;--paper-fold:#eed4ce;--paper-in:#e4c4be;--sheet:#fff;--shade:92 30 30;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .36  0 0 0 0 .12  0 0 0 0 .12  0 0 0 .075 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--lift:0 1px 1px rgb(var(--shade) / .08), 0 3px 8px rgb(var(--shade) / .08), 0 28px 48px -18px rgb(var(--shade) / .32);z-index:70;overscroll-behavior:contain;background:var(--linen) radial-gradient(circle at 1px 1px, var(--hole) .8px, transparent 1.2px) 0 0 / var(--m) var(--m);padding:calc(var(--m) * 12) 16px calc(var(--m) * 6);flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden auto}.o7-KWq_gate:before,.o7-KWq_gate:after{content:"";margin-block:auto}.o7-KWq_lang{position:absolute;top:16px;right:16px}@media (min-width:720px){.o7-KWq_lang{top:24px;right:32px}}.o7-KWq_stage{align-items:center;gap:calc(var(--m) * 5);flex-direction:column;width:min(44rem,100%,90svh - 198px);min-width:min(100%,18rem);display:flex}.o7-KWq_env{aspect-ratio:10/7;width:100%;position:relative}.o7-KWq_env[data-ready]{cursor:pointer}.o7-KWq_face{backface-visibility:hidden;position:absolute;inset:0}.o7-KWq_letter:after{content:"";pointer-events:none;--c:var(--ink);background:linear-gradient(90deg, var(--c) 0 5px, transparent 5px 8px) left top / 8px 2px round no-repeat, linear-gradient(90deg, var(--c) 0 5px, transparent 5px 8px) left bottom / 8px 2px round no-repeat, linear-gradient(180deg, var(--c) 0 5px, transparent 5px 8px) left top / 2px 8px no-repeat round, linear-gradient(180deg, var(--c) 0 5px, transparent 5px 8px) right top / 2px 8px no-repeat round;background-repeat:round no-repeat,round no-repeat,no-repeat round,no-repeat round;position:absolute;inset:7px}.o7-KWq_front{background:var(--grain), linear-gradient(165deg, #ffffff73, transparent 42%), linear-gradient(to top, rgb(var(--shade) / .04), transparent 30%), var(--paper);box-shadow:var(--lift);transform:perspective(1600px)rotateY(0);container-type:inline-size}.o7-KWq_back{visibility:hidden;transform:perspective(1600px)rotateY(-180deg)}.o7-KWq_sender{--cell:3px;position:absolute;top:10%;left:8%}.o7-KWq_stamp{aspect-ratio:5/6;border:8px solid #0000;border-image:var(--x-red) 8 round;background:var(--sheet) padding-box;width:clamp(64px,17%,112px);box-shadow:0 1px 2px rgb(var(--shade) / .18);place-items:center;display:grid;position:absolute;top:9%;right:7%}.o7-KWq_stampArt{--cell:4px}.o7-KWq_postmark{fill:none;width:clamp(76px,19%,124px);stroke:var(--ink-2);stroke-width:1.5px;stroke-dasharray:5 3;position:absolute;top:17%;right:calc(7% + clamp(40px,11%,72px));overflow:visible}.o7-KWq_postmark text{fill:var(--ink-2);stroke:none;font:700 9.5px/1 var(--font-d);letter-spacing:.18em}.o7-KWq_postmark .o7-KWq_pmDay{letter-spacing:.04em;font-size:13px}@media (min-width:720px){.o7-KWq_sender{--cell:4px}.o7-KWq_stampArt{--cell:6px}}.o7-KWq_address{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:13%;left:8%;right:8%}.o7-KWq_toLabel{color:var(--ink-2);font-size:clamp(.875rem,.8rem + .45vw,1.125rem)}.o7-KWq_toName{font:700 clamp(1.5rem, 6.25cqi, 2.75rem) / 1.08 var(--font-d);letter-spacing:-.02em;text-wrap:balance;overflow-wrap:anywhere;padding-bottom:8px}.o7-KWq_address[data-size=l] .o7-KWq_toName{font-size:clamp(1.125rem,4.4cqi,2.125rem);line-height:1.1}.o7-KWq_address[data-size=xl] .o7-KWq_toName{padding-bottom:6px;font-size:clamp(1rem,3.6cqi,1.75rem);line-height:1.12}.o7-KWq_address[data-size=xl] .o7-KWq_line2{margin-top:clamp(10px,2.5cqi,18px)}.o7-KWq_line{background:linear-gradient(90deg, var(--ink) 0 5px, transparent 5px 8px) left / 8px 2px round no-repeat;width:100%;height:2px;display:block}.o7-KWq_line2{width:58%;margin-top:clamp(14px,3.5cqi,24px)}.o7-KWq_inside{background:linear-gradient(to bottom, rgb(var(--shade) / .14), transparent 55%), var(--paper-in);box-shadow:var(--lift);position:absolute;inset:0}.o7-KWq_inside:before,.o7-KWq_flapIn:before{content:"";background:var(--liner) center top / 48px 48px, var(--sheet);position:absolute}.o7-KWq_inside:before{clip-path:polygon(0 0,100% 0,50% 96%);inset:4% 4% 40%}.o7-KWq_letter{z-index:2;text-align:center;background:var(--grain), var(--sheet);height:92%;box-shadow:0 0 0 1px rgb(var(--shade) / .06), 0 -2px 10px -4px rgb(var(--shade) / .18);flex-direction:column;align-items:center;padding:7% 6% 0;display:flex;position:absolute;top:4%;left:6%;right:6%}.o7-KWq_letter:after{--c:var(--red);inset:10px}.o7-KWq_letter>*{transition:opacity .2s}.o7-KWq_greet{font:700 clamp(1rem, .85rem + .7vw, 1.375rem) / 1.2 var(--font-d)}.o7-KWq_names{width:min(78%,22rem);margin-top:clamp(10px,4%,24px)}.o7-KWq_when{font:700 clamp(.875rem, .8rem + .5vw, 1.1875rem) / 1.3 var(--font-d);margin-top:clamp(10px,4%,22px)}.o7-KWq_where{color:var(--ink-2);font-size:clamp(.875rem,.8rem + .4vw,1.0625rem);line-height:1.4}.o7-KWq_welcome{margin-top:clamp(8px,3%,16px);font-size:clamp(.875rem,.8rem + .45vw,1.125rem);line-height:1.4}.o7-KWq_pocket{z-index:3;pointer-events:none;position:absolute;inset:0}.o7-KWq_sides{filter:drop-shadow(0 0 3px rgb(var(--shade) / .16));position:absolute;inset:0}.o7-KWq_sideL,.o7-KWq_sideR,.o7-KWq_bottomShape{position:absolute;inset:0}.o7-KWq_sideL{clip-path:polygon(0 0,53% 57%,0 100%);background:var(--grain), linear-gradient(90deg, var(--paper) 10%, var(--paper-fold)), var(--paper)}.o7-KWq_sideR{clip-path:polygon(100% 0,47% 57%,100% 100%);background:var(--grain), linear-gradient(270deg, var(--paper) 10%, var(--paper-fold)), var(--paper)}.o7-KWq_bottom{filter:drop-shadow(0 -2px 3px rgb(var(--shade) / .16));position:absolute;inset:0}.o7-KWq_bottomShape{clip-path:polygon(0 100%,50% 46%,100% 100%);background:var(--grain), linear-gradient(to top, #ffffff59, transparent 70%), var(--paper)}.o7-KWq_flap{z-index:5;transform-origin:50% 0;backface-visibility:hidden;height:58%;filter:drop-shadow(0 2px 2px rgb(var(--shade) / .16)) drop-shadow(0 10px 12px rgb(var(--shade) / .12));position:absolute;top:0;left:0;right:0;transform:perspective(900px)rotateX(0)}.o7-KWq_flapShape{background:var(--grain), linear-gradient(to bottom, #fff6, transparent 60%), var(--paper);clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;inset:0}.o7-KWq_flapIn{z-index:1;background:var(--paper-in);clip-path:polygon(0 100%,100% 100%,50% 0);transform-origin:50% 100%;backface-visibility:hidden;height:58%;position:absolute;bottom:100%;left:0;right:0;transform:perspective(900px)rotateX(-180deg)}.o7-KWq_flapIn:before{clip-path:polygon(0 100%,100% 100%,50% 18%);background-position:bottom;inset:7% 7% 0}.o7-KWq_seal{z-index:6;aspect-ratio:1;width:42%;position:absolute;top:58%;left:50%;translate:-50% -50%}.o7-KWq_seal:before{content:"";background:var(--grain), var(--sheet);box-shadow:0 1px 2px rgb(var(--shade) / .18), 0 8px 16px -6px rgb(var(--shade) / .3);border-radius:50%;position:absolute;inset:8%}.o7-KWq_sealRing{position:relative}.o7-KWq_seal .o7-KWq_sealMark{width:36%;position:absolute;top:50%;left:50%;translate:-50% -50%}.o7-KWq_act{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:36rem;display:flex}.o7-KWq_form{flex-direction:column;align-items:center;width:100%;display:flex}.o7-KWq_form .field{flex-direction:column;align-items:center;display:flex}.o7-KWq_form .field-hint{max-width:34ch}.o7-KWq_form .field-error{text-align:left}.o7-KWq_row{justify-content:center;align-items:center;gap:calc(var(--m) * 2);margin-top:calc(var(--m) * 2);flex-wrap:wrap;display:flex}.o7-KWq_code{text-align:center;text-transform:uppercase;width:11rem}.o7-KWq_form .btn-primary{min-width:0}.o7-KWq_help{color:var(--ink-2);margin-top:calc(var(--m) * 3);max-width:36ch;font-size:1.0625rem}.o7-KWq_enter{left:0;right:0;bottom:max(24px, env(safe-area-inset-bottom));z-index:8;pointer-events:none;justify-content:center;display:flex;position:fixed}.o7-KWq_enter .btn{pointer-events:auto;background:var(--linen)}.o7-KWq_gate:not([data-step=closed]) .o7-KWq_front{visibility:hidden;transform:perspective(1600px)rotateY(180deg)}.o7-KWq_gate:not([data-step=closed]) .o7-KWq_back{visibility:visible;transform:perspective(1600px)rotateY(0)}.o7-KWq_gate:not([data-step=closed]) .o7-KWq_seal{visibility:hidden}.o7-KWq_gate:not([data-step=closed]) .o7-KWq_flap{transform:perspective(900px)rotateX(180deg)}.o7-KWq_gate:not([data-step=closed]) .o7-KWq_flapIn{transform:perspective(900px)rotateX(0)}.o7-KWq_gate:not([data-step=closed]) .o7-KWq_letter{box-shadow:0 0 0 1px rgb(var(--shade) / .06), 0 2px 4px rgb(var(--shade) / .1), 0 24px 40px -14px rgb(var(--shade) / .35);transform:translateY(-60%)}.o7-KWq_gate:not([data-step=closed]) .o7-KWq_env{transform:translateY(min(12svh,22%))}@media (max-width:719px){.o7-KWq_gate:not([data-step=closed]) .o7-KWq_letter{transform:translateY(-80%)}.o7-KWq_gate:not([data-step=closed]) .o7-KWq_env{transform:translateY(30%)}}@keyframes o7-KWq_lay{0%{opacity:0;transform:translateY(32px)rotate(-2deg)}}@keyframes o7-KWq_sew-line{0%{clip-path:inset(0 100% 0 0);opacity:.4}12%{opacity:1}to{clip-path:inset(0)}}@keyframes o7-KWq_rise-in{0%{opacity:0;transform:translateY(8px)}}[data-motion=on] .o7-KWq_env{animation:o7-KWq_lay 1s var(--ease) backwards;transition:transform var(--rise) var(--ease) calc(var(--turn) + 1.5s)}:is([data-motion=on] .o7-KWq_toName,[data-motion=on] .o7-KWq_toLabel){animation:o7-KWq_rise-in .6s var(--ease) .35s backwards}[data-motion=on] .o7-KWq_line{animation:1s cubic-bezier(.45,.05,.25,1) .75s backwards o7-KWq_sew-line}[data-motion=on] .o7-KWq_line2{animation-duration:.65s;animation-delay:1.35s}[data-motion=on] .o7-KWq_address[data-again] .o7-KWq_toName{animation-duration:.5s;animation-delay:0s}[data-motion=on] .o7-KWq_address[data-again] .o7-KWq_line{animation-duration:.65s;animation-delay:.2s}[data-motion=on] .o7-KWq_address[data-again] .o7-KWq_line2{animation-duration:.45s;animation-delay:.55s}[data-motion=on] .o7-KWq_act{animation:o7-KWq_rise-in .7s var(--ease) .7s backwards}@media (hover:hover){[data-motion=on] .o7-KWq_gate[data-step=closed] .o7-KWq_env[data-ready]:hover{transition:transform .36s var(--ease);transform:translateY(-6px)rotate(-.6deg)}}[data-motion=on] .o7-KWq_face{transition:transform var(--turn) cubic-bezier(.65, 0, .35, 1), visibility 0s calc(var(--turn) / 2)}@keyframes o7-KWq_unpick{0%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}[data-motion=on] .o7-KWq_gate:not([data-step=closed]) .o7-KWq_seal{visibility:visible;opacity:0;transition:opacity .3s calc(var(--turn) + var(--unpick) + 1s)}[data-motion=on] .o7-KWq_gate:not([data-step=closed]) .o7-KWq_sealMark .st.run{animation:o7-KWq_unpick calc(var(--dur) * .35) linear calc(var(--turn) + (.8s - var(--d) - var(--dur)) * .35) forwards}[data-motion=on] .o7-KWq_gate:not([data-step=closed]) .o7-KWq_sealRing .st.run{animation:o7-KWq_unpick calc(var(--dur) * .4) linear calc(var(--turn) + var(--unpick) + (2.3s - var(--d) - var(--dur)) * .4) forwards}:is([data-motion=on] .o7-KWq_flap,[data-motion=on] .o7-KWq_flapIn){transition:transform var(--flap) cubic-bezier(.55, 0, .3, 1) var(--flap-at)}[data-motion=on] .o7-KWq_letter{transition:transform var(--rise) cubic-bezier(.2, .8, .2, 1) var(--rise-at), box-shadow var(--rise) var(--ease) var(--rise-at)}[data-motion=on] .o7-KWq_enter{animation:o7-KWq_rise-in .6s var(--ease) var(--enter-at) backwards}[data-motion=on] .o7-KWq_gate[data-step=out] .o7-KWq_enter{opacity:0;transition:opacity .2s}.o7-KWq_still,.o7-KWq_still *{transition:none!important;animation:none!important}.o7-KWq_still .o7-KWq_enter{display:none}@keyframes o7-KWq_away-env{to{opacity:0;transform:translateY(calc(min(12svh,22%) + 14svh))rotate(2.5deg)}}@keyframes o7-KWq_away-letter{to{opacity:0;transform:translateY(-66%)scale(1.03)}}@keyframes o7-KWq_away-cloth{to{opacity:0}}.o7-KWq_still.o7-KWq_leaving .o7-KWq_env{animation:1s cubic-bezier(.45,0,.55,1) forwards o7-KWq_away-env!important}.o7-KWq_still.o7-KWq_leaving .o7-KWq_letter{animation:.9s cubic-bezier(.3,0,.3,1) .15s forwards o7-KWq_away-letter!important}.o7-KWq_still.o7-KWq_gone{animation:.7s cubic-bezier(.4,0,.2,1) forwards o7-KWq_away-cloth!important}@media (max-width:719px){@keyframes o7-KWq_away-env-phone{to{opacity:0;transform:translateY(calc(30% + 14svh))rotate(2.5deg)}}@keyframes o7-KWq_away-letter-phone{to{opacity:0;transform:translateY(-86%)scale(1.03)}}.o7-KWq_still.o7-KWq_leaving .o7-KWq_env{animation-name:o7-KWq_away-env-phone!important}.o7-KWq_still.o7-KWq_leaving .o7-KWq_letter{animation-name:o7-KWq_away-letter-phone!important}}