/* Archival photocopies: the same paper, ink and wine palette as the main page. */
.archive-page .lvva-breadcrumb{padding-block:29px 25px}
.archive-page .lvva-back{display:inline-block;font:400 12px/1.65 var(--sans);letter-spacing:.025em;color:var(--muted);text-decoration:none}
.archive-page .lvva-back:hover{color:var(--wine)}
.archive-page .lvva-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-areas:"photo copy";align-items:center;gap:64px;padding-bottom:64px}
.archive-page .lvva-photo{grid-area:photo;margin:0;min-width:0;background:var(--paper-soft)}
.archive-page .lvva-photo img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:4/3;object-fit:contain;filter:none;opacity:1;transform:none}
.archive-page .lvva-hero-copy{grid-area:copy;min-width:0;padding-block:4px}
.archive-page .lvva-hero-copy .folio{margin-bottom:22px;max-width:100%}
.archive-page .lvva-title{font:400 clamp(43px,4.5vw,64px)/1.08 var(--serif);letter-spacing:-.035em;color:var(--ink);hyphens:none;-webkit-hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:balance}
.archive-page .lvva-period-panel{margin-block:29px 30px;padding:23px 25px 24px;border-left:2px solid var(--wine);background:var(--paper-soft)}
.archive-page .lvva-eyebrow{font:700 10px/1.65 var(--sans);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin:0 0 11px}
.archive-page .lvva-period{font:400 clamp(27px,2.45vw,34px)/1.28 var(--serif);letter-spacing:-.025em;color:var(--wine);hyphens:none;-webkit-hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:balance}
.archive-page .lvva-period strong{font-weight:400}
.archive-page .lvva-location{font:400 13px/1.7 var(--sans);color:var(--muted);margin-top:13px}
.archive-page .lvva-location strong{font-weight:600}
.archive-page .lvva-hero-copy>.source-cta{min-height:58px;min-width:260px;padding:15px 27px;font-size:12px;line-height:1.55;letter-spacing:.025em;overflow-wrap:normal;word-break:normal}
.archive-page .lvva-content{min-width:0}
.archive-page .lvva-letter{width:min(840px,100%);margin-inline:auto;padding-block:3px 72px;min-width:0}
.archive-page .lvva-intro.prose{max-width:none;font-size:18px;line-height:1.9}
.archive-page .lvva-greeting{font:400 29px/1.4 var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:24px}
.archive-page .lvva-donation.prose{max-width:none;margin:34px -32px 48px;padding:28px 32px 30px;background:var(--paper-soft);font-size:18px;line-height:1.9}
.archive-page .lvva-donation p{margin:0}
.archive-page .lvva-section-title{font:400 clamp(31px,3vw,41px)/1.2 var(--serif);letter-spacing:-.035em;color:var(--ink);margin:0 0 34px;hyphens:none;-webkit-hyphens:none;word-break:normal;overflow-wrap:normal;text-wrap:balance}
.archive-page .lvva-steps{display:grid;gap:29px;list-style:none;counter-reset:archive-steps;margin:0;padding:0}
.archive-page .lvva-step{position:relative;counter-increment:archive-steps;padding:0 0 0 54px;font:400 17px/1.9 var(--sans);min-width:0}
.archive-page .lvva-step:before{content:counter(archive-steps,decimal-leading-zero);position:absolute;left:0;top:1px;font:italic 18px/1.7 var(--serif);color:var(--wine)}
.archive-page .lvva-step-copy{min-width:0}
.archive-page .lvva-step-copy p{margin:0}
.archive-page .lvva-step a,.archive-page .lvva-russia-payment a{color:var(--wine);text-underline-offset:4px;overflow-wrap:anywhere}
.archive-page .lvva-russia-payment{margin-top:20px;padding-left:19px;border-left:1px solid var(--line-strong);font-size:15px;line-height:1.9;color:var(--muted)}
.archive-page .lvva-russia-payment p{margin:0}
.archive-page .lvva-order-actions{display:flex;justify-content:center;margin-block:34px 44px}
.archive-page .lvva-order-actions>.source-cta{min-height:58px;min-width:280px;padding:15px 28px;font-size:12px;line-height:1.55;letter-spacing:.025em}
.archive-page .lvva-limitation.prose{max-width:none;margin:45px 0 34px;padding-left:24px;border-left:2px solid var(--wine);font-size:16px;line-height:1.9;color:var(--muted)}
.archive-page .lvva-limitation p{margin:0}
.archive-page .lvva-signature{width:fit-content;max-width:100%;margin:34px auto 42px;font:400 16px/1.85 var(--sans);text-align:left;hyphens:none;-webkit-hyphens:none;word-break:normal;overflow-wrap:normal}
.archive-page .lvva-signature strong{display:inline-block;margin-top:6px;font:400 25px/1.4 var(--serif);color:var(--ink)}
.archive-page .lvva-social{margin:44px 0 0;font:400 15px/1.8 var(--sans);text-align:center;color:var(--muted)}
.archive-page .lvva-social a{color:var(--wine);text-underline-offset:4px}
.archive-page .lvva-stripe-slot:empty{display:none}
.archive-page .lvva-stripe-slot{display:flex;justify-content:center;margin-block:38px 44px;min-width:0}
.archive-page #archive-stripe-embed{width:min(100%,440px);min-width:0}
.archive-page #archive-stripe-embed center,.archive-page stripe-buy-button{display:block;width:100%;max-width:100%}
.archive-page .lvva-hero{align-items:stretch}
.archive-page .lvva-photo{position:relative;align-self:stretch;min-height:0}
.archive-page .lvva-photo img{position:absolute;inset:0;height:100%;aspect-ratio:auto;object-fit:cover;object-position:42% 50%}
.archive-page .lvva-hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.archive-page .lvva-hero-copy .folio{height:16px;min-height:16px;line-height:16px;margin-bottom:22px}
.archive-page .lvva-title{min-height:var(--lvva-title-height,0px)}
.archive-page .lvva-period-panel{align-self:stretch;min-height:var(--lvva-panel-height,0px)}
.archive-page .lvva-payment-link{margin-top:auto}

