:root{--cream:#f7f3eb;--ink:#151515;--red:#d5222a;--paper:#fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:720px;margin:auto;overflow:hidden}.hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px}.ball{font-size:72px;filter:grayscale(1);line-height:1}.heart{font-family:Georgia,serif;color:var(--red);font-size:38px;margin:-13px 0 35px;cursor:pointer;transform:rotate(-8deg);user-select:none}.heart.pop{animation:pop .5s ease}@keyframes pop{50%{transform:rotate(-8deg) scale(1.45)}}.eyebrow{font-size:11px;letter-spacing:.28em;font-weight:700;margin:0 0 12px}.hero h1{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:clamp(42px,12vw,72px);margin:0}.hint{margin-top:38px;font-size:11px;letter-spacing:.12em;opacity:.45}.card{margin:0 18px 90px;background:var(--paper);border-radius:28px;overflow:hidden;box-shadow:0 16px 50px rgba(0,0,0,.06)}.card img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}.copy{padding:30px 28px 34px}.copy h2,.story h2{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:0 0 18px}.copy p:not(.eyebrow),.story>p:not(.eyebrow){font-family:Georgia,serif;font-size:17px;line-height:1.7;margin:5px 0}.date{margin-top:22px!important;font-family:ui-sans-serif!important;font-size:11px!important;letter-spacing:.18em;opacity:.5}.story{text-align:center;padding:70px 30px 120px}.story h2{margin-top:12px}.line{display:flex;align-items:center;gap:14px;margin:70px 0 54px}.line span{height:1px;background:#bbb;flex:1}.line b{font-size:10px;letter-spacing:.18em;font-weight:600}.continue{font-style:italic;font-size:25px!important}.story:after{content:'♥';display:block;color:var(--red);font-family:Georgia,serif;font-size:22px;margin-top:28px}footer{text-align:center;padding:0 20px 45px;font-size:10px;letter-spacing:.18em;opacity:.55}footer span{color:var(--red)}@media(min-width:650px){.card{margin-left:45px;margin-right:45px}.card img{aspect-ratio:5/4}}
