.pocket-section .pocket-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:72px;align-items:center}
.pocket-copy .characters-kicker{font-size:13px!important;font-weight:600;color:var(--teal-dark)!important;margin:0 0 20px!important}
.pocket-section .pocket-copy h2{font-size:clamp(54px,5.3vw,76px);line-height:.98}
.pocket-copy h2 span{color:var(--teal-dark)}
.pocket-section .pocket-copy .lead{font-size:22px;line-height:1.5;margin:25px 0 0}
.character-bios{margin-top:32px}
.character-bio+ .character-bio{border-top:1px dashed var(--line);margin-top:26px;padding-top:26px}
.character-bio h3{font-size:35px;line-height:1.1}
.character-bio .character-tagline{font-size:13px;font-weight:600;color:var(--teal-dark);margin-top:6px}
.character-bio>p:not(.character-tagline){font-size:16px;line-height:1.8;color:var(--muted);margin-top:12px;max-width:51ch}
.pocket-section .pocket-signoff{margin-top:29px}
.pocket-section .receipt-area{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:0 18px 20px}
.receipt-duo{position:relative;z-index:0;display:block;width:100%;max-width:460px;height:auto;margin-bottom:-62px;pointer-events:none;user-select:none}
.pocket-section .receipt{z-index:1}
@media(max-width:1120px){
  .pocket-section .pocket-grid{gap:40px}
  .pocket-section .receipt-area{padding:0 13px 20px}
  .receipt-duo{margin-bottom:-48px}
  .character-bio>p:not(.character-tagline){font-size:15px}
}
@media(max-width:850px){
  .pocket-section .pocket-grid{grid-template-columns:minmax(0,1fr);gap:46px}
  .pocket-section .pocket-copy h2{font-size:64px}
  .character-bios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .character-bio+ .character-bio{border:0;border-left:1px dashed var(--line);padding:0 0 0 32px;margin:0}
  .pocket-section .receipt-area{width:100%;max-width:520px;margin:0 auto;padding:0 22px 20px}
  .receipt-duo{margin-bottom:-62px}
  .pocket-section .receipt{padding:29px 31px 43px}
  .pocket-section .receipt-items{font-size:14px}
  .pocket-section .receipt-total{font-size:14px}
  .pocket-section .receipt-total strong{font-size:17px}
  .pocket-section .receipt blockquote{font-size:31px}
  .pocket-section .receipt-footer{font-size:10px}
}
@media(max-width:620px){
  .pocket-section .pocket-grid{gap:34px}
  .pocket-copy .characters-kicker{font-size:12px!important;margin-bottom:18px!important}
  .pocket-section .pocket-copy h2{font-size:clamp(44px,12vw,62px)}
  .pocket-section .pocket-copy .lead{font-size:20px;margin-top:22px}
  .character-bios{display:block;margin-top:28px}
  .character-bio+ .character-bio{border:0;border-top:1px dashed var(--line);margin-top:24px;padding:24px 0 0}
  .character-bio h3{font-size:32px}
  .character-bio>p:not(.character-tagline){font-size:16px;line-height:1.8}
  .pocket-section .receipt-area{max-width:420px;padding:0 16px 20px}
  .receipt-duo{max-width:340px;margin-bottom:-44px}
  .pocket-section .receipt{padding:29px 27px 38px}
  .pocket-section .receipt-items{font-size:13px}
  .pocket-section .receipt-total{font-size:13px}
  .pocket-section .receipt-total strong{font-size:16px}
  .pocket-section .receipt blockquote{font-size:30px}
  .pocket-section .receipt-footer{font-size:9px}
}
@media(max-width:360px){
  .pocket-section .receipt-area{padding:0 8px 20px}
  .pocket-section .receipt{padding:27px 20px 36px}
}
