@media (max-width: 1100px) {
  .brand {
    width: auto;
  }
  .brand span {
    display: none;
  }
  .site-header nav {
    gap: 13px;
  }
  .hero {
    grid-template-columns: 1fr 1fr;
  }
  .home-wall {
    grid-template-columns: 0.75fr 1.25fr;
    padding-inline: 4vw;
  }
  .wall-preview {
    grid-column: 1/-1;
  }
  .notes {
    max-width: 620px;
    margin: auto;
  }
  .footer-ideas {
    grid-template-columns: 1fr 1fr;
  }
  .footer-ideas blockquote {
    border-left: 0;
  }
}

@media (max-width: 1024px) {
  .book-page .book-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  .book-page .book-detail-cover {
    width: min(72vw, 460px);
  }

  .book-page .book-layout > div:last-child {
    width: min(100%, 680px);
    margin-inline: auto;
  }
}

@media (max-width: 760px) {
  main {
    padding: 7px;
  }
  .torn-paper-section {
    margin-bottom: 18px;
    border-radius: 0;
    transform: none;
    filter:
      drop-shadow(0 1px 0 #f7e9c9b8)
      drop-shadow(1px 4px 4px #3f281a4a);
  }
  .torn-paper-section.hero,
  .torn-paper-section.home-wall,
  .torn-paper-section.home-editorial,
  .torn-paper-section.quote-strip,
  .torn-paper-section.page-hero,
  .torn-paper-section.content-section {
    padding: 42px 22px;
  }
  body {
    font-size: 17px;
  }
  .site-header {
    min-height: 74px;
    padding: 5px 14px;
  }
  .brand img {
    width: 70px;
    height: 62px;
  }
  .menu-toggle {
    display: grid;
    gap: 5px;
    margin-left: auto;
    padding: 14px;
    z-index: 3;
  }
  .menu-toggle span {
    display: block;
    width: 25px;
    height: 1px;
    background: var(--ink);
  }
  .site-header nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 73px;
    background: #f4e4c5;
    display: none;
    flex-direction: column;
    padding: 20px;
    border-bottom: 1px solid var(--line);
  }
  .site-header nav.open {
    display: flex;
  }
  .header-buy {
    display: none;
  }
  .hero {
    grid-template-columns: 1fr;
    padding: 25px 16px;
  }
  .home-wall {
    grid-template-columns: 1fr;
    gap: 25px;
    padding: 42px 16px;
  }
  .wall-intro {
    max-width: 480px;
  }
  .wall-board {
    min-height: 430px;
    padding: 12px;
  }
  .book-stage {
    min-height: 460px;
  }
  .cover-crop {
    width: min(88vw, 420px);
    transform: scale(1.03);
  }
  .hero-copy {
    text-align: center;
  }
  .hero h1 {
    font-size: 45px;
  }
  .buy-list a {
    text-align: left;
  }
  .wall-preview {
    padding: 25px 10px;
  }
  .notes {
    height: 410px;
    max-width: 520px;
  }
  .notes span {
    width: 40%;
    min-height: 106px;
    padding: 26px 20px 18px;
    font-size: 15px;
  }
  .notes span:nth-child(3) {
    left: 30%;
    top: 146px;
  }
  .notes span:nth-child(5) {
    font-size: 14px;
  }
  .home-editorial {
    padding: 12px;
  }
  .card-row {
    display: flex;
    overflow: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 12px;
  }
  .journal-card,
  .event-card {
    min-width: 82vw;
    scroll-snap-align: center;
  }
  .journal-card .art,
  .event-card .art {
    height: 240px;
  }
  .quote-strip {
    gap: 8px;
    font-size: 14px;
  }
.quote-strip span {
  font-size: 28px;
}
.quote-strip > img {
  width: 52px;
}
  .footer-ideas {
    grid-template-columns: 1fr;
    padding: 30px 25px;
  }
  .footer-ideas blockquote {
    font-size: 24px;
    padding: 20px 0;
    border-top: 1px solid var(--line);
  }
  .footer-ideas > div {
    padding-left: 68px;
  }
  .footer-bottom {
    flex-direction: column;
    gap: 12px;
  }
  .footer-bottom div {
    flex-wrap: wrap;
  }
  .page-hero {
    min-height: 245px;
    padding: 45px 15px;
  }
  .page-hero h1 {
    font-size: 49px;
  }
  .content-section {
    padding: 45px 18px;
  }
  .book-page main > .torn-paper-section.content-section {
    width: auto;
    padding: 42px 22px;
  }
  .book-page .book-detail-cover {
    width: min(100%, 390px);
  }
  .author-layout,
  .book-layout,
  .letter-layout {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .author-intro,
  .author-journey {
    width: calc(100% - 28px);
    margin: 20px auto 30px;
    padding: 34px 20px;
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .author-intro-copy { display: contents; }
  .author-intro-heading { order: -2; }
  .author-portrait-mount { order: -1; }
  .author-portrait-mount { min-height: min(128vw, 590px); }
  .author-photo img { min-height: min(128vw, 590px); }
  .author-photo-butterfly { right: -7px; bottom: 10%; }
  .author-intro h1 { font-size: clamp(50px, 16vw, 74px); }
  .author-milestones {
    width: calc(100% - 28px);
    grid-template-columns: 1fr;
    margin-bottom: 30px;
  }
  .author-milestones div {
    min-height: 0;
    padding: 19px 24px;
    border-right: 0;
    border-bottom: 1px solid #80532975;
  }
  .author-milestones div:last-child { border-bottom: 0; }
  .journey-book-art { min-height: 390px; }
  .journey-note { font-size: 15px; padding: 16px 13px; }
  .note-one { left: -6px; }
  .note-two { right: -4px; }
  .timeline {
    grid-template-columns: 1fr 1fr;
  }
  .themes,
  .post-grid,
  .events-list {
    grid-template-columns: 1fr;
  }
  .form-row {
    grid-template-columns: 1fr;
  }
  .letter {
    padding: 25px 18px;
  }
  .event-list-card {
    grid-template-columns: 64px 1fr;
  }
  .public-wall {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
    padding: 32px 20px;
    gap: 26px 18px;
  }
  .public-note {
    width: min(100%, 210px);
    min-width: 0;
    min-height: 150px;
    padding: 34px 24px 22px;
    font-size: 17px;
  }
  .filters {
    gap: 6px;
  }
  .filters button {
    font-size: 10px;
  }
}

@media (max-width: 760px) {
  .author-intro,
  .author-journey {
    width: calc(100% - 18px);
    margin: 9px auto 0;
    padding: 30px 19px 34px;
    gap: 30px;
  }
  .author-intro { min-height: 0; }
  .author-portrait-mount {
    min-height: min(80vw, 430px);
    margin: 10px 8px 25px;
  }
  .author-photo-sheet { inset: -13px -14px -14px 11px; }
  .author-photo { padding: 5px; }
  .author-photo-rose { left: -31px; bottom: -31px; width: 120px; }
  .author-photo-butterfly { top: -18px; right: -12px; width: 70px; }
  .author-intro h1 { font-size: clamp(51px, 16vw, 76px); }
  .author-byline { margin-top: 14px; font-size: 22px; }
  .author-divider::before,
  .author-divider::after { width: 62px; }
  .author-bio p { font-size: 16px; line-height: 1.4; }
  .author-milestones {
    width: calc(100% - 18px);
    margin: 0 auto 10px;
  }
  .author-milestones div { padding: 16px 18px 15px 66px; text-align: left; }
  .author-milestones div::before { left: 22px; font-size: 32px; }
  .author-milestones strong { font-size: 37px; }
  .author-milestones span { font-size: 11px; }
  .author-milestones p { font-size: 14px; }
  .author-journey { margin-bottom: 16px; }
  .journey-book-art { min-height: 360px; }
  .journey-book-art > img:first-child { width: 250px; }
  .journey-note { font-size: 15px; }
  .note-one { left: -6px; top: 5%; }
  .note-two { right: -5px; top: 36%; }
  .journey-rose { width: 100px; }
  .preorder-modal { padding: 8px; }
  .preorder-dialog { max-height: 96vh; padding: 34px 19px 25px; }
  .preorder-close { top: 14px; right: 15px; }
  .edition-grid,
  .preorder-layout { grid-template-columns: 1fr; }
  .edition-card {
    display: flex;
    min-height: 166px;
    padding: 17px;
  }
  .edition-card small { margin-top: 7px; }
  .order-summary { order: -1; }
}

@media (min-width: 761px) and (max-width: 1050px) {
  .edition-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 761px) and (max-width: 980px) {
  .author-intro,
  .author-journey {
    width: calc(100% - 34px);
    grid-template-columns: 1fr;
    padding: 42px 44px;
    gap: 44px;
  }
  .author-portrait-mount {
    width: min(100%, 620px);
    min-height: 470px;
    margin-inline: auto;
  }
  .author-photo img { min-height: 0; }
  .author-intro-copy,
  .journey-copy { max-width: 620px; }
  .author-milestones { width: calc(100% - 50px); }
  .author-milestones div { padding-left: 64px; }
  .author-milestones div::before { left: 20px; }
}

/* Never crop the author portrait at smaller breakpoints. */
@media (max-width: 980px) {
  .author-portrait-mount {
    min-height: 0;
    height: auto;
  }
  .author-photo { height: auto; }
  .author-photo img {
    height: auto;
    min-height: 0;
    object-fit: contain;
    object-position: center;
  }
  .author-photo-butterfly { width: clamp(52px, 14vw, 70px); }
  .victorian-corner { width: clamp(70px, 22vw, 106px); }
  .corner-top-left { top: -17px; left: -17px; }
  .corner-top-right { top: -17px; right: -17px; }
  .corner-bottom-left { bottom: -17px; left: -17px; }
  .corner-bottom-right { right: -17px; bottom: -17px; }
}
@media (max-width: 420px) {
  .notes {
    height: 420px;
  }
  .notes span {
    width: 44%;
    font-size: 14px;
    padding-inline: 16px;
  }
  .notes span:nth-child(3) {
    left: 28%;
  }
  .notes span:nth-child(4) {
    bottom: 12px;
  }
  .notes span:nth-child(5) {
    bottom: 10px;
    padding-inline: 14px;
    font-size: 13px;
  }
  .public-note {
    width: min(100%, 250px);
    min-height: 156px;
  }
  .public-wall {
    grid-template-columns: 1fr;
    padding-inline: 24px;
  }
}