.sl{--spring:cubic-bezier(.34, 1.5, .64, 1);isolation:isolate;background:-webkit-radial-gradient(70% 50% at 50% 0,#ffe4aa24,#0000 70%),-webkit-radial-gradient(120% 90% at 50% 40%,#0000 55%,#00000073 100%),-webkit-linear-gradient(#061a3399,#061a3373),-webkit-image-set(url(/craft/paper/hd/navy.avif) 1x type("image/avif"),url(/craft/paper/hd/navy.webp) 1x type("image/webp")) 50%/768px,#061a33;background:radial-gradient(70% 50% at 50% 0,#ffe4aa24,#0000 70%),radial-gradient(120% 90% at 50% 40%,#0000 55%,#00000073 100%),linear-gradient(#061a3373,#061a3399),image-set("/craft/paper/hd/navy.avif" 1x type("image/avif"),"/craft/paper/hd/navy.webp" 1x type("image/webp")) 50%/768px,#061a33;padding:72px 16px 88px;position:relative;overflow:hidden}@media (min-width:768px){.sl{padding:112px 40px 120px}}.sl-intro{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.sl-aside.wl-hand{color:#f0dcae;text-wrap:balance;max-width:22em;font-size:22px;rotate:-2deg}.sl-letter{color:#0e0e10;background:#fbf7ef url(/craft/paper/ivory.webp) 50%/cover no-repeat;border-radius:4px;max-width:1080px;margin:64px auto 0;padding:56px 20px 44px;position:relative;box-shadow:inset 0 1px #fff9,0 40px 70px -30px #000000bf,0 10px 20px -10px #0006}@media (min-width:768px){.sl-letter{margin-top:84px;padding:80px 56px 56px}}.sl-bow{filter:drop-shadow(0 8px 10px #00000059);margin-left:-55px;position:absolute;top:-52px;left:50%}.sl-twinkle{animation:3.2s ease-in-out infinite sl-twinkle;position:absolute;top:22px;right:26px}@keyframes sl-twinkle{50%{opacity:.7;transform:scale(.8)rotate(12deg)}}.sl-head{text-align:center}.sl-title{font-family:var(--font-serif);letter-spacing:-.015em;margin-top:12px;font-size:40px;font-weight:400;line-height:1.04}@media (min-width:768px){.sl-title{font-size:60px}}.sl-sub.wl-hand{color:#6b0f2a;margin-top:10px;font-size:22px}.sl-items{gap:64px;margin-top:56px;list-style:none;display:grid}@media (min-width:900px){.sl-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:72px}}.sl-item{text-align:center;flex-direction:column;align-items:center;transition:opacity .5s;display:flex}.sl-letter[data-chosen] .sl-item:not([data-mine]){opacity:.55}.sl-photo{perspective:900px;width:min(74%,270px);position:relative}.sl-photo .pol{transform-style:preserve-3d}.sl-photo .pol.is-tilting{transform:rotate(var(--tilt,-2deg)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.03);transition:transform .14s ease-out,box-shadow .3s;box-shadow:0 2px 2px #0e0e100f,0 30px 50px -18px #0e0e1073}.sl-gloss{pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%), #ffffff4d, #fff0 48%);mix-blend-mode:screen;transition:opacity .3s;position:absolute;inset:0}.pol.is-tilting .sl-gloss{opacity:1}.sl-photo .sl-tag{top:4px;right:2px}.sl-seal{z-index:3;color:#4a0b1e;opacity:0;width:74px;height:74px;transition:opacity .2s ease, transform .5s var(--spring);pointer-events:none;background:radial-gradient(circle at 34% 30%,#fff1c8 0%,#e9cf8f 30%,#c9a45c 58%,#8a6530 100%);border-radius:50%;align-content:center;place-items:center;gap:1px;display:grid;position:absolute;bottom:30px;left:-16px;transform:scale(1.6)rotate(-30deg);box-shadow:inset 0 0 0 3px #fff1c880,0 10px 18px -6px #3c1e0a8c}.sl-seal .wl-hand{color:#4a0b1e;font-size:14px;line-height:1}.sl-item[data-mine] .sl-seal{opacity:1;transform:rotate(-12deg)}.sl-text{max-width:300px;margin-top:28px}.sl-name{font-family:var(--font-serif);font-size:28px;font-weight:400;line-height:1.1}.sl-note.wl-hand{margin-top:8px;font-size:18px;line-height:1.4}.sl-choose{margin-top:18px}.sl-foot{text-align:center;border-top:1px dashed #6b0f2a40;flex-direction:column;align-items:center;margin-top:64px;padding-top:40px;display:flex}.sl-prompt{font-family:var(--font-serif);font-size:26px;line-height:1.2}@media (min-width:768px){.sl-prompt{font-size:34px}}.sl-support{min-height:30px;color:var(--color-muted);margin-top:10px;font-size:16px;line-height:26px}.sl-thanks.wl-hand{color:#6b0f2a;animation:sl-thanks .6s var(--spring) both;font-size:22px;display:inline-block}@keyframes sl-thanks{0%{opacity:0;transform:translateY(8px)scale(.96)}}.sl-sign{margin-top:30px;font-size:38px}.sl-hearts{margin-top:4px}.sl-after{text-align:center;color:#f6ead6;flex-direction:column;align-items:center;gap:18px;margin-top:56px;display:flex}.sl-after-line{font-family:var(--font-serif);font-size:24px}@media (min-width:768px){.sl-after-line{font-size:30px}}.sl-small{color:#f6ead699;font-size:13px}@media (prefers-reduced-motion:reduce){.sl-twinkle,.sl-thanks{animation:none}.sl-seal{transition:opacity .2s}}
.xmas-bar{z-index:30;background:radial-gradient(50% 120% at 50% 0%, #b08d5724, transparent 70%), var(--color-wine-deep,#3a0715);height:58px;position:relative;overflow:hidden}.xmas-words{z-index:3;text-align:center;letter-spacing:.01em;color:#f3e7ea;justify-content:center;align-items:center;height:44px;padding:0 16px;font-size:12px;line-height:16px;display:flex;position:relative}@media (min-width:768px){.xmas-words{font-size:13px}}.xmas-lights{z-index:2;pointer-events:none;height:14px;position:absolute;bottom:3px;left:-2px;right:-2px}.xmas-wire{color:#d8b56c8c;width:100%;height:100%;position:absolute;inset:0}.xmas-bulb{left:var(--x);top:var(--y);width:5px;height:7px;animation:3s ease-in-out infinite xmas-twinkle;animation-delay:calc(var(--d) * -1);background:radial-gradient(circle at 40% 35%,#fffaf0,#ffe2a6 55%,#e9b863);border-radius:50% 50% 48% 48%/40% 40% 60% 60%;margin:-1px 0 0 -2.5px;position:absolute;box-shadow:0 0 5px 1.5px #ffd58c99}.xmas-bulb:before{content:"";background:#b08d57;border-radius:1px;width:3px;height:2.5px;position:absolute;top:-2px;left:1px}.xmas-bulb:nth-child(4n+2){background:radial-gradient(circle at 40% 35%,#fff4f1,#ffc9bd 55%,#e98e7f);box-shadow:0 0 5px 1.5px #ffaa9680}@keyframes xmas-twinkle{0%,to{opacity:1}50%{opacity:.4}}.xmas-snow{z-index:1;pointer-events:none;position:absolute;inset:0}.xmas-snow>span{left:var(--x);width:var(--s);height:var(--s);opacity:0;animation:xmas-fall var(--t) linear infinite;animation-delay:var(--d);background:#e9cf8f;border-radius:50%;position:absolute;top:-6px}@keyframes xmas-fall{0%{opacity:0;translate:0}15%{opacity:.55}85%{opacity:.4}to{translate:var(--sx) 66px;opacity:0}}.xmas-hang{z-index:2;top:0;left:var(--at);width:0;height:0;position:absolute}.xmas-rig{width:var(--size);margin-left:calc(var(--size) / -2);transform-origin:50% 0;rotate:var(--a,0deg);will-change:rotate;flex-direction:column;align-items:center;transition:translate .8s cubic-bezier(.3,1.5,.5,1),opacity .3s;display:flex;position:absolute;top:0;left:0}.xmas-rig:not([data-in]){opacity:0;transition:none;translate:0 -34px}.xmas-thread{width:1px;height:calc(var(--drop) + 3px);background:linear-gradient(#b08d57,#d8b56c)}.xmas-orn{width:var(--size);cursor:pointer;touch-action:manipulation;filter:drop-shadow(0 3px 3px #00000059);display:block}.xmas-orn img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto}@media (hover:hover){.xmas-orn{transition:scale .2s}.xmas-orn:hover{scale:1.12}}.xmas-rig[data-off] .xmas-orn{pointer-events:none;animation:.38s cubic-bezier(.3,0,.6,1) forwards xmas-pop}.xmas-rig[data-off] .xmas-thread{opacity:0;transition:opacity .3s .2s}@keyframes xmas-pop{0%{opacity:1;scale:1}35%{opacity:1;scale:1.3}to{opacity:0;scale:.2}}.xmas-spark{z-index:4;pointer-events:none;width:4px;height:4px;animation:xmas-spark var(--dur) cubic-bezier(.2, .7, .3, 1) forwards;background:radial-gradient(circle at 35% 30%,#fff6d8,#e3c37c 45%,#a8803f);border-radius:50%;margin:-2px 0 0 -2px;position:absolute;box-shadow:0 0 5px #ffdc96b3}.xmas-spark--star{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);border-radius:0;width:8px;height:8px;margin:-4px 0 0 -4px}@keyframes xmas-spark{0%{opacity:1;translate:0;scale:.4}60%{opacity:1}to{translate:var(--dx) var(--dy);opacity:0;scale:1}}@media (max-width:1023px){.xmas-hang--near{display:none}}@media (max-width:639px){.xmas-hang--far{--size:24px!important}.xmas-words{padding:0 52px;font-size:11.5px;line-height:14px}}@media (prefers-reduced-motion:reduce){.xmas-bulb,.xmas-snow>span{animation:none}.xmas-snow{display:none}.xmas-rig{transition:none}}
.wk{--spring:cubic-bezier(.34, 1.4, .64, 1);isolation:isolate;background:#efe9df;padding:72px 16px 80px;position:relative;overflow:hidden}.wk:before{content:"";z-index:-1;mix-blend-mode:multiply;opacity:.55;pointer-events:none;background:url(/craft/paper/hero-grain.webp) 50%/520px;position:absolute;inset:0}@media (min-width:768px){.wk{padding:112px 40px 120px}}.wk-inner{max-width:1360px;margin:0 auto}.wk-top{flex-direction:column;gap:24px;display:flex}@media (min-width:768px){.wk-top{flex-direction:row;justify-content:space-between;align-items:flex-end}}.wk-cards{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:40px -16px 0;padding:4px 16px 8px;list-style:none;display:flex;overflow-x:auto}.wk-cards::-webkit-scrollbar{display:none}@media (max-width:767px){.wk-cards{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.wk-cards .wk-card{scroll-snap-stop:always}.wk-cards .wk-card[data-reveal]{opacity:1;transition:none;transform:none}}.wk-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.wk-dots span{background:#0e0e102e;border-radius:999px;width:6px;height:6px;transition:transform .3s,background-color .3s}.wk-dots span[data-on]{background:#6b0f2a;transform:scale(1.35)}@media (min-width:768px){.wk-dots{display:none}.wk-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin:64px 0 0;padding:0;display:grid;overflow:visible}}@media (min-width:1100px){.wk-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.wk-card{scroll-snap-align:center;color:#f6ead6;background:linear-gradient(#ffffff0d, #0000002e), var(--paper-img) center / cover, var(--tint);--paper-img:var(--paper);border-radius:6px;outline:none;flex-direction:column;flex:0 0 80vw;padding:26px 24px 18px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d9b05c38,0 24px 40px -28px #280a1499}@media (max-width:767px){.wk-card{--paper-img:var(--paper-sm,var(--paper))}}.wk-card:focus-visible{box-shadow:inset 0 0 0 2px #d9b05c,0 24px 40px -28px #280a1499}.wk-card.is-light{color:#0e0e10;background:linear-gradient(#d6ba8c52, #966e3c33),  var(--paper-img) center / cover, var(--tint);box-shadow:inset 0 0 0 1px #a0783c59,0 24px 40px -28px #280a1473}.wk-n{font-family:var(--font-serif);letter-spacing:.1em;color:#e4c98f;font-size:15px}.is-light .wk-n{color:#6b0f2a}.wk-title{font-family:var(--font-serif);letter-spacing:-.01em;margin-top:14px;font-size:30px;font-weight:400;line-height:1.08}.wk-body{opacity:.78;max-width:280px;margin-top:10px;font-size:15px;line-height:23px}.wk-drawer{height:0;margin-top:8px;padding-bottom:92%;position:relative;container-type:inline-size}.wk-drawer:before{content:"";opacity:.55;background:radial-gradient(50% 46% at 50% 56%,#ffd68c47,#0000 72%);transition:opacity .7s;position:absolute;inset:6% -10% -6%}.is-light .wk-drawer:before{background:radial-gradient(50% 46% at 50% 56%,#ffffffb3,#0000 72%)}.wk-item{--x:0cqw;--y:0cqw;--r:0deg;--sc:1;z-index:1;width:44cqw;height:44cqw;transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(var(--sc));transition:transform .85s var(--spring) calc(var(--d,0) * 55ms), opacity .4s ease calc(var(--d,0) * 55ms);margin:-22cqw 0 0 -22cqw;position:absolute;top:52%;left:50%}.wk-img{filter:drop-shadow(0 2.4cqw 2.4cqw #00000052);background:50%/contain no-repeat;position:absolute;inset:0}.wk-label.wl-hand{text-align:center;white-space:nowrap;color:#f6ead6;opacity:0;font-size:max(13px,6.4cqw);line-height:1;transition:opacity .35s,transform .5s;position:absolute;top:100%;left:-30%;right:-30%;transform:translateY(-30%)}.is-light .wk-label.wl-hand{color:#6b0f2a}.wk-item-0{--x:-21cqw;--y:2cqw;--r:-10deg;--d:2}.wk-item-1{--x:21cqw;--y:-1cqw;--r:9deg;--d:1}.wk-item-2{--x:0cqw;--y:11cqw;--r:-2deg;--sc:1.05;--d:0;z-index:3}.wk-item-3,.wk-item-4{--y:6cqw;--sc:.5;--d:3;opacity:0}.wk-item-4{--d:4}.wk-card[data-open] .wk-item-0{--x:-33cqw;--y:-20cqw;--r:-6deg;--sc:.64}.wk-card[data-open] .wk-item-1{--x:33cqw;--y:-21cqw;--r:6deg;--sc:.64}.wk-card[data-open] .wk-item-2{--x:0cqw;--y:-23cqw;--r:-2deg;--sc:.66}.wk-card[data-open] .wk-item-3{--x:-17cqw;--y:19cqw;--r:4deg;--sc:.64;opacity:1}.wk-card[data-open] .wk-item-4{--x:17cqw;--y:18cqw;--r:-5deg;--sc:.64;opacity:1}.wk-card[data-open] .wk-label{opacity:1;transition-delay:.32s;transform:none}.wk-card[data-open] .wk-drawer:before{opacity:1}@media (hover:hover){.wk-card:hover .wk-item-0,.wk-card:focus-visible .wk-item-0{--x:-33cqw;--y:-20cqw;--r:-6deg;--sc:.64}.wk-card:hover .wk-item-1,.wk-card:focus-visible .wk-item-1{--x:33cqw;--y:-21cqw;--r:6deg;--sc:.64}.wk-card:hover .wk-item-2,.wk-card:focus-visible .wk-item-2{--x:0cqw;--y:-23cqw;--r:-2deg;--sc:.66}.wk-card:hover .wk-item-3,.wk-card:focus-visible .wk-item-3{--x:-17cqw;--y:19cqw;--r:4deg;--sc:.64;opacity:1}.wk-card:hover .wk-item-4,.wk-card:focus-visible .wk-item-4{--x:17cqw;--y:18cqw;--r:-5deg;--sc:.64;opacity:1}.wk-card:hover .wk-label,.wk-card:focus-visible .wk-label{opacity:1;transition-delay:.32s;transform:none}.wk-card:hover .wk-drawer:before,.wk-card:focus-visible .wk-drawer:before{opacity:1}.wk-card:not(:hover) .wk-item-2 .wk-img{animation:4.5s ease-in-out infinite wk-breathe}}@keyframes wk-breathe{50%{transform:translateY(-2.5%)}}.wk-end{text-align:center;flex-direction:column;align-items:center;margin-top:48px;display:flex}@media (min-width:768px){.wk-end{margin-top:72px}}.wk-close{max-width:720px;font-family:var(--font-serif);color:#0e0e10;font-size:22px;line-height:1.3}@media (min-width:768px){.wk-close{font-size:30px}}.wk-close-sub{color:#0e0e109e;text-wrap:balance;max-width:460px;margin-top:10px;font-size:16px;line-height:26px}.wk-add{color:#6b0f2a;align-items:center;gap:12px;margin-top:22px;padding:6px 8px;display:inline-flex}.wk-add .wl-hand{color:#6b0f2a;font-size:24px;line-height:1}.wk-add-plus{color:#3a0715;width:40px;height:40px;transition:transform .5s var(--spring);background:linear-gradient(135deg,#8a6530 0%,#c9a45c 22%,#f3dc9e 40%,#b78d48 62%,#e9cf8f 85%,#9a7337 100%);border-radius:50%;place-items:center;display:grid;box-shadow:0 6px 14px -6px #5a3c1499}@media (hover:hover){.wk-add:hover .wk-add-plus{transform:rotate(90deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.wk-item,.wk-label,.wk-add-plus{transition:none}.wk-img{animation:none!important}}
