:root{--bg: #fdf8f5;--surface: #ffffff;--text: #2b2b2b;--muted: #8a8079;--accent: #d98a8a;--accent-2: #c9a66b;--line: #e7ddd6;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-hand: "Caveat", "Segoe Script", cursive;--radius: 16px;--shadow: 0 8px 24px rgba(0, 0, 0, .08);--space: 16px;--maxw: 720px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;text-align:center;padding:var(--space);background:radial-gradient(120% 80% at 50% 0%,#fff 0%,var(--bg) 60%);transition:opacity .7s ease,visibility .7s ease}.intro--hidden{opacity:0;visibility:hidden;pointer-events:none}.intro__inner{max-width:420px}.intro__hi{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;margin:0 0 .5rem}.intro__title{font-size:clamp(2.8rem,14vw,4.5rem);color:var(--text);margin-bottom:.4rem}.intro__subtitle{color:var(--muted);font-size:1.05rem;margin:0 0 2rem}.intro__hint{position:absolute;bottom:2rem;font-size:1.4rem;animation:float 2.4s ease-in-out infinite}.btn{border:none;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;padding:.9rem 2.4rem;border-radius:999px;box-shadow:var(--shadow);transition:transform .15s ease,background .2s ease}.btn:hover{background:#cf7a7a;transform:translateY(-1px)}.btn:active{transform:translateY(0)}#timeline-main{max-width:var(--maxw);margin:0 auto;padding:clamp(3rem,12vh,7rem) var(--space) 0}.timeline{position:relative}.timeline__line{position:absolute;top:0;bottom:0;left:11px;width:2px;background:var(--line);overflow:hidden;border-radius:2px}.timeline__progress{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:top;transform:scaleY(0);background:linear-gradient(var(--accent),var(--accent-2));border-radius:2px}.timeline__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(2rem,6vh,3.5rem)}.card{position:relative;padding-left:2.4rem;opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.card--in{opacity:1;transform:none}.card__dot{position:absolute;left:4px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--card-accent);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--line);z-index:2;transform:scale(.4);transition:transform .45s cubic-bezier(.34,1.56,.64,1) .15s}.card--in .card__dot{transform:scale(1)}.card--in .card__dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--card-accent);animation:dotPulse 1.6s ease-out .3s 2}.card__body{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border-top:3px solid var(--card-accent);transition:transform .3s ease,box-shadow .3s ease}.card__body:hover{transform:translateY(-4px);box-shadow:0 16px 34px #00000021}.card__badge{display:flex;flex-direction:column;gap:2px;padding:1rem 1.25rem .5rem}.card__date{font-family:var(--font-display);font-size:1.05rem;color:var(--card-accent)}.card__place{font-size:.85rem;color:var(--muted)}.card__text{padding:.75rem 1.25rem 1.25rem}.card__title{font-size:1.35rem;margin-bottom:.4rem}.card__note{margin:0;color:#4a4540}.gallery{margin-top:.5rem}.gallery__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.5rem 0 .25rem}.gallery__track::-webkit-scrollbar{display:none}.gallery__slide{flex:0 0 100%;scroll-snap-align:center;display:grid;place-items:center;padding:.75rem 0}.instax{margin:0;width:min(78%,280px);background:#fffdf9;padding:12px 12px 6px;border-radius:4px;box-shadow:0 1px 1px #0000000d,0 10px 22px #00000029;transform:rotate(var(--tilt, 0deg));transition:transform .25s ease,box-shadow .25s ease}.instax:hover{transform:rotate(0) translateY(-3px);box-shadow:0 16px 30px #00000038}.instax--clickable{cursor:zoom-in}.instax--clickable:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.instax__photo{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#ece4dc;display:grid;place-items:center}.instax__photo img,.instax__photo video{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02) sepia(.08)}.instax__play{position:absolute;right:8px;bottom:8px;width:26px;height:26px;display:grid;place-items:center;font-size:.7rem;color:#fff;background:#00000073;border-radius:50%;padding-left:2px;pointer-events:none}.instax__icon{font-size:2.2rem;opacity:.45}.instax--empty .instax__photo{background:linear-gradient(135deg,#f3ece6,#e9ddd4)}.instax__caption{font-family:var(--font-hand);font-size:1.35rem;line-height:1.1;color:#5a534d;text-align:center;padding:.55rem .25rem .35rem;min-height:1.2em}.gallery__dots{display:flex;justify-content:center;gap:7px;padding:.35rem 0 .1rem}.gallery__dot{width:7px;height:7px;padding:0;border:none;border-radius:50%;background:var(--line);transition:background .2s ease,transform .2s ease}.gallery__dot.is-active{background:var(--card-accent, var(--accent));transform:scale(1.35)}.closing{text-align:center;padding:clamp(4rem,18vh,8rem) var(--space) clamp(4rem,16vh,7rem);opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.closing--in{opacity:1;transform:none}.closing__title{font-size:clamp(1.8rem,7vw,2.6rem);font-style:italic;margin-bottom:1rem}.closing__message{max-width:480px;margin:0 auto;color:#4a4540;font-size:1.1rem}.closing__heart{margin-top:1.5rem;font-size:1.8rem;animation:beat 1.6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes beat{0%,to{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}}@keyframes dotPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:clamp(1rem,4vw,3rem);background:#1e1614db;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:lbFade .25s ease}@keyframes lbFade{0%{opacity:0}to{opacity:1}}.lb__figure{grid-column:2;margin:0;justify-self:center;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:lbZoom .3s cubic-bezier(.22,1,.36,1)}@keyframes lbZoom{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.lb__figure img,.lb__figure video{max-width:100%;max-height:78vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 50px #00000080;background:#fff}.lb__caption{font-family:var(--font-hand);font-size:1.6rem;color:#fbeee8;text-align:center}.lb__close{position:absolute;top:clamp(.75rem,3vw,1.5rem);right:clamp(.75rem,3vw,1.5rem);width:44px;height:44px;border-radius:50%;border:none;background:#ffffff24;color:#fff;font-size:1.1rem;transition:background .2s ease}.lb__close:hover{background:#ffffff47}.lb__nav{width:48px;height:48px;border-radius:50%;border:none;background:#ffffff24;color:#fff;font-size:1.8rem;line-height:1;transition:background .2s ease}.lb__nav:hover{background:#ffffff47}.lb__nav--prev{grid-column:1}.lb__nav--next{grid-column:3}.music{position:fixed;right:clamp(.9rem,3vw,1.5rem);bottom:clamp(.9rem,3vw,1.5rem);z-index:40;display:flex;align-items:center;gap:6px;height:48px;padding:0 14px;border:none;border-radius:999px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);transition:transform .2s ease}.music:hover{transform:translateY(-2px)}.music--on{background:var(--accent);color:#fff}.music__icon{font-size:1.1rem}.music__bars{display:inline-flex;align-items:flex-end;gap:2px;height:16px}.music__bars i{width:3px;background:currentColor;border-radius:2px;animation:eq .9s ease-in-out infinite}.music__bars i:nth-child(1){height:40%;animation-delay:-.2s}.music__bars i:nth-child(2){height:100%;animation-delay:-.4s}.music__bars i:nth-child(3){height:60%;animation-delay:-.1s}@keyframes eq{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@media (min-width: 720px){.card__badge{padding:1.25rem 1.5rem .5rem}.card__text{padding:.75rem 1.5rem 1.5rem}.timeline__line{left:50%;transform:translate(-50%)}.timeline__list{gap:clamp(1.5rem,4vh,2.5rem)}.card{width:calc(50% - 36px);padding-left:0}.card--left{margin-right:auto;transform:translate(-44px)}.card--left .card__dot{left:auto;right:-44px;top:18px}.card--right{margin-left:auto;transform:translate(44px)}.card--right .card__dot{left:-44px;right:auto;top:18px}.card__dot:before{content:"";position:absolute;top:50%;width:30px;height:2px;background:var(--line);transform:translateY(-50%)}.card--left .card__dot:before{right:100%}.card--right .card__dot:before{left:100%}.card--in{transform:translate(0)}}