@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:wght@400;500&display=swap";*{box-sizing:border-box}html,body,#root{background:#080808;width:100%;min-height:100vh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero{--bg:#080808;--text:#e8e2d9;--gold:#b8965a;text-align:center;box-sizing:border-box;background:var(--bg);width:100%;min-height:100vh;color:var(--text);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.hero__title{letter-spacing:-.01em;margin:0 0 1.5rem;font-family:DM Serif Display,serif;font-size:clamp(2.2rem,6vw,4rem);font-weight:400}.hero__loop{color:var(--gold);letter-spacing:.02em;justify-content:center;align-items:center;height:1.6em;font-family:DM Sans,sans-serif;font-size:clamp(1rem,2.2vw,1.3rem);font-weight:400;display:flex}@media (prefers-reduced-motion:reduce){.hero__loop *{transition:none!important;animation:none!important}}.countdown{text-align:center;box-sizing:border-box;background:var(--bg,#080808);width:100%;min-height:100vh;color:var(--text,#e8e2d9);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.countdown__number{color:#e8e2d9;margin:0;font-family:DM Serif Display,serif;font-size:clamp(4rem,14vw,8rem);font-weight:400;line-height:1}.countdown__label{color:#b8965a;letter-spacing:.02em;max-width:24ch;margin-top:1rem;font-family:DM Sans,sans-serif;font-size:clamp(1rem,2.2vw,1.3rem);font-weight:400}.gallery{box-sizing:border-box;background:var(--bg,#080808);width:100%;min-height:100vh;color:var(--text,#e8e2d9);justify-content:center;align-items:center;padding:4rem 1.5rem;display:flex}.gallery__grid{columns:2;column-gap:1.5rem;width:100%;max-width:760px}@media (width>=640px){.gallery__grid{columns:3}}.gallery__item{break-inside:avoid;background:#111;border:1px solid #e8e2d926;border-radius:3px;margin-bottom:1.5rem;padding:10px 10px 34px;transition:transform .35s,box-shadow .35s;box-shadow:0 14px 28px #00000080}.gallery__item:hover{box-shadow:0 20px 36px #0009;transform:rotate(0)translateY(-6px)scale(1.02)!important}.gallery__pin{background:#b8965a;border-radius:50%;width:8px;height:8px;margin:0 auto 8px;box-shadow:0 0 8px #b8965a99}.gallery__img{object-fit:cover;width:100%;display:block}.gallery__img--placeholder{background:linear-gradient(135deg,#b8965a40,#e8e2d90f)}.letter-section{box-sizing:border-box;background:var(--bg,#080808);width:100%;color:var(--text,#e8e2d9);flex-direction:column;align-items:center;padding:4rem 1.5rem;display:flex}.heartbeat-strip{width:100%;max-width:640px;height:70px;display:block}.letter-body{max-width:60ch;margin:2.5rem 0;font-family:DM Sans,sans-serif;font-size:clamp(1rem,2vw,1.1rem);line-height:1.8}.letter-body p{margin:0 0 1.5rem}.letter-signoff{color:#b8965a;margin-top:1rem;font-family:DM Serif Display,serif;font-size:1.4rem}.close{box-sizing:border-box;background:var(--bg,#080808);width:100%;min-height:60vh;color:var(--text,#e8e2d9);text-align:center;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.close__text{max-width:20ch;margin:0;font-family:DM Serif Display,serif;font-size:clamp(1.8rem,5vw,3rem)}.footer{box-sizing:border-box;background:var(--bg,#080808);justify-content:center;align-items:center;gap:1.5rem;width:100%;padding:3rem 1.5rem;display:flex}.footer__emoji{font-size:1.8rem;display:inline-block}