@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Noto+Sans+Thai:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap');
:root{--paper:#f8f3e9;--ink:#60222c;--muted:#79645d;--line:#d9cbb9;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans','Noto Sans Thai',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}button,a,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}p{margin:0 0 22px}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04;margin:0}img{display:block;width:100%}button{border:0}button:disabled{opacity:.4;cursor:default}.announcement{background:var(--ink);color:var(--paper);text-align:center;padding:8px 20px;font-size:12px;letter-spacing:.13em}header{display:flex;align-items:center;justify-content:space-between;padding:23px 5%;border-bottom:1px solid var(--line);gap:24px}.wordmark{font-family:var(--serif);font-size:30px;line-height:1;letter-spacing:.08em;display:inline-block}.wordmark span{display:block;font:9px var(--sans);letter-spacing:.24em;margin-top:9px}nav{display:flex;gap:36px;font-size:14px}.header-actions{display:flex;align-items:center;gap:25px}select{border:0;background:transparent;font-size:13px;padding:8px}.bag-button{background:none;padding:5px;font-size:14px;white-space:nowrap}.count{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;width:25px;height:25px;margin-left:5px;font-size:12px}.hero{display:grid;grid-template-columns:46% 54%;padding:62px 5% 72px;gap:0;max-width:1700px;margin:auto;min-height:650px}.hero-copy{padding:22px 25px 20px 0;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:500;margin-bottom:28px}h1{font-size:clamp(52px,5.5vw,88px);letter-spacing:-.045em;line-height:1.02}h1 em{font-weight:400}h1+ p{margin-top:28px}.hero-description{max-width:340px;color:var(--muted);font-size:15px;line-height:1.85}.button{display:inline-flex;background:var(--ink);color:var(--paper);padding:17px 25px;gap:40px;align-items:center;justify-content:space-between;min-height:54px;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#7b3039;transform:translateY(-2px)}.hero-note{display:flex;align-items:center;gap:13px;color:var(--muted);font-family:var(--serif);font-style:italic;font-size:18px;margin-top:33px}.small-line{width:25px;height:1px;background:var(--muted)}.hero-visual{position:relative;perspective:1000px;display:flex;align-items:center;margin:0 20px 0 8px}.image-frame{position:relative;width:100%;transform:rotate(2deg);transition:transform .6s ease;will-change:transform;box-shadow:0 18px 48px #4c2d2018}.image-frame img{height:510px;object-fit:cover;object-position:51% 50%}.image-caption{position:absolute;bottom:0;background:linear-gradient(transparent,#34130c88);color:#fff4e8;left:0;right:0;display:flex;justify-content:space-between;padding:30px 22px 20px;font-size:12px;letter-spacing:.05em}.round-seal{position:absolute;right:-27px;top:-5px;width:112px;height:112px;border-radius:50%;background:var(--paper);border:1px solid var(--ink);outline:5px solid var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.5;font-size:10px;letter-spacing:.16em;transform:rotate(13deg)}.round-seal i{font-family:var(--serif);font-size:27px;letter-spacing:-.04em}.vertical-note{position:absolute;right:-43px;bottom:95px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.17em}.ribbon{display:flex;justify-content:space-evenly;gap:15px;padding:21px 5%;border-block:1px solid var(--line);font-family:var(--serif);font-style:italic;font-size:25px}.ribbon span:nth-child(even){font-size:19px}.section{max-width:1440px;margin:auto;padding:100px 7%}.product{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.product-image{position:relative;background:#e7dbc9}.product-image img{aspect-ratio:1/1.08;object-fit:cover}.photo-label{position:absolute;bottom:20px;left:20px;padding:8px 13px;background:var(--paper);font-size:10px;letter-spacing:.12em}h2{font-size:clamp(43px,4.3vw,65px);letter-spacing:-.035em}.product-subtitle{font-family:var(--serif);font-size:28px;font-style:italic;margin:10px 0 25px}.product-copy>p:not(.eyebrow):not(.product-subtitle){color:var(--muted)}.product-meta{display:flex;flex-wrap:wrap;justify-content:space-between;border-block:1px solid var(--line);padding:18px 0;margin:25px 0;font-size:14px;gap:8px}.purchase{display:flex;gap:12px}.purchase .button{flex:1}.quantity{border:1px solid var(--line);display:flex;align-items:center}.quantity button{background:none;width:38px;min-height:54px;font-size:21px}.quantity output{width:30px;text-align:center}.preview-note{font-size:12px;margin:12px 0 25px}details{border-top:1px solid var(--line);font-size:14px}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:15px 0;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+'}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted)}.story{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;background:#ece2d3;padding-inline:10%}.story>div>p:not(.eyebrow):not(.signature){max-width:430px;color:var(--muted);margin-top:28px}.signature{font-family:var(--serif);font-style:italic;font-size:29px}.signature span{font-size:21px}.letter{background:#faf5eb;box-shadow:10px 14px 0 #60222c;min-height:355px;padding:45px 35px;color:var(--ink);border:1px solid #d4c4ac;outline:1px solid #d4c4ac;outline-offset:-13px;text-align:center;transform:rotate(-3deg);transition:transform .7s}.letter:hover{transform:rotate(0deg) translateY(-5px)}.letter[aria-expanded=true]{transform:rotate(0deg)}.letter-heading{font:italic 40px var(--serif);display:block}.letter-invitation{display:block;font-size:14px;margin:25px auto;max-width:215px}.letter-body{white-space:pre-line;font:21px/1.45 var(--serif);text-align:left;margin:20px 0}.letter-seal{display:inline-grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font:italic 29px var(--serif);height:65px;width:65px;border:5px double #a26665;margin-top:10px}.section-heading{text-align:center;margin-bottom:60px}.ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.ritual-grid article{border-top:1px solid var(--line);padding-top:22px}.ritual-grid article>span{font-size:12px;color:var(--muted)}h3{font-size:34px;margin:22px 0 18px}.ritual-grid p{color:var(--muted);font-size:15px;max-width:300px}.closing{background:var(--ink);color:var(--paper);text-align:center;padding:60px 20px}.closing p{font:italic clamp(30px,3.5vw,50px)/1.2 var(--serif)}.closing a{font-size:14px;border-bottom:1px solid #ddbaac;padding-bottom:7px}footer{padding:40px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:12px;margin:0;color:var(--muted)}dialog{color:var(--ink);background:var(--paper);border:0;padding:30px;max-width:480px;width:calc(100% - 24px);max-height:90dvh;box-shadow:0 25px 100px #30111940}dialog::backdrop{background:#29161477;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.dialog-heading h2{font-size:40px}.close{background:none;font-size:32px;min-width:44px;min-height:44px}.bag-note{font-size:14px;color:var(--muted);margin-top:30px}.bag-item{display:grid;grid-template-columns:90px 1fr;gap:20px}.bag-item img{height:110px;object-fit:cover}.bag-item p{font-size:14px;margin:6px 0}.bag-item h3{font-size:27px;margin:0}.bag-item button{background:none;border-bottom:1px solid var(--line);font-size:14px}.bag-item .quantity{margin:12px 0;width:max-content}.bag-item .quantity button{border:0;min-height:38px}.bag-empty{padding:30px 0;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--paper);padding:14px 25px;opacity:0;transition:.3s;pointer-events:none;z-index:5;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.skip{position:absolute;left:10px;top:-100px;background:var(--paper);padding:15px;z-index:20}.skip:focus{top:10px}html[lang=th]{--serif:'Noto Sans Thai',sans-serif}html[lang=th] h1{font-size:clamp(40px,4.2vw,68px);line-height:1.35;letter-spacing:-.035em}html[lang=th] h2{font-size:clamp(32px,3.2vw,49px);line-height:1.4}html[lang=th] h3{font-size:26px;line-height:1.4}html[lang=th] .letter-body{line-height:1.7;font-size:17px}html[lang=th] .letter-heading{font-size:30px}
@media(min-width:1500px){.hero{min-height:760px}.image-frame img{height:590px}}@media(max-width:900px){nav{gap:18px}.hero{padding-top:40px;grid-template-columns:48% 52%;min-height:580px}h1{font-size:57px}.image-frame img{height:460px}.round-seal{width:88px;height:88px;font-size:8px}.round-seal i{font-size:23px}.section{padding:70px 6%}.product{gap:6%}.story{gap:8%}.hero-description{font-size:14px}.ritual-grid{gap:25px}h3{font-size:28px}}@media(max-width:640px){header{padding:20px 6%;gap:12px;flex-wrap:wrap}.wordmark{font-size:27px}.header-actions{gap:10px}nav{order:3;width:100%;justify-content:center;gap:32px;padding-top:12px;font-size:13px}.announcement{font-size:10px;letter-spacing:.05em}.hero{display:flex;flex-direction:column;padding:30px 7% 45px}.hero-copy{padding:0 0 30px}.eyebrow{font-size:11px;margin-bottom:22px}h1{font-size:clamp(49px,12vw,72px)}.hero-description{font-size:15px;max-width:360px}.hero-note{font-size:16px;margin-top:20px}.hero-visual{margin:13px 10px 0 0}.image-frame img{height:auto;aspect-ratio:1/1;object-position:center}.round-seal{right:-14px;top:-23px}.vertical-note{right:-27px;bottom:50px;font-size:9px}.ribbon{font-size:17px;padding:17px 4%;gap:7px}.ribbon span:nth-child(even){font-size:13px}.product{grid-template-columns:1fr;gap:38px}.product-image img{aspect-ratio:1/1}.section{padding:60px 7%}.story{grid-template-columns:1fr;gap:35px}.letter{margin:5px 7px 10px;min-height:320px}.ritual-grid{grid-template-columns:1fr;gap:20px}.ritual-grid article{display:grid;grid-template-columns:35px 1fr;gap:0 12px}.ritual-grid article>span{padding-top:4px}.ritual-grid h3{margin:0 0 15px}.ritual-grid p{grid-column:2;max-width:none}.section-heading{margin-bottom:35px}.closing{padding:45px 7%}footer{flex-wrap:wrap;padding:32px 7%}footer p:last-child{width:100%}.purchase .button{padding-inline:17px;gap:10px}html[lang=th] h1{font-size:42px}html[lang=th] .ribbon{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.image-frame,.letter{transform:none!important}}
[hidden]{display:none!important}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.contact h2{margin-bottom:22px}.contact-note{color:var(--muted);font-size:14px;max-width:360px}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-links button{background:transparent;border:1px solid var(--line);text-align:left;padding:16px;font-size:15px;opacity:1;cursor:default}.social-links button span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.direct-contact{display:flex;gap:35px;margin-top:25px;font-size:14px}.direct-contact>span{display:flex;flex-direction:column}.direct-contact b{font-weight:500}.direct-contact span span{font-size:12px;color:var(--muted)}.bag-totals{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.bag-totals p{display:flex;justify-content:space-between;gap:25px;font-size:14px;margin-bottom:12px}.bag-totals strong{text-align:right;font-weight:500}.bag-totals .payment-methods{display:block;font-size:12px;color:var(--muted);margin-top:20px}.letter-body{animation:letterReveal .7s ease both}@keyframes letterReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.contact{grid-template-columns:1fr;gap:22px}}
.wordmark,.round-seal i,.letter-seal{font-family:"Cormorant Garamond",Georgia,serif}.round-seal i{white-space:nowrap}.hero-description,.ritual-grid p{font-size:16px}
.direct-contact{flex-wrap:wrap;gap:18px 35px}.direct-contact a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
#receipt-section{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}#receipt-section h3{font-size:28px}.bank-details{font-size:14px}.receipt-info{font-size:13px;color:var(--muted)}#receipt-form label{display:block;margin:18px 0 8px;font-size:14px}#receipt-form input{display:block;width:100%;min-height:44px;padding:9px;border:1px solid var(--line);background:transparent;font:14px var(--sans);color:var(--ink)}#receipt-preview{max-height:220px;object-fit:contain;margin:15px 0}#receipt-result{font-size:14px;margin-top:18px;overflow-wrap:anywhere}
.mock-qr{width:195px;min-height:180px;margin:24px auto;border:2px dashed var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;background:#eee5d8}.mock-qr>span{font-size:52px;line-height:1}.mock-qr b{font-size:16px}.mock-qr small{font-size:12px;padding:0 10px}
.brand-wordmark{width:145px;height:auto}.letter-seal img{width:43px;height:43px;object-fit:contain}.floating-bag{position:fixed;bottom:22px;right:22px;background:var(--ink);color:var(--paper);box-shadow:0 5px 22px #34121d30;border:1px solid #f8f3e955;padding:14px 23px;z-index:8;font-size:14px;border-radius:30px}.cart-notice{position:fixed;right:22px;bottom:85px;z-index:9;width:365px;max-width:calc(100vw - 32px);background:var(--paper);border:1px solid var(--line);box-shadow:0 15px 70px #34121d35;padding:23px;animation:letterReveal .25s ease}.cart-notice-title{font-size:17px;margin:0 0 18px}.cart-notice-product{display:grid;grid-template-columns:72px 1fr;gap:17px}.cart-notice-product img{width:72px;height:95px;object-fit:cover}.cart-notice-product strong{font-family:var(--serif);font-size:23px;font-weight:500}.cart-notice-product p{font-size:13px;margin:4px 0}.cart-notice-product small{font-size:11px;color:var(--muted)}.cart-notice-actions{display:flex;align-items:center;gap:18px;margin-top:22px}.cart-notice-actions .button{padding:12px 19px;min-height:44px}.cart-dismiss{background:none;text-decoration:underline;text-underline-offset:4px;font-size:13px;padding:8px 0}.cart-notice-total{font-weight:600}@media(max-width:640px){.brand-wordmark{width:135px}.cart-notice{right:16px;bottom:80px;padding:20px}.floating-bag{right:16px;bottom:16px}.cart-notice-actions{gap:14px}}
.unboxing{height:250vh;height:250svh;position:relative;--open:0;background:#ede3d5}.unbox-sticky{position:sticky;top:0;min-height:650px;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:45px 5% 28px}.unbox-heading{text-align:center;z-index:3}.unbox-heading .eyebrow{margin-bottom:16px}.unbox-heading h2{font-size:clamp(36px,4vw,61px)}.unbox-heading>p:last-child{margin-top:14px;font-size:15px;color:var(--muted)}.drawer-stage{width:100%;flex:1;min-height:0;display:grid;place-items:center;perspective:1300px}.drawer-model{position:relative;width:clamp(155px,22vw,260px);aspect-ratio:568/836;transform:translateX(calc(var(--open) * -40%)) rotateY(calc(-9deg + var(--open) * 9deg)) rotateZ(calc(-3deg + var(--open) * 3deg));transform-style:preserve-3d;filter:drop-shadow(10px 20px 17px #49231635)}.drawer-sleeve{position:absolute;inset:0;overflow:hidden;z-index:2;border-radius:5px;background:#f2e7d4;transform:translateZ(3px)}.drawer-sleeve img{position:absolute;width:270.4225%;max-width:none;left:-21.4788%;top:-12.6794%;height:auto}.drawer-tray{position:absolute;left:0;top:.4%;width:108.45%;aspect-ratio:614/832;overflow:hidden;transform:translateX(calc(3% + var(--open) * 87%));clip-path:polygon(0 0,87.3% 0,87.3% 39.8%,100% 39.8%,100% 56.9%,87.3% 56.9%,87.3% 100%,0 100%);z-index:1}.drawer-tray img{position:absolute;width:250.1629%;max-width:none;left:-139.0879%;top:-13.2212%;height:auto}.unbox-footer{display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:22px;z-index:3;font-size:12px}.unbox-progress{width:150px;height:2px;background:#cfbba5}.unbox-progress span{display:block;width:calc(var(--open) * 100%);height:100%;background:var(--ink)}.unbox-footer button{background:transparent;text-decoration:underline;text-underline-offset:4px;padding:5px;font-size:12px}.unbox-footer a{font-size:14px;margin-top:5px}@media(max-width:640px){.unboxing{height:220svh}.unbox-sticky{padding:32px 6% 22px;min-height:600px}.unbox-heading h2{font-size:38px}.unbox-heading .eyebrow{font-size:10px}.drawer-model{width:min(43vw,195px)}.unbox-heading>p:last-child{font-size:14px;max-width:300px}.unbox-footer{gap:8px}}@media(max-height:700px) and (min-width:641px){.unbox-sticky{min-height:540px;padding-top:20px}.unbox-heading h2{font-size:36px}.drawer-model{width:175px}.unbox-heading p{margin-bottom:8px}.unbox-footer{padding-top:10px}}@media(prefers-reduced-motion:reduce){.unboxing{height:auto}.unbox-sticky{position:relative;min-height:760px;height:auto;gap:25px}.drawer-stage{min-height:380px}.drawer-model{transform:translateX(-40%)!important}.drawer-tray{transform:translateX(90%)!important}#unbox-toggle{display:none}}
.first-unwrapping{height:175vh;height:175svh;position:relative;--loosen:0;--release:0;--unwrap:0}.first-sticky{position:sticky;top:0;min-height:720px;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}.first-sticky .hero{width:100%;margin:auto;padding-block:32px 70px;min-height:0}.first-sticky .image-frame img{height:min(60vh,560px)}.ribbon-reveal{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:calc(1 - var(--release));filter:drop-shadow(0 9px 8px #32101635)}.ribbon-half{position:absolute;top:51%;height:42px;width:50%;background:linear-gradient(180deg,#3d111c,#8e3d4b 12%,#6c2534 30%,#5b1b2a 75%,#a25a66 94%,#44121f);border-block:1px solid #b7767e66}.ribbon-left{left:0;transform-origin:left center;transform:translateX(calc(var(--release) * -110%)) rotate(calc(var(--loosen) * -7deg))}.ribbon-right{right:0;transform-origin:right center;transform:translateX(calc(var(--release) * 110%)) rotate(calc(var(--loosen) * 7deg))}.ribbon-bow{position:absolute;left:50%;top:calc(51% - 92px);width:320px;height:240px;transform:translateX(-50%);overflow:visible}.bow-loop{stroke:url(#ribbon-satin);stroke-width:22;stroke-linecap:butt;stroke-dasharray:1;stroke-dashoffset:calc(var(--loosen) * .88)}.bow-loop-left{transform-origin:160px 113px;transform:rotate(calc(var(--loosen) * -22deg))}.bow-loop-right{transform-origin:160px 113px;transform:rotate(calc(var(--loosen) * 22deg))}.opening-seal{position:absolute;left:50%;top:calc(51% - 25px);width:91px;height:91px;border-radius:50%;border:6px double #ad6976;background:radial-gradient(circle at 35% 25%,#8f3b4c,#4b1321);display:grid;place-items:center;transform:translateX(calc(-50% + var(--release) * 190%)) translateY(calc(var(--release) * 130px)) rotate(calc(var(--loosen) * 25deg));box-shadow:0 5px 13px #260a1555}.opening-seal img{width:58px;height:58px}.unwrap-prompt{position:absolute;bottom:23px;left:20px;right:20px;display:flex;justify-content:center;gap:15px;font-size:13px;color:var(--ink);opacity:calc(1 - var(--release));pointer-events:none;z-index:5}.first-unwrapping[data-state=unwrapped] .ribbon-reveal{visibility:hidden}@media(max-width:640px){.first-unwrapping{height:190svh}.first-sticky{min-height:650px;align-items:flex-start}.first-sticky .hero{padding:28px 7% 55px;margin:0}.first-sticky .hero-copy{padding-bottom:15px}.first-sticky h1{font-size:clamp(41px,10vw,54px)}.first-sticky .hero-description{font-size:14px;line-height:1.7;margin-top:18px;margin-bottom:18px}.first-sticky .hero-note{display:none}.first-sticky .hero-visual{margin-top:8px}.first-sticky .image-frame img{height:220px;aspect-ratio:auto;object-position:center 42%}.first-sticky .round-seal{width:70px;height:70px;top:-14px}.first-sticky .round-seal i{font-size:18px}.first-sticky .button{min-height:47px;padding:12px 18px}.ribbon-half{top:48%;height:30px}.ribbon-bow{top:calc(48% - 94px);width:270px}.opening-seal{top:calc(48% - 22px);width:76px;height:76px}.opening-seal img{width:47px;height:47px}.unwrap-prompt{font-size:11px;bottom:12px}html[lang=th] .first-sticky h1{font-size:34px}}@media(prefers-reduced-motion:reduce){.first-unwrapping{height:auto}.first-sticky{position:relative;height:auto;min-height:0;overflow:visible}.ribbon-reveal,.unwrap-prompt{display:none}.first-sticky .hero{padding-block:45px}.first-sticky .image-frame img{height:auto;aspect-ratio:1/1}}
.letter-again{display:block;margin-top:20px;font:14px var(--sans);text-decoration:underline;text-underline-offset:5px}.letter[aria-expanded=true] .letter-body{min-height:260px}.letter[aria-expanded=true]{cursor:pointer}.letter[aria-expanded=true] .letter-seal{width:50px;height:50px;margin-top:0}.letter[aria-expanded=true] .letter-seal img{width:34px;height:34px}@media(max-width:640px){.letter[aria-expanded=true] .letter-body{min-height:290px}}
.first-unwrapping{background:#e9ddca;height:145svh}.first-sticky{height:calc(100svh - var(--intro-header,125px));min-height:400px;background:#e9ddca}.unwrap-prompt{bottom:15%;font-size:17px;letter-spacing:.025em;flex-direction:column;align-items:center;gap:12px}.unwrap-prompt>span:last-child{font-size:23px}.first-unwrapping+.hero{position:relative;z-index:1;background:var(--paper)}@media(max-width:640px){.first-unwrapping{height:140svh}.first-sticky{min-height:360px}.unwrap-prompt{font-size:15px;bottom:15%}.ribbon-bow{width:270px}}@media(prefers-reduced-motion:reduce){.first-unwrapping{display:none}}
.letter .letter-body{display:block;white-space:pre-line;margin:26px 0 0;text-align:center;line-height:1.6}.letter .letter-seal{display:grid;margin:28px auto 0;flex-shrink:0}.letter[aria-expanded=true] .letter-body{min-height:0}.letter[aria-expanded=true] .letter-seal{margin:28px auto 0}.letter-again{margin-top:20px}.letter[aria-expanded=true]{padding-top:40px;padding-bottom:32px}@media(max-width:640px){.letter[aria-expanded=true] .letter-body{min-height:0;font-size:20px}.letter[aria-expanded=true]{padding:35px 27px 28px}.letter[aria-expanded=true] .letter-heading{font-size:35px}}