.studio-heading{max-width:680px;margin-bottom:48px}.studio-heading h2,.palette-section h2{font-size:clamp(36px,4.4vw,64px);margin-bottom:24px}.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.letter-studio{border-top:1px solid var(--line)}.letter-studio label,.gift-fields label{display:block;font-size:14px;margin:18px 0 7px}.letter-studio input,.letter-studio textarea,.gift-fields input:not([type=checkbox]),.gift-fields textarea{display:block;width:100%;border:1px solid var(--line);background:#fffaf2;color:var(--ink);padding:13px;font:16px/1.65 var(--sans);border-radius:0}.letter-studio textarea,.gift-fields textarea{resize:vertical}.letter-studio input:focus-visible,textarea:focus-visible,.gift-fields input:focus-visible{outline:2px solid var(--ink);outline-offset:3px}#letter-count,#gift-count{display:block;text-align:right;margin-top:5px;color:var(--muted)}.studio-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.outline-button{border:1px solid var(--ink);padding:12px 18px;background:transparent;font-size:14px}.text-button{padding:10px 0;background:none;text-decoration:underline;text-underline-offset:4px;font-size:13px}.studio-privacy{font-size:12px;color:var(--muted);margin-top:22px}.written-letter{background:#FFF7E9;border:1px solid var(--line);outline:1px solid var(--line);outline-offset:-12px;padding:48px 40px;box-shadow:12px 14px 0 #79132B;min-height:520px}.written-letter>.eyebrow{display:block;text-align:center;font-size:10px}.written-letter h3{text-align:center;font-size:36px;font-style:italic;margin:20px 0 38px}.written-letter p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.written-letter #card-message{min-height:130px}.written-letter>img{width:44px;height:46px;margin:34px auto 0}.palette-section{background:#e9ddca}.palette-section>p{max-width:670px}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:35px 0 25px}.palette-swatch{background:transparent;padding:0;text-align:left}.colour-chip{display:block;aspect-ratio:1.4;border:1px solid #60222c20;border-radius:80px 80px 0 0;margin-bottom:15px}.palette-swatch b,.palette-swatch code{display:block;font-size:13px;font-weight:400}.palette-swatch code{color:var(--muted);margin-top:4px}.palette-section>small{color:var(--muted)}.gift-fields{border:1px solid var(--line);padding:10px 18px 20px;margin:20px 0}.gift-fields legend{padding:0 6px}.gift-fields legend label{margin:0;font-weight:500;cursor:pointer}.gift-fields input[type=checkbox]{accent-color:#79132B;width:18px;height:18px;vertical-align:middle}.gift-fields small{font-size:12px;line-height:1.6;display:block;color:var(--muted)}.gift-letter{padding:18px;border:1px solid var(--line);margin:20px 0;background:#FFF7E9}.gift-letter strong{font-size:12px}.gift-letter p{white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 0;font-size:14px}.social-links>a{border-bottom:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;gap:12px;font-size:14px}.social-links>a span{font-size:12px}.image-frame img{object-fit:contain;background:#eee3d2}.product-image>img{object-fit:contain;background:#eee3d2}html[lang=th] .written-letter h3{font-family:var(--sans);font-size:28px;font-style:normal;line-height:1.5}html[lang=th] .studio-heading h2,html[lang=th] .palette-section h2{line-height:1.5;font-size:clamp(30px,3.5vw,46px)}[hidden]{display:none!important}@media(max-width:700px){.studio-layout{grid-template-columns:1fr;gap:40px}.written-letter{padding:40px 28px;box-shadow:7px 9px 0 #79132B}.palette-grid{grid-template-columns:repeat(2,1fr)}.palette-grid>:last-child{grid-column:span 2;max-width:50%}.studio-actions .button,.studio-actions .outline-button{padding:12px 15px}.palette-section h2{font-size:40px}.social-links>a{flex-wrap:wrap}}
.drawer-model{aspect-ratio:531/694}.drawer-sleeve{border-radius:2px}.drawer-sleeve img{width:289.2655%;left:-48.5876%;top:-23.0548%}.drawer-tray{top:0;width:112.0527%;aspect-ratio:595/694;transform:translateX(calc(var(--open) * 89.2%));clip-path:polygon(0 0,86.1% 0,86.1% 39%,100% 39%,100% 56.7%,86.1% 56.7%,86.1% 100%,0 100%)}.drawer-tray img{width:258.1513%;left:-132.7731%;top:-23.0548%}

.theme-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}

.privacy-banner{position:fixed;bottom:22px;left:22px;z-index:30;width:min(490px,calc(100vw - 44px));padding:24px;background:#fff7e9;border:1px solid var(--line);box-shadow:0 8px 35px #60222c22}.privacy-banner h2{font-size:30px;margin-bottom:12px}.privacy-banner p{font-size:13px;line-height:1.7;margin-bottom:18px}.privacy-actions{display:flex;flex-wrap:wrap;gap:10px}.privacy-actions button{flex:1;white-space:normal}.privacy-dialog{max-width:620px;width:90%;max-height:85svh;overflow:auto;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:30px}.privacy-dialog h2{font-size:32px}.privacy-dialog h3{font:500 17px var(--sans);margin:24px 0 10px}.privacy-dialog p,.privacy-dialog small{font-size:14px;line-height:1.7}.privacy-dialog small{display:block;color:var(--muted)}.privacy-dialog>.button{margin-top:25px}.privacy-unavailable{font-size:13px;color:var(--muted)}.privacy-dialog::backdrop{background:#32131b66}.privacy-dialog .close{flex-shrink:0}.privacy-unavailable input{accent-color:var(--ink)}@media(max-width:640px){.privacy-banner{bottom:12px;left:12px;width:calc(100vw - 24px);padding:18px}.privacy-banner h2{font-size:25px}.privacy-banner p{font-size:12px}.privacy-actions button{font-size:12px;padding:10px}.privacy-dialog{padding:23px}.privacy-dialog h2{font-size:26px}}html[lang=th] .privacy-banner h2,html[lang=th] .privacy-dialog h2{font-family:var(--sans);font-size:23px;line-height:1.5}
