/* Keep the entire letter within the available window, without clipping. */
:root{--fit:1}
body{height:100vh;height:100dvh;min-height:0}
main{min-height:0;padding-block:14px;gap:4vw}
.letter{padding:calc(53px * var(--fit)) calc(30px * var(--fit)) calc(22px * var(--fit));margin-top:16px}
.letter h2{font-size:calc(23px * var(--fit));line-height:1.18;margin-bottom:calc(14px * var(--fit))}
.body-copy{font-size:calc(16px * var(--fit));line-height:1.4}
.body-copy p{margin-bottom:calc(12px * var(--fit))}
.signature{margin-top:calc(10px * var(--fit))}
.signed-mark{width:calc(125px * var(--fit));margin-block:2px}
.valediction{font-size:calc(15px * var(--fit));line-height:1.3;margin-bottom:2px}
.founder{font-size:calc(12px * var(--fit));line-height:1.3;margin-top:3px}
.letter-seal{width:calc(90px * var(--fit));height:calc(90px * var(--fit));top:calc(-45px * var(--fit))}
@media(min-width:761px) and (min-height:761px){
 .letter{padding:calc(64px * var(--fit)) calc(42px * var(--fit)) calc(30px * var(--fit))}
 .letter h2{font-size:calc(27px * var(--fit));margin-bottom:calc(22px * var(--fit))}
 .body-copy{line-height:1.5}
 .body-copy p{margin-bottom:calc(16px * var(--fit))}
 .signed-mark{width:calc(150px * var(--fit))}
 .letter-seal{width:calc(104px * var(--fit));height:calc(104px * var(--fit));top:calc(-52px * var(--fit))}
}
@media(max-width:760px){
 header{padding-top:0}
 main{gap:calc(42px * var(--fit));padding:8px 5vw 12px}
 .identity img{width:calc(180px * var(--fit));max-width:100%}
 .identity p{font-size:calc(15px * var(--fit));margin-top:calc(10px * var(--fit))}
 .letter{margin-top:0;padding:calc(49px * var(--fit)) calc(24px * var(--fit)) calc(20px * var(--fit))}
 .letter h2{font-size:calc(23px * var(--fit));margin-bottom:calc(14px * var(--fit))}
 .body-copy{line-height:1.36}
 .body-copy p{margin-bottom:calc(11px * var(--fit))}
 .signed-mark{width:calc(110px * var(--fit))}
 .page-footer{gap:4px 12px;padding-bottom:8px;font-size:10px}
 .page-footer a,.page-footer>span:last-child{font-size:10px}
 .page-footer>span:first-child{flex-basis:100%}
}