:root{font-family:Poppins,Arial,sans-serif;font-synthesis:none;color:#613c46;background:#f6dfe2;--ink:#613c46}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header{height:88px;display:flex;justify-content:space-between;align-items:center;background:#fffaf8;border-bottom:1px solid #613c4612;padding:0 4vw}.logo img{width:65px;height:65px;object-fit:contain}.back{font-size:11px;min-width:145px}.back:last-child{text-align:right}main{padding:38px 4vw 28px;margin:auto;max-width:1920px;text-align:center;overflow:hidden}.eyebrow{display:flex;gap:8px;justify-content:center;align-items:center;font-size:9px;letter-spacing:2.4px}.dot{width:5px;height:5px;background:#b97584;border-radius:50%;box-shadow:0 0 0 4px #b9758415}h1{font-size:clamp(25px,3vw,52px);line-height:1.2;font-weight:500;letter-spacing:-1.5px;margin:22px 0 0}.number{font-size:clamp(90px,21.8vw,400px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.055em;line-height:1.04;display:flex;justify-content:center;margin:12px 0 0;padding-right:.055em}.digit{display:inline-block}.digit.change{animation:tick .45s cubic-bezier(.2,.7,.2,1)}@keyframes tick{from{transform:translateY(16px);opacity:.1;filter:blur(3px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}.counter-sub{display:flex;justify-content:space-between;align-items:center;margin:12px auto 0;max-width:1100px;padding:0 12px;color:#956c77;font-size:11px}.counter-caption{margin:0}.next{display:flex;align-items:center;gap:7px;font-size:9px}.next svg{width:17px;height:17px;transform:rotate(-90deg)}.timer-base,.timer{fill:none;stroke-width:2}.timer-base{stroke:#e9c8ce}.timer{stroke:#b97e8e;stroke-dasharray:56.55;stroke-dashoffset:0;transition:stroke-dashoffset .2s}.memories{display:flex;justify-content:center;align-items:center;gap:24px;padding:52px 15px 34px;max-width:1230px;margin:auto}.photo{margin:0;background:#fffaf7;padding:8px 8px 0;width:20%;box-shadow:0 7px 14px #59334712;transform:rotate(-6deg);flex-shrink:0}.photo img{display:block;width:100%;height:clamp(110px,12vw,210px);object-fit:cover}.photo figcaption{font-size:8px;padding:11px 2px 12px;white-space:nowrap;color:#926873}.one img{object-position:50% 43%}.two{transform:rotate(5deg) translateY(8px)}.three{transform:rotate(-5deg) translateY(10px)}.four{transform:rotate(7deg)}.four img{object-position:74% 33%;object-fit:cover;filter:sepia(.12)}.love-note{background:#d395a5;color:#fff7f4;transform:rotate(-2deg);width:16%;aspect-ratio:.94;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:14px 16px}.love-note>span{font-size:18px;font-weight:700;letter-spacing:-1.5px}.love-note p{font-size:clamp(18px,2.1vw,33px);line-height:1.1;letter-spacing:-1px;margin:7px 0}.love-note b{font-weight:400;font-size:28px;align-self:flex-end;line-height:1}.journey{max-width:730px;margin:18px auto 0}.progress-labels,.journey-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#956d77;gap:15px}.progress-labels strong{font-weight:500;color:var(--ink);font-size:13px}.track{height:5px;background:#eac8cf;border-radius:10px;margin:10px 0 12px;overflow:hidden}#progress{height:100%;width:20.4994%;background:#a26578;border-radius:10px;transition:width .6s}.journey-bottom{font-size:8px}.demo{font-size:8px;color:#936d76;line-height:1.7;margin:28px 0 0}footer{border-top:1px solid #613c4612;padding:20px 4vw;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#946c78;letter-spacing:1.2px}footer a{letter-spacing:0}a:focus-visible{outline:3px solid #986076;outline-offset:5px}@media(min-width:1600px){main{padding-top:5vh}.memories{padding-top:5vh}.journey{margin-top:4vh}}@media(max-width:650px){header{height:70px;padding:0 20px}.logo img{width:52px;height:52px}.back{font-size:8px;min-width:90px}main{padding:36px 18px 25px}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:26px;letter-spacing:-1px;max-width:280px;margin:23px auto 10px}.number{font-size:21.4vw;margin:20px 0 14px;letter-spacing:-.07em}.counter-sub{flex-direction:column;gap:13px;font-size:10px;padding:0}.next{font-size:8px}.memories{gap:14px;width:690px;max-width:none;position:relative;left:50%;transform:translateX(-50%);padding:34px 0 30px}.photo{width:135px;padding:6px 6px 0}.photo img{height:130px}.photo figcaption{font-size:6px;padding:9px 0}.love-note{width:124px;padding:12px}.love-note p{font-size:24px}.love-note span{font-size:16px}.love-note b{font-size:25px}.journey{margin:18px 6px 0}.journey-bottom{font-size:7px}.demo{font-size:7px;margin-top:25px}footer{font-size:7px;gap:16px;padding:20px;letter-spacing:.5px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:900px) and (max-height:900px){header{height:70px}.logo img{height:54px}main{padding-top:24px}h1{font-size:32px;margin-top:18px}.number{font-size:20vw;line-height:.97;margin-top:8px}.memories{padding-top:30px;padding-bottom:24px}.photo img{height:9vw;max-height:148px}.love-note{aspect-ratio:1.3}.counter-sub{margin-top:14px}}
.logo img{filter:brightness(0) saturate(100%) invert(26%) sepia(14%) saturate(1186%) hue-rotate(295deg) brightness(96%) contrast(86%)}
.counter-sub{justify-content:center}