@media(max-width:900px){

    .vtdz_intro_scene{
        height:100svh;
        min-height:560px;
    }

    .vtdz_main_photo{
        width:150px;
        height:150px;
    }

    .vtdz_polaroid{
        padding:7px;
        border-radius:17px;
    }

    .vtdz_polaroid img{
        border-radius:11px;
    }

    .vtdz_polaroid.wide{
        width:150px;
        height:104px;
    }

    .vtdz_polaroid.portrait{
        width:104px;
        height:150px;
    }

    .vtdz_polaroid.square{
        width:122px;
        height:122px;
    }

    .photo1{
        top:28%;
        left:27%;
        rotate:-12deg;
    }

    .photo2{
        top:28%;
        left:73%;
        rotate:10deg;
    }

    .photo3{
        top:72%;
        left:28%;
        rotate:8deg;
    }

    .photo4{
        top:72%;
        left:72%;
        rotate:-9deg;
    }

    .photo5{
        top:50%;
        left:14%;
        rotate:-7deg;
    }

    .photo6{
        top:50%;
        left:86%;
        rotate:7deg;
    }
}

@media(max-width:520px){

    .vtdz_intro_scene{
        height:100svh;
        min-height:520px;
    }

    .vtdz_main_photo{
        width:112px;
        height:112px;
    }

    .vtdz_polaroid{
        padding:6px;
        border-radius:15px;
    }

    .vtdz_polaroid img{
        border-radius:10px;
    }

    .vtdz_polaroid.wide{
        width:96px;
        height:68px;
    }

    .vtdz_polaroid.portrait{
        width:68px;
        height:96px;
    }

    .vtdz_polaroid.square{
        width:82px;
        height:82px;
    }

    .photo1{
        top:30%;
        left:25%;
        rotate:-11deg;
    }

    .photo2{
        top:30%;
        left:75%;
        rotate:10deg;
    }

    .photo3{
        top:69%;
        left:27%;
        rotate:8deg;
    }

    .photo4{
        top:69%;
        left:73%;
        rotate:-9deg;
    }

    .photo5{
        top:50%;
        left:13%;
        rotate:-7deg;
    }

    .photo6{
        top:50%;
        left:87%;
        rotate:7deg;
    }
}

