.feedback-board{--fb-ink:#103b2b;--fb-coffee:#84502b;position:relative;isolation:isolate;display:grid;grid-template-columns:57% 43%;width:100%;height:100%;overflow:hidden;background:#f3e7d6;color:var(--fb-ink);font-family:Segoe UI,Arial,sans-serif}.feedback-board *{box-sizing:border-box}.feedback-board-invite,.feedback-board-story{position:relative;min-width:0;min-height:0;overflow:hidden}.feedback-board-photo{position:absolute;inset:0;background:#f3e7d6 url(/assets/feedback-cafe.webp) 100% 100%/cover no-repeat;z-index:-1}.feedback-board-story:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff6e633,transparent 85%);z-index:-1}.feedback-board-brand{position:absolute;left:calc(var(--u)*6);top:calc(var(--u)*3.5);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u)*.7);max-width:80%;font-size:calc(var(--u)*3.3);letter-spacing:.07em;font-weight:500;text-align:center;line-height:1.2;overflow-wrap:anywhere}.feedback-board-logo{display:block;width:calc(var(--u)*8);height:calc(var(--u)*8.5);object-fit:contain}.feedback-board-copy{position:absolute;left:calc(var(--u)*10);right:calc(var(--u)*5);top:27%;z-index:2}.feedback-board-eyebrow{font-size:calc(var(--u)*2);letter-spacing:.3em;font-weight:500;line-height:1.4;margin:0 0 calc(var(--u)*1.8);overflow-wrap:anywhere}.feedback-board-copy h1{font-size:calc(var(--u)*9);font-weight:700;letter-spacing:-.045em;line-height:1.03;margin:0;overflow-wrap:anywhere}.feedback-board-copy h1>span{color:var(--fb-coffee)}.feedback-board-subtitle{max-width:calc(var(--u)*66);font-size:calc(var(--u)*2.8);font-weight:350;line-height:1.45;color:#384039;margin:calc(var(--u)*2.3) 0 0;overflow-wrap:anywhere;text-wrap:pretty}.feedback-board[data-long-heading=true] .feedback-board-copy h1{font-size:calc(var(--u)*5.5);line-height:1.1}.feedback-board[data-long-heading=true] .feedback-board-subtitle{font-size:calc(var(--u)*2.5)}.feedback-board-invite{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*3.5);padding:calc(var(--u)*7) calc(var(--u)*5) calc(var(--u)*5);background:radial-gradient(ellipse at 35% 40%,#3e5740aa,transparent 65%),linear-gradient(135deg,#1d3b2b,#092318);color:#fff3d9}.feedback-board-invite:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 8%,#cbe3b414 13%,transparent 25%,#d6dbbd0a 40%,transparent 57%);filter:blur(calc(var(--u)*1.3))}.feedback-board-canopy{position:absolute;right:calc(var(--u)*-8);top:calc(var(--u)*-10);width:calc(var(--u)*42);height:calc(var(--u)*40);background:url(/assets/feedback-leaves.webp) 50%/contain no-repeat;mix-blend-mode:multiply;opacity:.72;transform:rotate(-30deg);filter:blur(calc(var(--u)*.25));-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent);pointer-events:none}.feedback-board-qr-card{position:relative;flex-shrink:0;width:calc(var(--u)*48);max-width:100%;padding:calc(var(--u)*1.6) calc(var(--u)*1.6) calc(var(--u)*3);border-radius:calc(var(--u)*3.7);background:#fffdf7;border:calc(var(--u)*.12) solid #e6d9b3;box-shadow:0 calc(var(--u)*1) calc(var(--u)*5) #0003;z-index:3}.feedback-board-qr-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 calc(var(--u)*2.3) #e8ba6840,0 0 calc(var(--u)*5.3) #d7b46422;opacity:.7;animation:feedback-glow 6s ease-in-out infinite}.feedback-board-code{width:100%;aspect-ratio:1;position:relative}.feedback-board-code>svg{display:block;width:100%;height:100%}.feedback-board-caption{text-transform:uppercase;letter-spacing:.23em;text-align:center;font-size:calc(var(--u)*2.05);font-weight:600;line-height:1.5;margin:calc(var(--u)*.4) calc(var(--u)*2) 0;color:#17281e;overflow-wrap:anywhere}.feedback-board-signoff{position:relative;z-index:2;text-align:center;max-width:calc(var(--u)*38)}.feedback-board-rule{display:flex;align-items:center;justify-content:center;gap:calc(var(--u)*2);margin-bottom:calc(var(--u)*1.1);color:#f5eac7}.feedback-board-rule>svg{width:calc(var(--u)*3);height:calc(var(--u)*3.5)}.feedback-board-rule>span{width:calc(var(--u)*8);height:calc(var(--u)*.07);background:#dfcb9366}.feedback-board-signoff>p{font-size:calc(var(--u)*2.15);line-height:1.35;font-weight:300;text-wrap:balance;margin:0;overflow-wrap:anywhere}.feedback-board-signoff>small{display:block;font-size:calc(var(--u)*1.1);color:#d0d8c5;margin-top:calc(var(--u)*1)}.feedback-board-steam{position:absolute;right:calc(var(--u)*34.5);bottom:36%;width:calc(var(--u)*13);height:calc(var(--u)*21);pointer-events:none;z-index:1;color:#fffdf5}.feedback-steam{position:absolute;bottom:0;width:calc(var(--u)*6);height:100%;opacity:0;filter:blur(calc(var(--u)*.17));animation:feedback-steam-rise 7s ease-out infinite}.feedback-steam-0{left:0;animation-delay:-1s}.feedback-steam-1{left:23%;animation-delay:-4.5s;height:87%}.feedback-steam-2{left:47%;animation-delay:-2.8s;height:95%}.feedback-steam-3{left:65%;animation-delay:-6s;height:80%}.feedback-board-beans{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.feedback-board-bean{position:absolute;display:block;width:calc(var(--u)*var(--bean-size));height:calc(var(--u)*var(--bean-size)*1.5);border-radius:52% 46% 50% 48%;background:linear-gradient(100deg,#b17a43,#6b3c22 45%,#3b2015);box-shadow:inset calc(var(--u)*.12) 0 calc(var(--u)*.2) #e8b67655,0 calc(var(--u)*.3) calc(var(--u)*.8) #1f100e33;opacity:.26;transform:rotate(var(--bean-rotate));animation:feedback-bean-drift 14s ease-in-out infinite}.feedback-board-bean:after{content:"";position:absolute;left:44%;top:9%;width:13%;height:82%;border-left:calc(var(--u)*.1) solid #e4ae7555;border-radius:50%;background:#3b2215;transform:rotate(12deg)}@keyframes feedback-steam-rise{0%{opacity:0;transform:translateY(calc(var(--u)*2)) scaleX(.75)}22%{opacity:.5}65%{opacity:.28}to{opacity:0;transform:translateY(calc(var(--u)*-7)) scaleX(1.25)}}@keyframes feedback-glow{0%,to{opacity:.35}50%{opacity:1}}@keyframes feedback-bean-drift{0%,to{transform:translate(0) rotate(var(--bean-rotate))}50%{transform:translate(calc(var(--u)*.8),calc(var(--u)*-2.5)) rotate(calc(var(--bean-rotate) + 16deg))}}.feedback-board[data-motion=off] .feedback-board-bean,.feedback-board[data-motion=off] .feedback-board-qr-card:after,.feedback-board[data-motion=off] .feedback-steam{animation:none}.feedback-board[data-motion=off] .feedback-steam{opacity:.16}.feedback-board[data-orientation=portrait]{grid-template-columns:1fr;grid-template-rows:52% 48%}.feedback-board[data-orientation=portrait] .feedback-board-brand{left:calc(var(--u)*3);top:calc(var(--u)*1.5);font-size:calc(var(--u)*1.5);gap:calc(var(--u)*.2)}.feedback-board[data-orientation=portrait] .feedback-board-logo{width:calc(var(--u)*3.5);height:calc(var(--u)*3.7)}.feedback-board[data-orientation=portrait] .feedback-board-copy{left:calc(var(--u)*4);right:calc(var(--u)*3);top:26%}.feedback-board[data-orientation=portrait] .feedback-board-eyebrow{font-size:calc(var(--u)*1);margin-bottom:calc(var(--u)*1.2)}.feedback-board[data-orientation=portrait] .feedback-board-copy h1{font-size:calc(var(--u)*4.9)}.feedback-board[data-orientation=portrait] .feedback-board-subtitle{font-size:calc(var(--u)*1.5);max-width:calc(var(--u)*35);margin-top:calc(var(--u)*1.3)}.feedback-board[data-orientation=portrait][data-long-heading=true] .feedback-board-copy h1{font-size:calc(var(--u)*3)}.feedback-board[data-orientation=portrait][data-long-heading=true] .feedback-board-subtitle{font-size:calc(var(--u)*1.25);max-width:calc(var(--u)*43)}.feedback-board[data-orientation=portrait] .feedback-board-invite{padding:calc(var(--u)*2) calc(var(--u)*4);gap:calc(var(--u)*1.6)}.feedback-board[data-orientation=portrait] .feedback-board-qr-card{width:calc(var(--u)*29);padding:calc(var(--u)*.7) calc(var(--u)*.7) calc(var(--u)*1.4);border-radius:calc(var(--u)*2)}.feedback-board[data-orientation=portrait] .feedback-board-caption{font-size:calc(var(--u)*1.15);margin:0 calc(var(--u)*1)}.feedback-board[data-orientation=portrait] .feedback-board-signoff{max-width:calc(var(--u)*33)}.feedback-board[data-orientation=portrait] .feedback-board-signoff>p{font-size:calc(var(--u)*1.15)}.feedback-board[data-orientation=portrait] .feedback-board-signoff>small{font-size:calc(var(--u)*.7)}.feedback-board[data-orientation=portrait] .feedback-board-rule{gap:calc(var(--u)*1);margin-bottom:calc(var(--u)*.5)}.feedback-board[data-orientation=portrait] .feedback-board-rule>svg{width:calc(var(--u)*1.5);height:calc(var(--u)*1.8)}.feedback-board[data-orientation=portrait] .feedback-board-rule>span{width:calc(var(--u)*4)}.feedback-board[data-orientation=portrait] .feedback-board-steam{right:calc(var(--u)*17.5);width:calc(var(--u)*8);height:calc(var(--u)*11)}.feedback-board[data-orientation=portrait] .feedback-steam{width:calc(var(--u)*3.5)}.feedback-board[data-orientation=portrait] .feedback-board-bean{width:calc(var(--u)*var(--bean-size)*.65);height:calc(var(--u)*var(--bean-size)*.975)}@media(prefers-reduced-motion:reduce){.feedback-board .feedback-board-bean,.feedback-board .feedback-board-qr-card:after,.feedback-board .feedback-steam{animation:none!important}.feedback-board .feedback-steam{opacity:.16}}