.manifesto-page{background:var(--paper);color:var(--paper-ink);caret-color:var(--ink)}
.manifesto-page a:focus-visible{outline:2px solid var(--paper-ink);outline-offset:5px}
.note-header,.note-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:auto;padding:10px 5.55%;min-height:66px}
.note-header .wordmark{display:inline-flex;align-items:center;min-height:44px;font-size:30px}
.return-link{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:14px;text-decoration:none;line-height:1.4}
.return-link svg{width:18px;height:18px;flex:none}
.return-link:hover{text-decoration:underline}
.note-frame{max-width:1440px;margin:0 auto;border:solid transparent;border-width:clamp(210px,40.52vw,584px) clamp(22px,13.81vw,199px) clamp(42px,13.26vw,191px);border-image-source:url('/assets/note-arch.webp');border-image-slice:440 150 144 fill;border-image-repeat:stretch round;scroll-margin-top:16px}
.note-inner{max-width:850px;margin:0 auto;padding:0 clamp(22px,3vw,45px)}
.manifesto-opening{text-align:center}
.manifesto-opening h1{font-size:clamp(38px,5.3vw,64px);line-height:1.06;letter-spacing:-.025em;margin:0 0 26px}
.manifesto-opening p{font-size:17px;line-height:1.8;margin:0 0 18px}
.literary-rule{height:1px;background:#b59a65;position:relative;width:54%;margin:39px auto 38px}
.literary-rule:after{content:"";position:absolute;width:7px;height:7px;background:#967330;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
.manifesto-section{margin:0 0 42px}
.manifesto-section h2{font-size:clamp(31px,3.65vw,44px);line-height:1.12;text-wrap:pretty;margin:0 0 16px}
.manifesto-section p{font-size:17px;line-height:1.85;margin:0 0 19px;color:var(--paper-ink)}
.manifesto-section strong{font-weight:700}
.tolkien-quote{border-left:2px solid #967330;margin:30px 0 0;padding:0 0 0 27px}
.tolkien-quote blockquote{margin:0}
.tolkien-quote blockquote p{font-family:var(--serif);font-style:italic;font-size:25px;line-height:1.35;margin:0 0 14px}
.tolkien-quote strong{font-weight:400}
.tolkien-quote figcaption{font-family:var(--serif);font-size:17px;font-variant:small-caps;letter-spacing:.035em}
.letters{text-align:center;margin-top:45px}
.letters>.literary-rule{width:100%;margin-top:0}
.letters h2{font-size:42px;line-height:1.1;margin:0 0 14px}
.letters>p{font-size:16px;line-height:1.75;margin:0 auto 24px}
.letters>.letters-welcome{margin-bottom:3px}
.letters-action{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;max-width:100%;margin:0 auto 18px;padding:10px 8px;background:transparent;border:0;border-bottom:1px solid #967330;color:var(--paper-ink);font:400 24px/1.2 var(--serif);text-decoration:none;touch-action:manipulation}
.letters-action svg{width:19px;height:19px;flex:none}
.letters-action:hover{border-bottom-color:var(--paper-ink)}
.letters .subscription-note,.letters .socials-note{font-size:13px;line-height:1.7;max-width:560px}
.letters .subscription-note{margin-bottom:10px}
.letters .socials-note{margin-top:32px;margin-bottom:0}
.note-footer{min-height:80px;border-top:1px solid #c6b796;padding-top:12px;padding-bottom:18px}
.note-footer .footer-wordmark{display:inline-flex;align-items:center;min-height:44px;font-size:26px}
@media(min-width:1440px){.manifesto-section p,.manifesto-opening p{font-size:18px}}
@media(max-width:900px){.note-header,.note-footer{padding-left:7%;padding-right:7%}.note-inner{padding:0 22px}.manifesto-section{margin-bottom:34px}.manifesto-section p,.manifesto-opening p{font-size:16px;line-height:1.8}.manifesto-opening h1{margin-bottom:20px}.manifesto-section h2{margin-bottom:13px}.tolkien-quote blockquote p{font-size:23px}}
@media(max-width:600px){
  .note-header,.note-footer{gap:16px;padding-left:6%;padding-right:6%;min-height:76px}
  .note-header .wordmark{font-size:28px}.return-link{font-size:13px;max-width:157px;gap:8px}
  .note-frame{border-width:clamp(160px,40.52vw,243px) 18px 48px}
  .note-inner{padding:0 13px}.manifesto-opening h1{font-size:38px;line-height:1.05;margin-bottom:22px}
  .manifesto-opening p{text-align:left;font-size:16px;line-height:1.8}
  .manifesto-section h2{font-size:32px;line-height:1.08;margin-bottom:17px}
  .manifesto-section p{line-height:1.8}.manifesto-section{margin-bottom:36px}
  .literary-rule{margin-top:32px;margin-bottom:34px}
  .tolkien-quote{padding-left:18px;margin-top:25px}.tolkien-quote blockquote p{font-size:23px;line-height:1.35}
  .letters{margin-top:36px}.letters h2{font-size:36px}.letters>p{font-size:16px}
  .letters-action{margin-top:24px}
  .letters .subscription-note,.letters .socials-note{font-size:13px;line-height:1.75}
  .note-footer .footer-wordmark{font-size:24px}
}
@media(max-width:360px){.note-frame{border-left-width:13px;border-right-width:13px}.note-inner{padding-left:12px;padding-right:12px}.manifesto-opening h1{font-size:35px}.note-header .wordmark{font-size:25px}.return-link{max-width:140px;font-size:12px}.manifesto-section h2{font-size:30px}}
@media(min-width:601px){
  .note-frame{border-bottom-width:clamp(42px,7vw,100px)}
  .manifesto-opening h1{margin-bottom:20px}
  .manifesto-opening p{line-height:1.55;margin-bottom:14px}
  .literary-rule{margin-top:26px;margin-bottom:26px}
  .manifesto-section{margin-bottom:27px}
  .manifesto-section h2{margin-bottom:12px}
  .manifesto-section>p{line-height:1.55;margin-bottom:12px}
  .tolkien-quote{margin-top:22px}
  .letters{margin-top:30px}
  .letters>p{line-height:1.6;margin-bottom:18px}
  .letters-action{margin-top:0;margin-bottom:12px}
  .letters .socials-note{margin-top:22px;margin-bottom:0}
}