/* Screen-only atmosphere. Printed correspondence always uses letter-packet.js. */
:root{--desk-wood:#c4a586;--desk-light:#fbedd7;--desk-ink:#344941}
.studio .btn,.cart-drawer .btn{border-radius:5px;box-shadow:0 3px 0 #6c191c;transition:transform .18s;background:#c71924;color:white}.studio .btn-paper{background:#fff8e8;color:#5c3329;border-color:#bea78a;box-shadow:none}.studio .btn:hover,.cart-drawer .btn:hover{transform:translateY(-2px)}.studio :focus-visible,.cart-drawer :focus-visible{outline:3px solid #275d83;outline-offset:4px}
.studio{position:relative;isolation:isolate;padding:56px 4vw 64px;gap:28px;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);border:0;border-top:3px solid #c51923;background:rgba(255,250,236,.55);scroll-margin-top:20px}.studio[data-place=madrid]{--desk-wood:#b8a38f;--desk-light:#f9e8ca;--desk-ink:#733f31}.studio[data-place=bogota]{--desk-wood:#aeb9b1;--desk-light:#e6e9e1;--desk-ink:#315953}.studio[data-place=santiago]{--desk-wood:#c5a18c;--desk-light:#f4d4b2;--desk-ink:#794c46}.studio[data-place=toronto]{--desk-wood:#b3a696;--desk-light:#ede7e4;--desk-ink:#435767}.desk-heading{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;gap:30px}.desk-heading h2{font:500 clamp(34px,4vw,56px)/1.15 'Lora',Georgia;margin:0;color:var(--desk-ink);letter-spacing:-.045em}.desk-heading p:last-child{max-width:530px;font-size:16px;line-height:1.6;margin-bottom:0}.desk-heading .kicker{color:var(--desk-ink);font-size:10px}.desk-place{display:grid;gap:8px;font-size:12px;font-weight:700;max-width:270px}.desk-place select{font:16px 'DM Sans';padding:12px;border:1px solid #726452;background:#fff9ee;border-radius:4px;color:#302e28}.desk-place small{font-weight:400;line-height:1.45}.writing-path{grid-column:1/-1;display:flex;align-items:center;gap:24px;border-block:1px solid #59473340;padding:16px 0}.writing-path a{font:12px 'DM Sans';color:#594c3e;text-decoration:none;display:flex;gap:8px;align-items:center}.writing-path a span{font-weight:700;font-size:14px}.writing-path output{margin-left:auto;font-size:11px;color:#354b3e}
.composer{padding:32px;background:#fffdf6;border:0;border-radius:2px;box-shadow:0 16px 32px #3c251824,2px 2px 0 #f1ebdf,5px 5px 0 #c5b8a3;min-width:0}.composer>h2{font:500 29px/1.2 'Lora',Georgia;text-transform:none;letter-spacing:-.04em;margin-bottom:20px}.composer>.kicker{font-size:10px}.composer>fieldset:first-of-type{display:none}.composer label{font-weight:600;font-size:14px}.composer input,.composer textarea{font-family:'DM Sans',sans-serif;border:1px solid #d7cbbd;background:#fffefb;border-radius:4px}.composer textarea{font:17px/1.8 'Lora',Georgia;min-height:290px;background:repeating-linear-gradient(#fffefb 0 30px,#e9e3d8 30px 31px);border:0;border-bottom:1px solid #c9bca7;border-radius:0;padding:12px 0;resize:vertical}.composer textarea:focus{outline-offset:8px}.composer fieldset{border-color:#d7cbbd}.choice small,.composer label>small{line-height:1.5;color:#645f55}.composer legend{font-size:14px}.consent{font-size:12px!important;font-weight:400!important}.prompt-note{margin:0 0 20px;color:#776750;font:italic 17px 'Lora',Georgia}.design-drawer{margin:22px 0;border-block:1px solid #d7cbbd;padding:14px 0}.design-drawer>summary{cursor:pointer;font:600 15px 'DM Sans';color:#703d2d}.design-drawer .market{padding:18px 0 0;background:none;min-width:0}.design-drawer .section-title{display:none}.design-drawer .card-rail{padding:18px 8px;gap:14px}.design-drawer .postcard{min-width:180px;width:180px;border:1px solid #d4c8b8;box-shadow:0 3px 7px #3b27131a;background:white}.design-drawer .postcard strong{font:600 16px 'DM Sans';text-transform:none}.design-drawer .postcard small{font-size:12px}.design-drawer .postcard.selected{outline:3px solid #b99865}.design-drawer .image-wrap{height:120px}.design-drawer .collection-filter{justify-content:flex-start;gap:6px}.design-drawer .collection-filter button{font-size:12px;padding:7px 10px;border-width:1px}.font-pick{margin:0 0 18px}.font-pick label{margin:5px 0}.font-pick label.on{background:var(--desk-ink)}
.preview-panel{position:relative;top:0;padding:18px 22px 24px;min-width:0;background:#ffffff18;border-radius:4px}
/* Keep the letter preview on screen while the message is being typed, and let
   it scroll inside itself as extra sheets are added. Offset by the pinned
   header, whose height escribeles-sticky-header.js publishes as a variable. */
@media(min-width:901px){.preview-panel{position:sticky;align-self:start;top:calc(var(--escr-sticky-height, 0px) + 14px);max-height:calc(100vh - var(--escr-sticky-height, 0px) - 30px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}}.print-explainer{padding:0 0 14px!important;background:none!important;border:0!important;color:#3e342b}.print-explainer strong{font-size:11px!important;letter-spacing:.08em}.print-explainer span{font-size:13px!important;line-height:1.55!important;display:block;margin:8px 0}.rules-link{font-size:12px;color:#63382c}.sheet-meter{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font:600 13px 'DM Sans';border-top:1px solid #5c463c30}.sheet-meter small{font-weight:400}.desk-keepsake{display:flex;align-items:center;gap:15px;margin:0 0 22px;padding-left:8px}.desk-keepsake img{height:92px;width:74px;object-fit:cover;border:5px solid #fffaf0;box-shadow:0 6px 12px #402e2929;transform:rotate(-7deg)}.desk-keepsake p{font:italic 18px/1.4 'Lora',Georgia;color:var(--desk-ink);max-width:260px;margin:0}.desk-keepsake small{display:block;margin-top:5px;font:11px/1.4 'DM Sans'}.desk-keepsake a{color:inherit}.lp-sheet{box-shadow:0 12px 24px #392d242c}.customer-actions{grid-template-columns:1fr!important;gap:10px}.customer-actions .btn{font-size:16px;min-height:54px}.action-note{border:0;background:#fffaf0bd;border-radius:4px;font-size:13px}.cart-drawer{background:#fffdf6!important}.cart-head h2{font:500 32px 'Lora',Georgia!important}.cart-head .kicker{display:none}.cart-item{border-color:#d9cebf!important}.cart-item strong{font-family:'Lora',Georgia}.cart-disclaimer{line-height:1.65!important}.writing-path a,.hero-actions a,button{touch-action:manipulation}#message,#sender-name,#design-drawer{scroll-margin-top:30px}
@media(max-width:900px){.studio{grid-template-columns:1fr;padding:36px 20px}.desk-heading{align-items:start;flex-direction:column;gap:20px}.desk-place{max-width:none;width:100%}.desk-place small{font-size:11px}.writing-path{gap:16px;flex-wrap:wrap}.writing-path output{width:100%;margin:0}.preview-panel{position:static;padding:12px 8px}.composer{padding:26px}.desk-keepsake img{height:78px;width:64px}.desk-heading h2{font-size:38px}.writing-path a span{font-size:12px}.writing-path a{gap:5px}.composer textarea{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.btn:hover{transform:none}}
.desk-page-tabs{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.desk-page-tabs button{padding:9px 12px;border:1px solid #8a7962;border-radius:4px;background:#f9f4e8;color:#473d30;font:600 12px 'DM Sans';cursor:pointer}.desk-page-tabs button[aria-pressed=true]{background:var(--desk-ink);border-color:var(--desk-ink);color:white}
.composer #gallery-note{min-height:100px;height:120px;resize:vertical}
@media screen{.desk-hidden-sheet{display:none!important}}
@media print{.desk-heading,.writing-path,.desk-keepsake,.sheet-meter,.desk-page-tabs,.print-explainer,.language-bar,.chavidad-nav{display:none!important}.preview-panel{padding:0;background:white}.lp-sheet{box-shadow:none}}