.home-motion{--ease-paper:cubic-bezier(.2, .75, .25, 1)}.hero-motion{min-height:740px;padding-top:45px;padding-bottom:65px}.hero-title-line{animation:headline-unfold 1s var(--ease-paper) both;display:block}.hero-title-line:nth-child(2){animation-delay:.12s}.hero-title-line:nth-child(3){animation-delay:.24s}.hero-motion .hero-copy>.eyebrow{animation:paper-arrive .8s var(--ease-paper) both}.hero-motion .hero-description{animation:paper-arrive .9s .25s var(--ease-paper) both}.hero-motion .hero-actions{animation:paper-arrive .9s .38s var(--ease-paper) both}.hero-motion .hero-assurance{animation:paper-arrive .9s .48s var(--ease-paper) both}.hero-motion .hero-description{font-size:13px}.hero-motion .hero-assurance{font-size:10px}.hero-motion .button-primary,.home-motion .closing-section .button-primary{transition:transform .3s var(--ease-paper), background .25s, box-shadow .3s;box-shadow:0 7px 18px #7c344b15}.hero-motion .button-primary:hover,.home-motion .closing-section .button-primary:hover{box-shadow:0 12px 26px #7c344b28}.home-motion .button svg{transition:transform .3s var(--ease-paper)}.home-motion .button:hover svg{transform:translate(2px,-2px)}.hero-showcase{--scene-x:0deg;--scene-y:0deg;--light-x:50%;--light-y:45%;isolation:isolate;height:605px;animation:scene-arrive 1.2s .12s var(--ease-paper) both}.hero-showcase .hero-visual-stage{height:480px;transform:rotateX(var(--scene-y)) rotateY(var(--scene-x));transition:transform .65s var(--ease-paper)}.showcase-light{background:radial-gradient(ellipse at var(--light-x) var(--light-y), var(--scene-tint) 0%, transparent 65%);z-index:-1;border-radius:50%;transition:background .6s;position:absolute;inset:-50px -35px 30px}.hero-showcase .orbit{border-color:color-mix(in srgb, var(--scene-accent) 13%, transparent);transition:border-color .6s}.hero-showcase .orbit-one{transform:rotate(-22deg)translateZ(-30px)}.hero-showcase .orbit-two{transform:rotate(33deg)translateZ(-60px)}.showcase-envelope-trigger{width:100%;transition:opacity .5s, transform .65s var(--ease-paper), visibility .5s;background:0 0;border:0;border-radius:36%;padding:0;display:block;position:absolute;inset:0;transform:translateZ(15px)}.hero-showcase .envelope-art{filter:drop-shadow(0 30px 22px #663d2f15);width:490px;animation:8s ease-in-out infinite showcase-float;top:4px;right:-8px}.showcase-envelope-trigger:hover .envelope-art{filter:drop-shadow(0 35px 25px #663d2f25)}.showcase-touch{color:#735347;white-space:nowrap;background:#fffaf4f2;border:1px solid #e3d2c7;border-radius:30px;align-items:center;gap:7px;padding:9px 14px;font-size:10px;display:flex;position:absolute;bottom:93px;left:60%;transform:translate(-50%)rotate(-6deg);box-shadow:0 5px 15px #5b352b0a}.hero-showcase .floating-note{pointer-events:none;transition:transform .65s var(--ease-paper), opacity .5s, border-color .6s;border-color:color-mix(in srgb, var(--scene-accent) 16%, #fffdf9)}.hero-showcase .note-top{transform:rotate(4deg)translateZ(55px)}.hero-showcase .note-bottom{bottom:0;left:-14px;transform:rotate(-5deg)translateZ(70px)}.hero-showcase .note-heart{color:var(--scene-accent);background:var(--scene-tint);transition:color .5s,background .5s}.hero-showcase .note-date strong{color:var(--scene-accent);font-size:23px;font-style:italic}.showcase-note-text{animation:paper-arrive .45s var(--ease-paper) both}.hero-showcase .visual-star{color:var(--scene-accent);transition:color .6s}.hero-showcase .star-one{top:105px;left:18px}.hero-showcase .star-two{bottom:160px;right:0}.showcase-specks{pointer-events:none;position:absolute;inset:45px 0 100px}.showcase-specks i{background:var(--scene-accent);opacity:.25;width:3px;height:3px;left:calc(8% + var(--speck) * 14%);top:calc(12% + var(--speck-row) * 32%);animation:speck-drift calc(7s + var(--speck) * .7s) ease-in-out infinite alternate;animation-delay:calc(var(--speck) * -.8s);border-radius:50%;position:absolute}.showcase-moods{color:#968277;flex-direction:column;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.showcase-moods>div{gap:8px;display:flex}.showcase-moods button{width:40px;height:40px;transition:border-color .25s, transform .3s var(--ease-paper);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:6px;display:grid}.showcase-moods button i{background:var(--mood-color);border-radius:50%;width:19px;height:19px;display:block;box-shadow:inset 0 0 0 3px #ffffff18}.showcase-moods button.selected{border-color:var(--mood-color)}.showcase-moods button:hover{transform:translateY(-3px)}.showcase-mood-name{color:var(--scene-accent);font-size:9px}.showcase-open .showcase-envelope-trigger{opacity:0;pointer-events:none;transform:translateY(25px)rotate(-5deg)scale(.92)}.showcase-open .note-top{opacity:.2;transform:translate(12px,-15px)rotate(8deg)}.showcase-open .note-bottom{opacity:.2;transform:translate(-15px,16px)rotate(-9deg)}.showcase-letter{z-index:5;text-align:center;color:#3c3029;background:linear-gradient(130deg, #fffefb, var(--scene-tint));width:330px;animation:letter-unfold .9s var(--ease-paper) both;border:1px solid #fffdf9;border-radius:7px;padding:33px 32px 19px;transition:background .5s,color .5s;position:absolute;top:26px;left:calc(50% - 165px);transform:rotate(-3deg)translateZ(75px);box-shadow:0 35px 55px #593c2920,0 1px 4px #593c2915}.showcase-letter:before{content:"";border:1px solid color-mix(in srgb, var(--scene-accent) 12%, transparent);pointer-events:none;border-radius:2px;position:absolute;inset:8px}.showcase-close{width:32px;height:32px;color:var(--scene-accent);z-index:1;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.showcase-letter-label{letter-spacing:1.4px;color:var(--scene-accent);padding-right:4px;font-size:7px;display:block}.showcase-letter-heart{color:var(--scene-accent);stroke-width:1.2px;margin:20px auto 14px}.showcase-letter-to{color:var(--scene-accent);font-family:Georgia,serif;font-size:13px;font-style:italic}.hero-motion .showcase-letter h2{letter-spacing:-1.6px;white-space:pre-line;margin:12px 0 16px;font-size:36px;line-height:1.14}.showcase-letter p{color:#82746e;font-size:11px;line-height:1.9}.showcase-letter-sign{color:var(--scene-accent);margin:19px 0;font-family:Georgia,serif;font-size:14px;font-style:italic;display:block}.showcase-letter-cta{background:var(--scene-accent);color:#fff;border-radius:5px;justify-content:center;align-items:center;gap:9px;padding:12px;font-size:10px;transition:background .5s,transform .2s;display:flex;position:relative}.showcase-letter-cta:hover{transform:translateY(-2px)}.showcase-replay{color:#968277;background:0 0;border:0;justify-content:center;align-items:center;gap:5px;margin:12px auto 0;padding:3px;font-size:8px;display:flex;position:relative}.showcase-letter-copy{animation:paper-arrive .45s var(--ease-paper) both}.letter-midnight{color:#fff7ed;background:linear-gradient(135deg,#302e47,#1d1d32);border-color:#47445a}.letter-midnight .showcase-letter-label,.letter-midnight .showcase-letter-heart,.letter-midnight .showcase-letter-to,.letter-midnight .showcase-letter-sign,.letter-midnight .showcase-close{color:#cec0e2}.letter-midnight p{color:#c3b8c5}.letter-midnight .showcase-letter-cta{color:#29253c;background:#cbbbd5}.letter-midnight .showcase-replay{color:#bcb0c5}.home-motion .reveal-enter{animation:paper-arrive .85s var(--ease-paper) both}.home-motion .steps-grid .step:nth-child(2).reveal-enter,.home-motion .theme-grid .theme-card:nth-child(2).reveal-enter{animation-delay:.1s}.home-motion .steps-grid .step:nth-child(3).reveal-enter,.home-motion .theme-grid .theme-card:nth-child(3).reveal-enter{animation-delay:.18s}.home-motion .theme-grid .theme-card:nth-child(4).reveal-enter{animation-delay:.26s}.home-motion .theme-art{transition:transform .55s var(--ease-paper), box-shadow .55s}.home-motion .theme-card:hover .theme-art{transform:translateY(-8px)rotate(-1deg);box-shadow:0 17px 25px #60423113}.home-motion .theme-arrow{transition:transform .3s,background .3s}.home-motion .theme-card:hover .theme-arrow{transform:rotate(-10deg)}.home-motion .step-illustration{transition:box-shadow .4s}.home-motion .step:hover .step-illustration{box-shadow:0 12px 35px #6042310c}.home-motion .mini-card,.home-motion .mini-polaroid,.home-motion .mini-envelope,.home-motion .mini-message{transition:transform .6s var(--ease-paper)}.home-motion .step:hover .mini-card{transform:translateY(-6px)rotate(4deg)}.home-motion .step:hover .mini-polaroid{transform:translateY(-4px)rotate(-4deg)}.home-motion .details-photo img{transition:transform .8s var(--ease-paper)}.home-motion .details-photo:hover img{transform:scale(1.025)}.home-motion .faq-answer{visibility:hidden;opacity:0;transition:grid-template-rows .35s var(--ease-paper), opacity .3s, visibility .35s;grid-template-rows:0fr;display:grid}.home-motion .faq-answer>div{overflow:hidden}.home-motion .faq-active .faq-answer{visibility:visible;opacity:1;grid-template-rows:1fr}.home-motion .closing-section{background:radial-gradient(at 50% 70%,#ead6ce 0,#f3eae3 65%)}.home-motion .closing-section .closing-heart{transition:transform .5s var(--ease-paper)}.home-motion .closing-section:hover .closing-heart{transform:rotate(-12deg)scale(1.15)}.hero-showcase[data-active=false] .envelope-art,.hero-showcase[data-active=false] .showcase-specks i{animation-play-state:paused}@keyframes headline-unfold{0%{opacity:0;filter:blur(3px);transform:translateY(24px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes paper-arrive{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0}}@keyframes scene-arrive{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes showcase-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes speck-drift{0%{opacity:.1;transform:translateY(9px)}to{opacity:.4;transform:translateY(-13px)}}@keyframes letter-unfold{0%{opacity:0;transform:translateY(70px)rotate(6deg)scale(.78)}to{opacity:1;transform:translateY(0)rotate(-3deg)scale(1)translateZ(75px)}}@media (max-width:1100px){.hero-motion{min-height:670px}.hero-showcase{height:565px}.hero-showcase .hero-visual-stage{height:435px}.hero-showcase .envelope-art{width:425px;top:18px;right:-25px}.hero-showcase .note-top{right:-4px}.hero-showcase .note-bottom{left:-2px}.showcase-touch{bottom:73px}.showcase-letter{width:310px;padding:27px 27px 15px;top:18px;left:calc(50% - 155px)}.showcase-letter-heart{margin-top:14px}}@media (max-width:820px){.hero-showcase{height:515px}.hero-showcase .hero-visual-stage{height:385px}.hero-showcase .envelope-art{width:365px;top:18px;right:-35px}.hero-showcase .floating-note{padding:11px;font-size:8px}.hero-showcase .note-top{right:-8px}.hero-showcase .note-top>svg{display:none}.hero-showcase .note-bottom{font-size:8px}.showcase-touch{padding:8px 12px;font-size:9px;bottom:69px}.showcase-letter{width:280px;padding:23px 25px 15px;top:0;left:calc(50% - 140px)}.showcase-letter-label{letter-spacing:1px;font-size:6px}.hero-motion .showcase-letter h2{margin:10px 0 12px;font-size:31px}.showcase-letter p{font-size:10px;line-height:1.7}.showcase-letter-heart{width:19px;margin:12px auto 10px}.showcase-letter-sign{margin:14px 0}.showcase-letter-cta{padding:11px}}@media (max-width:600px){.hero-motion{gap:25px;padding-top:28px;padding-bottom:30px}.hero-motion .hero-copy{z-index:1;position:relative}.hero-showcase{max-width:370px;height:500px;margin:0 auto}.hero-showcase .hero-visual-stage{height:345px}.hero-showcase .envelope-art{width:350px;top:-9px;right:calc(50% - 175px)}.hero-showcase .note-top{top:-5px;right:0}.hero-showcase .note-top>svg{display:block}.hero-showcase .note-bottom{padding:9px 12px;bottom:2px;left:0}.hero-showcase .note-date strong{font-size:20px}.hero-showcase .star-one{top:85px;left:0}.hero-showcase .star-two{bottom:160px;right:0}.showcase-touch{bottom:73px}.showcase-letter{width:280px;top:-2px;left:calc(50% - 140px)}.showcase-letter p{font-size:11px}.showcase-moods{gap:4px}.showcase-moods>span:first-child{font-size:9px}.showcase-moods button{width:44px;height:44px}.hero-motion .hero-description{font-size:12px}.hero-motion .hero-assurance{font-size:8px}.home-motion .steps-grid .reveal-enter,.home-motion .theme-grid .reveal-enter{animation-delay:0s!important}}@media (max-width:360px){.hero-showcase{height:515px}.hero-showcase .hero-visual-stage{height:329px}.hero-showcase .envelope-art{width:310px;top:0;right:calc(50% - 155px)}.hero-showcase .note-top{font-size:7px}.hero-showcase .note-top div>span{font-size:6px}.hero-showcase .note-bottom{font-size:7px}.showcase-touch{bottom:64px}.showcase-letter{width:260px;padding:23px 22px 14px;left:calc(50% - 130px)}.hero-motion .showcase-letter h2{font-size:29px}.showcase-letter p{font-size:10px}}@media (prefers-reduced-motion:reduce){.home-motion *,.home-motion :before,.home-motion :after{transition:none!important;animation:none!important}.hero-showcase .hero-visual-stage{transform:none}.showcase-specks{display:none}.home-motion .button:hover,.home-motion .theme-card:hover .theme-art,.home-motion .theme-card:hover .theme-arrow,.home-motion .details-photo:hover img,.showcase-moods button:hover,.home-motion .button:hover svg{transform:none}.home-motion .step:hover .mini-card{transform:rotate(9deg)}.home-motion .step:hover .mini-polaroid{transform:rotate(-10deg)}.home-motion .closing-section:hover .closing-heart{transform:rotate(16deg)}}