@import url("version-1-opening.css");
.mona-intro { position:relative; overflow:hidden; display:block; padding:60px 0 64px; text-align:center; background:var(--snow); }
.mona-intro__content { position:relative; z-index:1; max-width:850px; margin:0 auto; padding:0 30px; }
.mona-intro h2 { margin:0 0 20px; font-size:clamp(60px,6.5vw,94px); }
.mona-intro__story { margin:0; font-size:clamp(25px,2.5vw,36px); line-height:1.4; }
.mona-intro__portrait { position:relative; width:min(100%,900px); margin:20px auto 0; }
.mona-intro__portrait img { display:block; width:100%; height:auto; mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 94%,transparent 100%); -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 94%,transparent 100%); }
.mona-intro__close { position:relative; z-index:1; margin:12px auto 0; padding:0 26px; }
.mona-intro__invitation { margin:0; font-size:clamp(29px,3.2vw,46px); line-height:1.2; }
.mona-intro__link { margin-top:20px; }
@media(max-width:760px) {
 .mona-intro { padding:52px 0 56px; }
 .mona-intro__content { padding-inline:26px; }
 .mona-intro h2 { margin-bottom:18px; }
 .mona-intro__story { font-size:25px; }
 .mona-intro__portrait { margin-top:12px; }
 .mona-intro__close { margin-top:12px; }
}