@media(max-width:720px){
  .page{padding:30px 0 55px}
  .top{margin-bottom:35px}
  .brand{display:none}
  .cards{grid-template-columns:1fr;gap:20px}
  .flip,.inner{min-height:440px}
  .backface{padding:35px 25px}
  .backface h2{font-size:27px}
  .backface p{font-size:16px}
  .subtitle{font-size:16px}
}

@media(max-width:720px){
  .backface{padding:34px 24px !important}
  .backface p{font-size:16px;line-height:1.65}
  .contact{margin-top:52px;padding-left:15px;padding-right:15px}
  .contact h2{font-size:29px}
}

@media(max-width:650px){.more-author{padding:24px 16px}.more-author-form{flex-direction:column}.more-author-submit{height:43px}}

@media(max-width:900px){.author-topnav>a,.author-contact-btn{font-size:11px;padding:9px 9px;letter-spacing:.10em}}

@media(max-width:720px){.author-topbar-inner{width:calc(100% - 12px);min-height:58px}.author-topnav{gap:1px}.author-topnav>a,.author-contact-btn{font-size:9px;padding:8px 6px;letter-spacing:.06em}.author-contact-panel{right:-3px;width:215px}}

@media(max-width:420px){.author-topbar-inner{width:100%;padding:0 3px}.author-topnav>a,.author-contact-btn{font-size:8px;padding:8px 4px;letter-spacing:.035em}.author-contact-btn span{font-size:11px;margin-left:3px}}

@media(max-width:720px){
 .author-topbar-inner{width:calc(100% - 10px);min-height:58px}
 .author-topnav{gap:1px;justify-content:space-between}
 .author-topnav>a,.author-contact-btn{font-size:9px;letter-spacing:.045em;padding:8px 5px}
 h1{font-size:clamp(52px,15vw,82px)!important;line-height:.92}
 .subtitle{font-size:18px;line-height:1.25}
}

@media(max-width:420px){
 .author-topbar-inner{width:100%;padding:0 3px}
 .author-topnav>a,.author-contact-btn{font-size:8px;letter-spacing:.02em;padding:8px 4px}
 h1{font-size:48px!important}
 .subtitle{font-size:17px}
}

@media(max-width:720px){body{padding-top:58px}}