/* The user's art-direction reference: one uninterrupted illustration with
   story typography directly on the dark negative space of the painting. */
.hero::after {display:none!important;}
.intro {display:block!important;position:relative;min-height:760px!important;height:auto;background:#383b2c url('assets/koza-illustration-v2.png') center 51%/cover no-repeat!important;overflow:visible;isolation:isolate;}
.intro::before {content:'';display:block;position:absolute;pointer-events:none;z-index:6;top:-26px;left:0;right:0;height:32px;background:radial-gradient(circle at 24px 30px,#3b3b2d 24px,transparent 25px) 0 0/48px 32px repeat-x;}
.intro .nature-diary {display:none!important;}
.intro .intro-content {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:3;width:49%;min-height:760px!important;margin:0 3.5% 0 auto;padding:105px 5% 100px 1%;background:none!important;text-shadow:0 2px 9px #222b1b6b;color:#f0f0de;}
.intro .intro-content::before {display:none!important;}
.intro .intro-content h2 {font-family:'Yeseva One',Georgia,serif;font-size:clamp(37px,3.45vw,62px);line-height:1.17;color:#f0f0de;letter-spacing:-.04em;}
.intro .intro-content h2 em {color:#d0e9fa;}
.intro .intro-content .intro-hello {font-family:'Yeseva One',Georgia,serif;font-size:clamp(19px,1.7vw,27px);line-height:1.42;color:#f0f0de;margin:22px 0 8px;}
.intro .intro-content>p:not(.intro-hello) {color:#f6f4e9;font-size:13px;line-height:1.8;margin:13px 0 0;max-width:540px;}
.intro .intro-tags {gap:8px;margin-top:24px;}
.intro .intro-tags span,.intro .intro-tags span:nth-child(2),.intro .intro-tags span:nth-child(3) {background:#edf3e8e3;color:#42423a;border-color:#f0f0deaa;text-shadow:none;font-size:9px;}
.intro>.section-number {position:absolute;right:6%;top:50px;color:#f0f0de;text-shadow:0 2px 8px #222b1b77;}
@media(max-width:1000px) {
  .intro {min-height:720px!important;background-position:center 54%!important;}
  .intro .intro-content {min-height:720px!important;width:52%;margin-right:2%;padding-right:4%;}
  .intro .intro-content h2 {font-size:clamp(35px,4vw,51px);}
}
@media(max-width:650px) {
  .intro {min-height:720px!important;background-position:37% 48%!important;background-size:auto 100%!important;}
  .intro::before {top:-19px;height:25px;background:radial-gradient(circle at 18px 23px,#3b3b2d 18px,transparent 19px) 0 0/36px 25px repeat-x;}
  .intro::after {display:none;}
  .intro .intro-content {width:auto;min-height:720px!important;margin:0;padding:260px 7% 60px;justify-content:flex-end;background:linear-gradient(0deg,#252a1fef 0%,#252a1fbb 54%,transparent 86%)!important;text-shadow:0 1px 5px #111d10ab;}
  .intro .intro-content h2 {font-size:clamp(34px,8.5vw,48px);}
  .intro .intro-content .intro-hello {font-size:19px;}
  .intro .intro-content>p:not(.intro-hello) {font-size:12px;line-height:1.65;}
  .intro>.section-number {top:30px;right:6%;}
}