.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line);margin-bottom:40px}.journey-steps button{background:none;text-align:left;padding:17px 12px;border-bottom:3px solid transparent;display:flex;align-items:center;gap:12px;min-height:64px}.journey-steps button[aria-current]{border-color:var(--ink)}.journey-steps span{font:italic 24px var(--serif);opacity:.65}.journey-steps b{font-size:13px;font-weight:400}.journey-who{max-width:800px;padding:10px 0 35px}.journey-who h3,.journey-wrap h3{font:400 34px/1.3 var(--serif);margin-bottom:18px}.journey-who>p{color:var(--muted);max-width:580px}.journey-choices{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 30px}.journey-choices button{padding:13px 18px;background:transparent;border:1px solid var(--line);border-radius:4px;font-size:14px;display:inline-flex;align-items:center;gap:9px;min-height:48px}.journey-choices button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:#60222c08}.choice-dot{width:21px;height:21px;border-radius:50%;border:1px solid #60222c33;display:inline-block}.journey-starter{background:#ece2d3;padding:22px;margin-bottom:28px;border-left:2px solid #af6c51}.journey-starter>strong{font-size:14px;font-weight:500}.journey-starter>p{font-size:12px;color:var(--muted);margin:8px 0}.journey-starter blockquote{font:italic 22px/1.5 var(--serif);margin:20px 0}.journey-navigation{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:25px 0}.journey-wrap{display:grid;grid-template-columns:1fr 1fr;gap:35px 60px}.journey-wrap fieldset{border:0;margin:18px 0;padding:0}.journey-wrap legend{font-size:13px}.journey-wrap .journey-choices{margin:9px 0}.journey-wrap-stage{padding:35px 30px 10px;background:#ece2d3;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.journey-wrap-stage label{font-size:12px;margin-top:28px;text-align:center}.journey-wrap-stage input[type=range],.recipient-slide input{width:100%;height:35px;accent-color:var(--gift-ribbon,#79132b);cursor:ew-resize}.journey-wrap-stage .journey-navigation{gap:8px}.journey-wrap-stage .button{padding:12px 18px}.journey-ready{grid-column:1/-1;border-top:1px solid var(--line);padding:35px 0 0;max-width:800px}.journey-ready>p{max-width:600px;color:var(--muted);font-size:14px}.journey-ready .journey-navigation{justify-content:flex-start}.care-box{width:220px;height:290px;position:relative;margin:20px auto 30px;filter:drop-shadow(10px 16px 13px #60222c26);isolation:isolate}.care-sleeve{position:absolute;inset:0;background:var(--gift-paper,#fff7e9);border:1px solid #cebca7;box-shadow:inset 3px 3px 2px #fff8,inset -3px -2px 3px #60222c18;z-index:2;display:flex;align-items:center;flex-direction:column;padding:24px 16px;overflow:hidden}.care-brand{font:23px var(--serif);letter-spacing:.07em}.care-for{margin-top:28px;text-align:center;font-size:12px;max-width:185px;overflow-wrap:anywhere;line-height:1.5}.care-caption{font:italic 28px var(--serif);margin-top:auto;margin-bottom:30px}.care-sleeve small{font-size:8px;letter-spacing:.08em}.care-ribbon{position:absolute;left:0;right:0;height:27px;top:46%;background:linear-gradient(0deg,#0003,transparent 40%,#fff2 85%,#0002),var(--gift-ribbon,#79132b);transform:scaleX(var(--wrap,1));transition:transform .35s;transform-origin:center}.care-seal{position:absolute;width:55px;height:55px;top:calc(46% - 14px);left:calc(50% - 27.5px);border-radius:50%;display:grid;place-items:center;background:var(--gift-ribbon,#79132b);color:#fff7e9;border:4px double #e3b6a977;box-shadow:0 3px 5px #30131c33;opacity:var(--wrap,1);transition:transform .35s,opacity .3s}.care-seal img{width:35px;height:35px}.care-seal>span{font:34px Georgia,serif}.journey-wrap[data-sealed=true] .care-seal{transform:scale(1.1);box-shadow:0 2px 1px #30131c55}.care-inner{position:absolute;inset:3px -1px 3px 1px;background:var(--gift-ribbon,#79132b);border:8px ridge #79132b;z-index:1;transition:transform .7s}.care-insert{background:var(--gift-paper,#fff7e9);height:100%;border:1px solid #cebca7;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.care-insert>span{font-size:10px;letter-spacing:.1em}.care-insert img{width:40px;height:45px}.care-insert p{font:18px/1.3 var(--serif)}.care-tab{position:absolute;right:-23px;width:22px;height:45px;top:42%;background:var(--gift-ribbon,#79132b)}.written-letter{background:var(--gift-paper,#fff7e9);box-shadow:12px 14px 0 var(--gift-ribbon,#79132b)}.recipient-dialog{width:min(780px,94vw);max-width:780px;max-height:90svh;padding:45px 45px 30px;overflow:auto;border:1px solid var(--line);background:var(--paper);color:var(--ink);text-align:center;--wrap:1}.recipient-dialog::backdrop{background:#32131bcc;backdrop-filter:blur(5px)}.recipient-close{position:absolute;right:12px;top:10px;background:transparent}.recipient-dialog h2{font-size:clamp(30px,4vw,45px);line-height:1.15;max-width:570px;margin:10px auto 20px}.recipient-dialog>.eyebrow{font-size:10px;margin:10px 0 20px}.recipient-dialog>p{font-size:14px}.recipient-unbox{padding:10px 0}.recipient-unbox .care-box{width:185px;height:250px;transition:transform .6s;transform:translateX(calc(var(--drawer,0) * -75px))}.recipient-unbox .care-inner{transform:translateX(calc(var(--drawer,0) * 175px))}.recipient-unbox>p,.recipient-slide label{font-size:12px;display:block}.recipient-dialog[data-opening='1'] .care-ribbon,.recipient-dialog[data-opening='2'] .care-ribbon{transform:translateX(-120%)}.recipient-dialog[data-opening='1'] .care-seal,.recipient-dialog[data-opening='2'] .care-seal{opacity:0;transform:translateY(45px) rotate(25deg)}.recipient-slide{max-width:300px;margin:auto}.recipient-letter{background:var(--gift-paper);padding:35px 40px;margin:20px auto;border:1px solid var(--line);outline:1px solid var(--line);outline-offset:-12px;box-shadow:7px 9px 0 var(--gift-ribbon);text-align:left;max-width:580px}.recipient-letter h3{text-align:center;font:italic 34px var(--serif);margin:20px 0 30px}.recipient-letter>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.9}.recipient-letter>.eyebrow{display:block;text-align:center;font-size:10px}.recipient-stamp{width:50px;height:50px;background:var(--gift-ribbon);border-radius:50%;margin:25px auto;color:#fff7e9;display:grid;place-items:center;font:32px Georgia,serif}.recipient-stamp img{width:33px;height:33px}.recipient-letter .recipient-readhint{text-align:center;font-size:12px;color:var(--muted);margin-bottom:0}.recipient-end{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:30px 0 10px}.mist-pause{max-width:480px;margin:25px auto}.mist-instruction{font-size:13px;color:var(--muted)}.mist-mirror{position:relative;height:220px;overflow:hidden;border:6px solid #d9cbb9;border-radius:100px 100px 8px 8px;box-shadow:0 7px 20px #60222c15;background:linear-gradient(135deg,#eee2d2,#fff7e9)}.mist-message{position:absolute;inset:0;display:grid;place-content:center;white-space:pre-line;font:italic 28px/1.5 var(--serif)}.mist-mirror canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;transition:opacity .7s}.mist-result{font-size:13px;min-height:25px;margin:15px 0}.mist-skip{font-size:13px}html[lang=th] .journey-who h3,html[lang=th] .journey-wrap h3,html[lang=th] .recipient-letter h3,html[lang=th] .recipient-dialog h2{font:400 25px/1.5 var(--sans)}html[lang=th] .journey-starter blockquote,html[lang=th] .mist-message{font:400 18px/1.7 var(--sans)}@media(max-width:700px){.journey-steps button{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 5px}.journey-steps b{font-size:11px}.journey-wrap{grid-template-columns:1fr;gap:25px}.journey-wrap-stage{padding:25px 20px}.journey-choices{gap:8px}.journey-choices button{font-size:13px;padding:11px 14px}.journey-who h3{font-size:29px}.journey-navigation .button{gap:12px;padding:15px 18px}.recipient-dialog{padding:40px 18px 22px}.recipient-letter{padding:30px 25px}.recipient-unbox .care-box{width:150px;height:215px;transform:translateX(calc(var(--drawer,0) * -62px))}.recipient-unbox .care-inner{transform:translateX(calc(var(--drawer,0) * 142px))}.recipient-unbox .care-caption{font-size:22px}.recipient-unbox .care-for{font-size:10px;margin-top:18px}.recipient-unbox .care-brand{font-size:19px}.recipient-unbox .care-sleeve{padding:18px 10px}.recipient-unbox .care-sleeve small{font-size:6px}.recipient-unbox .care-insert{padding:10px;gap:8px}.recipient-unbox .care-insert p{font-size:15px}.mist-mirror{height:195px}}@media(prefers-reduced-motion:reduce){.care-ribbon,.care-seal,.care-inner,.care-box,.mist-mirror canvas{transition:none!important}}

.care-inner{border-color:var(--gift-ribbon,#79132b)}