@import"https://fonts.googleapis.com/css2?family=IM+Fell+English:ital,wght@0,400;1,400&family=EB+Garamond:ital,wght@0,400;0,700;1,400&family=Sorts+Mill+Goudy:ital@0;1&display=swap";:root{--ink-black: #1d1a18;--paper-base: #dcc8a4;--paper-grain: rgba(0, 0, 0, .04);--fold-dark: rgba(0, 0, 0, .08);--fold-light: rgba(255, 255, 255, .2)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#1a1614;background-image:linear-gradient(#0006,#0006),url(https://www.transparenttextures.com/patterns/dark-wood.png);min-height:100vh;display:flex;justify-content:center;padding:6rem 2rem;overflow-x:hidden;perspective:1000px}.archive-paper{background-color:var(--paper-base);background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png),radial-gradient(ellipse at center,#e6dcc566,#bda98966);width:100%;max-width:900px;min-height:1300px;padding:8rem 6rem;position:relative;box-shadow:-10px 10px 40px #0009,0 4px 10px #0006;color:var(--ink-black);font-family:EB Garamond,serif;transform:rotate(-.8deg) rotateX(2deg);transition:transform .5s ease}.archive-paper:hover{transform:rotate(0) rotateX(0)}.archive-paper:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(139,115,85,.15) 0%,transparent 25%),radial-gradient(circle at 85% 75%,rgba(101,83,62,.1) 0%,transparent 35%),url(https://www.transparenttextures.com/patterns/dust.png);pointer-events:none;opacity:.6}.fold-v,.fold-h{position:absolute;pointer-events:none;z-index:10}.fold-v{top:0;bottom:0;left:50%;width:2px;background:linear-gradient(to right,var(--fold-dark),var(--fold-light));opacity:.3}.fold-h{left:0;right:0;height:2px;background:linear-gradient(to bottom,var(--fold-dark),var(--fold-light));opacity:.3}.fold-h-1{top:33.33%}.fold-h-2{top:66.66%}.letter-header{text-align:center;margin-bottom:6rem}.cursive-large{font-family:IM Fell English,serif;font-size:3.5rem;line-height:1.1;margin-bottom:2rem;color:#1a1614;font-weight:400}.cursive-medium{font-family:IM Fell English,serif;font-style:italic;font-size:1.8rem;opacity:.9;color:#3d2f26}.letter-body{font-size:1.4rem;line-height:1.9;text-align:justify;letter-spacing:.01em}.letter-section{margin-bottom:4.5rem}.section-head{font-family:IM Fell English,serif;font-size:2rem;margin-bottom:1rem;display:block;color:#3d2f26;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.5rem}.drop-word{font-family:IM Fell English,serif;font-size:4.5rem;float:left;line-height:.8;padding-right:1.2rem;margin-top:.4rem;color:#1a1614}.quote-inset{border-left:3px solid rgba(42,32,26,.1);padding:1.5rem 0 1.5rem 3rem;margin:4rem 2rem;font-style:italic;font-family:Sorts Mill Goudy,serif;font-size:1.6rem;color:#3d2f26;position:relative}.quote-inset:before{content:"“";position:absolute;left:10px;top:0;font-size:4rem;color:#2a201a1a;font-family:serif}.archive-footer{margin-top:8rem;display:flex;flex-direction:column;align-items:flex-end;padding-right:2rem}.signature{font-family:IM Fell English,serif;font-style:italic;font-size:3rem;line-height:1;margin:2rem 0;color:#1a1614;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.5rem}.date-stamp{font-family:EB Garamond,serif;font-size:1rem;font-style:italic;opacity:.6;margin-bottom:2.5rem}.stamp{font-family:EB Garamond,serif;font-weight:800;text-transform:uppercase;border:3px double #3d2f26;padding:.6rem 2rem;font-size:.85rem;letter-spacing:.2em;opacity:.4;transform:rotate(-12deg);display:inline-block}@media(max-width:900px){.archive-paper{padding:6rem 3rem;transform:none!important}}