@font-face{font-family:Su Hand;src:url(../media/su-hand.2yztj9pu81btz.otf)format("opentype");font-display:block}@font-face{font-family:Rando Sans;src:url(../media/rando-sans-sharpie.0to_ea0b1n7vy.woff2)format("woff2");font-display:block}@font-face{font-family:Rando Sans UniBall;src:url(../media/rando-sans-uniball.3zthvt5y6j-mm.woff2)format("woff2");font-display:block}@font-face{font-family:Rando Sans Artline;src:url(../media/rando-sans-artline.1qowc759asz9i.woff2)format("woff2");font-display:block}@font-face{font-family:Patrick Hand;src:url(../media/patrick-hand.1qijn9nev9bbg.woff2)format("woff2");font-display:block}@font-face{font-family:Pothooks Sans;src:url(../media/pothooks-sans-bold.0mc-n413o1e3j.woff2)format("woff2");font-display:block}@font-face{font-family:Caveat;src:url(../media/caveat.00hx3ibfyf9qx.woff2)format("woff2");font-weight:400 700;font-display:block}@font-face{font-family:Permanent Marker;src:url(../media/permanent-marker.2uqs04jkf90gi.woff2)format("woff2");font-display:block}.kn-scroll{pointer-events:none}.kn-viewport{overflow:hidden}.kn-track{position:relative}.kn-viewport--window{width:100%;height:100dvh;position:sticky;top:0}.kn-viewport--static{border-radius:12px;position:relative;inset:auto}.kn-viewport--static .kn-safe{height:100%;top:0}.kn-viewport--static .kn-stage{transition:transform .55s cubic-bezier(.2,.7,.2,1)}.kn-embed{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;height:100%;position:relative;overflow:hidden auto;container-type:size}.kn-embed::-webkit-scrollbar{display:none}.kn-viewport--embedded{width:100%;height:100cqh;position:sticky;inset:0 auto auto}.kn-viewport--embedded .kn-safe{height:100%;top:0}.kn-safe{left:0;right:0;top:env(safe-area-inset-top,0px);height:calc(100svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));grid-template:100%/100%;place-items:center;display:grid;position:absolute}.kn-field{width:3000px;transform:scale(var(--k,1));transform-origin:50%;pointer-events:none;z-index:0;grid-area:1/1;position:relative}.kn-stage{z-index:1;transform:scale(calc(var(--k,1) * var(--zoom,1))) translate(var(--fx,0px), var(--fy,0px));transform-origin:50%;-webkit-font-smoothing:antialiased;grid-area:1/1;font-family:Su Hand,Marker Felt,Bradley Hand,cursive;position:relative}.kn-stage img{max-width:none;display:block;position:absolute}.kn-sky-backdrop{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-mid) var(--sky-mid-stop), var(--sky-low) var(--sky-low-stop), var(--sky-bottom) 100%);position:absolute;inset:0}.kn-sky{display:contents}.kn-sky .cloud{z-index:2;position:absolute}.kn-sky-field{height:100%;position:absolute;inset:0 auto 0 0}.kn-sky-field .cloud--gen{opacity:var(--cloud-opacity,.5);filter:blur(var(--cloud-blur,6px));will-change:transform;position:absolute}.kn-sky-field .cloud--gen svg{display:block;position:absolute;top:0;left:0}.kn-sky-field[data-drift=on] .cloud--gen{animation:kn-drift calc(var(--dur) / var(--cloud-speed,1)) ease-in-out var(--delay) infinite alternate}@keyframes kn-drift{0%{transform:translateX(calc(-1 * var(--amp) * var(--cloud-amp,28px)))}to{transform:translateX(calc(var(--amp) * var(--cloud-amp,28px)))}}@media (prefers-reduced-motion:reduce){.kn-sky-field .cloud--gen{animation:none}}.kn-sky .cloud .rot{width:137.471px;height:95.817px;position:absolute;top:16.158px;left:10.058px;transform:rotate(-15deg)}.kn-sky .cloud .rot img{width:161.471px;height:119.817px;top:-11.996px;left:-12.001px}.kn-sky .c655{width:157.586px;height:128.133px;top:151px;left:-28px}.kn-sky .c662{width:157.586px;height:128.133px;top:273px;left:279px}.kn-sky .c668{width:157.586px;height:128.133px;top:560px;left:-34px}.kn-sky .c649{width:106.762px;height:69.774px;top:116px;left:298px}.kn-sky .c649 img{width:130.762px;height:93.774px;top:-12.001px;left:-12px}.kn-sky .c807{width:178.667px;height:95.516px;top:356px;left:-34px}.kn-sky .c807 img{width:202.667px;height:119.516px;top:-11.997px;left:-12.006px}.kn-chrome{pointer-events:none;z-index:4;color:var(--ink);position:absolute;inset:0}.kn-hint{left:0;right:0;bottom:var(--hint-bottom,5%);z-index:30;pointer-events:none;color:var(--hint-ink,var(--ink));font:400 var(--hint-size,14px)/1.3 Inter, system-ui, sans-serif;letter-spacing:-.01em;justify-items:center;gap:3px;transition:opacity .2s;display:grid;position:absolute}.kn-hint>*{animation:1.8s ease-in-out infinite kn-hint-nudge}.kn-hint-chev{width:11.874px;height:12.797px}@keyframes kn-hint-nudge{0%,to{translate:0}50%{translate:0 4px}}.kn-viewport--static .kn-hint,.kn-still .kn-hint,.kn-viewport[data-state=read] .kn-hint{display:none}@media (prefers-reduced-motion:reduce){.kn-hint>*{animation:none}}.kn-chrome .mark,.kn-chrome .headline{scale:var(--hit-s,1)}.kn-chrome .mark>*,.kn-chrome .headline{opacity:var(--hit-o,1)}.kn-chrome .mark{left:0;right:0;top:var(--mark-top);opacity:var(--mark-opacity);justify-content:center;line-height:0;display:flex;position:absolute}.kn-chrome .mark svg{display:block}.kn-chrome .headline{left:calc(50% - var(--width) / 2);top:var(--headline-top);width:var(--width);text-align:center;font-size:var(--size);letter-spacing:var(--tracking);line-height:var(--line-height);white-space:pre-line;margin:0;position:absolute}.kn-chrome .mark,.kn-chrome .headline{transition:opacity var(--read-close-duration,.26s) ease}.kn-viewport[data-state=read] .kn-chrome .mark,.kn-viewport[data-state=read] .kn-chrome .headline{opacity:var(--chrome-read-opacity,0);transition-duration:var(--read-open-duration,.52s)}.kn-envelope{left:var(--left);top:var(--top);isolation:isolate;z-index:8;--corner:var(--closed-radius);--projection:1;--rear:0;--drop:0px;--shadow-lift:0px;--cast:.7;--cast-blur:0px;--contact:1;--rear-vis:hidden;--flap-vis:visible;--letter-y:0px;--letter-scale:1;--letter-clip:inset(-40px -40px var(--letter-clip-bottom) -40px);width:300px;height:200px;position:absolute}.kn-envelope .moving,.kn-envelope .letter-layer{position:absolute;inset:0}.kn-envelope .moving{translate:0 var(--drop)}.kn-envelope .rear-paper{z-index:6}.kn-envelope .back{border-radius:var(--corner) var(--corner) var(--closed-radius) var(--closed-radius);background:linear-gradient(180deg, var(--inside-top), var(--inside-base));box-shadow:0 4.167px 8.333px rgb(30 41 59/calc(.08 * var(--shade))), 0 16.667px 16.667px rgb(30 41 59/calc(.07 * var(--shade))), 0 35.417px 20.833px rgb(30 41 59/calc(.04 * var(--shade))), 0 62.5px 25px rgb(30 41 59/calc(.01 * var(--shade)));border:1px solid #4755690a;position:absolute;inset:0}.kn-envelope .rear-flap{z-index:7;transform-origin:50% 0;pointer-events:none;transform:translateY(.6px) scaleY(calc(-1 * var(--rear)));visibility:var(--rear-vis)}.kn-envelope .rear-face{z-index:1;position:absolute;inset:0;overflow:hidden}.kn-envelope .rear-face .paper-diamond{background:linear-gradient(135deg, var(--inside-base) 50%, var(--inside-top));box-shadow:inset -1px -1px #ffffff60,inset -8px -8px 14px #f9fafa60}.kn-envelope .pocket{z-index:10;border-radius:var(--corner) var(--corner) var(--closed-radius) var(--closed-radius);clip-path:inset(0 round var(--corner) var(--corner) var(--closed-radius) var(--closed-radius));overflow:hidden}.kn-envelope .side-shadow,.kn-envelope .side,.kn-envelope .side-color{position:absolute;inset:0}.kn-envelope .side-shadow{filter:drop-shadow(2px -1px 1.5px rgb(30 41 59/calc(.14 * var(--contact)))) drop-shadow(6px -3px 6px rgb(30 41 59/calc(.12 * var(--contact))))}.kn-envelope .right-side{filter:drop-shadow(-2px -1px 1.5px rgb(30 41 59/calc(.14 * var(--contact)))) drop-shadow(-6px -3px 6px rgb(30 41 59/calc(.12 * var(--contact))))}.kn-envelope .side{background:#fff9}.kn-envelope .left-side .side,.kn-envelope .left-side .side-color{clip-path:polygon(0 0,50% 58%,0 100%)}.kn-envelope .right-side .side,.kn-envelope .right-side .side-color{clip-path:polygon(100% 0,100% 100%,50% 58%)}.kn-envelope .side-color{background:linear-gradient(0deg, var(--paper-base) 28%, var(--paper-edge) 78%);transform:translateY(1px)}.kn-envelope .bottom-fold{filter:drop-shadow(0 -1px .5px #47556918);position:absolute;inset:0;overflow:hidden}.kn-envelope .bottom-diamond{background:linear-gradient(135deg, var(--paper-face) 26%, var(--paper-base) 50%);border-radius:7px;width:212.132px;height:212.132px;position:absolute;top:93.934px;left:43.934px;transform:scaleY(.84)rotate(45deg);box-shadow:inset 1.5px 1.5px #fff9}.kn-envelope .bottom-haze{clip-path:polygon(0 100%,50% 38.5%,100% 100%);position:absolute;inset:0}.kn-envelope .edge-haze{pointer-events:none;width:300px;height:200px;box-shadow:inset 0 0 0 var(--edge-width) var(--paper-edge);filter:blur(var(--edge-blur));position:absolute;top:0;left:0}.kn-envelope .pocket-rim{border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff6;-webkit-mask:linear-gradient(90deg,#000 0 3%,#0000 9% 91%,#000 97%),linear-gradient(#0000 88%,#000);mask:linear-gradient(90deg,#000 0 3%,#0000 9% 91%,#000 97%),linear-gradient(#0000 88%,#000)}.kn-envelope .shadows{pointer-events:none;position:absolute;inset:0}.kn-envelope .shadow-lobe{filter:blur(4.167px);width:287.5px;height:129.167px;position:absolute;top:2.083px;left:6.25px}.kn-envelope .shadow-lobe>div{clip-path:polygon(0 0,100% 0,50% 100%);background:#334155;position:absolute;inset:0}.kn-envelope .top-shadows{mix-blend-mode:multiply;opacity:var(--cast);transform-origin:50% 0;filter:blur(var(--cast-blur));transform:translateY(var(--shadow-lift)) scaleY(var(--projection))}.kn-envelope .shadow-lobe.l1{opacity:.4}.kn-envelope .shadow-lobe.l2{filter:blur(12.5px);opacity:.2;width:254.167px;height:141.667px;left:22.917px}.kn-envelope .shadow-lobe.l3{filter:blur(25px);opacity:.1;height:154.167px}.kn-envelope .shadow-lobe.l4{filter:blur(10.417px);opacity:.05;width:266.667px;height:145.833px;left:16.667px}.kn-envelope .shadow-lobe.l5{opacity:.1;width:291.667px;height:135.417px;top:0;left:4.167px}.kn-envelope .bottom-shadows{opacity:calc(.4 * var(--shade))}.kn-envelope .bottom-shadows .shadow-lobe{top:auto;bottom:0}.kn-envelope .bottom-shadows .shadow-lobe>div{clip-path:polygon(0 100%,50% 0,100% 100%)}.kn-envelope .flap-layer{z-index:11;border-radius:var(--corner) var(--corner) var(--closed-radius) var(--closed-radius);clip-path:inset(0 round var(--corner) var(--corner) var(--closed-radius) var(--closed-radius));pointer-events:none;visibility:var(--flap-vis);overflow:hidden}.kn-envelope .flap{transform-origin:50% 0;backface-visibility:hidden;transform:scaleY(var(--projection));position:absolute;inset:0}.kn-envelope .face{position:absolute;inset:0;overflow:hidden}.kn-envelope .paper-diamond{border-radius:0 0 var(--tip-radius) 0;background:linear-gradient(135deg, var(--paper-top) 62.5%, var(--paper-face));width:212.132px;height:212.132px;position:absolute;top:-106.066px;left:43.934px;transform:scaleY(.87)rotate(45deg);box-shadow:inset -1.5px -1.5px #ffffff80}.kn-envelope .face .paper-diamond{background:linear-gradient(135deg, var(--paper-edge), var(--paper-top) 56%, var(--paper-face))}.kn-envelope .for{left:150.5px;top:var(--label-top);white-space:nowrap;font-size:var(--label-size);letter-spacing:-.16px;opacity:var(--label-opacity);color:#0000;background:linear-gradient(#475569,#4755691a);-webkit-background-clip:text;background-clip:text;margin:0;line-height:normal;position:absolute;transform:translate(-50%)}.kn-envelope .letter-layer{z-index:9;pointer-events:none}.kn-envelope .letter-slot{left:var(--letter-left);width:var(--letter-width);height:var(--letter-height);transform-origin:50%;transform:translateY(var(--letter-y)) scale(var(--letter-scale));clip-path:var(--letter-clip);position:absolute;top:0}.kn-envelope .tex{border-radius:inherit;background:var(--tex-url,none) 0 0 / var(--tex-size,256px) repeat;opacity:var(--tex-opacity,0);pointer-events:none;position:absolute;inset:0}.kn-envelope[data-glass=on] .back,.kn-envelope[data-glass=on] .side,.kn-envelope[data-glass=on] .bottom-diamond,.kn-envelope[data-glass=on] .paper-diamond{opacity:var(--glass-opacity);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.kn-envelope[data-reading]{z-index:30}.kn-envelope[data-reading] .letter-layer,.kn-envelope[data-reading] .letter-slot{clip-path:none;overflow:visible}.kn-envelope[data-reading] .kn-letter{pointer-events:auto}.kn-ink-line{white-space:pre;--p:0;display:block}[data-ink=wipe] .kn-ink-line{background:linear-gradient(90deg, var(--ink) 0%, var(--ink) calc(50% - var(--soft) / 2), var(--ink-faint) calc(50% + var(--soft) / 2), var(--ink-faint) 100%);background-size:220% 100%;background-position:calc((1 - var(--p)) * 100%) 0;color:#0000;-webkit-background-clip:text;background-clip:text}[data-ink=letters] .kn-ink-line{color:var(--ink);white-space:pre}[data-ink=letters] .kn-ink-line .ch{opacity:calc(var(--base) + (1 - var(--base)) * clamp(0, (var(--p) * (var(--n) + var(--soft-ch)) - var(--i)) / var(--soft-ch), 1))}.kn-letter{border-radius:var(--radius);background:var(--paper);border:1px solid var(--border);box-shadow:0 var(--shadow-y) var(--shadow-blur) var(--shadow-spread) var(--shadow);position:absolute;inset:0}.kn-letter .note{padding:var(--pad-y) var(--pad-x);font-family:var(--note-font);font-size:var(--size);line-height:var(--line-height);letter-spacing:var(--tracking);font-weight:var(--weight,400);position:absolute;inset:0}.kn-letter .note p{margin:0 0 var(--pgap)}.kn-letter .note p.sig{margin-top:var(--sgap)}.kn-letter .tex{border-radius:inherit;background:var(--tex-url,none) 0 0 / var(--tex-size,256px) repeat;opacity:var(--tex-opacity,0);pointer-events:none;position:absolute;inset:0}.kn-read-tap{z-index:26;min-height:var(--read-tap-size,44px);color:#fff;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);background:#0a0a0ae6;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font:500 14px/1 Inter,-apple-system,system-ui,sans-serif;transition:opacity .3s;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.kn-read-tap[data-on=on]{opacity:1;pointer-events:auto;animation:2.4s ease-in-out infinite kn-read-breathe}@keyframes kn-read-breathe{0%,to{scale:1}50%{scale:1.045}}@media (prefers-reduced-motion:reduce){.kn-read-tap[data-on=on]{animation:none}}.kn-letter{transition:transform var(--read-close-duration,.26s) cubic-bezier(.32, .72, 0, 1);overflow:hidden}.kn-viewport[data-state=read] .kn-letter{transition:transform var(--read-open-duration,.52s) cubic-bezier(.22, 1.1, .32, 1);z-index:24;height:auto;bottom:auto}.kn-viewport[data-state=read] .kn-letter .note{position:static;inset:auto}@media (prefers-reduced-motion:reduce){.kn-letter,.kn-viewport[data-state=read] .kn-letter{transition:opacity .2s}}.kn-read-tap:focus-visible{outline-offset:4px;outline:2px solid}.kn-seal{left:var(--left);top:var(--top);width:var(--size);height:var(--size);position:absolute}.kn-seal[data-style=css]{isolation:isolate;background:radial-gradient(ellipse at 30% 20%, #d1787f 0, transparent 55%), radial-gradient(ellipse at 75% 80%, #761d2b, transparent 60%), var(--wax);border-radius:48% 51% 47% 49%;box-shadow:0 2px 3px #35131d40,0 5px 7px -3px #1e293b40,inset 0 1px 1px #ffc7c260,inset -1px -2px 2px #5c1125a0}.kn-seal[data-style=css][data-side=back]{z-index:0;background:radial-gradient(ellipse at 40% 65%, #ba505b, transparent 70%), var(--wax);box-shadow:inset 0 -1px 2px #ec929370,inset 1px 1px 2px #691c3850}.kn-seal .wax-rim{border-radius:50%;position:absolute;inset:2px;box-shadow:inset 0 0 0 .7px #f1a1a150,0 0 0 .7px #671a2970}.kn-seal .wax-center{background:linear-gradient(130deg,#b94e57,#a53140 65%,#9d2939);border-radius:50%;place-items:center;display:grid;position:absolute;inset:6px;box-shadow:inset 1px 1px 1.3px #4b0d2280,1px 1px 1px #e3858660,inset -1px -1px 2px #d77b8050}.kn-seal .wax-center span{font:var(--mono-size) / 1 "Su Hand", cursive;letter-spacing:-1px;color:var(--mono-color);text-shadow:0 .6px .35px #e3939160}.kn-seal .wax-sheen{border-radius:inherit;mix-blend-mode:soft-light;background:conic-gradient(from 30deg,#0000,#fff4 12%,#0000 25% 55%,#fff2 65%,#0000 80%);position:absolute;inset:0}.kn-seal[data-style=image] img{width:calc(var(--size) * var(--img-scale));height:calc(var(--size) * var(--img-scale));filter:drop-shadow(0 1.5px 2px #35131d40);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kn-seal[data-style=image][data-side=back]{z-index:0}.kn-seal[data-style=image][data-side=back] img{filter:none;opacity:.9}.kn-seal[data-style=image] .mono{font:var(--mono-size) / 1 Georgia, "Times New Roman", serif;letter-spacing:-.02em;color:var(--mono-fill);text-shadow:var(--mono-shadow);place-items:center;display:grid;position:absolute;inset:0}.kn-seal[data-style=image] .mono-svg{mix-blend-mode:overlay;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.kn-seal[data-style=image] .mono-svg text{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-weight:500}.kn-slot{left:50%;top:var(--top);width:var(--width);height:var(--height);border-radius:var(--radius);background:linear-gradient(180deg, var(--opening) 0%, var(--opening) 45%, var(--opening) 100%);position:absolute;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.kn-slot{background:linear-gradient(180deg, color-mix(in srgb, var(--opening) 70%, #000) 0%, var(--opening) 45%, color-mix(in srgb, var(--opening) 80%, #fff) 100%)}}.kn-slot{box-shadow:inset 0 var(--lip-depth) 3px rgb(0 0 0/var(--inner)), inset 0 calc(-1 * var(--lip-depth)) 0 #ffffff14, 0 var(--lip-depth) 0 rgb(255 255 255/var(--lip-hl)), 0 calc(-1 * var(--lip-depth)) 0 rgb(0 0 0/var(--lip-sh)), 0 0 18px -2px rgb(0 0 0/var(--halo))}.kn-polaroid{left:50%;top:var(--anchor-y,var(--slot-y));z-index:8;--eject-y:-100%;--warp:0deg;--settle-y:0px;--settle-tilt:0deg;--mouth:0;--flip:0deg;--recede-y:0px;--recede-s:1;--wash:1;--ghost:1;--cast:0;--clear:0%;--c:1;--s:1;--b:1;--bl:0px;--caption-clip:100%;width:0;height:0;position:absolute}.kn-polaroid .chute{left:calc(-1 * var(--w) / 2 - 60px);width:calc(var(--w) + 120px);height:900px;clip-path:inset(var(--chute-top,0px) 0 0 0);perspective:var(--persp);perspective-origin:50% 0;position:absolute;top:0}.kn-polaroid .mover{width:var(--w);height:var(--h);transform-origin:50% 0;visibility:var(--card-vis,visible);transform:translateY(calc(var(--settle-y) + var(--recede-y))) rotate(var(--settle-tilt)) scale(var(--recede-s));position:absolute;top:0;left:60px}.kn-polaroid .bendy{width:var(--w);height:var(--h);transform-origin:50% 0;visibility:var(--bendy-vis,hidden);transform:translateY(var(--eject-y)) rotateX(var(--warp));transform-style:preserve-3d;position:absolute;top:0;left:60px}.kn-polaroid .seg{width:var(--w);height:var(--seg-h);transform-origin:50% 0;transform:rotateX(var(--a,0deg));transform-style:preserve-3d;position:relative}.kn-polaroid .seg-next{left:0;top:var(--seg-h);width:var(--w);transform-style:preserve-3d;position:absolute}.kn-polaroid .slice-clip{height:calc(var(--seg-h) + 1.5px);position:absolute;top:0;left:0;right:0;overflow:hidden}.kn-polaroid .slice{width:var(--w);height:var(--h);position:absolute;left:0}.kn-polaroid .crease{border-radius:var(--radius);opacity:var(--shade,0);pointer-events:none;background:linear-gradient(#00000024,#0000000a 40%,#0000 70%);position:absolute;inset:0}.kn-polaroid .face.blank{box-shadow:none}.kn-polaroid .bendy .face.front:before{display:none}.kn-polaroid .bendy .photo{background:var(--wash-m)}.kn-polaroid .bendy .wash{display:none}.kn-polaroid .card{transform-style:preserve-3d;transform:perspective(var(--flip-persp,1400px)) rotateY(0deg);transition:transform var(--flip-dur,.55s) cubic-bezier(.3, var(--flip-over,1), .45, 1);position:absolute;inset:0}.kn-polaroid[data-turn="0"] .card{animation:kn-print-lift-a var(--flip-dur,.55s) cubic-bezier(.3, 0, .3, 1)}.kn-polaroid[data-turn="1"] .card{animation:kn-print-lift-b var(--flip-dur,.55s) cubic-bezier(.3, 0, .3, 1)}.kn-still .kn-polaroid .card,.kn-polaroid:not([data-turn]) .card{animation:none}@keyframes kn-print-lift-a{0%,to{rotate:x 0deg;scale:1}45%{scale:var(--flip-lift,1.08);rotate:x var(--flip-tilt,8deg)}}@keyframes kn-print-lift-b{0%,to{rotate:x 0deg;scale:1}45%{scale:var(--flip-lift,1.08);rotate:x var(--flip-tilt,8deg)}}.kn-polaroid[data-tap=on] .mover{cursor:pointer;-webkit-tap-highlight-color:transparent}.kn-polaroid[data-flipped=on] .card{transform:perspective(var(--flip-persp,1400px)) rotateY(180deg)}.kn-still .kn-polaroid .card,.kn-polaroid[data-flip-anim=off] .card{transition:none}@media (prefers-reduced-motion:reduce){.kn-polaroid .card{transition-duration:.25s;animation:none!important}}.kn-polaroid .face{border-radius:var(--radius);background:var(--frame);backface-visibility:hidden;position:absolute;inset:0}.kn-polaroid .face:after{content:"";border-radius:inherit;z-index:-1;opacity:var(--shadow-on,1);box-shadow:0 1px 3px #0000000f, 0 20px 36px -16px rgb(20 18 14/var(--shadow));position:absolute;inset:0}.kn-polaroid .mover .face.front{visibility:var(--front-vis,visible)}.kn-polaroid .face.back{background:var(--back);visibility:var(--back-vis,hidden);transform:rotateY(180deg)}.kn-polaroid .face.front:before{content:"";border-radius:inherit;pointer-events:none;z-index:3;background:linear-gradient(180deg, rgb(0 0 0/var(--mouth-shadow)), transparent 34px);opacity:var(--mouth);position:absolute;inset:0}.kn-polaroid .photo{left:var(--inset);top:var(--inset);width:var(--photo);height:var(--photo);background:#141414;position:absolute;overflow:hidden}.kn-polaroid .ph{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.kn-polaroid[data-recipe=filter] .ph-final,.kn-polaroid[data-recipe=radial] .ph-final{filter:var(--look-filter,saturate(1)) contrast(var(--c)) saturate(var(--s)) brightness(var(--b)) blur(var(--bl))}.kn-polaroid .ph-ghost{opacity:var(--ghost);filter:blur(var(--ghost-blur)) contrast(var(--ghost-contrast)) saturate(var(--ghost-sat)) brightness(var(--ghost-bright))}.kn-polaroid[data-recipe=filter] .ph-ghost,.kn-polaroid[data-recipe=radial] .ph-ghost{display:none}.kn-polaroid .photo{isolation:isolate}.kn-polaroid[data-recipe=layers] .ph-final{filter:var(--look-filter,none)}.kn-polaroid .look-tint,.kn-polaroid .look-lift,.kn-polaroid .look-vignette,.kn-polaroid .look-grain{pointer-events:none;position:absolute;inset:0}.kn-polaroid .look-tint{background:var(--look-tint);mix-blend-mode:var(--look-tint-blend,soft-light);opacity:var(--look-tint-o,0)}.kn-polaroid .look-lift{background:var(--look-lift);mix-blend-mode:screen;opacity:var(--look-lift-o,0)}.kn-polaroid .look-vignette{mix-blend-mode:multiply;opacity:var(--look-vignette,0);background:radial-gradient(78% 78% at 50% 48%,#0000 52%,#181008e6)}.kn-polaroid .look-grain{background:var(--look-grain-url) 0 0 / 160px 160px repeat;mix-blend-mode:overlay;opacity:var(--look-grain,0)}.kn-polaroid .cast{background:var(--cast-color);opacity:var(--cast);pointer-events:none;position:absolute;inset:0}.kn-polaroid .warm{mix-blend-mode:soft-light;opacity:var(--warm);pointer-events:none;background:#f6c27a;position:absolute;inset:0}.kn-polaroid .wash-solid{background:var(--wash-m);opacity:calc(var(--wash-solid,0) * var(--wash));pointer-events:none;position:absolute;inset:0}.kn-polaroid .wash{opacity:var(--wash);pointer-events:none;background:radial-gradient(ellipse 75% 65% at 50% 46%, var(--wash-c), var(--wash-m) 55%, var(--wash-e));position:absolute;inset:0}.kn-polaroid[data-uneven=on] .wash{background:radial-gradient(ellipse 85% 80% at 47% 45%, transparent calc(var(--clear) - 70%), var(--wash-c) var(--clear), var(--wash-m) calc(var(--clear) + 45%), var(--wash-e) calc(var(--clear) + 95%))}.kn-polaroid .strip{left:calc(var(--inset) + 6px);right:calc(var(--inset) + 6px);top:calc(var(--inset) + var(--photo) + 4px);transform:rotate(var(--caption-tilt));font-family:var(--note-font,inherit);justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;bottom:4px}.kn-polaroid .strip[data-date=on]{justify-content:space-between}.kn-polaroid .caption,.kn-polaroid .date{white-space:nowrap;padding:0 .2em;display:block;overflow:visible}.kn-polaroid .caption{font-family:var(--caption-font,var(--note-font,inherit));font-size:var(--caption-size);color:var(--caption-color,#2a2826);opacity:var(--cap,1);translate:0 calc((1 - var(--cap,1)) * var(--cap-rise,6px));filter:blur(calc((1 - var(--cap,1)) * var(--cap-blur,3px)));line-height:1.25}.kn-polaroid .date{font-size:calc(var(--caption-size) * .62);color:var(--date-color,#6f6b64);opacity:var(--cap-date,1)}.kn-polaroid .note{font-family:var(--note-font,inherit);font-size:var(--note-size);line-height:var(--note-leading,1.35);font-weight:var(--note-weight,400);transform:rotate(var(--note-tilt));position:absolute;inset:11% 8% 15%;overflow:hidden}.kn-polaroid .note .sig{margin-top:.9em}.kn-polaroid .note .para{margin-top:.6em}.kn-polaroid[data-align=center] .note{text-align:center}.kn-polaroid .backstrip{height:13%;opacity:var(--strip-opacity);letter-spacing:.12em;color:#00000073;background:linear-gradient(#00000008,#0000000f);border-top:1px solid #00000014;justify-content:center;align-items:center;gap:10px;font:8px/1 Inter,system-ui,sans-serif;display:flex;position:absolute;bottom:0;left:0;right:0}.kn-polaroid .backstrip i{background:#0000001f;border-radius:1px;width:26px;height:6px;display:inline-block}.kn-polaroid .mover{transition:transform var(--read-close-duration,.32s) cubic-bezier(.32, .72, 0, 1)}.kn-viewport[data-state=read] .kn-polaroid{z-index:24}.kn-viewport[data-state=read] .kn-polaroid .mover{height:auto;min-height:var(--h);transition:transform var(--read-open-duration,.62s) cubic-bezier(.22, 1.1, .32, 1)}.kn-viewport[data-state=read] .kn-polaroid .chute{clip-path:none;overflow:visible}.kn-viewport[data-state=read] .kn-polaroid .card{min-height:var(--h);position:relative;inset:auto}.kn-viewport[data-state=read] .kn-polaroid .face.front{height:var(--h);bottom:auto}.kn-viewport[data-state=read] .kn-polaroid .face.back{min-height:var(--h);flex-direction:column;display:flex;position:relative;inset:auto}.kn-viewport[data-state=read] .kn-polaroid .note{flex:1;padding:10% 8% 8%;position:static;overflow:visible;transform:none}.kn-viewport[data-state=read] .kn-polaroid .backstrip{height:calc(var(--h) * .13);flex:none;position:relative}@media (prefers-reduced-motion:reduce){.kn-polaroid .mover,.kn-viewport[data-state=read] .kn-polaroid .mover{transition:opacity .2s}}.kn-camera .camera{transform-origin:0 0;width:570px;height:470px;transform:scale(var(--k-cam));display:block;position:absolute;top:0;left:0}.kn-camera .camera .bottom{background-image:radial-gradient(#e1dfe2 60%,#0000 60%),radial-gradient(#e1dfe2 60%,#0000 60%),linear-gradient(90deg,#e1dfe2,#eae8eb),linear-gradient(90deg,#eae8eb,#e1dfe2),linear-gradient(90deg,#85817e,#2f2b2b00 5% 95%,#696461),linear-gradient(#4e4a49,#100c0d),linear-gradient(#312f32,#2a2a27,#363233);background-position:160px -26px,360px -26px,100% 0,0 0,0 0,0 100%,0 100%;background-repeat:no-repeat;background-size:50px 60px,50px 60px,185px 30px,185px 30px,100% 100%,100% 20px,100% 100%;border-radius:11px 11px 30px 30px;width:100%;height:165px;display:block;position:absolute;bottom:0;box-shadow:inset -1px 3px 2px #f9f7f8a6}.kn-camera .camera .bottom .printer{background-color:red;background-image:linear-gradient(90deg,#474548 90%,#343233 90%),linear-gradient(90deg,#0e090d 10%,#4a4849 10%),linear-gradient(#4c4a4d 4%,#161214 9% 20%,#484445 30% 55%,#1a1617 80% 93%,#b0afad 99%);background-position:0 0,100% 0;background-repeat:no-repeat;background-size:8px 100%,8px 100%,100% 100%;border-radius:3px;width:470px;height:40px;margin-top:60px;margin-left:auto;margin-right:auto;display:block}.kn-camera .camera .bottom .toggle-container{background-color:red;background-image:radial-gradient(#353334,#4c4849 40%,#0000 70%),radial-gradient(#29272a,#464445 40%,#0000 70%),linear-gradient(#8b8786 10%,#5e5a5b 20% 65%,#969291);background-position:-40px -25px,right -35px top -15px,100% 0;background-repeat:no-repeat;background-size:70px 70px,70px 70px,100% 100%;border-radius:0 0 10px 10px;width:135px;height:35px;margin-left:auto;margin-right:auto;display:block;position:absolute;left:0;right:0}.kn-camera .camera .bottom .toggle-container .toggle{background-image:linear-gradient(#747371 2%,#525055 2%,#565152,#535250);border:.5px solid #141011;border-radius:10px;width:100px;height:20px;margin-left:auto;margin-right:auto;display:block;position:absolute;top:6px;left:0;right:0}.kn-camera .camera .bottom .toggle-container .toggle .handle{background-color:red;background-image:radial-gradient(#525051,#4b4746);border:.5px solid #85818026;border-radius:10px;width:20px;height:20px;display:block;position:absolute;top:-2px;right:0;box-shadow:-1px 5px 5px #181619}.kn-camera .camera .top{background-image:linear-gradient(90deg,#f3f3f3bf,#f3f3f300 15% 85%,#f3f3f3bf),linear-gradient(#fefefe,#f9f7f8),linear-gradient(#ddd9da,#e2dedf,#eae8eb,#f3f1f4);background-repeat:no-repeat;background-size:100%,100% 3px,100%;border-radius:35px 35px 0 0;width:540px;height:320px;margin-left:auto;margin-right:auto;display:block;position:relative;box-shadow:inset -1px 1px 2px 3px #f9f7f8d9}.kn-camera .camera .top .lens{background-color:#000;background-image:radial-gradient(#0000,#000),radial-gradient(#33353666,#0000),radial-gradient(#2a282b 0% 27%,#070508 27.5% 28%,#4e4c4f 28.5% 28.6%,#2a282b 28.7% 29.3%,#070508 29.5% 29.8%,#4e4c4f 30% 30.5%,#2a282b 30.5% 32.5%,#070508 33% 33.5%,#4e4c4f 34% 34.5%,#2a282b 34.5% 36.5%,#070508 37% 37.5%,#3d3b40 38% 38.5%,#908e91 39% 39.5%,#3d3b40 40% 40.5%,#908e91 41% 41.5%,#3d3b40 42% 42.5%,#908e91 43% 43.5%,#3d3b40 44% 44.5%,#908e91 45% 45.5%,#3d3b40 46% 46.5%,#908e91 47% 47.5%,#3d3b40 48% 48.5%,#908e91 49% 49.5%,#3d3b40 50% 50.5%,#908e91 51% 51.5%,#3d3b40 52% 52.5%,#908e91 53% 54%,#241e1e 54.5% 57%,#131114 57% 59%,#3c3a3d 59% 60%,#241e1e 60%);background-position:left bottom -100px,right 10px top -120px,50%;background-repeat:no-repeat;background-size:350px 350px,350px 350px,100%;border-radius:105px;width:210px;height:210px;margin-left:auto;margin-right:auto;display:block;position:absolute;top:15px;left:0;right:0;box-shadow:15px 55px 60px 5px #767072}.kn-camera .camera .top .lens .glass{background-image:radial-gradient(#776d50d9,#0000 40%),radial-gradient(#33b46940 13%,#779f3b33 53% 70%,#779f3b00 68%),radial-gradient(#33b46940 23%,#33b46933 53% 70%,#33b46900 68%),radial-gradient(#2c1f28,#241921 55%,#080609 70%);background-position:50% -10px,-30px -48px,-30px 55px,50%;background-repeat:no-repeat;background-size:100%,190% 100%,190% 100%,100%;border-radius:40px;width:70px;height:70px;margin-left:auto;margin-right:auto;display:block;position:absolute;top:70px;left:0;right:0}.kn-camera .camera .top .shutter{background-image:radial-gradient(#2a2729 51%,#4a4649 53.5%);background-position:center bottom -10px;background-repeat:no-repeat;background-size:200% 200%;border:1px solid #0b0a0b;border-radius:30px;width:57px;height:57px;display:block;position:absolute;bottom:30px;left:25px;box-shadow:inset 1px 1px 1px #fff3,0 0 2px 6px #dfdad7,1px 6px 10px #66514d,-1px -7.5px 1px #fff}.kn-camera .camera .top .flash{background-image:linear-gradient(#edecea,#f6f6f8),linear-gradient(90deg,#f7f6f400 3%,#f7f6f480 3% 6%,#f7f6f400 6% 11%,#f7f6f480 12% 15%,#f7f6f400 15% 21%,#f7f6f480 21% 23%,#f7f6f400 23% 24%,#f7f6f480 24% 25%,#f7f6f400 25% 27%,#f7f6f480 27% 28%,#f7f6f400 28% 31%,#f7f6f480 31% 33%,#f7f6f400 33% 35%,#f7f6f480 35% 37%,#f7f6f400 37% 39%,#f7f6f480 39% 41%,#f7f6f400 41% 43%,#f7f6f480 43% 45%,#f7f6f400 45% 48%,#f7f6f480 48% 50%,#f7f6f400 50% 55%,#f7f6f480 55% 57%,#f7f6f400 57% 59%,#f7f6f480 59% 60%,#f7f6f400 60% 61%,#f7f6f480 61% 62%,#f7f6f400 62% 64%,#f7f6f480 64% 66%,#f7f6f400 66% 69%,#f7f6f480 69% 71%,#f7f6f400 71% 75%,#f7f6f480 75% 77%,#f7f6f400 77% 79%,#f7f6f480 79% 80%,#f7f6f400 80% 81%,#f7f6f480 81% 82%,#f7f6f400 82% 84%,#f7f6f480 84% 86%,#f7f6f400 86% 89%,#f7f6f480 89% 91%,#f7f6f400 81% 95%),linear-gradient(90deg,#bab8b91a,#f7f6f4a6,#bab8b91a),linear-gradient(90deg,#bab8b91a,#f7f6f4a6,#bab8b91a),linear-gradient(#e3deda 15%,#afaaa6 25% 35%,#0000 45%),linear-gradient(#f0efed 10%,#b0aba7 20%,#403c3b 40%,#2f2b2a 43%,#292524 45% 55%,#696562 65% 75%,#c2bfba 82% 86%,#dedad7 90% 93%,#c9c6c1 94% 96%,#fffefa 98%),linear-gradient(#34332f,#3e3a38);background-position:24px 0,25px 0,22px 0,64px 0,50%,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat,no-repeat;background-size:42px 20px,42px 100%,3px 100%,3px 100%,100% 3px,100%,100%;border-radius:15px;width:90px;height:160px;position:absolute;top:25px;left:25px;box-shadow:-1px -1px 1px #bdb8b5,-1.5px -2.1px .5px #24201d,-4px 4px 3px 3px #f4f0ef,-5px 8px 8px #aba6aa,inset .25px 1px 1px 5px #3e3a38,inset 0 -6px 1px 1px #f6f6f8}.kn-camera .camera .top .viewfinder{background-color:#1b1a18;border-radius:20px;width:110px;height:110px;position:absolute;top:20px;right:20px;box-shadow:.5px .5px 1px 1.5px #f1edee,inset 1.5px 1px 1px 1px #3b3535,inset 2px 2px 1px 1px #9f9e9c,inset -.5px -2px 1.5px #9b9a98,1px 1.5px .5px 1px #fbf7f8}.kn-camera .camera .top .viewfinder .glass{background-color:#fff;background-image:radial-gradient(#eceaed4d 50%,#0000 60%),radial-gradient(#c1bdba4d 50%,#0000 60%),radial-gradient(#5b5758 45%,#302c2d,#131112);background-position:-3px -7px,left -3px bottom -8px,50%;background-repeat:no-repeat;background-size:106% 32%,106% 25%,100%;border-radius:20px;width:75px;height:75px;position:absolute;top:18px;left:18px;box-shadow:inset 0 0 1px #010000,inset 0 0 1px 1px #393836,inset 0 0 2px 2px #010000,inset 0 0 2px 4px #393836,inset 0 0 1.5px 4.5px #010000,-.5px -1px 1px #5f5e5c,.25px 2px 2px #464543}.kn-camera .camera .top .viewfinder .glass .back{background-image:linear-gradient(#eceaed,#e2e0e1);border:.5px solid #090705bf;border-radius:10px;width:40px;height:40px;position:absolute;top:19px;left:18px;box-shadow:.5px 2px 2px #5e5b56,0 1px 3px #cac4c5,-4px 0 5px #090705bf,inset 1px 1px 1px 1px #f1ecf0,inset 1.5px 1.5px 1px 1px #d1d0ce}.kn-camera .camera .top .timer{background-image:radial-gradient(#e8e4e5,#dedad9);border-radius:20px;width:23px;height:23px;position:absolute;top:35px;left:135px;box-shadow:0 .5px 1px .5px #605c5b,inset 1px 1px 1px #fffbfc}.kn-camera .camera .top .sensor{backround-size:60%, 100%;background-image:radial-gradient(#080607,#0000 50%),radial-gradient(#0b090a,#211f20,#131112,#383637,#100e0f,#383637,#100e0f);background-position:-6px -3px,50%;background-repeat:no-repeat;border-radius:20px;width:23px;height:23px;position:absolute;top:70px;left:135px;box-shadow:0 .5px 1px .75px #fffbfc,0 -1px 1px #635f5e}.kn-camera .camera .top .power{background-image:radial-gradient(#000 30%,#252525,#171717,#020001,#242223,#383637);border-radius:20px;width:28px;height:28px;position:absolute;top:195px;right:150px;box-shadow:0 .5px 1px .75px #c6c1c0,0 -.5px .5px .25px #1a1819,-5px -8px 8px 1px #56525266}.kn-camera .camera .top .toggle-container{background-image:linear-gradient(#cc7b00 10%,#b26701);border-radius:20px;width:50px;height:22px;position:absolute;top:145px;right:50px;box-shadow:inset .2px .2px .5px .5px #935723,.5px 1px .75px .25px #fce9d8}.kn-camera .camera .top .toggle-container .toggle{background-image:radial-gradient(#fbc00a,#ffdb09);border-radius:20px;width:20px;height:20px;margin-left:auto;margin-right:auto;position:absolute;top:1px;left:0;right:0;box-shadow:inset .5px 1px .75px .25px #ffed71,inset 0 -.5px .5px .5px #e6a11f,-1px .5px 4px 1px #964900}.kn-camera .camera .top .flash:after{content:"";background:radial-gradient(circle, var(--flash-glow,#fff6d8) 0, #fff6d899 30%, transparent 62%);opacity:var(--flash-on,0);pointer-events:none;border-radius:50%;position:absolute;inset:-30%}.kn-camera[data-top=off] .camera .top{visibility:hidden}.kn-camera{left:50%;top:var(--top);width:calc(570px * var(--k-cam));height:calc(470px * var(--k-cam));transform:translate(-50%, var(--camera-y,0px));z-index:7;position:absolute}.kn-flash{left:var(--flash-x);top:var(--flash-y);pointer-events:none;z-index:30;width:6000px;height:6000px;opacity:var(--flash-pop,0);background:radial-gradient(circle,#fff 0,#fffdf6 2%,#ffffffeb 6%,#fff9 13%,#ffffff4d 22%,#ffffff1a 30%,#fff0 38%);position:absolute;transform:translate(-50%,-50%)}.kn-locket-bg{--bg:#f6f2e9;background:var(--bg);position:absolute;inset:0}.kn-locket-bg[data-metal=silver]{--bg:#efefed}.kn-locket-bg[data-metal=gold]{--bg:#f6f2e9}.kn-locket-bg[data-metal=champagne]{--bg:#f4f1e9}.kn-locket-bg .ambient{background:radial-gradient(at 50% 35%,#fff9,#0000 65%);position:absolute;inset:0}.kn-locket-bg .dark{opacity:calc(var(--dark,0) * .5);background:#171411;position:absolute;inset:0}.kn-locket{z-index:8;color:#39382f;--light:#fff1c9;--mid:#c4a05e;--dark:#6b532d;--soft:#e3cd99;--bg:#f6f2e9;--radius:50%;font:12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;position:absolute;inset:0}.kn-locket[data-metal=silver]{--bg:#efefed;--light:#fff;--mid:#bdbdbd;--dark:#606060;--soft:#e1e1e1}.kn-locket[data-metal=gold]{--bg:#f6f2e9;--light:#fff1c9;--mid:#c4a05e;--dark:#6b532d;--soft:#e3cd99}.kn-locket[data-metal=champagne]{--bg:#f4f1e9;--light:#fff8e5;--mid:#c5b691;--dark:#756746;--soft:#e5dcc2}.kn-locket[data-shape=heart]{--radius:40%}.kn-locket[data-shape=deco]{--radius:18%}.kn-locket .ground{filter:blur(22px);opacity:.13;background:#423727;border-radius:50%;width:280px;height:30px;position:absolute;top:66%;left:50%;transform:translate(-50%)}.kn-locket .camera{perspective:var(--persp);position:absolute;inset:0}.kn-locket .jewel{width:var(--w);height:var(--h);left:var(--jewel-left);top:var(--jewel-top);transform-style:preserve-3d;position:absolute}.kn-locket .chain{width:8px;height:var(--chain-h);background:radial-gradient(ellipse 3px 5px at 50% 6px, transparent 45%, var(--dark) 48%, var(--light) 60%, var(--mid) 72%, transparent 78%) center / 8px 12px;position:absolute;bottom:calc(100% + 24px);left:calc(50% - 4px);transform:translateZ(-2px)}.kn-locket .bail{border:5px solid var(--mid);width:24px;height:37px;box-shadow:inset 2px 0 1px var(--dark), inset -2px 0 1px var(--light), 1px 0 1px var(--light), -1px 0 1px var(--dark);background:linear-gradient(90deg, var(--dark), var(--light) 24%, var(--mid) 42%, var(--light) 66%, var(--dark));border-radius:48%;position:absolute;bottom:calc(100% - 7px);left:calc(50% - 12px);transform:translateZ(-2px)}.kn-locket .bail:after{content:"";background:var(--bg);box-shadow:1px 0 1px var(--light), -1px 0 1px var(--dark);border-radius:50%;position:absolute;inset:0}.kn-locket[data-shape=heart] .bail{bottom:83%}.kn-locket[data-shape=heart] .chain{bottom:calc(83% + 24px)}.kn-locket .case,.kn-locket .lid,.kn-locket .face{transform-style:preserve-3d;position:absolute;inset:0}.kn-locket .case{transform:translateZ(0)}.kn-locket .lid{transform-origin:var(--pivot) 50%}.kn-locket .face{backface-visibility:hidden}.kn-locket .front{visibility:var(--front-vis,visible);transform:translateZ(.5px)}.kn-locket .inner{visibility:var(--inner-vis,hidden);transform:rotateY(180deg)translateZ(.5px)}.kn-locket .metal{clip-path:var(--shape);background:conic-gradient(from 35deg at 45% 40%, var(--light), var(--mid) 12%, var(--dark) 23%, var(--soft) 32%, var(--light) 45%, var(--mid) 56%, var(--dark) 66%, var(--light) 82%, var(--mid) 94%, var(--light));position:absolute;inset:0}.kn-locket .metal:before{content:"";clip-path:var(--shape);background:linear-gradient(125deg, var(--light), var(--soft) 22%, var(--mid) 45%, var(--light) 64%, var(--mid) 80%, var(--dark));position:absolute;inset:3px}.kn-locket .metal:after{content:"";clip-path:var(--shape);background:radial-gradient(ellipse at 32% 24%, #ffffff8c, transparent 55%), repeating-linear-gradient(97deg, #ffffff0c 0 1px, #00000004 1px 2px), linear-gradient(125deg, var(--soft), var(--light) 24%, var(--mid) 60%, var(--soft) 88%);position:absolute;inset:8px;box-shadow:inset 0 0 30px #0003}.kn-locket .inner .metal:after{background:radial-gradient(ellipse, var(--soft), var(--mid));inset:10px}.kn-locket[data-shape=deco] .shell:after{background:repeating-conic-gradient(from 0deg at 50% 50%, #fff2 0 1deg, transparent 1deg 8deg), linear-gradient(120deg, var(--light), var(--mid) 65%, var(--soft))}.kn-locket .photo-well{clip-path:var(--shape);background:#191816;position:absolute;inset:9%}.kn-locket .portrait{object-fit:cover;width:100%;max-width:100%;height:100%;display:block;position:static}.kn-locket .photo-glass{clip-path:var(--shape);border-radius:var(--radius);background:linear-gradient(125deg,#fff1,#0000 45%);position:absolute;inset:9%;box-shadow:inset 3px 4px 10px #000a}.kn-locket .case-shade{clip-path:var(--shape);background:#0008;position:absolute;inset:0}.kn-locket .hinge{left:var(--hinge-left);top:var(--hinge-top);width:var(--hinge-w);height:var(--hinge-h);flex-direction:column;gap:2px;display:flex;position:absolute;transform:translateZ(2px)}.kn-locket .hinge i{background:linear-gradient(90deg, var(--dark), var(--light) 30%, var(--mid) 70%, var(--dark));border-radius:3px;flex:1;box-shadow:0 1px 1px #0005}.kn-locket .engraving{color:var(--dark);text-shadow:0 1px #fff9,0 -1px 1px #0003;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:21% 12%;transform:translateZ(.5px)}.kn-locket .engraving strong{white-space:nowrap;max-width:100%;margin:12px 0 6px;font:italic 400 26px/1.3 Georgia,serif}.kn-locket .tiny{letter-spacing:2px;font-size:6px}.kn-locket .engraving time{letter-spacing:2px;font:8px/1.5 Georgia,serif}.kn-locket .engraved-line{background:var(--dark);opacity:.45;width:30%;height:1px;margin:0 0 10px;box-shadow:0 1px #fff9}.kn-locket .front-mark{color:var(--dark);opacity:.45;text-shadow:0 1px var(--light);text-align:center;place-items:center;font:30px Georgia,serif;display:grid;position:absolute;inset:0}.kn-locket .ornament{border:1px solid var(--dark);position:absolute;inset:14%}@supports (color:color-mix(in lab, red, red)){.kn-locket .ornament{border:1px solid color-mix(in srgb, var(--dark) 32%, transparent)}}.kn-locket .ornament{border-radius:var(--radius);box-shadow:0 1px #fff8,inset 0 1px #fff8}.kn-locket .ornament:after{content:"";border-radius:inherit;border:1px solid #ffffff65;position:absolute;inset:5px}.kn-locket .glint{clip-path:var(--shape);opacity:.65;background:linear-gradient(110deg,#0000 27%,#ffffff50 40%,#0000 52%);position:absolute;inset:0}.kn-locket[data-shape=heart] .ornament{box-shadow:none;border:0;inset:20% 17% 28%}.kn-locket[data-shape=heart] .ornament:after{border:0}.kn-locket[data-shape=heart] .ornament i{border:1px solid #6669;border-radius:100% 0;width:30%;height:55%;position:absolute;top:7%;left:9%;transform:rotate(-30deg);box-shadow:1px 1px #fff8}.kn-locket[data-shape=heart] .ornament i:nth-child(2){left:auto;right:9%;transform:scaleX(-1)rotate(-30deg)}.kn-locket[data-shape=heart] .ornament i:nth-child(3){width:20%;height:35%;top:28%;left:25%}.kn-locket[data-shape=heart] .ornament i:nth-child(4){width:20%;height:35%;top:28%;left:55%;transform:scaleX(-1)rotate(-30deg)}.kn-locket[data-shape=heart] .front-mark{padding-top:23%;font-size:22px}.kn-locket[data-shape=heart] .engraving{inset:21% 16% 25%}.kn-locket[data-shape=heart] .engraving strong{margin:8px 0;font-size:22px}.kn-locket[data-shape=deco] .ornament{clip-path:var(--shape);border:3px double var(--dark);opacity:.4;border-radius:0;inset:14%}.kn-locket[data-shape=deco] .front-mark{font-size:40px}.kn-locket[data-engraving=none] .ornament{display:none}.kn-locket .full-photo{opacity:0;pointer-events:none;object-fit:fill;max-width:none;max-height:none;position:absolute;inset:auto}.kn-locket .full-scrim{background:var(--scrim);opacity:0;pointer-events:none;position:absolute;inset:-50% -100%}.kn-fold{z-index:12;pointer-events:none;position:absolute;inset:0}.kn-fold-arrival{transform-origin:50% var(--fold-rest-y,437px);position:absolute;inset:0}.kn-fold-rest{left:var(--fold-left);top:var(--fold-top);width:var(--fw);height:var(--fh);transform-origin:var(--rest-origin);transform:translate(var(--rest-x), var(--rest-y)) rotate(var(--rest-tilt)) scale(var(--rest-s));transition:transform var(--read-close-duration,.32s) cubic-bezier(.32, .72, 0, 1);position:absolute}.kn-fold-paper{width:var(--fw);height:var(--fh);transition:transform var(--read-close-duration,.32s) cubic-bezier(.32, .72, 0, 1);position:absolute;top:0;left:0}.kn-fold-hit{left:var(--packet-left);top:var(--fold-y);width:var(--packet-w);height:var(--packet-h);z-index:2;border-radius:var(--fold-radius);pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.kn-fold[data-fold-enabled=off] .kn-fold-rest{transform-origin:50%;transform:rotate(var(--rest-tilt)) scale(calc(var(--rest-s) / 2))}.kn-fold[data-fold-enabled=off] .kn-fold-hit{width:100%;height:100%;top:0;left:0}.kn-fold[data-fold-enabled=off] .kn-fold-creases{display:none}.kn-fold-hit:disabled{pointer-events:none}.kn-fold-hit:focus-visible{outline:2px solid var(--fold-back);outline-offset:6px}.kn-fold-sheet{visibility:hidden;clip-path:inset(-80px -80px calc(100% - var(--fh)) -80px);position:absolute;inset:0}.kn-fold[data-flat=on] .kn-fold-sheet{visibility:visible;clip-path:inset(-80px);transition:clip-path var(--grow-ms,.52s) cubic-bezier(.32, .72, 0, 1)}.kn-fold-sheet .kn-letter{min-height:var(--fh);box-shadow:0 18px 40px -18px #14100a4d,0 2px 6px #14100a1a}.kn-fold-creases{width:var(--fw);height:var(--fh);border-radius:var(--fold-radius);pointer-events:none;z-index:26;opacity:var(--crease);background:linear-gradient(90deg, transparent 35%, #47341e09 46%, #47341e1f calc(var(--crease-x) - 1px), #ffffffd9 var(--crease-x), #47341e0f calc(var(--crease-x) + 1px), transparent 63%), linear-gradient(135deg, #ffffff1f, transparent 45%, #47341e06);position:absolute;top:0;left:0}.kn-fold-creases:before,.kn-fold-creases:after{content:"";width:var(--fold-x);background:linear-gradient(180deg, transparent calc(var(--crease-y) - var(--crease-w) * 2), #ffffff80 calc(var(--crease-y) - 1px), #47341e29 var(--crease-y), #47341e0f calc(var(--crease-y) + 2px), transparent calc(var(--crease-y) + var(--crease-w) * 2));position:absolute;top:0;bottom:0}.kn-fold-creases:before{left:0}.kn-fold-creases:after{width:var(--fold-rw);transform-origin:50% var(--crease-y);right:0;transform:scaleY(-1)}.kn-fold-anim,.kn-fold-shadows{width:var(--fw);height:var(--fh);pointer-events:none;position:absolute;top:0;left:0}.kn-fold-anim{transform-style:preserve-3d;transform:perspective(var(--fold-persp))}.kn-fold-shadows{transform:translateY(4px)}.kn-fold[data-flat=on] .kn-fold-anim,.kn-fold[data-flat=on] .kn-fold-shadows{visibility:hidden}.fold-cast{width:var(--fold-x);height:var(--fold-bh);transform-origin:0 0;transform:translate(0, var(--fold-y));opacity:var(--shade-drop);border-radius:var(--fold-radius);filter:blur(var(--shadow-softness));background:#241b10;position:absolute;top:0;left:0}.fold-cast.cast-br,.fold-cast.cast-tr{transform:translate(calc(var(--fold-x) - var(--fold-rw)), var(--fold-y))}.kn-fold .q{width:var(--fold-x);height:var(--fold-bh);transform-style:preserve-3d;position:absolute}.kn-fold .q.bl{left:0;top:var(--fold-y)}.kn-fold .q.br,.kn-fold .q.tr,.fold-cast.cast-br,.fold-cast.cast-tr{width:var(--fold-rw)}.kn-fold .q.tl,.kn-fold .q.tr,.fold-cast.cast-tl,.fold-cast.cast-tr{height:var(--fold-y)}.kn-fold .face{backface-visibility:hidden;background:var(--fold-paper);transform:translateZ(calc(var(--paper-thickness) / 2));position:absolute;inset:0;box-shadow:0 0 0 .35px #5b482b1a,0 1px #ffffffa6}.kn-fold .face.back{transform:rotateY(180deg) translateZ(calc(var(--paper-thickness) / 2));background:linear-gradient(180deg, #ffffffa6, transparent 5%, transparent 95%, #47341e14), linear-gradient(90deg, #47341e1f, transparent 12%, transparent 90%, #ffffff80), var(--fold-back)}.kn-fold .q.bl .face{border-bottom-left-radius:var(--fold-radius)}.kn-fold .q.br .face{border-bottom-right-radius:var(--fold-radius)}.kn-fold .q.tl .face{border-top-left-radius:var(--fold-radius)}.kn-fold .q.tr .face{border-top-right-radius:var(--fold-radius)}.kn-fold .face.back{border-radius:0}.fold-grain,.fold-shade,.fold-contact{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.fold-grain{z-index:25;background:var(--tex-url) 0 0 / var(--tex-size) repeat;opacity:var(--tex-opacity)}.fold-shade{z-index:1;background:#302313}.fold-contact{z-index:2;background:linear-gradient(#302313d9,#0000 65%)}.fold-crop{z-index:0;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.fold-content{width:var(--fw);height:var(--fh);position:absolute}.kn-fold .q.br .fold-content,.kn-fold .q.tr .fold-content{left:calc(var(--fold-x) * -1)}.kn-fold .q.bl .fold-content,.kn-fold .q.br .fold-content{top:calc(var(--fold-y) * -1)}.kn-fold .fold-content .kn-letter{min-height:var(--fh);height:auto;box-shadow:none;position:absolute;inset:0}.kn-fold .fold-content .kn-letter .note{position:relative}.kn-fold .hinge{width:var(--fold-x);height:var(--fold-y);transform-origin:50% 100%;transform-style:preserve-3d;transform:translateZ(var(--paper-thickness)) rotateX(-180deg);position:absolute;top:0}.kn-fold .hinge.tl{left:0}.kn-fold .hinge .q{top:0;left:0}.kn-fold .col{left:var(--fold-x);width:var(--fold-rw);height:var(--fh);transform-origin:0;transform-style:preserve-3d;transform:translateZ(calc(var(--paper-thickness) * 2)) rotateY(-180deg);position:absolute;top:0}.kn-fold .col .q.br{left:0;top:var(--fold-y)}.kn-fold .col .hinge.tr{width:var(--fold-rw);left:0}.kn-viewport[data-state=read] .kn-fold{z-index:24}.kn-viewport[data-state=read] .kn-fold .kn-fold-rest{transition:transform var(--read-open-duration,.9s) cubic-bezier(.32, .72, 0, 1);transform:translate(0)rotate(0)scale(1)}.kn-viewport[data-state=read] .kn-fold-paper{height:auto;min-height:var(--fh);transition:transform var(--read-open-duration,.9s) cubic-bezier(.32, .72, 0, 1)}.kn-viewport[data-state=read] .kn-fold-sheet{min-height:var(--fh);position:relative;inset:auto}.kn-viewport[data-state=read] .kn-fold-sheet .kn-letter{position:relative}.kn-still .kn-fold *,.kn-still .kn-fold-rest,.kn-still .kn-fold-paper{transition:none!important}@media (prefers-reduced-motion:reduce){.kn-fold-rest,.kn-fold-paper,.kn-viewport[data-state=read] .kn-fold .kn-fold-rest,.kn-viewport[data-state=read] .kn-fold-paper,.kn-fold[data-flat=on] .kn-fold-sheet{transition:none}}.kn-letter-rise{z-index:9;transform:translateY(var(--rise,720px));position:absolute}