.landing{--pad-x: clamp(1.25rem, 5vw, 4.5rem);position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;padding:clamp(1.25rem,3.5vw,2.75rem) var(--pad-x) 0;background-image:repeating-linear-gradient(to bottom,transparent 0 31px,var(--rule-faint) 31px 32px)}.landing__grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='0.13'/%3E%3C/svg%3E")}.masthead{display:flex;align-items:center;gap:clamp(.9rem,2.5vw,1.75rem);flex-shrink:0;animation:fade-in .7s var(--ease-out) 80ms both}.masthead__mark{font-family:var(--font-display);font-variation-settings:"opsz" 24;font-weight:700;font-size:1.35rem;letter-spacing:-.02em;line-height:1}.masthead__mark i{color:var(--vermillion);font-style:normal}.masthead__rule{flex:1;height:1px;background:var(--rule-strong);transform-origin:left;animation:rule-draw 1.1s var(--ease-out) .2s both}.masthead__meta{font-size:.66rem;font-weight:500;letter-spacing:.18em;color:var(--ink-faint);white-space:nowrap}.sheet{flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,5vw,4rem);padding:clamp(2.5rem,6vh,5rem) 0 clamp(2rem,5vh,3.5rem)}.sheet__lead{position:relative;z-index:2;max-width:34rem}.letterhead{border-top:1px solid var(--rule);margin-bottom:clamp(1.5rem,4vh,2.5rem);max-width:27rem}.letterhead__row{display:grid;grid-template-columns:3.6rem 1fr;gap:1rem;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--rule);animation:rise .7s var(--ease-out) both;animation-delay:calc(.32s + var(--i) * 90ms)}.letterhead dt{font-size:.62rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--vermillion)}.letterhead dd{font-size:.84rem;color:var(--ink-soft)}.wordmark{display:flex;align-items:baseline;font-family:var(--font-display);font-variation-settings:"opsz" 144;font-weight:900;font-size:clamp(5rem,19vw,14.5rem);line-height:.82;letter-spacing:-.055em;margin:0 0 clamp(1.5rem,4vh,2.25rem)}.wordmark__letter{display:inline-block;animation:letter-set .95s var(--ease-out) both}.wordmark__letter:nth-child(1){animation-delay:.46s}.wordmark__letter:nth-child(2){animation-delay:545ms}.wordmark__letter:nth-child(3){animation-delay:.63s}.wordmark__stop{color:var(--vermillion);animation:stop-punch .8s cubic-bezier(.34,1.7,.5,1) .8s both}.deck{font-family:var(--font-display);font-variation-settings:"opsz" 20;font-weight:400;font-size:clamp(1.05rem,1.55vw,1.3rem);line-height:1.5;color:var(--ink-soft);max-width:30rem;margin-bottom:clamp(1.75rem,4vh,2.5rem);animation:rise .8s var(--ease-out) .7s both}.deck em{font-style:italic;color:var(--ink)}.fineprint{margin-top:1.4rem;max-width:27rem;font-size:.7rem;line-height:1.75;color:var(--ink-faint);animation:rise .8s var(--ease-out) .98s both}.notice{display:block;margin-bottom:1.5rem;max-width:29rem;padding:.85rem 1.1rem;background:var(--paper-card);border:1px solid var(--rule);border-left:3px solid var(--vermillion);font-size:.78rem;line-height:1.6;color:var(--ink-soft);animation:rise .5s var(--ease-out) both}.notice__tag{display:block;margin-bottom:.2rem;font-size:.6rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--vermillion)}.seal{display:inline-block;text-decoration:none;animation:rise .8s var(--ease-out) .86s both}.seal__face{display:inline-flex;align-items:center;gap:.85rem;padding:1.05rem 1.6rem;background:var(--ink);color:var(--paper);border-radius:2px;box-shadow:0 0 0 var(--vermillion);transition:transform .28s var(--ease-out),box-shadow .28s var(--ease-out)}.seal:hover .seal__face,.seal:focus-visible .seal__face{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--vermillion)}.seal:active .seal__face{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--vermillion);transition-duration:60ms}.seal__glyph{width:1.05rem;height:1.05rem;fill:currentColor;flex-shrink:0}.seal__label{font-size:.82rem;font-weight:500;letter-spacing:.02em}.seal__arrow{font-size:.95rem;transition:transform .28s var(--ease-out)}.seal:hover .seal__arrow,.seal:focus-visible .seal__arrow{transform:translate(4px)}.sheet__aside{position:relative;display:flex;align-items:center;justify-content:center;min-height:20rem}.stack{position:relative;width:min(26rem,100%);aspect-ratio:7 / 5;margin-left:clamp(-3.5rem,-2vw,0rem)}.stack__card{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper-card);border:1px solid var(--rule);border-radius:2px;box-shadow:var(--lift)}.stack__card--3{transform:rotate(-8deg) translate(-1.5rem,.9rem);background:var(--paper-warm);animation:card-fan .9s var(--ease-out) .52s backwards}.stack__card--2{transform:rotate(-3.5deg) translate(-.6rem,.35rem);animation:card-fan .9s var(--ease-out) .62s backwards}.stack__card--1{transform:rotate(2.5deg);animation:card-fan .9s var(--ease-out) .72s backwards;transition:transform .5s var(--ease-out)}.stack:hover .stack__card--1{transform:rotate(1deg) translateY(-8px)}.flap{position:absolute;top:0;left:0;width:100%;height:34%;overflow:visible}.flap polyline{fill:none;stroke:var(--rule);stroke-width:1}.stack__address{position:absolute;left:12%;top:48%;display:flex;flex-direction:column;gap:.55rem}.stack__line{display:block;height:2px;background:var(--rule);border-radius:2px}.stack__line--long{width:8.5rem}.stack__line--mid{width:6.25rem}.stack__line--short{width:3.75rem}.postmark{position:absolute;right:-8%;bottom:-14%;width:clamp(8rem,13vw,11rem);height:auto;color:var(--vermillion);opacity:.88;transform:rotate(-9deg);animation:stamp-down .7s cubic-bezier(.3,1.5,.5,1) 1s backwards}.postmark__ring{fill:none;stroke:currentColor;stroke-width:2.5}.postmark__ring--inner{stroke-width:1}.postmark__arc{fill:currentColor;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-anchor:middle}.postmark__bar{stroke:currentColor;stroke-width:1.5}.postmark__word{fill:currentColor;font-family:var(--font-display);font-size:34px;font-weight:900;letter-spacing:.04em;text-anchor:middle}.ticker{flex-shrink:0;margin:0 calc(var(--pad-x) * -1);padding:.7rem 0;border-top:1px solid var(--rule);overflow:hidden;animation:fade-in .9s var(--ease-out) 1.15s both}.ticker__track{display:flex;width:max-content;animation:marquee 42s linear infinite}.ticker__group{display:flex;flex-shrink:0}.ticker__item{display:inline-flex;align-items:center;gap:1.6rem;padding-right:1.6rem;font-size:.62rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap}.ticker__item i{font-style:normal;font-size:.5rem;color:var(--vermillion)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rule-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes letter-set{0%{opacity:0;transform:translateY(.3em) scale(.93)}to{opacity:1;transform:none}}@keyframes stop-punch{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}@keyframes card-fan{0%{opacity:0;transform:rotate(0) translate(2.5rem,1.5rem) scale(.95)}}@keyframes stamp-down{0%{opacity:0;transform:rotate(-26deg) scale(1.75)}to{opacity:.88;transform:rotate(-9deg) scale(1)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 900px){.sheet{grid-template-columns:minmax(0,1fr);gap:3.5rem;padding-top:clamp(2rem,5vh,3rem)}.sheet__lead{max-width:none}.sheet__aside{order:2;min-height:0;justify-content:flex-start}.stack{width:min(20rem,88%);margin-left:0}.postmark{right:-12%}}@media (max-width: 560px){.wordmark{font-size:clamp(4.5rem,27vw,8rem)}.letterhead__row{grid-template-columns:3rem 1fr;gap:.75rem}.letterhead dd{font-size:.78rem}.seal__face{width:100%;justify-content:center}.seal{display:block}}@media (prefers-reduced-motion: reduce){.ticker__track{animation:none;transform:none}.stack:hover .stack__card--1{transform:rotate(2.5deg)}}.booting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;min-height:100vh;min-height:100svh}.booting__mark{font-family:var(--font-display);font-variation-settings:"opsz" 40;font-weight:700;font-size:2rem;letter-spacing:-.03em;line-height:1}.booting__mark i{color:var(--vermillion);font-style:normal}.booting__rule{width:6rem;height:1px;background:var(--rule);overflow:hidden;position:relative}.booting__rule:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vermillion);transform-origin:left;animation:booting-sweep 1.4s ease-in-out infinite}@keyframes booting-sweep{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}.container{max-width:52rem;margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem)}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-bottom:1.1rem;border-bottom:1px solid var(--rule-strong);margin-bottom:1.75rem}.header__mark{font-family:var(--font-display);font-variation-settings:"opsz" 32;font-weight:700;font-size:1.5rem;letter-spacing:-.03em;line-height:1}.header__mark i{color:var(--vermillion);font-style:normal}.user-info{display:flex;align-items:center;gap:1rem}.user-info__email{font-size:.72rem;letter-spacing:.04em;color:var(--ink-faint)}.logout-btn{padding:.5rem .9rem;background:transparent;border:1px solid var(--rule-strong);border-radius:2px;cursor:pointer;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);transition:background .2s ease,color .2s ease,border-color .2s ease}.logout-btn:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.no-emails{font-family:var(--font-display);font-size:1.1rem;color:var(--ink-faint);text-align:center;padding:4rem 1.25rem}.email-list{list-style:none}.email-item{position:relative;border-bottom:1px solid var(--rule);transition:border-color .22s ease;cursor:default}.email-item__open{display:block;width:100%;padding:1.1rem 4rem 1.1rem 0;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.email-item__open:focus-visible{outline:2px solid var(--vermillion);outline-offset:3px}.email-item:before{content:"";position:absolute;top:1.45rem;left:-.95rem;width:.36rem;height:.36rem;border-top:1.5px solid var(--vermillion);border-right:1.5px solid var(--vermillion);transform:translate(-.25rem) rotate(45deg);opacity:0;transition:opacity .2s ease,transform .22s var(--ease-out);pointer-events:none}.email-item:focus-within{border-color:var(--rule-strong)}.email-item:focus-within:before{opacity:1;transform:translate(0) rotate(45deg)}@media (hover: hover) and (pointer: fine){.email-item:hover{border-color:var(--rule-strong)}.email-item:hover:before{opacity:1;transform:translate(0) rotate(45deg)}}@media (prefers-reduced-motion: reduce){.email-item:before,.email-item:hover:before,.email-item:focus-within:before{transform:rotate(45deg)}}.email-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.4rem}.email-header strong{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--vermillion);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-date{font-size:.65rem;color:var(--ink-faint);white-space:nowrap;flex-shrink:0}.email-subject{display:block;font-family:var(--font-display);font-variation-settings:"opsz" 24;font-weight:600;font-size:1.15rem;line-height:1.25;letter-spacing:-.015em;margin-bottom:.35rem;color:var(--ink)}.list-note{padding:1.5rem 0 0;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);text-align:center}.load-more{display:block;width:100%;margin-top:1.75rem;padding:.85rem 1rem;background:transparent;border:1px solid var(--rule-strong);border-radius:2px;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.load-more:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:var(--paper)}.load-more:disabled{color:var(--ink-faint);cursor:default}.load-more:focus-visible{outline:2px solid var(--vermillion);outline-offset:3px}.pinned{margin-bottom:2.5rem}.pinned__label{font-family:var(--font-mono);font-size:.6rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--vermillion);padding-bottom:.55rem;border-bottom:1px solid var(--rule-strong)}.email-item__pin{position:absolute;top:1.05rem;right:0;padding:.2rem 0;background:none;border:0;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);cursor:pointer;opacity:0;transition:opacity .18s ease,color .18s ease}.email-item:focus-within .email-item__pin,.email-item__pin[aria-pressed=true]{opacity:1}@media (hover: hover) and (pointer: fine){.email-item:hover .email-item__pin{opacity:1}}.email-item__pin[aria-pressed=true]{color:var(--vermillion)}.email-item__pin:hover{color:var(--ink)}.email-item__pin:focus-visible{opacity:1;outline:2px solid var(--vermillion);outline-offset:3px}.reader__back{display:inline-block;margin-bottom:1.75rem;padding:0;background:none;border:0;cursor:pointer;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);transition:color .2s ease}.reader__back:hover,.reader__back:focus-visible{color:var(--vermillion)}.reader__head{padding-bottom:1.1rem;border-bottom:1px solid var(--rule);margin-bottom:1.75rem}.reader__subject{font-family:var(--font-display);font-variation-settings:"opsz" 32;font-weight:600;font-size:clamp(1.4rem,3.5vw,1.9rem);line-height:1.15;letter-spacing:-.02em;margin-bottom:.7rem;color:var(--ink)}.reader__meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.7rem;color:var(--ink-faint)}.reader__from{font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--vermillion)}.reader__frame-shell{overflow:hidden;border:1px solid var(--rule);border-radius:10px;background:#fff;box-shadow:0 1px 2px #231f1b0a,0 8px 24px #231f1b0d}.reader__frame{display:block;width:100%;border:0;background:transparent;transition:height .16s ease}.reader__banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem;padding:.7rem .9rem;border:1px solid var(--rule-strong);border-radius:2px;font-size:.72rem;line-height:1.5;color:var(--ink-soft)}.reader__banner-action{flex-shrink:0;padding:.4rem .75rem;background:transparent;border:1px solid var(--rule-strong);border-radius:2px;cursor:pointer;font-family:var(--font-mono);font-size:.62rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);transition:background .2s ease,color .2s ease,border-color .2s ease}.reader__banner-action:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}@media (prefers-reduced-motion: reduce){.reader__frame{transition:none}}.reader__body{font-size:.9rem;line-height:1.75;color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere}.reader__notice,.reader__footnote{font-size:.76rem;color:var(--ink-faint)}.reader__notice .reader__banner-action{margin-top:.85rem}.reader__footnote{margin-top:2rem;padding-top:.8rem;border-top:1px solid var(--rule);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.email-snippet{font-size:.76rem;color:var(--ink-soft);line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}:root{--paper: #f2eee3;--paper-warm: #ece6d8;--paper-card: #f7f4ec;--ink: #17140f;--ink-soft: #4f483c;--ink-faint: #8b8375;--vermillion: #c8401f;--vermillion-deep: #a53317;--rule: rgba(23, 20, 15, .16);--rule-strong: rgba(23, 20, 15, .34);--rule-faint: rgba(23, 20, 15, .055);--font-display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lift: 3px 3px 0 rgba(23, 20, 15, .14);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-mono);background-color:var(--paper);color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;min-height:100svh}::selection{background:var(--vermillion);color:var(--paper)}a{color:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--vermillion);outline-offset:3px;border-radius:1px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}