.hero{background:radial-gradient(ellipse at 75% 45%,#f3dedb 0,transparent 52%);min-height:660px}.hero-art{transition:transform .25s ease;transform-style:preserve-3d}.orbit{position:absolute;color:#b71927;font-family:Georgia;pointer-events:none;animation:bob 5s ease-in-out infinite}.orbit-one{font-size:75px;right:-32px;top:10px}.orbit-two{font-size:55px;left:-30px;top:110px;animation-delay:-2s}.party-ticket{position:absolute;right:-22px;bottom:80px;background:#f9f2dc;border:1px dashed #b71927;transform:rotate(8deg);padding:15px 18px;font-size:10px;letter-spacing:2px;line-height:2}.party-ticket b{font-size:8px}#replay-invite{font-family:Georgia,serif;color:var(--red);font-size:14px;padding:0;border-bottom:1px solid #d0a5a3}.motion-control{position:fixed;right:20px;bottom:18px;z-index:12;background:#fffaf4ed;border:1px solid #d7bfb6;padding:10px 14px;font-size:10px;border-radius:30px;box-shadow:0 4px 20px #3822220c}.community{position:relative;background-image:radial-gradient(#cebeb64d .7px,transparent .7px);background-size:16px 16px;padding-top:85px;padding-bottom:90px}.scrap-note{position:absolute;top:17px;right:8%;font:italic 18px/1.4 Georgia;color:#a87d72;transform:rotate(7deg)}.post-grid{gap:28px;padding:15px 6px}.post-card{border-radius:2px;padding:10px 10px 0;box-shadow:3px 8px 15px #49312712;overflow:visible;position:relative;transform:rotate(-2deg)}.post-card:nth-child(2n){transform:rotate(2deg);margin-top:22px}.post-card:nth-child(3n){transform:rotate(-1deg)}.post-card:before{content:'';position:absolute;width:85px;height:23px;left:calc(50% - 42px);top:-12px;background:#e4c4ac9c;transform:rotate(-7deg);z-index:1;pointer-events:none}.post-card:nth-child(2n):before{background:#c5d1c29c;transform:rotate(6deg)}.post-card:hover{transform:rotate(0) translateY(-7px)}.card-body{padding:17px 7px}.card-body h3 button{text-align:left;padding:0}.like.liked{background:#fae0e3;border:1px dashed #bd5c67;border-radius:50%;width:28px;height:28px;transform:rotate(-12deg)}.studio{background:#f1ede4;max-width:none;border-top:1px solid #ded3c9;border-bottom:1px solid #ded3c9}.studio-stamp{border:2px solid #b71927;border-radius:50%;width:94px;height:94px;display:grid;place-content:center;text-align:center;color:#b71927;font:italic 18px/1.3 Georgia;transform:rotate(14deg)}.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;margin-top:35px}.canvas-wrap{background:repeating-linear-gradient(90deg,#e2dcd0 0,#e2dcd0 1px,transparent 1px,transparent 30px),repeating-linear-gradient(0deg,#e2dcd0 0,#e2dcd0 1px,#eae5da 1px,#eae5da 30px);padding:35px;text-align:center;border:1px solid #d6cfc3}.canvas-wrap canvas{width:100%;max-width:350px;display:block;margin:auto;box-shadow:8px 14px 20px #42302120;transform:rotate(-3deg)}.canvas-wrap>span{display:block;font-size:9px;letter-spacing:2px;margin-top:28px;color:#86776a}.studio-controls{max-width:410px}.step-label{display:block;font-size:11px;letter-spacing:1px;color:#856e62;margin:25px 0 14px}.swatches{display:flex;gap:16px}.swatches button{background:var(--swatch);width:40px;height:40px;border:3px solid #fffaf4;outline:1px solid #d7c9c0;border-radius:50%;transition:transform .2s}.swatches button[aria-pressed=true]{outline:2px solid var(--red);transform:scale(1.13)}#color-name{font-size:12px;color:var(--red)}.stamp-options{display:flex;gap:10px}.stamp-options button{border:1px solid #cdbab0;padding:10px 15px;border-radius:4px;font-size:12px}.stamp-options button[aria-pressed=true]{background:#b71927;border-color:#b71927;color:white}.studio-controls input{background:#fffaf4;border:1px solid #d8c9bf;border-radius:4px;padding:13px;width:100%;font-size:14px}.studio-controls .primary{margin:25px 16px 0 0}#studio-status{font-size:12px;line-height:1.7;color:var(--red)}.studio-controls .local-note{line-height:1.8}.invitation{text-align:center;padding:12px 0}.invitation h2{font-size:26px}.invitation .primary{display:flex;margin:25px auto 0}.skip-invite{display:block;margin:18px auto 0;font-size:12px;color:#887872;text-decoration:underline}.envelope{width:230px;height:145px;position:relative;margin:40px auto 25px;background:#f2dce0;box-shadow:0 10px 20px #56272719;border:1px solid #c89b9e;perspective:600px}.envelope:after{content:'';position:absolute;inset:0;background:#eecad0;clip-path:polygon(0 0,50% 65%,100% 0,100% 100%,0 100%)}.envelope-flap{position:absolute;inset:0;background:#f6e6e8;clip-path:polygon(0 0,100% 0,50% 65%);transform-origin:top;transition:transform .7s;z-index:2}.seal{position:absolute;top:60px;left:94px;background:#b71927;color:#fff4dc;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font:italic 18px Georgia;z-index:3;transition:opacity .3s}.unsealed .envelope-flap{transform:rotateX(180deg)}.unsealed .seal{opacity:0}.confetti{position:fixed;inset:0;pointer-events:none;z-index:100;overflow:hidden}.confetti i{position:absolute;left:var(--x);top:-20px;width:8px;height:15px;animation:fall 1.7s var(--delay) ease-in forwards}.quiet .orbit,.quiet .confetti i{animation:none}.quiet .confetti{display:none}.quiet .hero-art{transform:none!important}.quiet *{scroll-behavior:auto!important;transition:none!important}.quiet .post-card:hover{transform:none}@keyframes bob{50%{transform:translateY(-13px) rotate(8deg)}}@keyframes fall{to{transform:translateY(105vh) rotate(var(--r));opacity:0}}@media(max-width:1000px){nav{gap:15px;font-size:11px}.studio-layout{gap:5%}.party-ticket{right:-10px}.hero{min-height:0}}@media(max-width:640px){.hero{padding-bottom:35px}.orbit-one{right:-15px;font-size:50px}.orbit-two{left:-17px;font-size:38px}.party-ticket{bottom:55px;right:-13px;padding:9px;font-size:8px}.community{padding-top:65px}.scrap-note{font-size:13px;top:12px}.post-grid{gap:17px;padding:10px 3px}.post-card{padding:7px 7px 0}.post-card:before{width:55px;left:calc(50% - 27px);height:18px;top:-10px}.post-card:nth-child(2n){margin-top:15px}.post-cover{height:185px}.card-body{padding:13px 3px}.studio-layout{grid-template-columns:1fr;gap:12px}.canvas-wrap{padding:28px}.canvas-wrap canvas{max-width:280px}.studio-stamp{width:65px;height:65px;font-size:14px}.studio .section-heading{flex-wrap:nowrap}.studio h2{font-size:23px}.studio .section-heading>div{max-width:75%}.studio .section-heading p:last-child{font-size:11px;line-height:1.8}.studio-controls{max-width:none}.motion-control{bottom:10px;right:10px;font-size:9px}.invitation h2{font-size:22px}nav{font-size:10px}.quote-cover strong{font-size:17px}.post-card .quote-cover{height:185px}}@media(prefers-reduced-motion:reduce){.orbit,.confetti i{animation:none!important}.hero-art{transform:none!important}}