.soa-letter{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #d7c8ab;border-radius:8px;background:#faf7ef;color:#30253b;box-shadow:0 24px 90px #19102055;overflow:auto}.soa-letter::backdrop{background:#21172d88;backdrop-filter:blur(3px)}.soa-letter-close{position:absolute;right:10px;top:8px;width:44px;height:44px;border:0;background:transparent;color:#30253b;font-size:28px;z-index:2}.soa-letter-cover{padding:26px 24px 18px;background:#eee6d8;display:grid;text-align:center;gap:7px;border-bottom:2px dashed #c7ae82}.soa-letter-cover span{font-size:10px;letter-spacing:.15em}.soa-letter-cover strong{font:58px/1.1 Georgia,serif;color:#6069ab}.soa-letter-inner{padding:22px 28px 26px}.soa-letter h2{font:30px/1.15 Georgia,serif;margin:8px 0 14px}.soa-letter p{font-size:14px;line-height:1.5}.soa-letter-eyebrow{font-size:10px!important;letter-spacing:.14em;color:#8c713e}.soa-letter label{font-size:13px}.soa-letter input[type=email]{width:100%;font:16px system-ui;padding:12px;border:1px solid #c7bdcd;border-radius:4px;background:#fff;margin:6px 0 14px}.soa-letter-consent{display:flex;gap:10px;align-items:flex-start;margin-bottom:16px}.soa-letter-consent input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:#6069ab}.soa-letter-consent span{font-size:12px;line-height:1.5}.soa-letter-submit,.soa-letter-tear{display:block;width:100%;padding:13px 16px;text-align:center;border:0;background:#6069ab;color:#fff;text-decoration:none;border-radius:4px;font-size:14px;min-height:46px}.soa-letter-submit:hover{color:#fff;background:#4b548f}.soa-letter-privacy{font-size:11px!important;text-align:center;margin:12px 0 0}.soa-letter a:focus-visible,.soa-letter button:focus-visible,.soa-letter input:focus-visible,.soa-letter-launch:focus-visible{outline:2px solid #8c713e;outline-offset:3px}.soa-letter-code{display:block;font:32px Georgia,serif;letter-spacing:.13em;text-align:center;margin:18px 0;color:#6069ab}.soa-letter-tear{background:#e9dfcb;color:#30253b;border-top:2px dashed #a88b59;transform-origin:top left}.soa-letter-tear.is-tearing{animation:soa-letter-tear .65s ease-in forwards}.soa-letter-launch{position:fixed;left:14px;bottom:18px;z-index:1020;border:1px solid #c8b083;border-radius:30px;background:#f9f5eb;color:#433449;padding:10px 14px;font-size:12px;box-shadow:0 3px 15px #21172d12}.page-type-cart .soa-letter-launch,body:has(.offcanvas.show) .soa-letter-launch,body:has(.modal.show) .soa-letter-launch{display:none}.soa-letter[open]{animation:soa-letter-enter .3s ease-out}@keyframes soa-letter-tear{to{transform:rotate(7deg) translateY(70px);opacity:0}}@keyframes soa-letter-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.soa-letter-inner{padding:20px}.soa-letter h2{font-size:27px}.soa-letter-cover{padding:22px 18px 14px}.soa-letter-cover strong{font-size:48px}.soa-letter-launch{bottom:12px;left:10px}}@media(prefers-reduced-motion:reduce){.soa-letter[open],.soa-letter-tear.is-tearing{animation:none}}

.soa-letter [hidden]{display:none!important}

.soa-letter-launch[hidden]{display:none!important}

.soa-letter [hidden]{display:none!important}.soa-letter{overflow-x:hidden}.soa-letter-brand{text-align:center;padding:25px 45px 12px;font-size:10px;letter-spacing:.2em;color:#8c713e}.soa-letter-intro{text-align:center;padding:0 24px 24px}.soa-letter-intro h2{font-size:31px}.soa-letter-intro>p{color:#776c78}.soa-letter-pad{position:relative;margin:24px 0 14px;height:260px;border-radius:6px;background:#e0d3bc;box-shadow:0 5px 0 #e7dbc7,0 9px 0 #cdbf9f;isolation:isolate}.soa-letter-under{position:absolute;inset:0;display:grid;place-content:center;font:30px Georgia,serif;color:#6069ab}.soa-letter-sheet{--tear-y:0px;--tear-rotate:0deg;--tear-fold:22px;position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:5px;background:linear-gradient(110deg,#fffcf4,#f5eddd);color:#30253b;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;transform-origin:8% 0;transform:translateY(var(--tear-y)) rotate(var(--tear-rotate));transition:transform .25s ease,opacity .25s;z-index:1;box-shadow:0 5px 15px #4935271a;overflow:hidden}.soa-letter-sheet strong{font:64px/1 Georgia,serif;color:#6069ab}.soa-letter-sheet-label{font-size:12px}.soa-letter-perforation{position:absolute;top:12px;left:12px;right:12px;border-top:2px dashed #c4ac81}.soa-letter-sheet-pull{font-size:12px;display:flex;align-items:center;gap:12px}.soa-letter-sheet-pull svg{width:20px;height:25px;fill:none;stroke:#98713c;stroke-width:1.5}.soa-letter-curl{position:absolute;bottom:0;right:0;width:var(--tear-fold);height:var(--tear-fold);background:linear-gradient(135deg,#e7d5b1 48%,#c8b28e 49%,#faf7ef 53%);clip-path:polygon(100% 0,100% 100%,0 100%)}.soa-letter-sheet.is-dragging{transition:none;cursor:grabbing}.soa-letter-sheet.is-torn{transform:translateY(360px) rotate(16deg);opacity:0;transition:transform .4s ease-in,opacity .4s}.soa-letter-keyboard{font-size:10px!important;color:#8c7b70!important}.soa-letter-signup{border-top:1px solid #ddd0b9;margin-top:22px;padding-top:20px}.soa-letter-signup h3{font:22px/1.2 Georgia,serif;margin:0 0 10px}.soa-letter-signup p{font-size:12px}.soa-letter-terms{font-size:11px!important;color:#776c78}.soa-letter-code{background:#eee8f3;border:1px dashed #aaa0b8;padding:15px;border-radius:5px}.soa-letter-inner>h2{font-size:28px}.soa-letter-inner{padding-top:5px}.soa-letter-inner>h2:focus{outline:none}
@media(max-width:480px){.soa-letter-intro{padding:0 20px 22px}.soa-letter-intro h2{font-size:28px}.soa-letter-pad{height:240px}.soa-letter-brand{padding-top:24px}.soa-letter::backdrop{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.soa-letter-sheet,.soa-letter-sheet.is-torn{transition:none}}
body:has(#PBarNextFrame) .soa-letter-launch{bottom:88px}

.soa-letter-keyboard{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.soa-letter-perforation::after{content:'';position:absolute;left:0;top:-3px;width:var(--tear-progress,0%);height:5px;background:#b99a67;clip-path:polygon(0 35%,10% 0,20% 60%,30% 10%,40% 80%,50% 0,60% 70%,70% 10%,80% 80%,90% 0,100% 50%,100% 100%,0 100%)}.soa-letter-sheet.is-dragging{box-shadow:0 14px 20px #49352730}.soa-letter-sheet-pull{max-width:210px;line-height:1.4}.soa-letter-sheet-pull svg{flex-shrink:0}.soa-letter-intro>p{font-size:13px}

.soa-letter-sheet-pull{max-width:280px;font:700 16px/1.35 Arial,sans-serif;color:#fffdf8;background:#6069ab;border:1px solid #505992;border-radius:12px;padding:12px 16px;gap:12px;box-shadow:0 3px 10px #30233418;text-align:left}
.soa-letter-sheet-pull svg{width:25px;height:30px;stroke:#fffdf8;stroke-width:2.5;animation:soaPullHint 1.8s ease-in-out infinite}
@keyframes soaPullHint{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@media(max-width:480px){.soa-letter-sheet-pull{font-size:15px;padding:10px 12px;max-width:250px}.soa-letter-pad{height:260px}}
@media(prefers-reduced-motion:reduce){.soa-letter-sheet-pull svg{animation:none}}