/* The 3D renderer owns all geometry. The bitmap is only a labelled hardware fallback. */
.three-mailbox{width:100%;aspect-ratio:1.12;position:relative;touch-action:pan-y;cursor:grab;margin-top:-15px;outline-offset:-3px;border-radius:24px}.three-mailbox:active{cursor:grabbing}.three-mailbox canvas{width:100%;height:100%;display:block}.three-mailbox:focus-visible{outline:2px dashed var(--blue)}.three-mailbox:not([data-renderer=webgl]){display:none}.has-3d .mail-stage{display:none}.three-help{display:none;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);padding:0 8%;margin-top:-18px;position:relative;z-index:2;gap:10px}.has-3d .three-help{display:flex}.three-help kbd{font:11px Arial;background:#f1f4ff;border:1px solid #dce3ff;border-radius:3px;padding:1px 4px}.three-help button{border:0;background:none;color:var(--blue);font:11px Arial;padding:8px;text-decoration:underline;text-underline-offset:4px}#three-fallback{font-size:11px;color:#754322;padding:8px}.has-3d .drop-invitation{margin-top:8px}.scene-area{margin-top:-24px}.hero{padding-top:24px}.hero-copy{padding-top:40px}.hero-receipt{margin-top:22px}.three-mailbox[data-phase=tri]{cursor:progress}.has-3d.playing .arrival-mark{display:none}
.workshop{padding:80px 0 0}.workshop>.section-heading{align-items:center}.workshop .section-heading h2{font-size:43px;letter-spacing:-2px}.workspace{display:flex;flex-direction:column;border:0;overflow:visible;background:transparent;border-radius:0}.input-panel{border:1px solid #e0e6f7;background:#f5f7ff;display:grid;grid-template-columns:1fr 1.15fr .72fr;gap:5px 30px;border-radius:12px;padding:24px 30px;margin-bottom:30px;position:relative}.input-panel .panel-label{margin:0;grid-column:1;grid-row:1;align-self:end}.input-panel .panel-label h3{font-size:18px}.input-panel .panel-label>span:first-child{display:none}.upload{grid-column:2;grid-row:1/4;border:1px dashed #9cb3f5;background:#fff;border-radius:9px;padding:18px 14px;gap:5px;justify-content:center;min-height:135px}.upload .envelope{width:28px;height:21px;margin-bottom:6px}.upload .envelope i{width:15px;height:15px;top:-6px;left:4px}.upload strong{font-size:15px}.sample-button{grid-column:1;grid-row:2;text-align:left;padding:7px 0;align-self:start}.clear-button{grid-column:3;grid-row:2;margin:0;align-self:start;justify-self:start}.local-note{grid-column:3;grid-row:1;margin:0 0 13px;font-size:11px;align-self:end}.paste-details{grid-column:1;grid-row:3;margin:0;padding-top:5px;border:0}.paste-details summary{padding:3px 0;font-size:11px}.paste-details[open]{grid-column:1/-1;grid-row:4;border-top:1px solid #dce4f8;padding-top:18px;margin-top:15px}.paste-details[open] textarea{min-height:110px}.paste-details .button{width:auto;min-height:44px;padding:12px 18px}.output-panel{padding:0;min-width:0}.output-panel>.panel-label{display:none}#message{border:0;border-radius:0;background:transparent;padding:0 0 20px;color:var(--muted);font-size:13px}#message.error{background:#fff2eb;border:1px solid #ffd4c3;padding:17px 20px;border-radius:10px;color:#943713}.mail-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 0;padding:20px 0 0;position:relative}.mail-tabs button{border:1px solid #dce3f5;background:#f3f6ff;text-align:left;border-radius:8px 8px 0 0;padding:22px 24px 25px;position:relative;min-height:151px;transform:translateY(7px);transition:transform .25s,background .25s,border-color .25s;z-index:1;overflow:visible}.mail-tabs button:hover,.mail-tabs button:focus-visible{transform:translateY(-5px)}.mail-tabs button[aria-selected=true]{background:#174cff;color:white;border-color:#174cff;transform:translateY(-8px);box-shadow:0 15px 0 #174cff;z-index:2}.mail-tabs button[data-filter=review]{background:#fff1e9;border-color:#f8d8c8}.mail-tabs button[data-filter=review][aria-selected=true]{background:#ff7750;border-color:#ff7750;color:#2b160d;box-shadow:0 15px 0 #ff7750}.tab-fold{position:absolute;left:-1px;right:-1px;height:29px;top:-1px;border:1px solid #dce3f5;border-top:0;clip-path:polygon(0 0,100% 0,50% 100%);background:#dfe8ff;transform-origin:top;transition:transform .3s,background .3s;pointer-events:none}.mail-tabs button[data-filter=review] .tab-fold{background:#ffd6c5;border-color:#edb39a}.mail-tabs button[aria-selected=true] .tab-fold{transform:rotateX(155deg);background:#98b0ff}.mail-tabs button[data-filter=review][aria-selected=true] .tab-fold{background:#ffc2a9}.tab-top{display:block;font:10px ui-monospace,Consolas,monospace;letter-spacing:1px;margin:7px 0 12px;opacity:.75}.mail-tabs strong{display:block;font-size:23px;letter-spacing:-.8px;font-weight:800;line-height:1.2}.mail-tabs button>span:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:11px}.mail-tabs button>span:last-child b{font-size:20px;font-weight:400}.open-letter{position:relative;background:#fffef9;padding:36px 32px 28px;border:1px solid #dddfe8;border-top:4px solid var(--blue);border-radius:0 0 9px 9px;box-shadow:0 13px 35px #14245109;z-index:3;min-height:450px;transform-origin:top}.open-letter[data-filter=review]{border-top-color:#ff7750;background:#fffcf9}.open-letter[data-filter=all]{border-top-color:#445574;background:#fcfdff}.open-letter.opening{animation:open-letter .35s ease-out}.letter-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:20px}.letter-eyebrow{font:10px ui-monospace,Consolas,monospace;letter-spacing:1.2px;color:#71809b}.letter-heading h3{font-size:28px;letter-spacing:-1.2px;margin:10px 0 0;line-height:1.2}.letter-seal{color:var(--blue);border:2px solid var(--blue);font:700 12px/1.3 ui-monospace,Consolas,monospace;letter-spacing:1px;transform:rotate(7deg);padding:9px 12px;text-align:center;flex:none}.open-letter[data-filter=review] .letter-seal{color:#b2411e;border-color:#b2411e}.open-letter[data-filter=all] .letter-seal{color:#445574;border-color:#445574}#letter-explanation{font-size:13px;color:#68728a;max-width:690px;line-height:1.6;margin-bottom:24px}.open-letter .metrics{display:none}.open-letter #extras{font-size:11px;margin:0 0 16px}.open-letter .table-wrap{background:transparent;border:0;border-top:1px solid #e1e4eb;border-radius:0}.open-letter th{background:#f0f2f8;padding:14px 13px;font-size:10px}.open-letter td{padding:16px 13px;font-size:13px}.open-letter tbody>tr:not(.record-detail):hover{background:#f1f5ff}.open-letter .row-ref{font:700 13px ui-monospace,Consolas,monospace;color:var(--blue);padding:4px 4px 4px 0;background:none;border:0;border-bottom:1px dashed #9bb0f0;cursor:pointer}.row-ref:after{content:' +';font-family:Arial;font-weight:400}.row-ref[aria-expanded=true]:after{content:' −'}.record-detail td{background:#edf2ff;white-space:normal;padding:20px!important}.record-detail h4{margin:0 0 8px;font-size:14px}.record-detail p{margin:0 0 8px;font-size:12px}.record-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 ui-monospace,Consolas,monospace;margin:12px 0 0;max-width:100%}.empty-destination{padding:35px 10px;color:#63738b;font-size:14px;text-align:center}.open-letter .exports{border-top:1px dashed #cbd4e7;padding-top:23px;margin-top:14px}.open-letter .exports .button{font-size:14px;padding:16px 22px}.open-letter .exports .button.secondary{border-color:#b5bfd5}.open-letter[data-filter=review] #audit{background:#ff7750;border-color:#ff7750;color:#251610}.delivery-message{margin-top:12px}.mail-tabs button[data-filter=all]{background:#eef1f7}.mail-tabs button[data-filter=all][aria-selected=true]{background:#445574;border-color:#445574;box-shadow:0 15px 0 #445574}
.scroll-story{height:205vh;min-height:1200px;margin:95px 0 70px;position:relative;border-top:1px solid #dce4fa;border-bottom:1px solid #dce4fa}.story-sticky{position:sticky;top:35px;padding:35px 0 20px}.story-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.story-heading .eyebrow{width:180px;color:var(--blue);margin:0 0 8px;line-height:1.7}.story-heading h2{margin-right:auto;line-height:1.05;font-size:45px}.story-example{font:10px ui-monospace,Consolas,monospace;color:var(--muted);white-space:nowrap;margin-bottom:8px}.story-picture{padding:20px 0 0;max-width:1120px;margin:auto}.story-picture svg{width:100%;height:auto;max-height:360px;display:block;overflow:visible}.story-control{max-width:890px;margin:20px auto 0}.story-track{height:3px;background:#e7ebf6;overflow:hidden}.story-track i{display:block;width:100%;height:100%;background:#174cff;transform-origin:left;transform:scaleX(0)}.story-tabs{display:flex;justify-content:space-between;margin:17px 0 0;gap:15px}.story-tabs button{border:0;background:none;color:#8b94a7;text-align:left;padding:9px 0;font-size:16px;transition:color .2s}.story-tabs button b{font:12px ui-monospace,Consolas,monospace;margin-right:12px}.story-tabs button[aria-pressed=true]{color:var(--blue);font-weight:750}#story-caption{font-size:15px;color:#5f6b84;line-height:1.6;margin:14px 0 0;min-height:25px}.story-static{display:none}.notice{padding-bottom:85px}.notice .faq{border-top:0}.faq details{border:1px solid #dfe5f3;margin-bottom:11px;border-radius:7px;padding:0 19px;background:#fafbff;transition:background .2s,border-color .2s}.faq summary{padding:20px 0;font-size:14px;position:relative}.faq summary:before{content:'';display:block;width:18px;height:13px;border:1px solid #8fa6dd;border-radius:2px;flex:none;margin-right:12px;background:linear-gradient(150deg,transparent 48%,#9ab1e9 49%,#9ab1e9 53%,transparent 54%)}.faq summary span{margin-left:auto}.faq details[open]{background:#fffdf6;border-color:#b9c9ef}.faq details[open] summary:before{transform:rotate(-12deg);border-color:#174cff}.faq details[open] p{animation:letter-text .2s ease-out}.faq p{font-size:13px;line-height:1.7}.offer{background:#f0f4ff;position:relative;overflow:visible;border-radius:12px;padding:50px;gap:70px}.offer:before{content:'';position:absolute;top:0;left:0;right:0;height:6px;border-radius:12px 12px 0 0;background:repeating-linear-gradient(120deg,#174cff 0 22px,#fff 22px 44px,#ff7750 44px 66px,#fff 66px 88px)}.postcard{cursor:pointer;transition:transform .3s,box-shadow .3s;outline-offset:7px}.postcard:hover,.postcard:focus-visible{transform:rotate(0) translateY(-6px);box-shadow:6px 16px 0 #dce3f9}.postcard-open{display:flex!important;align-items:center;justify-content:space-between;border-top:1px dashed #d5d9e3;padding-top:14px;font-size:12px!important;color:var(--blue)!important;margin:20px 0 0!important}.postcard-open b{font-size:21px;transition:transform .2s}.postcard[aria-expanded=true]{transform:rotate(0);background:white}.postcard[aria-expanded=true] .postcard-open b{transform:rotate(90deg)}#offline-details{border-top:1px solid #d8e2ff;margin-top:17px;padding-top:14px}#offline-details p{font-size:16px;line-height:1.3;margin:0 0 10px}#offline-details ul{padding-left:18px;font-size:12px;line-height:1.8;margin:0 0 10px}#offline-details>span{font-size:11px;color:var(--muted)}
@keyframes open-letter{from{transform:translateY(12px);opacity:.45}to{transform:translateY(0);opacity:1}}@keyframes letter-text{from{transform:translateY(-5px);opacity:.3}to{transform:translateY(0);opacity:1}}
@media(max-width:1050px){.three-mailbox{aspect-ratio:1.02}.hero-copy{padding-top:32px}.scene-area{margin-top:-8px}.three-help{padding:0 3%;font-size:10px}.three-help button{font-size:10px}.workshop .section-heading h2{font-size:36px}.input-panel{grid-template-columns:1fr 1.1fr .75fr;gap:5px 20px;padding:24px}.mail-tabs{gap:13px}.mail-tabs button{padding:24px 18px 19px;min-height:146px}.mail-tabs strong{font-size:20px}.open-letter{padding:28px 25px}.story-heading h2{font-size:39px}.story-heading .eyebrow{width:160px;font-size:10px}.story-example{font-size:9px}.scroll-story{min-height:1100px}.story-sticky{top:15px}.offer{gap:35px;padding:38px}}
@media(max-width:780px){.three-help{margin-top:-12px;font-size:9px;gap:4px}.three-help kbd{font-size:9px}.three-help button{font-size:9px;padding:6px 0}.workshop .section-heading h2{font-size:31px}.input-panel{grid-template-columns:1fr 1.1fr;gap:5px 20px}.input-panel .local-note{display:none}.input-panel .clear-button{grid-column:1;grid-row:4;margin-top:8px}.input-panel .paste-details[open]{grid-row:5;grid-column:1/-1}.mail-tabs{gap:9px}.mail-tabs button{padding:22px 14px 18px;min-height:137px}.mail-tabs strong{font-size:17px}.mail-tabs button>span:last-child{font-size:10px}.tab-top{font-size:8px;letter-spacing:.5px}.open-letter{padding:26px 20px}.letter-heading h3{font-size:24px}.letter-seal{font-size:10px;padding:8px}.story-heading{flex-wrap:wrap;gap:10px}.story-heading .eyebrow{width:100%;margin:0 0 6px}.story-heading h2{font-size:35px}.story-example{max-width:130px;white-space:normal;line-height:1.5;text-align:right}.story-picture{margin-top:20px}.story-tabs button{font-size:14px}.story-tabs button b{margin-right:6px}.scroll-story{height:180vh;min-height:950px}.story-sticky{padding-top:30px;top:20px}.notice .faq summary{font-size:13px}.offer{padding:32px}}
@media(max-width:540px){.hero-copy{padding-top:8px}.scene-area{margin-top:20px}.three-mailbox{margin-top:-12px;aspect-ratio:1.02;width:110%;margin-left:-5%}.three-help{padding:0 1%;margin-top:-14px;font-size:9px}.three-help button{font-size:10px}.hero-receipt{margin-top:25px}.workshop{padding-top:50px}.workshop .section-heading h2{font-size:30px;line-height:1.1;max-width:270px}.input-panel{padding:18px;display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:24px;border-radius:10px}.input-panel>.panel-label{grid-column:1;grid-row:1}.input-panel>.upload{grid-column:1;grid-row:2;min-height:120px;padding:20px}.input-panel>.sample-button{grid-column:1;grid-row:3;padding:3px 0}.input-panel>.paste-details{grid-column:1;grid-row:4;margin:0;padding:0}.input-panel>.paste-details[open]{grid-column:1;grid-row:4}.input-panel>.clear-button{grid-column:1;grid-row:5;margin-top:5px}.input-panel .sample-button b{display:inline;margin-left:5px;font-size:12px}.input-panel .sample-button{font-size:11px}.mail-tabs{gap:6px;padding-top:15px}.mail-tabs button{padding:17px 9px 13px;min-height:120px;border-radius:5px 5px 0 0}.tab-fold{height:18px}.tab-top{font-size:6px;letter-spacing:.3px;margin-bottom:10px}.mail-tabs strong{font-size:16px;letter-spacing:-.5px;line-height:1.1}.mail-tabs strong>span{display:block;font-size:29px;margin-bottom:5px}.mail-tabs button>span:last-child{font-size:0;margin-top:3px;justify-content:end}.mail-tabs button>span:last-child b{font-size:15px;line-height:1}.open-letter{padding:24px 15px 19px;min-height:370px}.letter-heading{gap:10px}.letter-heading h3{font-size:23px;letter-spacing:-1px}.letter-eyebrow{font-size:8px}.letter-seal{font-size:8px;padding:7px;letter-spacing:.5px}#letter-explanation{font-size:12px;margin-bottom:16px}.open-letter .table-wrap{margin:0 -5px}.open-letter th{font-size:9px;padding:12px 9px}.open-letter td{font-size:12px;padding:14px 9px}.open-letter .exports{padding-top:17px}.open-letter .exports .button{font-size:13px;padding:15px}.scroll-story{margin:55px 0 45px;height:175vh;min-height:1050px}.story-sticky{top:20px;padding:30px 0 25px}.story-heading h2{font-size:32px;letter-spacing:-1.5px}.story-example{font-size:8px;width:83px}.story-heading .eyebrow{font-size:8px;letter-spacing:1px}.story-picture{margin:25px -2% 0;width:104%;padding-top:15px}.story-picture svg{height:220px;width:100%;overflow:visible}.story-control{margin:30px 0 0}.story-tabs button{font-size:12px;padding:6px 0}.story-tabs button b{display:block;margin-bottom:6px;font-size:10px}.story-tabs{gap:8px}#story-caption{font-size:13px;min-height:65px;margin-top:15px}.faq details{padding:0 14px}.faq summary{font-size:12px!important;gap:8px}.faq summary:before{margin-right:3px;width:16px;height:12px}.notice{padding-bottom:45px}.offer{padding:30px 24px;gap:35px}.postcard{padding:23px}.postcard-open{font-size:12px!important}}
.no-motion .scroll-story{height:auto;min-height:0}.no-motion .story-sticky{position:relative;top:0}.no-motion .story-static{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0;font-size:13px}.no-motion .story-tabs,.no-motion .story-track,.no-motion #story-caption{display:none}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto;min-height:0}.story-sticky{position:relative;top:0}.story-static{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0;font-size:13px}.story-tabs,.story-track,#story-caption{display:none}}
@media(max-width:540px){.no-motion .story-static{grid-template-columns:1fr;gap:5px}@media(prefers-reduced-motion:reduce){.story-static{grid-template-columns:1fr;gap:5px}}}
.three-mailbox{aspect-ratio:1.30}@media(max-width:1050px){.three-mailbox{aspect-ratio:1.12}}@media(max-width:540px){.three-mailbox{aspect-ratio:1.08}}
.three-storycaption{display:none;text-align:center;font-size:12px;color:#4d5e82;margin:-15px 0 21px;position:relative;z-index:2;min-height:18px}.has-3d .three-storycaption{display:block}.three-help{padding:0 2%}.three-help #sound-switch{text-decoration:none;border:1px solid #dce4fb;border-radius:4px;padding:5px 8px;margin-left:auto}.three-help #sound-switch[aria-pressed=true]{background:#eaf0ff;color:#163dd0}@media(max-width:540px){.three-storycaption{font-size:10px;margin-top:-9px}.three-help{gap:5px}.three-help #sound-switch{padding:4px 6px;font-size:9px}.three-help span{font-size:8px}}

.three-mailbox,.three-mailbox:active{cursor:default;touch-action:auto}.three-storycaption{font-size:10px!important;letter-spacing:.3px}footer #motion{background:none;border:0;color:var(--muted);font:11px Arial;text-decoration:underline;cursor:pointer}.scene-topline{justify-content:center}.three-mailbox{overflow:hidden}

/* Generated illustrations and bounded mobile scene */
.story-illustrations{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;width:100%;max-height:330px}.story-image{width:100%;height:100%;max-height:330px;object-fit:contain;opacity:.33;transform:translateY(8px) scale(.9);transition:opacity .35s,transform .35s}.story-image.active{opacity:1;transform:translateY(0) scale(1.06)}.story-picture{width:100%;margin:18px 0 0}.purchase-panel{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;background:#f2f5ff;border:1px solid #dce5ff;border-radius:18px;padding:36px;margin:40px 0}.purchase-panel h2,.guides-teaser h2{font-size:30px;letter-spacing:-1px}.purchase-panel p{line-height:1.65;font-size:14px}.purchase-panel .button{width:100%}.purchase-panel button:disabled{background:#dce4f6;color:#536580;cursor:default}.guides-teaser{padding:40px 0}.guides-teaser a{color:#174cff}.three-mailbox{width:100%;margin-left:0;aspect-ratio:1.25}.scene-area{min-width:0}.three-storycaption{font-size:11px!important;line-height:1.5;margin:0 0 15px}.scene-topline{font-size:9px;line-height:1.5}footer{flex-wrap:wrap;gap:18px}
@media(max-width:780px){.three-mailbox{aspect-ratio:1.15}.purchase-panel{grid-template-columns:1fr;gap:20px}}
@media(max-width:540px){.three-mailbox{aspect-ratio:1.08;width:100%;margin:0}.scene-topline{font-size:8px;letter-spacing:1px}.story-illustrations{height:250px;display:block}.story-image{position:absolute;inset:0;max-height:250px;opacity:0;transform:translateX(var(--shift)) scale(.94)}.story-image.active{opacity:1;transform:none}.story-picture{padding:0}.story-control{margin-top:12px}.story-sticky{top:0;padding-top:20px}.scroll-story{min-height:1000px}.purchase-panel{padding:24px}.purchase-panel h2,.guides-teaser h2{font-size:27px}.scene-caption{font-size:11px}.drop-invitation{flex-wrap:wrap}.hero{overflow:clip}.tab-top{font-size:8px;letter-spacing:0}.mail-tabs button{padding-left:7px;padding-right:7px}}
.no-motion .story-image{opacity:1;transform:none}.no-motion .story-illustrations{display:grid;height:auto}.no-motion .story-image{position:static}@media(prefers-reduced-motion:reduce){.story-image{opacity:1;transform:none;transition:none}.story-illustrations{display:grid;height:auto}.story-image{position:static}}
.story-picture{overflow:clip}