@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Nunito:wght@400;600;700&display=swap";:root{color:#403229;font-synthesis:none;--ink:#403229;--coral:#e86e66;--cream:#fbf2dd;background:#fbf2dd;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}button{font:inherit}.panel{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.gift{background:#f5cdb4}.gift-copy{z-index:4;position:absolute}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#aa6b4f;margin:0 0 12px;font-size:12px;font-weight:700}h1,h2{margin:0;font-family:Caveat,cursive;font-weight:600;line-height:.98}h1{letter-spacing:-.025em;font-size:clamp(62px,6.2vw,106px)}.lead{max-width:480px;font-family:Caveat,cursive;font-size:clamp(24px,2.15vw,35px);line-height:1.32}.heart{color:var(--coral)}.down-button{z-index:5;width:50px;height:50px;color:var(--ink);cursor:pointer;background:#fffaeeb8;border:0;border-radius:50%;place-items:center;animation:1.4s ease-in-out infinite drift;display:grid;position:absolute;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #4032291a}.gift-copy{width:min(460px,38vw);top:47%;left:8vw;transform:translateY(-25%)}.gift h2{font-size:clamp(58px,5.5vw,92px)}.gift-tag{background:#f9e5b9;border:1px solid #9b6c4e;margin-top:10px;padding:10px 17px;font-family:Caveat,cursive;font-size:24px;display:inline-block;transform:rotate(-2deg);box-shadow:3px 4px #7e4f331f}.gift-artwork{z-index:1;aspect-ratio:3/2;width:max(100vw,150svh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gift-artwork>img{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.flower-marker{z-index:4;cursor:pointer;width:48px;height:48px;color:var(--flower-color);animation:marker-float 2.8s ease-in-out var(--marker-delay) infinite;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.flower-marker:before,.flower-marker:after{content:"";border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.flower-marker:before{background:color-mix(in srgb, var(--flower-color) 72%, white);width:28px;height:28px;animation:marker-pulse 2.1s ease-out var(--marker-delay) infinite;border:2px solid #fffffff2;box-shadow:0 3px 14px #4c2f233d,inset 0 0 0 4px #ffffff59}.flower-marker:after{background:#fffaf0;width:8px;height:8px;box-shadow:0 0 12px 4px #ffffffb8}.marker-spark{color:#fff7d0;text-shadow:0 1px 7px var(--flower-color);animation:twinkle 1.3s ease-in-out var(--marker-delay) infinite alternate;font-size:13px;position:absolute;top:0;right:1px}.flower-marker:hover:before,.flower-marker:focus-visible:before,.flower-marker.is-active:before{width:34px;height:34px;box-shadow:0 4px 20px #4b2c1f4d,inset 0 0 0 5px #ffffff80}.flower-marker:focus-visible{outline-offset:3px;outline:2px dashed #fffaf0}.flower-tooltip{z-index:8;color:#49352a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;text-align:left;background:#fffaecf5;border:1px solid #63433029;border-radius:14px;width:max-content;max-width:210px;padding:10px 13px;transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1);position:absolute;box-shadow:0 10px 28px #4b2e1f33}.flower-tooltip strong{color:var(--flower-color);font:700 23px/1 Caveat,cursive;display:block}.flower-tooltip span{margin-top:4px;font-size:11px;font-weight:700;line-height:1.35;display:block}.flower-tooltip.tip-left{top:50%;right:calc(100% + 8px);transform:translate(8px,-50%)}.flower-tooltip.tip-right{top:50%;left:calc(100% + 8px);transform:translate(-8px,-50%)}.flower-tooltip.tip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%,-8px)}.flower-marker:hover .flower-tooltip,.flower-marker:focus-visible .flower-tooltip,.flower-marker.is-active .flower-tooltip{opacity:1;visibility:visible}.flower-marker:hover .tip-left,.flower-marker:focus-visible .tip-left,.flower-marker.is-active .tip-left,.flower-marker:hover .tip-right,.flower-marker:focus-visible .tip-right,.flower-marker.is-active .tip-right{transform:translateY(-50%)}.flower-marker:hover .tip-bottom,.flower-marker:focus-visible .tip-bottom,.flower-marker.is-active .tip-bottom{transform:translate(-50%)}.wish{background:linear-gradient(#edf1df 0%,#f8f0d8 70%);place-items:center;min-height:100svh;display:grid}.wish-copy{z-index:4;text-align:center;margin-top:-8vh;padding:24px;position:relative}.wish-copy p{font:500 clamp(26px,2.7vw,40px)/1.35 Caveat,cursive}.wish-copy h2{font-size:clamp(44px,4.5vw,70px)}.wish-copy h2 span{text-decoration:underline;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:8px;text-decoration-thickness:3px}.cloud{filter:blur(2px);background:#ffffff73;border-radius:50%;width:230px;height:80px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:110px;height:110px;top:-45px;left:40px}.cloud:after{width:80px;height:80px;top:-28px;right:25px}.cloud-one{top:24%;left:7vw}.cloud-two{top:18%;right:9vw;transform:scale(.75)}.hills{z-index:1;height:33%;position:absolute;inset:auto 0 0;overflow:hidden}.hills i{background:#b8c87c;border-radius:50% 50% 0 0;width:72%;height:100%;position:absolute;bottom:-45%}.hills i:first-child{left:-13%;transform:rotate(3deg)}.hills i:nth-child(2){background:#d5da8e;bottom:-35%;right:-16%}.hills i:nth-child(3){background:#c6d36d;width:65%;bottom:-58%;left:22%}.flower-border{z-index:2;color:#dc725e;word-spacing:4vw;white-space:nowrap;opacity:.84;font-size:clamp(24px,4vw,58px);position:absolute;bottom:4%;left:0;right:0}.petal{color:var(--coral);opacity:.8;animation:3s ease-in-out infinite alternate float;position:absolute}.p1{top:25%;left:20%}.p2{animation-delay:.7s;top:32%;right:22%}.p3{animation-delay:1.2s;top:16%;left:53%}[data-reveal]{opacity:0;transition:opacity .9s,transform .9s;transform:translateY(24px)}.gift-copy[data-reveal]{transform:translateY(calc(24px - 25%))}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.gift-copy[data-reveal].is-visible{transform:translateY(-25%)}@keyframes drift{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}@keyframes twinkle{to{transform:rotate(25deg)scale(1.3)}}@keyframes float{to{transform:translateY(14px)rotate(9deg)}}@keyframes marker-float{0%,to{margin-top:0}50%{margin-top:-5px}}@keyframes marker-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--flower-color) 35%, transparent), 0 3px 14px #4c2f233d, inset 0 0 0 4px #ffffff59}70%,to{box-shadow:0 0 0 13px #0000,0 3px 14px #4c2f233d,inset 0 0 0 4px #ffffff59}}@media (width<=720px){.panel{min-height:100svh}.gift:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}h1{font-size:clamp(55px,17vw,76px)}.lead{font-size:25px}.gift:after{background:linear-gradient(#fad8bffa,#fad8bfe8 34%,#fad8bf2e 55%,#0000 68%)}.gift-copy{width:calc(100% - 48px);top:100px;left:24px;transform:none!important}.gift-copy .lead{max-width:88%}.gift h2{font-size:56px}.gift-artwork{width:125vw;top:auto;bottom:0;left:0;transform:translate(-5%)}.flower-marker{width:46px;height:46px}.flower-marker:before{width:25px;height:25px}.flower-tooltip{max-width:156px;padding:8px 10px}.flower-tooltip strong{font-size:20px}.flower-tooltip span{font-size:10px}.wish{min-height:100svh}.wish-copy{margin-top:-14vh}.flower-border{word-spacing:2vw;font-size:31px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}