.story-opened-letter{backface-visibility:hidden;will-change:transform,opacity}.atelier-envelope.phase-turning .story-opened-letter:before{background:linear-gradient(90deg,#0000 65%,#60432630 94%,#fff8de55);border-color:#0000}.story-experience[data-story-first=true]>.recipient-screen{box-shadow:-9px 6px 0 -3px #e4d2b4,-15px 11px 0 -6px #cbb385,0 25px 65px #17061099;animation:none!important}.story-envelope-shell.is-turning{pointer-events:none;background:0 0}.story-envelope-shell.is-turning .atelier-envelope{background:0 0}.atelier-envelope.phase-turning .story-three-scene,.atelier-envelope.phase-turning .story-sound,.atelier-envelope.phase-turning .story-envelope-copy{visibility:hidden}.atelier-envelope.phase-turning .story-opened-letter{transform-origin:8%;pointer-events:none;will-change:transform;animation:1.25s cubic-bezier(.32,0,.24,1) forwards storyLetterLiftAway}.atelier-envelope.phase-turning .story-opened-letter:before{animation:1.25s forwards storyLetterCurlLight}.story-experience:has(.story-envelope-shell.is-turning)>.recipient-screen{pointer-events:none;animation:none!important}.story-experience:has(.story-envelope-shell.is-turning)>.recipient-back{visibility:hidden}@keyframes storyLetterLiftAway{0%{opacity:1;transform:perspective(1600px)translate(0,0)rotateY(0)rotate(0)}to{opacity:0;transform:perspective(1600px)translate(-115%,-2%)rotateY(-55deg)rotate(-8deg)}}@keyframes storyLetterCurlLight{0%{opacity:0}to{opacity:1}}.story-letter-main-photo{object-fit:contain;background:#fff;flex-shrink:0;width:220px;max-width:100%;max-height:240px;margin:0 auto 24px;padding:6px;display:block;transform:rotate(-2deg);box-shadow:0 4px 12px #49372e25}.story-three-scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.story-three-scene canvas{display:block;width:100%!important;height:100%!important}.story-scene-fallback{text-align:center;color:#eee1c6;font-size:140px;position:absolute;inset:25% 0 auto}.story-reading-desk{z-index:0;pointer-events:none;position:fixed;inset:0}.story-paper-preview .story-reading-desk{position:absolute}.story-letter-photos{flex-wrap:wrap;gap:12px;margin:25px 0;display:flex}.story-letter-photos img{aspect-ratio:4/5;object-fit:cover;box-sizing:border-box;border:6px solid #fff;width:calc(33.333% - 8px);box-shadow:0 5px 15px #35241c22}.story-final-letter>small:last-child{margin-top:18px;font-size:12px;line-height:1.5;display:block}.atelier-envelope.atelier-envelope{background:radial-gradient(at 30% 20%,#655348 0,#302820 55%,#211c19 100%);height:100%;min-height:100svh;container-type:size}.atelier-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.atelier-heading{text-align:center;color:#e3d2b8;pointer-events:none;gap:10px;transition:opacity .6s;display:grid;position:absolute;top:7%;left:15%;right:15%}.atelier-heading small{letter-spacing:.25em;font-size:11px}.atelier-heading span{color:#b9a893;font:italic 16px/1.4 Georgia,serif}.atelier-envelope .story-sound{z-index:12;color:#e5d6bf;cursor:pointer;background:#ffffff08;border-color:#d5c1a744}.atelier-envelope .story-envelope-copy{text-shadow:none;left:6%;right:6%;padding:0!important;bottom:5%!important}.atelier-envelope .story-envelope-copy small{color:#d9c6aa;letter-spacing:.16em;overflow-wrap:anywhere;font-size:11px}.atelier-envelope .story-envelope-copy h1{color:#f6eddc;letter-spacing:-.03em;max-width:550px;margin:13px auto 22px!important;font:400 clamp(28px,5cqw,46px)/1.1 Georgia,serif!important}.atelier-envelope .story-envelope-copy button{color:#392b23;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:none;backdrop-filter:none;background:#e8dcc7;border:1px solid #b9a28477;border-radius:4px;min-height:46px;padding:13px 25px;font-size:14px;font-weight:500}.atelier-envelope .story-envelope-copy p{color:#c6b69f;margin:12px 0 0;font-size:11px}.atelier-seal-target{z-index:11;cursor:pointer;background:0 0;border:0;border-radius:50%;width:70px;height:70px;position:absolute;top:calc(43% - 8px);left:calc(50% - 35px)}.atelier-seal-target:focus-visible{outline-offset:7px;outline:2px solid #e8d3ae}.atelier-seal-target:disabled{pointer-events:none}.atelier-envelope:not(.phase-idle) .atelier-heading{opacity:0}.atelier-envelope:not(.phase-idle) .story-envelope-copy{pointer-events:none}.story-opened-letter{z-index:14;box-sizing:border-box;color:#49372e;text-align:center;background:repeating-linear-gradient(0deg,#ac876005 0 1px,#0000 1px 4px),linear-gradient(100deg,#eadcc1 0,#fff8e8 4%,#fffaf0 50%,#f3e5ca 100%);border:1px solid #d2b98b;flex-direction:column;align-items:center;padding:clamp(32px,6vh,62px) clamp(26px,6vw,68px);animation:.75s cubic-bezier(.16,.8,.25,1) both openedLetterIn;display:flex;position:absolute;inset:5% max(5%,50% - 310px);overflow:auto;box-shadow:3px 5px #e4d2b4,7px 10px #cbb385,0 28px 80px #14060aaa}.story-opened-letter:before{content:"";pointer-events:none;border:1px solid #b5975c55;position:absolute;inset:14px}.story-opened-letter>span{color:#a17940;font-size:23px}.story-opened-letter>small{color:#806a57;letter-spacing:.22em;margin:10px 0 0;font-size:11px}.story-opened-letter h2{color:#492132;margin:20px 0 24px;font:italic 400 clamp(30px,5vw,48px)/1.1 Georgia,serif}.story-opened-letter p{color:#49372e;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;margin:0;font:italic clamp(17px,2.4vw,22px)/1.7 Georgia,serif}.story-opened-letter>i{color:#7b233e;margin:20px 0;font:25px/1 Georgia}.story-opened-letter>button{color:#fff4dc;cursor:pointer;background:#6d243b;border:0;border-radius:99px;flex:none;width:100%;min-height:52px;margin-top:auto;padding:14px 20px;font:600 15px/1.2 inherit;position:relative}.story-opened-letter>button b{margin-left:7px}.phase-transition .story-three-scene{filter:blur(1.5px);opacity:.28;transition:filter .7s,opacity .7s}@keyframes openedLetterIn{0%{opacity:0;transform:translateY(25px)scale(.96)rotate(-.5deg)}to{opacity:1;transform:none}}.atelier-envelope:after{background:#f8f1e4;border-radius:0;transition:opacity .85s;inset:0;transform:none}.atelier-envelope.phase-transition:after{transform:none}.atelier-envelope .cinematic-transition-copy{color:#634d3f}.atelier-envelope .cinematic-transition-copy p{font-size:clamp(24px,5cqw,40px)}.recipient-page.story-experience{background:radial-gradient(at 25% 10%,#655348,#302820 60%,#211c19);align-items:center;min-height:100svh;padding:100px 20px 40px;overflow:clip visible}.story-experience .recipient-brand,.story-experience .recipient-back{color:#f0dfc3}.story-experience .recipient-progress span{background:#c4a475}.story-experience .recipient-screen:not(.cover-screen),.story-paper-preview .recipient-screen{box-sizing:border-box;border:1px solid #d8c4a4;border-radius:3px;width:min(100%,640px);min-width:0;max-width:640px;padding:clamp(24px,5vw,52px);font-family:inherit;transform:none;box-shadow:0 24px 65px #100a0755;color:#49372e!important;background:linear-gradient(110deg,#fffaf0,#f4ead8)!important}.story-experience .recipient-screen h2,.story-paper-preview .recipient-screen h2{overflow-wrap:anywhere;margin:18px 0 28px;letter-spacing:-.025em!important;font:400 clamp(28px,5vw,44px)/1.18 Georgia,serif!important}.story-experience .recipient-screen :is(p,small,.screen-count),.story-paper-preview .recipient-screen :is(p,small,.screen-count){color:#806a57;opacity:1;overflow-wrap:anywhere}.story-experience .recipient-screen p,.story-paper-preview .recipient-screen p{font-size:15px;line-height:1.6}:is(.story-experience,.story-paper-preview) :is(.recipient-options,.recipient-ideas){grid-template-columns:minmax(0,1fr);min-width:0}:is(.story-experience,.story-paper-preview) :is(.recipient-options,.recipient-ideas) button{box-sizing:border-box;color:#49372e;min-width:0;min-height:56px;box-shadow:none;background:#fff6;border:1px solid #c9b698;border-radius:5px;padding:14px 16px;font:16px/1.45 inherit}:is(.story-experience,.story-paper-preview) :is(.recipient-options,.recipient-ideas) button.selected{color:#fff8ed;box-shadow:none;background:#754034;border-color:#754034}:is(.story-experience,.story-paper-preview) :is(.recipient-options,.recipient-ideas) button>span{overflow-wrap:anywhere;white-space:normal;flex:1;min-width:0;font-size:16px;line-height:1.45}:is(.story-experience,.story-paper-preview) :is(.recipient-options,.recipient-ideas) i{width:28px;height:28px;color:inherit;background:0 0;border-color:currentColor;flex:0 0 28px;font-size:14px}:is(.story-experience,.story-paper-preview) .recipient-ideas b{background:#eee2d0;border:0;border-radius:4px;flex:0 0 44px;width:44px;height:44px}:is(.story-experience,.story-paper-preview) :is(.recipient-next,.final-screen>button){min-height:50px;padding:16px;font-size:16px;color:#fff8ed!important;box-shadow:none!important;background:#754034!important;border:0!important;border-radius:5px!important;font-family:inherit!important}:is(.story-experience,.story-paper-preview) .meeting-ticket{color:#49372e;box-sizing:border-box;overflow-wrap:anywhere;background:#fffaf2;border-color:#c9b698;width:100%;max-width:100%}:is(.story-experience,.story-paper-preview) .recipient-planning-fields{min-width:0;max-width:100%}:is(.story-experience,.story-paper-preview) .recipient-planning-fields input{box-sizing:border-box;color:#49372e;background:#fffaf2;border-color:#c9b698;width:100%;min-width:0;font-size:16px}.story-paper-preview.story-paper-preview{box-sizing:border-box;background:radial-gradient(at top,#655348,#302820);align-items:center;min-height:0;padding:22px 16px;container-type:inline-size}.story-paper-preview .recipient-screen{max-width:100%;padding:25px 20px}.story-paper-preview .recipient-screen h2{font-size:clamp(27px,8cqw,38px)!important}.preview-stage.story-preview-stage:has(.story-paper-preview){overflow:visible;height:auto!important;min-height:0!important}.preview-stage.story-preview-stage:has(.story-preview){height:640px;min-height:0}.preview-stage .story-preview,.preview-stage .atelier-envelope{min-height:0}.story-experience .story-final-letter p{white-space:pre-wrap;font:22px/1.8 Georgia,serif}.story-experience .story-final-letter{width:min(100%,640px)!important;margin:0!important}@media (width<=600px){.recipient-page.story-experience{padding:90px 12px 24px}.recipient-page.story-experience.is-preview-mode{padding-top:270px}.story-experience .recipient-screen:not(.cover-screen){padding:28px 20px}.story-paper-preview.story-paper-preview{padding:16px 12px}.preview-stage.story-preview-stage:has(.story-preview){height:560px}.atelier-heading{top:9%}.atelier-envelope .story-envelope-copy{bottom:7%!important}.story-experience .story-final-letter p{font-size:20px}.story-opened-letter{padding:34px 25px 24px;inset:4% 5%}.story-opened-letter h2{font-size:30px}.story-opened-letter p{font-size:17px;line-height:1.58}.story-opened-letter>button{margin-top:20px}}.preview-stage .story-opened-letter{padding:23px 21px 17px;inset:3%}.preview-stage .story-opened-letter>span{font-size:18px}.preview-stage .story-opened-letter>small{margin-top:5px;font-size:10px}.preview-stage .story-opened-letter h2{margin:10px 0 13px;font-size:26px}.preview-stage .story-opened-letter p{font-size:14px;line-height:1.42}.preview-stage .story-opened-letter>i{margin:10px 0;font-size:19px}.preview-stage .story-opened-letter>button{min-height:44px;margin-top:10px;padding:11px;font-size:12px}@media (height<=520px) and (width>=600px){.atelier-envelope .atelier-heading{text-align:left;top:5%;left:5%;right:auto}.atelier-envelope .story-envelope-copy{left:55%;right:5%;bottom:20%!important}.atelier-envelope .atelier-canvas{width:60%}.atelier-envelope .atelier-seal-target{left:calc(30% - 35px)}}@media (prefers-reduced-motion:reduce){.atelier-stage-lights i,.cinematic-grain,.envelope-object{animation:none!important}.atelier-envelope .atelier-heading,.atelier-envelope .story-envelope-copy,.story-opened-letter{transition-duration:.25s!important}.story-experience .recipient-screen{animation:none!important}.atelier-envelope.phase-turning .story-opened-letter{animation:.65s ease-out forwards storyReducedLetterAway!important}}@keyframes storyReducedLetterAway{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-18%)rotate(-2deg)scale(.98)}}.atelier-envelope.atelier-envelope{background:#351322}.atelier-stage-lights{z-index:1;pointer-events:none;mix-blend-mode:screen;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(44% 39% at 50% 43%,#0000 0 72%,#000 100%);mask-image:radial-gradient(44% 39% at 50% 43%,#0000 0 72%,#000 100%)}.atelier-stage-lights i{left:var(--star-x);top:var(--star-y);width:var(--star-size);height:var(--star-size);opacity:0;animation:atelierTwinkle var(--star-time) ease-in-out var(--star-delay) infinite;background:#fff2cf;border-radius:50%;position:absolute;box-shadow:0 0 5px #ffe3ad,0 0 13px #d59672}.atelier-stage-lights i:nth-child(3n){background:#f5bfd0;box-shadow:0 0 5px #f9c9d8,0 0 12px #b84d77}.atelier-stage-lights i:nth-child(4n){transform:scale(.7)}@keyframes atelierTwinkle{0%,20%,to{opacity:0;transform:scale(.35)}45%{opacity:.32}58%{opacity:.88;transform:scale(1)}72%{opacity:.18;transform:scale(.55)}}.atelier-envelope .atelier-heading{z-index:2}.atelier-envelope .story-three-scene{z-index:0}.atelier-envelope.atelier-envelope:after{display:none}.atelier-envelope .atelier-seal-target{top:calc(43% - 10px)}.atelier-envelope .story-envelope-copy{bottom:4%!important}.atelier-envelope .story-envelope-copy h1{font-size:clamp(28px,4.7cqw,42px)!important;font-style:italic!important}.atelier-envelope .story-envelope-copy button{color:#f6e5c5;background:#6d243b;border-color:#bf9872;border-radius:99px;padding:14px 28px}.recipient-page.story-experience,.story-paper-preview.story-paper-preview{background:#351322}.story-experience .recipient-screen:not(.cover-screen),.story-paper-preview .recipient-screen{transform-origin:15%;border:1px solid #d2b98b;border-radius:1px 4px 4px 1px;padding-top:52px;animation:.7s cubic-bezier(.16,.8,.25,1) both letterPageTurn;position:relative;box-shadow:2px 3px #eadac0,5px 7px #d2bc95,0 25px 65px #17061099;background:repeating-linear-gradient(0deg,#ac876005 0 1px,#0000 1px 4px),radial-gradient(at 8% 0,#fffdf3,#0000 65%),linear-gradient(100deg,#eadcc1 0,#fbf2de 3%,#fff8e8 49%,#f3e9d2 50%,#fbf1da 51%,#f3e5ca 100%)!important}.story-experience .recipient-screen:before,.story-paper-preview .recipient-screen:before{content:"✦";color:#a17940;margin-bottom:20px;font-size:20px;display:block}.story-experience .recipient-screen:after,.story-paper-preview .recipient-screen:after{content:"";pointer-events:none;border:1px solid #b5975c44;position:absolute;inset:14px}.story-experience .recipient-screen h2,.story-paper-preview .recipient-screen h2{color:#492132;font-style:italic!important}:is(.story-experience,.story-paper-preview) :is(.recipient-options,.recipient-ideas) button{background:#fffaf344;border-color:#b799674f;border-radius:2px}:is(.story-experience,.story-paper-preview) :is(.recipient-options,.recipient-ideas) button.selected{color:#fff4dc;background:#6d243b;border-color:#6d243b}:is(.story-experience,.story-paper-preview) :is(.recipient-next,.final-screen>button){color:#fff4dc!important;background:#6d243b!important;border-radius:99px!important;font-weight:500!important}.story-paper-preview.story-paper-preview{padding:65px 22px 34px}.story-experience .story-final-letter{padding-top:45px!important}@keyframes letterPageTurn{0%{opacity:.38;filter:brightness(.92);transform:perspective(1300px)rotateY(19deg)rotate(.8deg)translate(52px)scale(.985);box-shadow:-18px 22px 48px #17061055}45%{opacity:1;filter:none;transform:perspective(1300px)rotateY(-3deg)translate(-5px)}to{opacity:1;filter:none;transform:none}}.story-experience.page-turning-next .recipient-screen{pointer-events:none;transform-origin:0;animation:.48s cubic-bezier(.55,.02,.45,1) both storyPageOutNext!important}.story-experience.page-turning-previous .recipient-screen{pointer-events:none;transform-origin:100%;animation:.48s cubic-bezier(.55,.02,.45,1) both storyPageOutPrevious!important}.story-experience.page-turning-next .recipient-screen:after,.story-experience.page-turning-previous .recipient-screen:after{animation:.48s both storyCurlShade}@keyframes storyPageOutNext{0%{opacity:1;filter:none;transform:perspective(1300px)rotateY(0)translate(0)}45%{opacity:1;filter:brightness(.94);transform:perspective(1300px)rotateY(-10deg)translate(-22px)skewY(.5deg);box-shadow:18px 25px 58px #17061088}to{opacity:0;filter:brightness(.82);transform:perspective(1300px)rotateY(-27deg)translate(-96px)skewY(1.5deg)scale(.975);box-shadow:36px 20px 65px #170610aa}}@keyframes storyPageOutPrevious{0%{opacity:1;transform:perspective(1300px)rotateY(0)translate(0)}to{opacity:0;filter:brightness(.84);transform:perspective(1300px)rotateY(25deg)translate(92px)skewY(-1.2deg)scale(.975);box-shadow:-34px 20px 62px #170610aa}}@keyframes storyCurlShade{0%{box-shadow:inset 0 0 #0000}55%{box-shadow:inset -46px 0 44px -38px #6c503855}to{box-shadow:inset -75px 0 52px -42px #3d281f88}}@media (width<=600px){.recipient-page.story-experience{height:100svh;min-height:100svh;overflow:hidden}.story-experience .recipient-screen:not(.cover-screen){overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;max-height:calc(100svh - 118px);padding:28px 23px;overflow:hidden auto}.recipient-page.story-experience.is-preview-mode .recipient-screen:not(.cover-screen){max-height:calc(100svh - 296px)}.story-paper-preview.story-paper-preview{padding:48px 14px 22px}.story-paper-preview .recipient-screen{padding:24px 20px}.story-experience .recipient-screen h2{font-size:32px!important}.atelier-envelope .story-envelope-copy{bottom:6%!important}}