*{box-sizing:border-box} :root{--bg:#f4eee7;--ink:#302b28;--muted:#756b63;--rose:#9b6e6a}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Montserrat,Arial,sans-serif}.screen{position:absolute;inset:0;overflow:auto;padding:7vh 7vw 100px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(25px) scale(.985);transition:opacity .8s ease,transform .9s cubic-bezier(.22,.61,.36,1)}.screen.active{opacity:1;visibility:visible;transform:none}.screen.leaving{opacity:0;transform:translateY(-20px) scale(1.01)}.screen>div{width:min(1080px,100%);position:relative;z-index:2}.center{text-align:center}h1,h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;line-height:.94;font-size:clamp(48px,7vw,90px);margin:15px 0 25px}h2{font-size:clamp(42px,5.5vw,70px)}em{color:var(--rose)}small{letter-spacing:.2em;font-size:10px;color:var(--muted);font-weight:600}p{max-width:800px;margin:20px auto;color:var(--muted);font-size:14px;line-height:1.8}.lead{font-family:"Cormorant Garamond";font-size:24px}.split{display:grid!important;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.grid{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr);max-width:700px;margin:auto}.four{grid-template-columns:repeat(4,1fr)}.five{grid-template-columns:repeat(5,1fr)}figure{margin:0;background:#fbf8f3;padding:9px;box-shadow:0 15px 35px #302b281f;transform:rotate(-1.2deg);transition:.5s}figure:nth-child(even){transform:rotate(1.2deg)}figure:hover{transform:rotate(0) translateY(-5px)}img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}.split figure{max-width:420px;margin:auto}.split figure img{aspect-ratio:4/5}.single{width:min(340px,65vw);margin:25px auto}.single img{aspect-ratio:4/5}.tiny{width:140px;margin:20px auto}.song{margin:30px auto;padding:18px;border-top:1px solid #302b2822;border-bottom:1px solid #302b2822;max-width:360px;color:var(--muted);font-size:9px;letter-spacing:.15em}.song strong{display:block;font:500 28px "Cormorant Garamond";letter-spacing:0;color:var(--ink);margin:5px}.love{font:500 28px "Cormorant Garamond";color:var(--ink)}i{position:absolute;z-index:1;color:#a87972;opacity:.26;font:normal clamp(55px,9vw,120px "Cormorant Garamond");animation:float 9s ease-in-out infinite;pointer-events:none}i:nth-of-type(1){left:4%;top:10%}i:nth-of-type(2){right:5%;bottom:9%}@keyframes float{50%{transform:translateY(-10px) rotate(4deg)}}#petals{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden}.petal{position:absolute;top:-15px;width:7px;height:11px;border-radius:70% 25%;background:#b98780;opacity:.17;animation:fall 12s linear forwards}@keyframes fall{to{transform:translate(var(--d),110vh) rotate(460deg)}}nav{position:fixed;z-index:10;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;background:#fbf8f3c9;border:1px solid #302b2822;border-radius:30px;padding:7px 12px;backdrop-filter:blur(10px)}nav button{border:0;background:transparent;font-size:20px;width:32px;height:32px;cursor:pointer;color:var(--ink)}nav span{font-size:9px;letter-spacing:.15em;color:var(--muted)}button.next{margin-top:10px;border:1px solid var(--ink);background:transparent;border-radius:30px;padding:13px 30px;letter-spacing:.15em;font-size:10px;cursor:pointer}@media(max-width:720px){.screen{padding:6vh 6vw 90px;align-items:flex-start}.split{grid-template-columns:1fr!important;text-align:center}.three{grid-template-columns:1fr 1fr}.three figure:last-child{grid-column:1/-1;width:70%;margin:auto}.four{grid-template-columns:1fr 1fr}.five{grid-template-columns:1fr 1fr}.five figure:last-child{grid-column:1/-1;width:65%;margin:auto}.screen p{font-size:13px}.lead{font-size:21px}}