/* User's annotated correction: only one illustration, no second blurred
   painting behind the story and no dark text card. */
.intro {background:#f0f0de!important;overflow:visible;grid-template-columns:47% 53%;}
.intro .nature-diary {overflow:visible;background:transparent;height:660px;min-height:660px!important;z-index:2;}
.intro .author-art {object-fit:cover;object-position:50% 44%;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 79%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 79%,transparent 100%);}
.intro .intro-content {background:transparent!important;color:#2d5366;min-height:660px;padding:65px 11% 75px 6%;text-shadow:none;}
.intro .intro-content::before {display:none!important;}
.intro .intro-content h2 {color:#2d5366;}
.intro .intro-content h2 em,.intro .intro-content .intro-hello {color:#43758e;}
.intro .intro-content>p:not(.intro-hello) {color:#315267;}
.intro .intro-tags span,.intro .intro-tags span:nth-child(2),.intro .intro-tags span:nth-child(3) {background:#d9eaf0;border-color:#90b6c2;color:#2d5366;}
.intro>.section-number {color:#3b6478;}
.intro::before {background:radial-gradient(circle at 25px 31px,#f0f0de 25px,transparent 26px) 0 0/50px 31px repeat-x;}
.hero::after {background:radial-gradient(circle at 24px 31px,#f0f0de 24px,transparent 25px) 0 0/48px 30px repeat-x;}
@media(max-width:1000px){.intro .nature-diary {height:610px;min-height:610px!important}.intro .intro-content {min-height:610px;padding:65px 7%}}
@media(max-width:650px){
  .intro {display:flex;flex-direction:column;background:#f0f0de!important;}
  .intro .nature-diary {height:355px;min-height:0!important;overflow:hidden;}
  .intro .author-art {-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 24%,#000 100%);mask-image:linear-gradient(0deg,transparent 0%,#000 24%,#000 100%);object-position:center 37%;}
  .intro .intro-content {min-height:0;padding:20px 7% 73px;background:transparent!important;}
  .intro>.section-number {top:15px;right:6%;}
}