.Y2qd6q_envelope{--px:var(--u,1px);--loop:6.8s;isolation:isolate;pointer-events:none;position:relative}.Y2qd6q_envelope[data-step=sealed] .Y2qd6q_tape,.Y2qd6q_envelope[data-step=peeled] .Y2qd6q_flap,.Y2qd6q_envelope[data-step=open] .Y2qd6q_flap{pointer-events:auto}.Y2qd6q_keyboard{clip-path:inset(50%);pointer-events:none;border:0;width:1px;height:1px;padding:0;overflow:hidden}.Y2qd6q_envelope:has(.Y2qd6q_keyboard:focus-visible){outline-offset:calc(10 * var(--px));outline:2px solid #0b27aa}.Y2qd6q_envelope>*{position:absolute}.Y2qd6q_card{background:url(/about/paper.jpg) 50%/cover,#f1efe9;inset:0}.Y2qd6q_print{mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.Y2qd6q_drawing{object-fit:contain;width:84%;height:84%;position:absolute;inset:8%}.Y2qd6q_base{inset:calc(-6 * var(--px));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02 0.9' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.22 -0.06'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") 0 0 / calc(220 * var(--px)), linear-gradient(170deg, #f4f2edc7, #ece9e3b8);-webkit-backdrop-filter:blur(calc(3.5 * var(--px)));backdrop-filter:blur(calc(3.5 * var(--px)));box-shadow:0 calc(2 * var(--px)) calc(8 * var(--px)) #32281e1a}.Y2qd6q_flap{--shade:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.02 0.9' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.22 -0.06'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E") 0 0 / calc(220 * var(--px)), linear-gradient(170deg, #fbfaf7b3, #f4f2ed9e);-webkit-backdrop-filter:blur(calc(3.5 * var(--px))) brightness(1.04);backdrop-filter:blur(calc(3.5 * var(--px))) brightness(1.04);box-shadow:inset 0 0 0 100vmax rgb(60 50 40/calc(var(--shade) * .2));inset:-70% -20%}.Y2qd6q_top{clip-path:inset(calc(29.1667% - 6 * var(--px)) calc(100% / 7 - 6 * var(--px)) 48.3333%)}.Y2qd6q_bottom{clip-path:inset(48.3333% calc(100% / 7 - 6 * var(--px)) calc(29.1667% - 6 * var(--px)))}.Y2qd6q_overlap,.Y2qd6q_overlapEdge{left:calc(-6 * var(--px));right:calc(-6 * var(--px));height:calc(14 * var(--px));pointer-events:none}.Y2qd6q_overlap{background:linear-gradient(#3c322817,#0000);top:46%}.Y2qd6q_overlapEdge{background:linear-gradient(#3c322829,#3c32280d 45%,#0000);top:54%}.Y2qd6q_shadow{opacity:0;height:54%;left:0;right:0}.Y2qd6q_shadowTop{transform-origin:50% 0;background:linear-gradient(#281e143d,#281e1414 45%,#0000 80%);top:0}.Y2qd6q_shadowBottom{transform-origin:50% 100%;background:linear-gradient(#0000 20%,#281e1414 55%,#281e143d);bottom:0}.Y2qd6q_tape{width:46%;height:8.6%;perspective:calc(700 * var(--px));filter:drop-shadow(0 calc(1 * var(--px)) calc(1 * var(--px)) #32281e38) drop-shadow(0 calc(4 * var(--px)) calc(6 * var(--px)) #32281e29);animation:Y2qd6q_tape var(--loop) cubic-bezier(.45, 0, .25, 1) infinite both;transition:translate .2s cubic-bezier(.23,1,.32,1);top:46.6%;left:27%}@media (hover:hover) and (pointer:fine){.Y2qd6q_envelope[data-step=sealed] .Y2qd6q_tape:hover{translate:0 calc(-2 * var(--px))}}.Y2qd6q_tapeLeft,.Y2qd6q_tapeRight{background:var(--tape-art,none) 0 0 / calc(100% / var(--share)) 100% no-repeat, #f0ece2f2;position:absolute;top:0;bottom:0}.Y2qd6q_tapeRight{--share:.42;background-position:100%,0 0;left:58%;right:0}.Y2qd6q_tapeLeft{--share:.58;width:calc(58% + 1px);box-shadow:inset calc(-10 * var(--px)) 0 calc(12 * var(--px)) calc(-8 * var(--px)) #3c32281f;transform-origin:100%;animation:Y2qd6q_tape-peel var(--loop) cubic-bezier(.45, 0, .25, 1) infinite both;left:0}@keyframes Y2qd6q_tape-peel{0%,10%{transform:rotateY(0)}20%,92%{transform:rotateY(-168deg) translateZ(calc(1 * var(--px)))}98%,to{transform:rotateY(0)}}@keyframes Y2qd6q_tape{0%,20%{opacity:1;transform:none}26%,90%{opacity:0;transform:translate(18%,-70%)rotate(9deg)}96%,to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.Y2qd6q_tape,.Y2qd6q_tapeLeft{animation:none}}