/* A local preview of the archive request, independent of the transcription form. */
.archive-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:28px 34px 32px;border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #15201935;overflow:auto}
.archive-dialog::backdrop{background:#19231fd0;backdrop-filter:blur(4px)}
.archive-dialog .dialog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.archive-dialog .archive-eyebrow{padding-top:10px;font:400 10px/1.6 var(--sans);color:var(--muted);letter-spacing:.065em}
.archive-dialog .archive-close{flex:0 0 auto;min-width:44px;min-height:44px;padding:0;font:400 30px/1 var(--sans);color:var(--ink);border:0;background:none}
.archive-dialog .archive-modal-title{font:400 33px/1.2 var(--serif);letter-spacing:-.025em;margin:16px 0;hyphens:none;-webkit-hyphens:none;word-break:normal;overflow-wrap:normal}
.archive-dialog .archive-modal-intro{font:400 15px/1.8 var(--sans);color:var(--muted);margin:0 0 23px}
.archive-dialog .archive-reference-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.archive-dialog .archive-field{display:grid;gap:7px;margin:0 0 18px;min-width:0;font:400 13px/1.6 var(--sans)}
.archive-dialog .archive-field input{display:block;width:100%;min-width:0;min-height:48px;padding:11px 12px;border:1px solid var(--line);border-radius:0;background:var(--paper-raised);color:var(--ink);font:400 17px/1.4 var(--sans)}
.archive-dialog .archive-field input::placeholder{color:var(--muted);opacity:.8}
.archive-dialog .archive-field input:focus-visible{outline:2px solid var(--wine);outline-offset:2px}
.archive-dialog .archive-amount-field{display:flex;align-items:center;border:1px solid var(--line);background:var(--paper-raised);min-width:0}
.archive-dialog .archive-amount-field input{flex:1;border:0;background:transparent}
.archive-dialog .archive-amount-field>span{flex:0 0 auto;padding-right:15px;color:var(--muted);font:400 18px/1.4 var(--sans)}
.archive-dialog .archive-amount-field:focus-within{outline:2px solid var(--wine);outline-offset:2px}
.archive-dialog .archive-amount-field input:focus-visible{outline:none}
.archive-dialog .archive-preview-note{font:400 12px/1.75 var(--sans);color:var(--muted);margin:3px 0 21px}
.archive-dialog .source-cta{width:100%;min-height:56px;font-size:12px;line-height:1.55;letter-spacing:.025em}
.archive-dialog .archive-preview-result{margin-top:20px;padding:17px 19px;border-left:2px solid var(--wine);background:var(--paper-soft);font:400 14px/1.8 var(--sans)}

@media(max-width:1100px){
  .archive-page .lvva-hero{gap:40px;padding-bottom:56px}
  .archive-page .lvva-title{font-size:clamp(39px,4.4vw,55px)}
  .archive-page .lvva-period-panel{padding:21px 22px;margin-block:25px 26px}
  .archive-page .lvva-period{font-size:29px}
  .archive-page .lvva-hero-copy>.source-cta{min-width:0;width:100%;padding-inline:16px}
}
@media(max-width:950px){
  .archive-page .lvva-hero{gap:30px}
  .archive-page .lvva-donation.prose{margin-inline:-20px}
  .archive-page .lvva-title{font-size:39px}
  .archive-page .lvva-period{font-size:26px}
  .archive-page .lvva-location{font-size:12px}
  .archive-page .lvva-period-panel{padding:19px 20px;margin-block:22px 24px}
  .archive-page .lvva-intro.prose,.archive-page .lvva-donation.prose{font-size:17px}
}
@media(max-width:700px){
  .archive-page .lvva-breadcrumb{padding-block:25px 22px}
  .archive-page .lvva-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "photo";gap:30px;padding-bottom:42px}
  .archive-page .lvva-hero-copy{padding:0}
  .archive-page .lvva-hero-copy .folio{margin-bottom:20px}
  .archive-page .lvva-title{font-size:clamp(36px,9vw,50px);line-height:1.1}
  .archive-page .lvva-period-panel{margin-block:24px;padding:21px 22px}
  .archive-page .lvva-period{font-size:27px}
  .archive-page .lvva-hero-copy>.source-cta{width:100%;min-width:0}
  .archive-page .lvva-photo{width:100%;max-width:620px;margin-inline:auto}
  .archive-page .lvva-photo img{position:static;inset:auto;height:auto;aspect-ratio:4/3}
  .archive-page .lvva-letter{padding-block:0 54px}
  .archive-page .lvva-intro.prose{font-size:16px;line-height:1.9}
  .archive-page .lvva-greeting{font-size:27px;margin-bottom:21px}
  .archive-page .lvva-donation.prose{margin:28px -20px 38px;padding:24px 20px 26px;font-size:16px;line-height:1.9}
  .archive-page .lvva-section-title{font-size:32px;margin-bottom:28px}
  .archive-page .lvva-steps{gap:27px}
  .archive-page .lvva-step{padding-left:40px;font-size:16px;line-height:1.9}
  .archive-page .lvva-step:before{font-size:17px;top:2px}
  .archive-page .lvva-russia-payment{padding-left:16px;font-size:14px;margin-top:17px}
  .archive-page .lvva-order-actions{margin-block:30px 36px}
  .archive-page .lvva-order-actions>.source-cta{width:100%;min-width:0;padding-inline:18px}
  .archive-page .lvva-limitation.prose{margin-block:36px 29px;padding-left:20px;font-size:15px;line-height:1.9}
  .archive-page .lvva-signature{margin-block:30px 34px;font-size:15px;line-height:1.9}
  .archive-page .lvva-signature strong{font-size:24px}
  .archive-page .lvva-social{margin-top:36px;font-size:14px}
  .archive-dialog{padding:23px 22px 26px}
  .archive-dialog .archive-modal-title{font-size:29px;margin-top:14px}
}
@media(max-width:520px){
  .archive-dialog .archive-reference-fields{grid-template-columns:minmax(0,1fr);gap:0}
}
@media(max-width:370px){
  .archive-page .lvva-donation.prose{margin-inline:-16px;padding-inline:16px}
  .archive-page .lvva-period-panel{padding-inline:18px}
  .archive-page .lvva-period{font-size:25px}
  .archive-dialog{padding-inline:18px}
  .archive-dialog .archive-modal-title{font-size:27px}
}
@media print{
  .archive-page .lvva-breadcrumb,.archive-page [data-open-archive],.archive-dialog{display:none!important}
  .archive-page .lvva-hero{gap:28px;padding-bottom:30px;break-inside:avoid}
  .archive-page .lvva-letter{padding-bottom:25px}
  .archive-page .lvva-step{break-inside:avoid}
}