@font-face{font-family:MirancleHalloween;src:url('./mirancle-halloween-script.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.mirancle-autumn-wrapper:has(.mirancle-halloween-slide.is-selected){height:41.66vw;padding-bottom:0}
.mirancle-halloween-slide{isolation:isolate;overflow:hidden;background:#eee7dc;color:#49352c}
.mirancle-halloween-photo{position:absolute;inset:0}
.mirancle-halloween-photo picture,.mirancle-halloween-photo img{display:block;width:100%;height:100%;object-fit:contain}
.mirancle-halloween-content{position:relative;height:100%;display:flex;align-items:flex-start}
.mirancle-halloween-copy{margin-left:10.5%;width:23%;padding:4vw 0 0;text-align:left}
.mirancle-halloween-copy h2{font-family:MirancleHalloween,cursive!important;font-weight:400!important;font-style:normal;font-size:clamp(46px,5vw,88px);line-height:.95;letter-spacing:0;text-transform:none;margin:0 0 21px;text-wrap:balance}
.mirancle-halloween-moon{display:block;font:32px/1 Georgia,serif;margin:0 0 9px 18px;color:#684c37}
.mirancle-halloween-copy p{font-size:clamp(11px,1vw,16px);line-height:1.7;margin:0 0 21px;max-width:250px}
.mirancle-halloween-copy a{display:inline-block;color:inherit;font:italic clamp(17px,1.5vw,24px)/1.4 Georgia,serif;text-decoration:none;border-bottom:1px solid #97652d;padding-bottom:5px}
.mirancle-halloween-copy a span{font-style:normal;margin-left:12px;color:#97652d}
.mirancle-halloween-copy a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:768px){
 .mirancle-autumn-wrapper:has(.mirancle-halloween-slide.is-selected){height:calc(290px + 124.96vw);padding-bottom:0}
 .mirancle-halloween-photo{top:290px}
 .mirancle-halloween-content{height:290px;justify-content:center;align-items:center;background:#f6f1e8}
 .mirancle-halloween-copy{margin:0;width:100%;padding:20px 22px;text-align:center}
 .mirancle-halloween-copy h2{font-size:64px;line-height:.92;max-width:350px;margin:0 auto 15px}
 .mirancle-halloween-moon{font-size:25px;margin:0 0 6px}
 .mirancle-halloween-copy p{font-size:12px;line-height:1.65;max-width:330px;margin:0 auto 13px}
 .mirancle-halloween-copy a{font-size:20px}
}