@media(max-width:380px){

    .vtdz_main_photo{
        width:100px;
        height:100px;
    }

    .vtdz_polaroid.wide{
        width:84px;
        height:60px;
    }

    .vtdz_polaroid.portrait{
        width:60px;
        height:84px;
    }

    .vtdz_polaroid.square{
        width:72px;
        height:72px;
    }

    .photo1{
        left:26%;
    }

    .photo2{
        left:74%;
    }

    .photo5{
        left:14%;
    }

    .photo6{
        left:86%;
    }
}
@media(max-width:768px){

    .mtgb_upbar{
        height:66px;
        padding:0 16px;
    }

    .mtgb_upbar.is-scrolled{
        top:12px;
        left:14px;
        right:14px;

        height:58px;
        padding:0 12px;

        border-radius:22px;
    }

    .mtgb_upbar_btn{
        width:40px;
        height:40px;
        border-radius:14px;
    }

    .mtgb_logo{
        padding:6px 10px 6px 7px;
        gap:7px;
    }

    .mtgb_logo_balloon{
        width:30px;
        height:30px;
    }

    .mtgb_logo_balloon svg{
        width:20px;
        height:20px;
    }

    .mtgb_logo_text{
        font-size:21px;
    }
}
@media(max-width:768px){

    .mtgb_side_menu{
        top:0;
        left:0;
        right:0;
        bottom:0;

        width:100%;
        max-width:none;

        border-radius:0;

        padding:22px;

        background:rgba(18,18,24,0.58);

        backdrop-filter:blur(34px) saturate(170%);
        -webkit-backdrop-filter:blur(34px) saturate(170%);

        transform:translateX(-100%);
    }

    .mtgb_side_menu_top{
        margin-top:8px;
        margin-bottom:34px;
    }

    .mtgb_side_menu_links{
        gap:12px;
    }

    .mtgb_side_menu_links a,
    .mtgb_menu_contact{
        min-height:56px;
        font-size:19px;
        border-radius:20px;
        padding:0 18px;
    }

    .mtgb_menu_close{
        width:46px;
        height:46px;
        border-radius:16px;
    }
}
@media(max-width:768px){

    .mtgb_contact_modal{
        padding:14px;
    }

    .mtgb_contact_modal_inner{
        max-width:none;
        border-radius:28px;
        padding:20px;
        margin:auto;
    }

    .mtgb_contact_modal_top h2{
        font-size:25px;
    }

    .mtgb_contact_modal_top p{
        font-size:15px;
    }

    .mtgb_contact_form textarea{
        min-height:170px;
        border-radius:20px;
    }

    .mtgb_contact_actions{
        flex-direction:column-reverse;
    }

    .mtgb_contact_actions button{
        width:100%;
        min-height:50px;
        border-radius:18px;
    }
}
@media(max-height:700px){

    .mtgb_contact_modal{
        align-items:flex-start;
    }

    .mtgb_contact_modal_inner{
        margin-top:20px;
        margin-bottom:20px;
    }

}
@media(max-width:768px){

    .mtgb_story_section{
        padding:100px 20px;
        min-height:auto;
    }

    .mtgb_story_wrap{
        grid-template-columns:1fr;
        gap:34px;
    }

    .mtgb_story_photo{
        border-radius:28px;
        padding:10px;
        transform:rotate(-2deg) translateY(30px) scale(.96);
    }

    .mtgb_story_photo img{
        border-radius:20px;
    }

    .mtgb_story_text h2{
        font-size:34px;
    }

    .mtgb_story_text p{
        font-size:17px;
    }

    .mtgb_story_pill{
        bottom:18px;
        width:calc(100% - 48px);
        min-width:0;
        max-width:420px;
        padding:11px 11px 11px 18px;
    }

    .mtgb_story_pill_text{
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .mtgb_story_pill.is-close{
        min-width:58px;
        width:58px;
        height:58px;
        bottom:18px;
    }

    .mtgb_story_drawer{
        height:84vh;
    }

    .mtgb_story_drawer_inner{
        width:100%;
        padding:28px 22px;
        border-radius:34px 34px 0 0;
    }

    .mtgb_story_drawer_inner h2{
        font-size:31px;
    }
}
@media(max-width:768px){

    .mtgb_botez_cover{
        height:260px;
        margin:-28px -22px 28px -22px;

        border-radius:34px 34px 28px 28px;
    }

    .mtgb_botez_content h2{
        font-size:31px;
    }

    .mtgb_botez_content p{
        font-size:16px;
        line-height:1.65;
    }

    .mtgb_botez_gallery{
        grid-template-columns:repeat(2, 1fr);
        gap:14px;
        margin-top:28px;
    }

    .mtgb_botez_polaroid{
        padding:7px;
        border-radius:18px;
    }

    .mtgb_botez_polaroid img{
        border-radius:12px;
    }

    .mtgb_botez_polaroid.large,
    .mtgb_botez_polaroid.small,
    .mtgb_botez_polaroid.tall,
    .mtgb_botez_polaroid.wide{
        grid-column:span 1;
        height:160px;
    }

    .mtgb_botez_polaroid.tall{
        height:210px;
    }

    .mtgb_botez_polaroid.wide{
        grid-column:span 2;
        height:180px;
    }

    .mtgb_botez_polaroid.rotate{
        margin-top:0;
    }

    .mtgb_botez_more{
        width:100%;
        justify-content:space-between;
        box-sizing:border-box;
    }
}
@media(max-width:768px){

    .mtgb_drawer_upbar{
        top:10px;
        max-width:calc(100% - 28px);
        padding:9px 9px 9px 16px;
    }

    .mtgb_drawer_upbar span{
        font-size:15px;
    }

    .mtgb_drawer_upbar_arrow{
        width:36px;
        height:36px;
    }
}
@media(max-width:768px){

    .mtgb_ending_section{
        min-height:75vh;
        padding:90px 20px;
    }

    .mtgb_ending_card{
        padding:30px 22px;
        border-radius:30px;
    }

    .mtgb_ending_card h2{
        font-size:32px;
    }

    .mtgb_ending_card p{
        font-size:16px;
    }
}
@media(max-width:768px){

    .mtgb_story_text_only p{
        font-size:17px;
        line-height:1.8;
    }

}
@media(max-width:768px){

    .mtgb_footer{
        padding:28px 16px 36px 16px;
    }

    .mtgb_footer_inner{
        flex-direction:column;
        text-align:center;
        padding:26px 20px;
        border-radius:30px;
    }

    .mtgb_footer_message{
        max-width:320px;
    }

    .mtgb_footer_mami{
        align-items:center;
    }
}
@media(max-width:768px){

    .mtgb_footer{
        padding:28px 16px 36px 16px;
    }

    .mtgb_footer_inner{
        flex-direction:column;
        text-align:center;

        padding:26px 20px;

        border-radius:30px;
    }

    .mtgb_footer_message{
        max-width:320px;
    }

    .mtgb_footer_mami{
        align-items:center;
    }

    .mtgb_footer_logo_wordmark{
        width:170px;
        height:32px;
    }
}
@media(max-width:900px){

    .mtgb_botez_page{
        padding:110px 16px 50px 16px;
    }

    .mtgb_botez_hero{
        margin-bottom:46px;
    }

    .mtgb_botez_hero h1{
        font-size:38px;
    }

    .mtgb_botez_hero p{
        font-size:16px;
        line-height:1.65;
    }

    .mtgb_botez_gallery_page{
        grid-template-columns:repeat(2, 1fr);
        gap:15px;
    }

    .mtgb_botez_gallery_item{
        min-height:190px;
        padding:7px;
        border-radius:20px;
    }

    .mtgb_botez_gallery_item img{
        border-radius:14px;
    }

    .mtgb_botez_gallery_item:nth-child(5n),
    .mtgb_botez_gallery_item:nth-child(9n){
        grid-column:auto;
        grid-row:auto;
    }

    .mtgb_botez_gallery_item:nth-child(7n){
        min-height:230px;
    }

    .mtgb_lightbox{
        padding:12px;
    }

    .mtgb_lightbox_frame{
        padding:7px;
        border-radius:24px;
        max-width:96vw;
    }

    .mtgb_lightbox_frame img{
        border-radius:18px;
        max-height:82vh;
    }

    .mtgb_lightbox_close{
        top:14px;
        right:14px;
        width:46px;
        height:46px;
        border-radius:16px;
    }
}
@media(max-width:900px){

    .mtgb_botez_video_card{
        grid-column:span 2;
        padding:9px;
        border-radius:24px;
    }

    .mtgb_botez_video_header{
        padding:8px 8px 12px 8px;
    }

    .mtgb_botez_video_header h2{
        font-size:22px;
    }

    .mtgb_botez_video_wrap{
        border-radius:18px;
    }

    .mtgb_botez_video_wrap video{
        border-radius:18px;
    }
}
@media(max-width:900px){

    .mtgb_download_pill{
        width:calc(100% - 48px);
        min-width:0;
        max-width:420px;

        bottom:18px;
        padding:11px 11px 11px 18px;
    }

    .mtgb_download_pill_text{
        overflow:hidden;
        text-overflow:ellipsis;
        font-size:15px;
    }
}
@media(max-width:768px){

    .mtgb_download_modal{
        padding:14px;
    }

    .mtgb_download_modal_inner{
        padding:24px 20px;
        border-radius:26px;
    }

    .mtgb_download_actions{
        flex-direction:column-reverse;
    }

    .mtgb_download_actions button,
    .mtgb_download_actions a{
        width:100%;
        box-sizing:border-box;
    }
}
@media(max-width:1000px){

    .mtgb_mami_title{
        font-size:48px;
    }

    .mtgb_mami_text{
        font-size:19px;
        line-height:1.8;
    }

    .mtgb_mami_gallery{
        grid-template-columns:repeat(2, 1fr);
    }
}

@media(max-width:768px){

    .mtgb_mami_page{
        width:calc(100% - 22px);

        margin:120px auto 90px auto;
    }

    .mtgb_mami_hero{
        border-radius:30px;
    }

    .mtgb_mami_hero_image{
        height:340px;
    }

    .mtgb_mami_content{
        padding:28px 22px;
    }

    .mtgb_mami_title{
        font-size:38px;
        line-height:1.05;
    }

    .mtgb_mami_text{
        font-size:17px;
        line-height:1.75;
    }

    .mtgb_mami_link{
        width:100%;
        box-sizing:border-box;
    }

    .mtgb_mami_gallery{
        grid-template-columns:1fr;
        gap:24px;

        margin-top:42px;
    }
}
@media(max-width:950px){

    .mtgb_tati_hero{
        padding:38px;
        border-radius:36px;
    }

    .mtgb_tati_hero h1{
        font-size:46px;
    }

    .mtgb_tati_intro{
        font-size:18px;
    }

    .mtgb_tati_cards{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .mtgb_tati_page{
        width:calc(100% - 22px);
        margin:120px auto 90px auto;
    }

    .mtgb_tati_hero{
        padding:28px 22px;
        border-radius:30px;
    }

    .mtgb_tati_hero h1{
        font-size:38px;
        line-height:1.06;
    }

    .mtgb_tati_intro{
        font-size:17px;
        line-height:1.75;
    }

    .mtgb_tati_card{
        min-height:auto;
        padding:22px;
        border-radius:26px;
    }

    .mtgb_tati_note{
        padding:24px;
        border-radius:28px;
    }

    .mtgb_tati_note p{
        font-size:17px;
        line-height:1.75;
    }
}
@media(max-width:768px){

    .mtgb_birthday_countdown{
        top:calc(50% + 138px);
        width:calc(100% - 34px);
        gap:11px;
    }

    .mtgb_birthday_text{
        font-size:14px;
        padding:8px 14px;
    }

    .mtgb_birthday_units{
        gap:8px;
    }

    .mtgb_birthday_balloon{
        min-height:78px;
    }

    .mtgb_birthday_balloon strong{
        font-size:24px;
    }

    .mtgb_birthday_balloon span{
        font-size:11px;
    }
}

@media(max-width:430px){

    .mtgb_birthday_countdown{
        top:calc(50% + 106px);
    }

    .mtgb_birthday_units{
        grid-template-columns:repeat(4, 1fr);
    }

    .mtgb_birthday_balloon{
        min-height:70px;
        border-radius:48% 48% 44% 44%;
    }

    .mtgb_birthday_balloon strong{
        font-size:21px;
    }

    .mtgb_birthday_balloon span{
        font-size:10px;
    }
}
@media(max-width:768px){

    .mtgb_upbar_countdown{
        padding:8px 10px;
        gap:4px;

        font-size:12px;
    }

    .mtgb_upbar_countdown span{
        min-width:17px;
    }
}

@media(max-width:380px){

    .mtgb_upbar_countdown{
        font-size:11px;
        padding:7px 8px;
        max-width:120px;
    }

    .mtgb_upbar_countdown span{
        min-width:15px;
    }
}
@media(max-width:768px){

    .mtgb_upbar_countdown{
        left:auto;
        right:64px;
        top:50%;

        transform:translateY(-50%) scale(.92);

        padding:7px 10px;
        gap:3px;

        font-size:11px;

        max-width:none;
    }

    .mtgb_upbar_countdown.is-visible{
        transform:translateY(-50%) scale(1);
    }

    .mtgb_upbar_countdown span{
        min-width:15px;
    }

}
@media (max-width:768px){

    .mtgb_404_box{
        padding:42px 28px;
        border-radius:32px;
    }

    .mtgb_404_text{
        font-size:17px;
        line-height:1.7;
    }

    .mtgb_404_btn{
        width:100%;
        justify-content:space-between;
    }

}