:root{--cream:#fffaf5;--rose:#be123c;--ink:#4c0519;--meta:#94a3b8;--ease-layout:cubic-bezier(.4,0,.2,1);--ease-text:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}.dot-grid,.grain{pointer-events:none;position:fixed;inset:0}.dot-grid{background-image:radial-gradient(rgba(190,18,60,.45) .5px,transparent .6px);background-size:40px 40px;opacity:.34}.grain{z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.12}.experience{width:min(1280px,100%);height:100vh;margin:auto;padding:0 3rem;position:relative}.masthead{height:94px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--meta)}.counter{font-variant-numeric:tabular-nums}.stage{position:absolute;inset:94px 3rem 0;display:grid;place-items:center;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .65s var(--ease-layout),transform .65s var(--ease-layout)}.stage.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.gallery-layout{width:100%;display:flex;align-items:center;justify-content:center;gap:6rem}.polaroid-stack{height:492px;width:416px;position:relative;flex:0 0 416px}.polaroid{background:#fff;width:380px;height:460px;padding:1.25rem 1.25rem 3.5rem;position:absolute;top:0;left:10px;box-shadow:0 20px 50px rgba(0,0,0,.12);transition:transform .8s var(--ease-layout),opacity .7s var(--ease-layout);will-change:transform,opacity}.polaroid p{margin:13px 0 0;text-align:center;font-family:Kalam,cursive;font-size:.875rem;color:var(--meta)}.card-one{z-index:3;transform:rotate(-1.5deg)}.card-two{z-index:2;transform:rotate(1.8deg) translate(4px,5px)}.card-three{z-index:1;transform:rotate(-.8deg) translate(-4px,9px)}.polaroid.throw{transform:translateX(-150%) rotate(-10deg);opacity:0}.photo{height:340px;width:100%;background:url(memory-triptych.png) center / cover no-repeat;filter:contrast(1.05) sepia(.2) saturate(.9);outline:1px solid rgba(0,0,0,.1)}.photo-one{background-position:center 0}.photo-two{background-position:center 50%}.photo-three{background-position:center 100%}.story-panel{width:min(480px,38vw);min-height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.story-kicker{margin:0 0 1rem;text-transform:uppercase;letter-spacing:.15em;color:var(--rose);font-size:.72rem;font-weight:600}.story-panel h1,.proposal-copy h2,.success-content h2{font-family:"Playfair Display",serif;font-weight:600;letter-spacing:-.045em;text-wrap:balance}.story-panel h1{font-size:clamp(1.35rem,2.1vw,2.1rem);line-height:1.25;margin:0}.story-copy{font-size:1rem;line-height:1.5;color:#7f1d3b;max-width:420px;margin:.85rem 0 1.25rem}.next-control{background:transparent;border:0;border-bottom:1px solid rgba(190,18,60,.45);padding:0 0 .6rem;color:var(--rose);font:600 .85rem "DM Sans",sans-serif;letter-spacing:.05em;display:flex;gap:2rem;align-items:center;cursor:pointer;transition:color .2s ease,transform .2s ease}.next-control:hover{color:#881337;transform:translateX(4px)}.next-control:focus-visible,.yes-button:focus-visible,.no-button:focus-visible{outline:3px solid #fb7185;outline-offset:5px}.next-control i{font-size:1.2rem;font-style:normal}.key-hint{font-size:.72rem;color:var(--meta);margin-top:1.25rem}kbd{border:1px solid #cbd5e1;border-radius:3px;padding:1px 4px}.messages-stage{text-align:center}.message-stack{width:min(672px,90vw)}.message-stack p{font:600 clamp(2rem,4vw,3.1rem)/1.22 "Playfair Display",serif;letter-spacing:-.04em;margin:.35em 0;opacity:0;transform:translateY(20px);animation:message-in 1s var(--ease-text) forwards}.message-stack p:nth-child(1){animation-delay:.15s}.message-stack p:nth-child(2){animation-delay:1.05s}.message-stack p:nth-child(3){animation-delay:1.95s}.message-stack em,.proposal-copy em,.success-content em{font-family:Kalam,cursive;font-weight:400;color:var(--rose);letter-spacing:-.03em}.centered{margin:2.4rem auto 0;opacity:0;animation:message-in .7s 3s var(--ease-text) forwards}.proposal-stage{text-align:center}.proposal-copy{max-width:1000px}.proposal-copy h2,.success-content h2{font-size:clamp(4.2rem,9vw,8rem);line-height:.86;margin:.15rem 0 1.75rem}.proposal-copy h2 em,.success-content h2 em{font-size:1.12em}.proposal-note{font-family:Kalam,cursive;color:var(--meta);font-size:1.1rem;margin-bottom:2rem}.choices{display:flex;justify-content:center;align-items:center;gap:1rem}.yes-button,.no-button{border:0;border-radius:999px;min-height:52px;padding:0 1.8rem;cursor:pointer;font:600 .95rem "DM Sans",sans-serif;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.yes-button{color:white;background:var(--rose);box-shadow:0 15px 30px rgba(190,18,60,.3)}.yes-button:hover{box-shadow:0 18px 36px rgba(190,18,60,.4);transform:translateY(-2px)}.yes-button:active,.no-button:active{transform:scale(.96)}.no-button{color:#78716c;background:#e7e5e4;z-index:110}.success-overlay{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:rgba(76,5,25,.92);color:var(--cream);opacity:0;visibility:hidden;transition:opacity .7s var(--ease-text),visibility .7s}.success-overlay.is-visible{opacity:1;visibility:visible}.success-content{text-align:center;padding:2rem}.success-content .story-kicker{color:#fda4af}.success-content h2{color:var(--cream);margin:.2rem 0 1.5rem}.success-content p:last-child{font-family:Kalam,cursive;font-size:1.1rem;color:#fecdd3}.heart{font-size:4rem;color:#fb7185;line-height:1;animation:pulse 1.4s ease-in-out infinite}@keyframes message-in{to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{transform:scale(1.16);filter:drop-shadow(0 0 22px #fb7185)}}@media(max-width:760px){.experience{padding:0 1.5rem}.masthead{height:72px}.stage{inset:72px 1.5rem 0}.gallery-layout{gap:1.75rem;flex-direction:column}.polaroid-stack{height:345px;width:280px;flex-basis:345px}.polaroid{width:270px;height:325px;padding:.9rem .9rem 2.5rem}.photo{height:235px}.polaroid p{margin:7px 0 0;font-size:.7rem}.story-panel{width:min(460px,100%);min-height:unset;text-align:center;align-items:center}.story-panel h1{font-size:1.45rem;line-height:1.25}.story-copy{font-size:.9rem;margin:.6rem 0 1rem}.key-hint{display:none}.proposal-copy h2{font-size:clamp(3.7rem,17vw,5.4rem)}.choices{gap:.65rem}.yes-button,.no-button{padding:0 1.2rem}.message-stack p{font-size:2rem}}