:root{--ink:#482e35;--rose:#a94d63;--paper:#f7f1eb}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 80% 50%,#ead7d1 0,transparent 48%),var(--paper);font-family:Arial,sans-serif;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}header{max-width:1440px;margin:auto;padding:36px 6%;display:flex;align-items:center;justify-content:space-between}.brand{font:italic 24px Georgia,serif;text-decoration:none;color:var(--ink)}.brand span{color:var(--rose);margin-left:9px}#music{border:1px solid #d7bfc0;border-radius:30px;background:#ffffff50;padding:12px 20px;color:var(--ink);font-size:12px;display:flex;gap:10px;align-items:center}#music[aria-pressed=true]{background:#a94d63;color:white}main{max-width:1320px;margin:35px auto 60px;padding:20px 6%;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:600px}.eyebrow{font-size:10px;letter-spacing:2.7px;display:flex;gap:12px;align-items:center}.eyebrow span{width:27px;height:1px;background:var(--rose)}.script{font:italic 40px Georgia,serif;color:var(--rose);margin:33px 0 13px}h1{font:400 clamp(52px,5.4vw,80px)/1.08 Georgia,serif;letter-spacing:-3px;margin:0}h1 em{color:var(--rose);font-weight:400}.message{font:17px/1.9 Georgia,serif;color:#80656a;margin:26px 0}.letter-button{background:var(--rose);border:none;border-radius:3px;padding:18px 23px;color:#fff;font-size:12px;letter-spacing:.4px;box-shadow:0 8px 20px #a94d6320}.letter-button span{margin-left:28px}.small{font-size:10px;color:#947e80;margin-top:18px}.photos{height:570px;position:relative;margin-left:25px}.photos figure{position:absolute;margin:0;background:#fffaf5;padding:12px 12px 0;box-shadow:0 20px 45px #53373825;width:59%;border:1px solid #e6d9d0;transition:transform .5s}.photos img{width:100%;height:320px;display:block;object-fit:cover;object-position:50% 35%}.photos figcaption{text-align:center;font:italic 19px Georgia,serif;padding:20px 0 24px;color:#7c575d}.back{right:-5%;top:20px;transform:rotate(10deg)}.front{left:0;top:135px;transform:rotate(-9deg);z-index:2}.photos figure:hover{transform:rotate(0) translateY(-5px);z-index:3}.handwritten{position:absolute;top:36px;left:0;font:italic 21px Georgia,serif;transform:rotate(-12deg);color:var(--rose)}.photo-heart{position:absolute;right:-12px;bottom:32px;font:100px Georgia;color:var(--rose);transform:rotate(18deg);z-index:4}.sparkle{position:absolute;left:-35px;top:230px;font-size:50px;color:#bd8e73}.orbit{position:absolute;border:1px solid #c9a99c60;border-radius:50%;inset:45px -30px 0 -25px;transform:rotate(-20deg)}footer{margin:0 6%;border-top:1px solid #dbc9c6;padding:25px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}footer span{font-size:9px;letter-spacing:2px;color:#91797c}footer span:nth-child(2){font:italic 19px Georgia;letter-spacing:0;color:var(--rose)}dialog{width:min(90%,480px);padding:50px 40px;border:1px solid #d8b9b3;border-radius:5px;background:#fff8f0;color:var(--ink);box-shadow:0 20px 100px #482e3540}dialog::backdrop{background:#482e3566;backdrop-filter:blur(7px)}dialog .script{font-size:27px}dialog h2{font:34px Georgia}dialog p{font:16px/1.8 Georgia;color:#80656a}.close{position:absolute;right:15px;top:10px;border:0;background:transparent;color:var(--rose);font-size:29px}.signature{font-style:italic!important;color:var(--rose)!important}.hearts{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.floating{position:absolute;bottom:-40px;color:#bc7c8a;opacity:0;animation:float 14s linear infinite;font:22px Georgia}@keyframes float{10%,80%{opacity:.18}to{transform:translateY(-110vh) rotate(40deg);opacity:0}}button:focus-visible,a:focus-visible{outline:3px solid #a94d63;outline-offset:5px}@media(max-width:760px){header{padding:24px 6%}.brand{font-size:20px}#music{padding:10px 13px;font-size:10px}main{grid-template-columns:1fr;margin:14px auto 20px;padding-top:10px}.words{text-align:center}.eyebrow{justify-content:center;font-size:9px}.script{margin-top:25px;font-size:32px}h1{font-size:58px}.message{font-size:15px}.photos{width:min(88%,440px);margin:30px auto 0;height:520px}.photos img{height:275px}.back{right:-3%;top:35px}.front{top:140px}.handwritten{top:35px}.photo-heart{bottom:2px;font-size:80px}.orbit{inset:50px -10px 10px}.sparkle{left:-20px}footer{justify-content:center;flex-wrap:wrap}footer span:first-child,footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}