@layer components{:root{--paper:#fbf7f0;--paper-shade:#f1e9dd;--paper-edge:#e4d9c8;--paper-edge-deep:#d6c9b5;--paper-ink:74 52 38;--paper-radius:5px}.paper-grain:after{content:"";z-index:6;border-radius:inherit;pointer-events:none;mix-blend-mode:multiply;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .24 0 0 0 0 .17 .75 0 0 0 -.22'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px;position:absolute;inset:0}.paper-light:before{content:"";z-index:7;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at var(--light-x,18%) var(--light-y,8%), #ffffff47, transparent 55%), linear-gradient(160deg, transparent 55%, rgb(var(--paper-ink) / .07));box-shadow:inset 0 1px 0 #ffffffa6, inset 1px 0 0 #ffffff59, inset 0 -1px 0 rgb(var(--paper-ink) / .1);transition:background-position .2s;position:absolute;inset:0}.paper-sheet{isolation:isolate;border-radius:var(--paper-radius);background-color:var(--paper);position:relative;overflow:hidden}.paper-lift{box-shadow:1px 1px 0 var(--paper-edge), 2px 2px 0 var(--paper-edge-deep), 0 1px 1px rgb(var(--paper-ink) / .1), 0 3px 6px -1px rgb(var(--paper-ink) / .12), 0 14px 28px -8px rgb(var(--paper-ink) / .16), 0 36px 60px -20px rgb(var(--paper-ink) / .24)}.paper-contact{position:relative}.paper-contact:after{content:"";z-index:-1;background:rgb(var(--paper-ink) / .22);filter:blur(12px);pointer-events:none;border-radius:50%;height:22px;position:absolute;bottom:-14px;left:8%;right:8%}.paper-page{background-color:var(--paper);background-image:radial-gradient(140% 100% at 30% 0,#ffffff80,#0000 60%)}.paper-fold{perspective:1800px;--fold-angle:7deg;display:flex}.paper-fold>.paper-fold-left{transform-origin:100%;transform:rotateY(var(--fold-angle));border-top-right-radius:0;border-bottom-right-radius:0}.paper-fold>.paper-fold-right{transform-origin:0;transform:rotateY(calc(var(--fold-angle) * -1));border-top-left-radius:0;border-bottom-left-radius:0}.paper-fold-left .paper-crease,.paper-fold-right .paper-crease{z-index:8;pointer-events:none;position:absolute;inset:0}.paper-fold-left .paper-crease{background:linear-gradient(90deg, transparent 62%, rgb(var(--paper-ink) / .06) 88%, rgb(var(--paper-ink) / .16) 100%)}.paper-fold-right .paper-crease{background:linear-gradient(90deg, rgb(var(--paper-ink) / .1) 0%, #ffffff4d 2%, transparent 14%)}.paper-book-stack{box-shadow:1px 1px 0 var(--paper), 2px 2px 0 var(--paper-edge), 3px 3px 0 var(--paper), 4px 4px 0 var(--paper-edge), 5px 5px 0 var(--paper-edge-deep), 0 2px 4px rgb(var(--paper-ink) / .12), 0 18px 36px -10px rgb(var(--paper-ink) / .22), 0 40px 70px -24px rgb(var(--paper-ink) / .26)}.paper-spine-left:after,.paper-spine-right:after{content:"";z-index:8;pointer-events:none;width:14%;position:absolute;top:0;bottom:0}.paper-spine-left:after{background:linear-gradient(90deg, rgb(var(--paper-ink) / .18), rgb(var(--paper-ink) / .05) 40%, transparent);left:0}.paper-spine-right:after{background:linear-gradient(270deg, rgb(var(--paper-ink) / .14), rgb(var(--paper-ink) / .04) 40%, transparent);right:0}.paper-board{box-shadow:inset 0 0 0 1px #ffffff2e, inset 3px 0 6px -2px rgb(var(--paper-ink) / .35)}.paper-photo{box-shadow:0 1px 1px rgb(var(--paper-ink) / .14), 0 4px 10px -2px rgb(var(--paper-ink) / .2);background:#fffdf9;padding:6px}.paper-envelope{--env:#f3e8d9;--env-shade:#e8d9c5}.paper-flap-shadow{filter:drop-shadow(0 1px 1.5px rgb(var(--paper-ink) / .22)) drop-shadow(0 3px 6px rgb(var(--paper-ink) / .1));pointer-events:none;position:absolute;inset:0}.paper-flap{background-color:var(--env);position:absolute;inset:0}.paper-liner{background-color:#ecd3d0;background-image:repeating-linear-gradient(45deg,#ffffff59 0 2px,#0000 2px 10px),repeating-linear-gradient(-45deg,#7b50591a 0 2px,#0000 2px 10px)}@media (prefers-reduced-motion:reduce){.paper-light:before{transition:none}}}