/* Authored story playback; final poses hold instead of looping. */
.scene-sprite{animation:three-beats 3.2s steps(1) forwards!important}
@keyframes three-beats{0%{background-position:0 50%}35%{background-position:50% 50%}68%,100%{background-position:100% 50%}}
.story-art{width:100%;height:100%;background-repeat:no-repeat;background-size:300% auto;background-position:0 50%;position:absolute;inset:0}

.frame-0{background-position:0 0}.frame-1{background-position:50% 0}.frame-2{background-position:100% 0}.frame-3{background-position:0 50%}.frame-4{background-position:50% 50%}.frame-5{background-position:100% 50%}.frame-6{background-position:0 100%}.frame-7{background-position:50% 100%}.frame-8{background-position:100% 100%}
.story-held{animation:none!important;background-position:0 50%}.story-playing{animation:three-beats 2.2s steps(1) forwards!important}

.scene-thumb{background-size:300% auto;background-position:50% 50%}.brand{white-space:nowrap}.brand img{flex-shrink:0}.nav button:first-child{font-size:0}.nav button:first-child:after{content:'Collection';font-size:12px}
.catalogue-intro{max-width:600px}.catalogue-intro h1 i,.form-panel h2 i{color:#9a694d;font-weight:400}.featured-art{padding:0;border:0;position:relative;overflow:hidden}.featured-art img{display:block;width:100%;height:100%;object-fit:cover}.collection-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.collection-head h2{margin-bottom:0}.collection-head .eyebrow{margin-bottom:7px}.price-pill{white-space:nowrap}.price-pill small{display:block;font-size:9px;font-weight:400;margin-top:3px}.collection-description{color:#6b7364;font-size:12px;margin:12px 0 18px}.gift-collection{margin:45px 0}.catalogue-note{font-size:12px;color:#667760;text-align:center;max-width:370px;margin:35px auto 15px}.compare-entry{display:block;margin:0 auto;font-size:11px}.preview-address{display:inline-block;background:#eee3cb;border:1px solid #d4c5a6;border-radius:4px;transform:rotate(-2deg);font-family:Georgia,serif;font-size:16px;padding:9px 18px;margin:18px 0 0}.draft-letter{margin:22px 0 0;padding:20px 24px;background:#fffaf0;border:1px solid #e2d7c4;box-shadow:0 5px 20px #4a3f2810;transform:rotate(.7deg)}.draft-letter .eyebrow{font-size:9px}.draft-letter p{font:22px/1.4 var(--serif);margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.finishing-touches{margin:25px 0 20px;padding:0;border:0}.finishing-touches legend{font:23px var(--serif);margin-bottom:6px}.finishing-touches>.tiny{margin-bottom:12px}.ending-choice{display:flex;align-items:center;gap:10px;border:1px solid #ded6c3;margin-bottom:8px;border-radius:12px;padding:12px;background:#fffaf080;cursor:pointer}.ending-choice.chosen{border-color:#839574;background:#e7ebdf;box-shadow:inset 0 0 0 1px #83957433}.ending-choice input{accent-color:#415d46;flex-shrink:0}.ending-choice>span:last-child{flex:1}.ending-choice strong{font-size:12px;font-weight:600;display:block}.ending-choice small{font-size:10px;line-height:1.5;display:block;color:#67715e;margin-top:3px}.ending-thumb{height:46px;width:46px;flex:0 0 46px;overflow:hidden;border-radius:8px}.full.text-btn{display:block;text-align:center;width:100%;min-height:44px}.pack-preview{grid-template-columns:repeat(3,1fr);height:auto;gap:6px}.pack-preview .scene-thumb{aspect-ratio:1;height:auto;background-size:300% auto}.reply-section{margin-top:32px}.reply-section .eyebrow{text-align:center}.receive-signoff{font-size:10px;margin:35px 0;color:#76826c}.receive-header .brand{font-size:22px}.receive-header .brand img{height:32px;width:32px}.address-label h1{font-size:44px;margin:10px 0}.address-label p{font-size:14px;color:#626f59;margin-bottom:22px}.opening-stage{overflow:visible;position:relative}.parcel-card{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 16px 40px #5946251c}.parcel-art{border-radius:24px;animation:none;aspect-ratio:1}.parcel-tag{position:absolute;left:7%;bottom:19%;background:#fffaf0;box-shadow:0 5px 15px #5e422b14;padding:9px 16px;font-family:var(--serif);font-size:22px;transform:rotate(-7deg);min-width:95px;max-width:70%;overflow-wrap:anywhere;line-height:1.2}.parcel-tag small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.3px;margin-top:3px}.ribbon-pull{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;background:#38543d;color:#fffaf0;border:1px solid #59714b;border-radius:8px;padding:12px 22px;font-size:12px;display:flex;align-items:center;gap:16px;box-shadow:0 6px 20px #20321f20}.ribbon-pull:before{content:'';position:absolute;inset:4px;border:1px dashed #9cab8760;border-radius:5px;pointer-events:none}.opening-caption{font-size:11px;color:#65725b;margin:17px 0}.unwrapping .parcel-card{animation:parcel-open .42s ease-in both}.unwrapping .ribbon-pull{animation:ribbon-away .35s ease both}.story-stage{position:relative;aspect-ratio:1;box-shadow:0 14px 35px #59432615;border:5px solid #fffcf3;border-radius:24px;overflow:hidden}.seat-tag{position:absolute;bottom:15px;left:14px;transform:rotate(-5deg);background:#fff7e7eb;max-width:75%;overflow-wrap:anywhere;font:15px var(--serif);padding:8px 14px;border:1px solid #e1d2b5;box-shadow:0 3px 10px #523e2110;z-index:2}.story-light{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 80% 0%,#fff9d220,transparent 65%)}.story-prompt h2{font-size:28px;line-height:1.1;margin:24px 0 10px}.story-prompt p{font-size:12px;color:#6c765f;margin:0 0 17px}.ritual-button{min-width:220px}.story-arrived{padding-top:22px;font-family:var(--serif);font-style:italic;font-size:18px!important}.personal-letter{position:relative;margin-top:35px;animation:letter-in .7s ease both;padding-top:36px;text-align:center;background-image:repeating-linear-gradient(0deg,#9d805806 0,#9d805806 1px,transparent 1px,transparent 4px)}.personal-letter blockquote{font-size:27px;line-height:1.45;margin-bottom:22px}.note-seal{position:absolute;top:-19px;left:calc(50% - 19px);border-radius:50%;height:38px;width:38px;background:#a66e50;color:#fff8e8;display:grid;place-items:center;font:18px var(--serif);border:3px double #e0b594;box-shadow:0 3px 7px #55382317}.after-note{margin-top:26px}.after-note>.tiny{font-size:12px}.finishing-scene{margin-top:15px;aspect-ratio:1}.ending-caption{font:22px var(--serif);margin:15px 0}.send-one-back{margin-top:22px!important}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.static-message-card{border:1px solid #d7dbc8;background:#fffaf1;padding:20px;border-radius:20px}.static-message-card>img{width:100%;border-radius:14px}.comparison-note{margin:17px 0;padding:15px 18px;background:#e3eddc;border-radius:0 15px 15px 15px;font-size:14px;text-align:left}.comparison-note>p{margin:7px 0 0}.interactive-comparison{text-align:center}.comparison-verdict{max-width:700px;margin:50px auto}.comparison-verdict h2{font-size:30px}.comparison-verdict p{font-size:14px;color:#64715a}.comparison-grid .address-label h1{font-size:34px}.comparison-grid .letter blockquote{font-size:24px}#preview-receiver .address-label h1{font-size:35px}#preview-receiver .story-stage{border-width:3px}.collection-scroll .art-button{aspect-ratio:1}
@keyframes parcel-open{to{opacity:0;transform:translateY(16px) scale(1.035);filter:blur(3px)}}@keyframes ribbon-away{to{opacity:0;transform:translateX(10%) rotate(-10deg)}}
@media(max-width:760px){.catalogue-intro{padding:22px 0 6px}.catalogue-intro h1{font-size:38px;line-height:1.03;margin:10px 0 12px}.catalogue-intro p:last-child{font-size:12px}.gift-collection{margin:36px 0}.collection-head h2{font-size:28px}.collection-head .eyebrow{font-size:8px}.price-pill{font-size:15px;padding:9px 12px!important}.price-pill small{font-size:8px}.featured-copy h2{font-size:28px}.featured-copy .eyebrow{font-size:8px}.featured-copy p{font-size:12px}.featured-copy .button{width:100%}.address-label h1{font-size:40px}.receive{max-width:460px;margin-top:18px;padding:0 20px}.editor-layout .stage{aspect-ratio:1}.preview-panel .draft-letter{display:none}.preview-address{font-size:14px;margin-top:12px}.form-panel{padding-top:0}.form-panel h2{font-size:35px;margin:7px 0 15px}.form-panel h2 br{display:none}.field{margin-top:15px}.form-panel .eyebrow{margin-top:15px;margin-bottom:5px}.comparison-grid{grid-template-columns:1fr;gap:40px}.pack-preview,.pack-preview .scene-thumb{height:auto}.brand{font-size:23px}.header{gap:8px}.nav{gap:12px}.nav button{font-size:11px}.nav button:first-child:after{font-size:11px}.header .brand img{width:32px;height:32px}.receive-header{padding-top:21px}.personal-letter blockquote{font-size:25px}}
@media(max-width:350px){.wrap{padding-left:16px;padding-right:16px}.header .brand{font-size:20px;gap:6px}.header .brand img{width:27px;height:27px}.nav{gap:9px}.nav button{font-size:10px}.nav button:first-child:after{font-size:10px}.catalogue-intro h1{font-size:35px}.receive{padding:0 16px}.address-label h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){.scene-sprite,.story-playing{animation:none!important;background-position:100% 50%}.flagship-frame{animation:none!important}.story-prompt,.personal-letter,.parcel-card,.ribbon-pull{animation:none!important;transition:none!important}}

.story-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:18px;background:#e9dfcd}.nav button:first-child{font-size:12px}.nav button:first-child:after{content:none}.form-panel h2 i{display:inline}.scene-thumb[data-art]{background-color:#e7decb}.story-stage{touch-action:manipulation}


/* Real continuous motion. Posters are static until a deliberate play/open gesture. */
.sprite-blanket{background-image:url('/assets/blanket-poster.webp')}
.sprite-tea{background-image:url('/assets/tea-poster.webp')}
.sprite-hug{background-image:url('/assets/hug-poster.webp')}
.sprite-miss-you{background-image:url('/assets/miss-you-poster.webp')}
.sprite-birthday{background-image:url('/assets/birthday-poster.webp')}
.sprite-proud{background-image:url('/assets/proud-poster.webp')}
.sprite-cheer{background-image:url('/assets/cheer-poster.webp')}
.sprite-rain{background-image:url('/assets/rain-poster.webp')}
.sprite-rest{background-image:url('/assets/rest-poster.webp')}
.sprite-brave{background-image:url('/assets/brave-poster.webp')}
.sprite-pebble{background-image:url('/assets/pebble-poster.webp')}
.sprite-flower{background-image:url('/assets/flower-poster.webp')}
.sprite-hello{background-image:url('/assets/hello-poster.webp')}
.scene-thumb,.pack-preview .scene-thumb{background-size:cover;background-position:center}.video-stage{aspect-ratio:1}.video-stage .motion-control{z-index:3;background:#fffcf0ed;min-height:40px;border:1px solid #d2c5a8;color:#314934;box-shadow:0 3px 12px #382e1d15}.story-stage .seat-tag{pointer-events:none}.story-prompt{min-height:76px}.story-loading{margin-top:18px!important}.story-prompt .text-btn{font-weight:400}.story-video{border-radius:inherit}.video-stage .story-video{position:absolute;inset:0}.story-arrived{margin-bottom:0!important}.personal-letter{margin-top:21px}.scene-sprite{animation:none!important}.opening-caption{margin-bottom:8px}

.pack-preview .art-button{padding:0;border:0;border-radius:12px;position:relative;overflow:hidden}.pack-preview .play-circle{width:23px;height:23px;font-size:10px;right:5px;bottom:5px}.pack-preview+.tiny{margin-top:-10px}

.brand-lockup{display:block;line-height:.95}.brand .brand-parent{display:block;font:600 7px/1.4 var(--sans);text-transform:uppercase;letter-spacing:1.2px;margin-top:7px;color:#748065}.umbrella-credit{display:block;font-size:9px;letter-spacing:.5px;color:#748065;margin-top:5px}.receive-header .brand-parent{font-size:6px}