:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#24302c;font-synthesis:none;--ink:#24302c;--ink-soft:#64706b;--paper:#f3efe6;--paper-deep:#e9e1d2;--white:#fffdf8;--rust:#a9523d;--rust-dark:#7e392b;--sage:#cdd4c5;--line:#24302c29;--shadow:0 24px 80px #40302224;--serif:Iowan Old Style, Baskerville, "Times New Roman", serif;background:#f3efe6;font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}img{max-width:100%;display:block}::selection{background:#d8b9a9}:focus-visible{outline-offset:3px;outline:3px solid #4f7164}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.app{min-height:100vh;overflow:hidden}.app--quiet{background:#e9e5dc}.site-header{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(20px,5vw,72px);display:flex;position:relative}.site-header nav,.site-footer div{align-items:center;gap:28px;display:flex}.site-header nav>a:not(.button),.site-footer a{color:var(--ink-soft);font-size:14px;text-decoration:none}.wordmark{font-family:var(--serif);align-items:center;gap:10px;font-size:25px;font-weight:500;text-decoration:none;display:inline-flex}.wordmark__mark{background:var(--ink);width:29px;height:29px;color:var(--paper);border-radius:50% 50% 4px;place-items:center;font-size:16px;font-style:italic;display:grid}.site-footer{border-top:1px solid var(--line);max-width:1440px;color:var(--ink-soft);justify-content:space-between;margin:0 auto;padding:50px clamp(20px,5vw,72px);font-size:14px;display:flex}.button{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:14px 22px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,color .2s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{opacity:.45;cursor:not-allowed}.button--small{padding:9px 16px;font-size:13px}.button--primary{background:var(--rust);border-color:var(--rust);color:#fff;box-shadow:0 8px 24px #7e392b38}.button--primary:hover:not(:disabled){background:var(--rust-dark)}.button--secondary{background:var(--white)}.button--danger{color:#9b3b32;border-color:#9b3b32}.button--wide{width:100%}.text-link,.danger-link{text-underline-offset:5px;cursor:pointer;color:var(--ink);background:0 0;border:0;padding:0}.text-link:hover{color:var(--rust)}.danger-link{color:#974238;margin:18px auto 0;font-size:13px;text-decoration:underline;display:block}.eyebrow{text-transform:uppercase;letter-spacing:.19em;color:var(--rust);margin:0 0 12px;font-size:11px;font-weight:600}.section-heading h2{font:400 clamp(32px, 4vw, 54px)/1.04 var(--serif);letter-spacing:-.025em;margin:0}.route-loader,.reader-state{min-height:60vh;color:var(--ink-soft);align-content:center;place-items:center;gap:18px;display:grid}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(50px,8vw,130px);max-width:1440px;min-height:690px;margin:0 auto;padding:90px clamp(24px,7vw,110px) 110px;display:grid;position:relative}.hero:before{content:"";filter:blur(2px);background:#cdd4c58c;border-radius:50%;width:380px;height:380px;position:absolute;top:70px;right:-130px}.hero h1{font:400 clamp(57px, 7vw, 103px)/.91 var(--serif);letter-spacing:-.052em;margin:0}.hero h1 em{color:var(--rust);font-weight:400}.hero__lede{max-width:580px;color:var(--ink-soft);margin:32px 0;font-size:clamp(17px,1.4vw,20px);line-height:1.68}.hero__actions{align-items:center;gap:28px;display:flex}.demo-note{color:var(--ink-soft);align-items:center;gap:9px;margin:25px 0 0;font-size:12px;display:flex}.demo-note span{background:#67816c;border-radius:50%;width:7px;height:7px}.hero__artifact{aspect-ratio:.82;width:min(100%,480px);margin:20px auto 0;position:relative;transform:rotate(2.5deg)}.artifact-card{box-shadow:var(--shadow);background:#fbf7e9;padding:clamp(35px,5vw,64px);position:absolute;inset:0}.artifact-card--back{color:#24302c59;font:60px var(--serif);background:#d8ded2;justify-content:flex-end;align-items:flex-end;display:flex;transform:translate(25px,-22px)rotate(5deg)}.artifact-card--front{border:1px solid #5544301f}.artifact-card--front:before{content:"";pointer-events:none;border:1px solid #a9523d38;position:absolute;inset:20px}.artifact-card__date{text-align:right;font:italic 15px var(--serif);color:#8b7c67;margin-bottom:70px}.artifact-card p{font:21px/1.6 var(--serif);position:relative}.artifact-card .handwriting{color:#33443e;font-size:clamp(20px,2vw,27px);font-style:italic;line-height:1.75}.handwriting--sign{text-align:right;margin-top:35px}.artifact-seal{background:var(--rust);color:#f6e8d6;width:68px;height:68px;font:italic 32px var(--serif);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:42px;right:-24px;box-shadow:0 10px 24px #562d2045}.principle-strip{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:20px;max-width:1440px;margin:auto;padding:22px clamp(20px,5vw,72px);display:grid}.principle-strip p{font:18px var(--serif);margin:0}.principle-strip span{color:var(--rust);margin-right:12px;font:11px Avenir Next,system-ui,sans-serif}.how-it-works,.local-library{max-width:1240px;margin:0 auto;padding:120px clamp(20px,5vw,72px)}.steps{border-top:1px solid var(--line);margin:65px 0 0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;padding:38px 0;display:grid}.steps li>span{color:var(--rust);font-size:12px}.steps div{grid-template-columns:220px 1fr;gap:40px;display:grid}.steps h3{font:32px var(--serif);margin:0}.steps p{max-width:570px;color:var(--ink-soft);margin:0;line-height:1.7}.library-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:42px;display:grid}.library-card{background:var(--white);border:1px solid var(--line);flex-direction:column;gap:10px;min-height:170px;padding:24px;text-decoration:none;display:flex;box-shadow:0 10px 30px #4232210d}.library-card>span{color:var(--rust);text-transform:uppercase;letter-spacing:.15em;font-size:10px}.library-card strong{font:24px/1.15 var(--serif);margin-top:auto}.library-card small{color:var(--ink-soft)}.library-card--sent{background:#e5e9df}.creator-shell,.preview-shell,.sent-shell{max-width:1280px;margin:0 auto;padding:70px clamp(20px,5vw,72px) 120px}.creator-intro,.preview-heading,.recipient-heading{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:60px;display:flex}.creator-intro h1,.preview-heading h1,.recipient-heading h1,.sent-shell h1{font:400 clamp(46px, 6vw, 78px)/.98 var(--serif);letter-spacing:-.04em;margin:0}.creator-intro h1 em{color:var(--rust);font-weight:400}.creator-progress{align-items:center;padding-top:25px;display:flex}.creator-progress span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.creator-progress i{border-top:1px solid var(--line);width:44px}.capture-panel,.details-panel{border:1px solid var(--line);background:#fffdf8b8;padding:50px}.capture-panel .section-heading,.details-panel .section-heading{margin-bottom:30px}.capture-panel h2,.details-panel h2,.processing-controls h2{font-size:40px}.capture-drop{text-align:center;cursor:pointer;background:#f3efe666;border:1.5px dashed #89918a;align-content:center;place-items:center;gap:8px;min-height:180px;display:grid}.capture-drop:hover{border-color:var(--rust)}.capture-drop input{opacity:0;pointer-events:none;position:absolute}.capture-drop__icon{color:var(--rust);font-size:38px}.capture-drop small{color:var(--ink-soft)}.page-filmstrip{gap:10px;margin-top:22px;padding-bottom:5px;display:flex;overflow-x:auto}.page-thumb{text-align:left;border:1px solid var(--line);background:var(--paper);cursor:pointer;gap:6px;min-width:145px;padding:14px;display:grid}.page-thumb span{color:var(--rust);font-size:11px}.page-thumb strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.page-thumb--active{border-color:var(--ink);box-shadow:inset 0 -3px var(--rust)}.editor-grid{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:24px;margin:24px 0;display:grid}.editor-stage,.editor-controls{border:1px solid var(--line);background:#e8e4da;padding:35px}.editor-controls{background:var(--white)}.stage-heading{justify-content:space-between;align-items:start;margin-bottom:22px;display:flex}.stage-heading h2{font:34px var(--serif);margin:0}.corner-editor{-webkit-user-select:none;user-select:none;touch-action:none;background:#262b29;max-height:650px;position:relative;overflow:hidden}.corner-editor img{object-fit:contain;width:100%;height:auto;max-height:650px}.corner-editor__shape{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.corner-editor__shape polygon{fill:#f4eede1f;stroke:#fff4d8;stroke-width:.6px;vector-effect:non-scaling-stroke}.corner-editor__handle{border:3px solid var(--white);background:var(--rust);cursor:grab;border-radius:50%;width:28px;height:28px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 12px #0006}.helper-copy{color:var(--ink-soft);margin:14px 0 0;font-size:12px}.processing-controls .section-heading{margin-bottom:24px}.mode-grid{gap:8px;display:grid}.mode-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;padding:14px 16px;display:flex}.mode-card strong{font-size:13px}.mode-card span{color:var(--ink-soft);font-size:11px}.mode-card--active{border-color:var(--rust);box-shadow:inset 3px 0 var(--rust);background:#fbf2ed}.range-grid{gap:16px;margin:24px 0;display:grid}.range-control>span{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.range-control output{color:var(--ink-soft)}.range-control input{width:100%;accent-color:var(--rust)}.processed-preview{background:#ddd;margin:20px 0 0;padding:18px}.processed-preview--warm-ivory{background:#e8e0cf}.processed-preview--clean-white{background:#fff}.processed-preview--soft-grey{background:#dddcd7}.processed-preview--air-mail{background:linear-gradient(90deg,#b9584d 0 4px,#0000 4px calc(100% - 4px),#547887 calc(100% - 4px))}.processed-preview img{max-height:400px;margin:auto;box-shadow:0 10px 30px #0000001f}.processed-preview figcaption{text-align:center;color:var(--ink-soft);margin-top:10px;font-size:10px}.page-order-actions{gap:8px;margin:16px 0 6px;display:flex}.page-order-actions button{border:1px solid var(--line);background:var(--paper);cursor:pointer;flex:1;padding:10px;font-size:11px}.page-order-actions button:disabled{cursor:not-allowed;opacity:.45}.details-panel{margin-top:24px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid label,.option-row>label{gap:7px;font-size:12px;font-weight:600;display:grid}.form-grid input,.form-grid textarea,.option-row select,.share-result input,.sent-link input{border:1px solid var(--line);background:var(--white);border-radius:0;width:100%;padding:14px 15px}.form-grid textarea{resize:vertical;min-height:90px}.form-grid__wide{grid-column:1/-1}.option-row{justify-content:space-between;align-items:end;gap:30px;margin-top:28px;display:flex}.option-row fieldset{border:0;margin:0;padding:0}.option-row legend{margin-bottom:8px;font-size:12px;font-weight:600}.swatches{gap:8px;display:flex}.swatch{border:1px solid var(--line);text-transform:capitalize;cursor:pointer;min-width:95px;padding:12px 8px;font-size:10px}.swatch--warm-ivory{background:#f4eede}.swatch--clean-white{background:#fff}.swatch--soft-grey{background:#e8e7e2}.swatch--air-mail{background:linear-gradient(135deg,#f4eede 0 45%,#b95f56 45% 50%,#f4eede 50% 75%,#557884 75% 80%,#f4eede 80%)}.swatch--active{border-color:var(--ink);box-shadow:inset 0 -3px var(--rust)}.creator-actions{color:var(--paper);z-index:5;box-shadow:var(--shadow);background:#24302cf5;justify-content:space-between;align-items:center;margin-top:30px;padding:18px 20px;display:flex;position:sticky;bottom:18px}.creator-actions>span{color:#bfc7c2;font-size:12px}.notice{background:#eef4e9;border:1px solid #657e6a;justify-content:space-between;gap:20px;margin:0 0 25px;padding:16px 18px;display:flex}.notice--error{color:#722e25;background:#fff0ea;border-color:#a9523d}.notice button{cursor:pointer;background:0 0;border:0;text-decoration:underline}.preview-heading p,.recipient-heading p,.sent-shell header p{color:var(--ink-soft)}.preview-envelope{aspect-ratio:1.75;max-width:700px;box-shadow:var(--shadow);background:#e5d7bd;border:1px solid #53433026;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 50px;display:flex;position:relative}.preview-envelope:before{content:"";clip-path:polygon(0 0,50% 60%,100% 0);background:#ede2ce;border-bottom:1px solid #5343301a;position:absolute;inset:0}.preview-envelope>*{position:relative}.preview-envelope span{text-transform:uppercase;letter-spacing:.16em;font-size:12px}.preview-envelope strong{font:40px var(--serif);margin:10px 0}.preview-envelope small{color:#736858}.processing-state{align-content:center;place-items:center;gap:20px;min-height:420px;display:grid}.processing-state__spinner{border:1px solid var(--line);border-top-color:var(--rust);border-radius:50%;width:35px;height:35px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.send-panel{background:var(--ink);color:var(--paper);justify-content:space-between;align-items:center;gap:40px;margin-top:40px;padding:40px;display:flex}.send-panel h2{font:36px var(--serif);margin:0 0 10px}.send-panel p:last-child{color:#bdc6c0;max-width:640px;line-height:1.5}.share-result{gap:10px;min-width:min(100%,440px);display:grid}.share-result input{color:var(--ink)}.turnstile-challenge{gap:8px;min-width:min(100%,304px);display:grid}.turnstile-challenge p{color:#bdc6c0;margin:0;font-size:12px}.letter-reader{background:#d9d6ce;border:1px solid #24302c1a;transition:background .2s}.letter-reader--dark{color:#f5f1e8;background:#202422}.reader-toolbar{z-index:3;min-height:52px;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f3efe6eb;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.reader-toolbar>span{text-transform:uppercase;letter-spacing:.12em;font-size:11px}.reader-toolbar div{gap:6px;display:flex}.reader-toolbar button{border:1px solid var(--line);background:var(--white);cursor:pointer;padding:7px 10px;font-size:10px}.reader-pages{justify-items:center;gap:38px;padding:clamp(20px,5vw,70px);display:grid}.reader-pages--width .letter-page{width:min(100%,900px)}.reader-pages--page .letter-page{width:min(72vw,700px);max-height:82vh}.reader-pages--page .letter-page img{object-fit:contain;max-height:calc(82vh - 40px)}.letter-page{background:#f4eede;margin:0;box-shadow:0 22px 55px #26231d30}.letter-page--clean-white{background:#fff}.letter-page--soft-grey{background:#e8e7e2}.letter-page--air-mail{background:repeating-linear-gradient(135deg,#bf645a 0 8px,#f3eadd 8px 16px,#587d8b 16px 24px,#f3eadd 24px 32px);padding:7px}.letter-page img{width:100%;height:auto}.letter-page figcaption{text-align:center;text-transform:uppercase;letter-spacing:.15em;color:#7c796f;background:#f6f2ea;padding:8px;font-size:9px}.letter-reader--compact .reader-pages{padding:30px}.letter-reader--compact .letter-page{max-width:650px}.recipient-shell{min-height:calc(100vh - 82px);padding:60px clamp(16px,5vw,72px) 100px}.envelope-stage{perspective:1200px;align-content:center;place-items:center;gap:32px;min-height:67vh;display:grid}.envelope{aspect-ratio:1.65;cursor:pointer;width:min(82vw,680px);color:var(--ink);background:#e5d7bd;border:1px solid #50412f33;position:relative;overflow:hidden;box-shadow:0 35px 90px #372e2238}.envelope:before,.envelope:after{content:"";position:absolute;inset:0}.envelope:before{clip-path:polygon(0 100%,50% 42%,100% 100%);background:#dccbad}.envelope:after{clip-path:polygon(0 0,50% 58%,100% 0);transform-origin:top;background:#eee1ca}.envelope__flap{clip-path:polygon(0 0,50% 58%,100% 0);z-index:2;border-bottom:1px solid #50412f26;position:absolute;inset:0}.envelope__address{z-index:3;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.envelope__address small{text-transform:uppercase;letter-spacing:.2em;font-size:10px}.envelope__address strong{font:clamp(38px, 6vw, 70px) var(--serif);margin:8px}.envelope__address em{font:italic 17px var(--serif);color:#6d6356}.envelope__hint{z-index:4;text-transform:uppercase;letter-spacing:.15em;font-size:10px;position:absolute;bottom:20px;left:0;right:0}.cover-note{font:italic 22px var(--serif);text-align:center;color:#6b6962;max-width:600px}.recipient-heading{max-width:1100px;margin-inline:auto}.recipient-actions{text-align:center;max-width:950px;margin:50px auto 0}.recipient-actions h2{font:42px var(--serif);margin:0}.ack-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0;display:grid}.ack-button{border:1px solid var(--line);background:var(--white);cursor:pointer;padding:16px}.ack-button--active{border-color:var(--rust);background:#f9e9e2}.recipient-actions__primary{justify-content:center;gap:12px;display:flex}.reader-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:700px;min-height:68vh;margin:auto;display:flex}.reader-error>span{background:var(--ink);width:56px;height:56px;color:var(--paper);font:italic 28px var(--serif);border-radius:50% 50% 4px;place-items:center;margin-bottom:28px;display:grid}.reader-error h1{font:50px var(--serif);margin:0 0 18px}.reader-error p:not(.eyebrow){max-width:560px;color:var(--ink-soft);margin-bottom:28px;line-height:1.7}.sent-shell{max-width:1000px}.sent-shell>.text-link{margin-bottom:50px;display:inline-block}.sent-shell header{margin-bottom:45px}.status-grid{border:1px solid var(--line);background:var(--white);grid-template-columns:repeat(4,1fr);display:grid}.status-grid>div{border-right:1px solid var(--line);gap:10px;padding:25px;display:grid}.status-grid>div:last-child{border:0}.status-grid span{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);font-size:9px}.status-grid strong{font:20px var(--serif)}.status-pill{text-transform:capitalize}.status-pill--active{color:#56715e}.status-pill--revoked,.status-pill--expired{color:var(--rust)}.sent-link{gap:10px;margin:22px 0;display:flex}.sent-warning{background:#fff2eb;border:1px solid #b36c59;justify-content:space-between;align-items:center;gap:30px;margin-top:40px;padding:30px;display:flex}.sent-warning h2{font:30px var(--serif);margin:0 0 7px}.sent-warning p{color:var(--ink-soft);margin:0}.legal-page{max-width:760px;margin:0 auto;padding:100px 24px 140px}.legal-page h1{font:400 clamp(48px, 7vw, 76px)/1 var(--serif);margin:0 0 50px}.legal-page h2{font:30px var(--serif);margin:45px 0 10px}.legal-page p{color:var(--ink-soft);line-height:1.8}.legal-page__back{margin-top:70px}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.hero__artifact{width:min(88%,450px)}.principle-strip{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr 1fr}.editor-grid{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr 1fr}.status-grid>div:nth-child(2){border-right:0}.status-grid>div{border-bottom:1px solid var(--line)}.steps div{grid-template-columns:150px 1fr}.send-panel{flex-direction:column;align-items:stretch}}@media (max-width:620px){.site-header{height:68px;padding-inline:16px}.site-header nav>a:not(.button){display:none}.site-footer{flex-direction:column;gap:20px}.hero{padding:55px 20px 75px}.hero h1{font-size:55px}.hero__actions{flex-direction:column;align-items:flex-start;gap:18px}.hero__artifact{margin-top:40px}.artifact-card{padding:36px 28px}.artifact-card__date{margin-bottom:35px}.principle-strip{padding:24px 20px}.how-it-works,.local-library{padding:80px 20px}.steps li{grid-template-columns:42px 1fr}.steps div{grid-template-columns:1fr;gap:10px}.library-grid{grid-template-columns:1fr}.creator-shell,.preview-shell,.sent-shell{padding:45px 16px 90px}.creator-intro,.preview-heading,.recipient-heading{flex-direction:column;margin-bottom:35px}.creator-progress{display:none}.capture-panel,.details-panel,.editor-stage,.editor-controls{padding:24px 18px}.form-grid{grid-template-columns:1fr}.form-grid__wide{grid-column:auto}.option-row{flex-direction:column;align-items:stretch}.swatches{grid-template-columns:1fr 1fr;display:grid}.creator-actions{bottom:8px}.creator-actions>span{display:none}.creator-actions .button{width:100%}.corner-editor__handle{width:32px;height:32px}.send-panel{padding:28px 20px}.reader-pages{gap:18px;padding:14px}.reader-pages--page .letter-page{width:100%}.reader-toolbar{align-items:flex-start}.reader-toolbar div{flex-wrap:wrap;justify-content:flex-end}.recipient-shell{padding:30px 10px 70px}.envelope{width:96vw}.ack-grid{grid-template-columns:1fr}.recipient-actions__primary{flex-direction:column}.status-grid{grid-template-columns:1fr}.status-grid>div{border-right:0}.sent-link,.sent-warning{flex-direction:column;align-items:stretch}.legal-page{padding-top:70px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}