@font-face{font-family:R3DClassic;src:url('/letters-classic.otf') format('opentype');font-display:swap}@font-face{font-family:R3DScript;src:url('/letters-script.otf') format('opentype');font-display:swap}
.letters-page{background:#fff;color:#171717;font-size:16px}.letters-account{display:flex;gap:24px;font-size:14px}.letters-account a{border-bottom:1px solid #111;padding-bottom:5px}.letters-back{font-size:14px;color:#666;display:inline-block;margin:10px 0 40px}.letters-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:50px}.letters-heading h1{font-size:clamp(58px,6vw,85px);margin:12px 0 0;line-height:1}.letters-heading h1 em{color:#171717}.letters-heading>p{max-width:480px;font-size:16px;color:#646464;line-height:1.7;margin-bottom:5px}.letters-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:8%;align-items:start}.letters-display{position:sticky;top:30px;min-width:0}.preview-wall{min-height:470px;background:#f4f3ef;background-image:linear-gradient(115deg,#fcfcfa,#edede8);position:relative;display:flex;align-items:center;justify-content:center;padding:80px 35px;overflow:hidden}.preview-label{position:absolute;top:26px;left:26px;font-size:12px;letter-spacing:1.5px;color:#777}.preview-word{font-family:R3DClassic,Georgia,serif;line-height:1.2;font-size:clamp(60px,7.4vw,122px);text-align:center;letter-spacing:3px;color:#161616;text-shadow:1px 1px #111,2px 2px #111,3px 3px #111,5px 9px 9px #0002;overflow-wrap:anywhere;white-space:pre-wrap;max-width:100%;transition:font-size .18s,color .18s}.preview-word.script{font-family:R3DScript,cursive;letter-spacing:0}.preview-wall.is-white .preview-word{color:#fff;text-shadow:1px 1px #d3d3cd,2px 2px #bdbdb8,3px 3px #b4b4ad,5px 9px 9px #0003}.preview-measure{position:absolute;left:26px;right:26px;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#777;letter-spacing:1px}.preview-measure span:first-child{font-size:15px;color:#171717;letter-spacing:0;border-left:1px solid #aaa;padding-left:12px}.preview-note{font-size:14px;line-height:1.6;color:#757575;margin:14px 0 30px}.letters-real{border-top:1px solid #ddd;padding-top:25px;display:grid;grid-template-columns:145px 1fr;gap:25px;align-items:center}.letters-real img{display:block;width:145px;height:112px;object-fit:cover}.letters-real p{margin:0 0 10px}.letters-real .eyebrow{font-size:11px}.letters-real span{color:#777;font-size:14px}.letters-form{min-width:0}.config-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.config-heading h2{font-size:32px;letter-spacing:-1px}.config-heading>span{font-size:12px;color:#777;white-space:nowrap}.letters-form fieldset{border:0;padding:0;margin:30px 0}.letters-form legend,.text-field>label{font-size:16px;font-weight:600;margin-bottom:15px;display:block}.step-number{font-size:12px;font-weight:400;color:#777;margin-right:15px}.text-field input{display:block;width:100%;height:54px;border:1px solid #b9b9b5;padding:12px 15px;font-size:18px;color:#111;background:#fff;border-radius:0}.text-field input[aria-invalid=true]{border-color:#a13724}.text-meta{font-size:14px;color:#777;display:flex;gap:12px;justify-content:space-between;margin-top:10px;line-height:1.5}.text-meta>span:first-child{max-width:75%}#letter-count{white-space:nowrap}.option-card,.color-option,.height-options label{position:relative;cursor:pointer}.font-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option-card{border:1px solid #ddd;padding:16px 12px;text-align:center;display:flex;flex-direction:column;gap:8px;font-size:14px;min-height:111px}.font-sample{font-size:36px;line-height:1.2;letter-spacing:0}.classic-sample{font-family:R3DClassic,Georgia,serif}.script-sample{font-family:R3DScript,cursive;font-size:44px}.option-card:has(input:checked){border-color:#171717;box-shadow:inset 0 0 0 1px #171717;background:#fafaf8}.letters-form input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;inset:0}.option-card:has(input:focus-visible),.color-option:has(input:focus-visible),.height-options label:has(input:focus-visible){outline:2px solid #171717;outline-offset:4px}.letters-form input:focus-visible,.letters-add:focus-visible{outline:2px solid #171717;outline-offset:3px}.field-help{font-size:14px;color:#777;line-height:1.6;margin:12px 0 0}.color-options{display:flex;gap:12px}.color-option{display:flex;align-items:center;gap:12px;border:1px solid #ddd;padding:12px 18px;min-height:53px;min-width:125px;font-size:14px}.color-option:has(input:checked){border-color:#171717;box-shadow:inset 0 0 0 1px #171717}.color-dot{display:inline-block;width:23px;height:23px;border-radius:50%;border:1px solid #bbb}.white-dot{background:#fff}.black-dot{background:#171717;border-color:#171717}.height-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.height-options span{display:flex;justify-content:center;align-items:center;min-height:49px;border:1px solid #ddd;font-size:14px;white-space:nowrap;padding:10px 5px}.height-options input:checked+span{background:#171717;border-color:#171717;color:#fff}.fixed-details{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-block:1px solid #ddd;font-size:14px;color:#777}.fixed-details strong{font-weight:400;color:#171717;margin-left:12px}.configuration-summary{margin:30px 0 22px}.configuration-summary h3{font-size:26px;letter-spacing:-.7px;margin:0 0 20px}.configuration-summary dl{margin:0}.configuration-summary dl>div{display:flex;justify-content:space-between;gap:30px;padding:7px 0;font-size:14px}.configuration-summary dt{color:#777;flex-shrink:0}.configuration-summary dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.letters-total{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding-top:20px;margin-top:18px;font-size:20px}.letters-total strong{font-weight:400}.letters-add{background:#171717;color:#fff;border:1px solid #171717;width:100%;padding:19px 23px;font:16px Arial,sans-serif;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.letters-add:hover:not(:disabled){background:#333}.letters-add:disabled{opacity:.45;cursor:default}.availability-note{font-size:14px;color:#777;line-height:1.6;margin:14px 0 24px}.config-error{font-size:14px;color:#9b3322;margin:10px 0}#letters-status{font-size:14px;line-height:1.6}#letters-status:empty{display:none}#letters-status.status-error{color:#9b3322}.letters-cart-link{font-size:14px;text-decoration:underline;text-underline-offset:4px;display:inline-block;margin:0 0 10px}.letters-service{border-top:1px solid #ddd;padding-top:20px}.letters-service p{display:grid;grid-template-columns:22px 1fr;gap:5px 10px;margin:0 0 22px;font-size:14px}.letters-service strong{font-weight:400}.letters-service p>span:last-child{grid-column:2;color:#777;line-height:1.6}.letters-custom{display:flex;justify-content:space-between;align-items:center;gap:35px;border-block:1px solid #171717;margin:80px 0 60px;padding:40px 0}.letters-custom h2{font-size:38px;letter-spacing:-1px;line-height:1.1}.letters-custom p:not(.eyebrow){color:#777;margin-bottom:0;font-size:16px}.letters-custom>a{font-size:14px;text-decoration:underline;text-underline-offset:6px;flex-shrink:0}.letters-nav-mobile{display:none}.letters-home-callout{border-top:1px solid #111;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px 0;margin-bottom:55px}.letters-home-callout h2{font-size:44px;margin:12px 0}.letters-home-callout p{font-size:16px;max-width:580px;color:#666}.letters-home-callout>a{padding:16px 24px;background:#171717;color:white;font-size:14px;white-space:nowrap}.header-account-actions>.letters-nav-mobile{font-size:14px;text-decoration:underline;text-underline-offset:5px}.letters-page footer{margin-top:0}
@media(max-width:1100px){.letters-grid{gap:5%}.letters-page .header nav{gap:16px}.letters-page .header nav a{font-size:12px}.letters-account{gap:15px}.preview-wall{min-height:400px}.letters-real{grid-template-columns:100px 1fr;gap:18px}.letters-real img{width:100px;height:100px}.letters-heading>p{max-width:360px}.letters-custom{align-items:start;flex-direction:column}}
@media(max-width:800px){.letters-grid{grid-template-columns:1fr;gap:35px}.letters-display{position:static}.letters-heading{display:block;margin-bottom:30px}.letters-heading>p{max-width:none;margin-top:20px}.preview-wall{min-height:340px}.preview-word{font-size:85px}.letters-real{grid-template-columns:100px 1fr}.letters-page .header nav{display:none}.letters-nav-mobile{display:inline-block}.letters-home-callout{align-items:start;flex-direction:column}.letters-home-callout>a{white-space:normal}.letters-page .header{height:108px}.letters-back{margin:8px 0 30px}.letters-custom{margin-top:45px;padding:30px 0}.letters-custom h2{font-size:32px}.letters-custom>a{flex-shrink:1}.letters-service p{font-size:14px}.letters-heading h1{font-size:60px}.letters-account{font-size:14px}}
@media(max-width:400px){.letters-account{gap:12px;font-size:13px}.letters-page .logo{font-size:38px}.letters-page .logo span{margin-left:8px;font-size:8px}.letters-heading h1{font-size:54px}.preview-wall{min-height:280px;padding:70px 20px}.height-options{gap:5px}.height-options span{font-size:13px}.text-meta{display:block}.text-meta>span{display:block;max-width:100%!important}#letter-count{margin-top:6px}.config-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.preview-word{transition:none}}
/* Leave enough space for the new entry and account links on smaller screens. */
@media(max-width:1100px){.header nav{display:none}.letters-nav-mobile{display:inline-block}.header-account-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px 20px}.header .logo{flex-shrink:0}}
@media(max-width:700px){.header-account-actions{max-width:220px}.header-account-actions .customer-links{width:100%;justify-content:flex-end;gap:15px}.header .register-cta{padding:8px 11px}}

.letters-adhesives {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 12px 0;
  font-size: .9rem;
}
.letters-adhesives img { object-fit: contain; }

@media (max-width: 767px) {
  .letters-page .legal-safety h2 {
    font-size: clamp(1.25rem, 5.6vw, 1.6rem);
    line-height: 1.2;
    letter-spacing: normal;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
  }
}