/* =====================================
   Statistics Section
===================================== */


.statistics-section{


    background:#fff;

    padding:120px 0;


    color:#000;


}



.statistics-header{


    text-align:center;

    margin-bottom:80px;


}



.statistics-header h2{


    font-size:48px;

    font-weight:700;

    letter-spacing:-1px;


}



.statistics-header p{


    margin-top:20px;

    font-size:20px;

    color:#666;


}





.statistics-row{


    text-align:center;


}





.stat-item h3{


    font-size:64px;

    font-weight:700;

    margin-bottom:15px;


}





.stat-item p{


    font-size:18px;

    color:#555;


}


/* =====================================
   Museum Story Section
===================================== */


.museum-story-section{


    padding:140px 0;

    background:#f5f5f5;


}




.museum-image img{


    width:100%;

    height:550px;

    object-fit:cover;

    border-radius:20px;


}





.museum-content{


    padding-left:60px;


}




.section-label{


    font-size:16px;

    color:#777;

    letter-spacing:2px;

    text-transform:uppercase;


}





.museum-content h2 {

    margin-top:20px;

    font-size:35px;

    line-height:1.4;

    font-weight:700;

    letter-spacing:-2px;

    word-break:keep-all;

}


.museum-content p {

    margin-top:30px;

    font-size:18px;

    line-height:2;

    color:#555;

    word-break:keep-all;

}


.story-button{


    display:inline-block;


    margin-top:35px;


    padding:14px 35px;


    background:#000;


    color:white;


    border-radius:30px;


    text-decoration:none;


}


.story-button:hover{


    background:#333;


}


/* =====================================
   Collections Section
===================================== */


.collections-section{


    padding:140px 0;

    background:#fff;


}




.collections-header{


    text-align:center;

    margin-bottom:70px;


}




.collections-header h2{


    font-size:52px;

    font-weight:700;

    letter-spacing:-2px;


}




.collections-header p{


    margin-top:20px;

    font-size:20px;

    color:#666;


}





.collection-card{


    background:#fff;


    border-radius:25px;


    overflow:hidden;


    box-shadow:

    0 20px 50px rgba(0,0,0,.08);


    transition:.3s;


    height:100%;

    display:flex;

    flex-direction:column;


}


.collection-card:hover{


    transform:translateY(-10px);


}





.collection-card img{


    width:100%;


    height:420px;


    object-fit:cover;


}




.collection-content{


    padding:35px;


}





.collection-content h3{


    font-size:36px;


    font-weight:700;


}





.collection-content p{


    margin-top:15px;


    color:#666;


    font-size:17px;


    line-height:1.7;


}





.collection-content a{


    display:inline-block;


    margin-top:25px;


    color:#000;


    font-weight:600;


    text-decoration:none;


}



.collection-content a:hover{


    opacity:.5;


}

/* =====================================
   Featured Exhibition
===================================== */


.exhibition-section{


    padding:140px 0;

    background:#f5f5f5;


}




.exhibition-header{


    text-align:center;

    margin-bottom:70px;


}



.exhibition-header h2{


    font-size:52px;

    font-weight:700;

    letter-spacing:-2px;


}



.exhibition-header p{


    margin-top:20px;

    color:#666;

    font-size:20px;


}




.exhibition-banner{


    position:relative;

    height:700px;

    border-radius:30px;

    overflow:hidden;


}





.exhibition-banner img{


    width:100%;

    height:100%;

    object-fit:cover;


}





.exhibition-overlay{


    position:absolute;

    inset:0;


    display:flex;

    align-items:center;

    justify-content:center;


    background:

    rgba(0,0,0,.45);


    color:white;


}





.exhibition-content{


    text-align:center;

    max-width:700px;


}




.exhibition-content span{


    font-size:18px;

    letter-spacing:3px;

    text-transform:uppercase;


    opacity:.8;


}





.exhibition-content h3{


    margin-top:25px;


    font-size:64px;


    font-weight:700;


    letter-spacing:-2px;


}




.exhibition-content p{


    margin-top:25px;


    font-size:20px;

    line-height:1.7;


}





.exhibition-date{


    margin-top:30px;


    font-size:22px;


}





.exhibition-button{


    display:inline-block;


    margin-top:40px;


    padding:15px 40px;


    background:white;


    color:black;


    border-radius:30px;


    text-decoration:none;


    font-weight:600;


}



.exhibition-button:hover{


    transform:translateY(-3px);


}


/* =====================================
   History Timeline
===================================== */


.timeline-section{


    padding:140px 0;

    background:#fff;


}



.timeline-header{


    text-align:center;

    margin-bottom:90px;


}



.timeline-header h2{


    font-size:52px;

    font-weight:700;

    letter-spacing:-2px;


}



.timeline-content p{

    text-align:left;

    word-break:keep-all;

    line-height:1.7;

}




.timeline{


    position:relative;

    max-width:900px;

    margin:auto;


}





/* Center Line */


.timeline::before{


    content:"";

    position:absolute;


    left:50%;


    top:0;


    width:2px;


    height:100%;


    background:#ddd;


}





.timeline-item{


    width:50%;

    padding:30px 50px;


    position:relative;


}





.timeline-item:nth-child(odd){


    left:0;


    text-align:left;


}



.timeline-item:nth-child(even){


    left:50%;


}





.timeline-content{


    background:#f5f5f5;


    padding:35px;


    border-radius:25px;


}





.timeline-content span{


    font-size:14px;


    color:#777;


    letter-spacing:2px;


}





.timeline-content h3{


    margin-top:15px;


    font-size:28px;


    font-weight:700;


}





.timeline-content p{


    margin-top:15px;


    color:#555;


    line-height:1.7;


}



/* =====================================
   Virtual Museum Section
===================================== */


.virtual-section{


    padding:140px 0;


    background:#000;


}





.virtual-wrapper{


    position:relative;


    height:700px;


    overflow:hidden;


    border-radius:30px;


}




.virtual-wrapper img{


    width:100%;


    height:100%;


    object-fit:cover;


}




.virtual-overlay{


    position:absolute;


    inset:0;


    background:

    rgba(0,0,0,.55);



    display:flex;


    justify-content:center;


    align-items:center;


}





.virtual-content{


    text-align:center;


    color:white;


    max-width:700px;


}





.virtual-content span{


    font-size:16px;


    letter-spacing:3px;


    opacity:.8;


}





.virtual-content h2{


    margin-top:25px;


    font-size:56px;


    font-weight:700;


    line-height:1.3;


    letter-spacing:-2px;


}





.virtual-content p{


    margin-top:25px;


    font-size:20px;


    line-height:1.8;


    opacity:.9;


}





.virtual-button{


    display:inline-block;


    margin-top:40px;


    padding:15px 40px;


    background:white;


    color:#000;


    border-radius:30px;


    text-decoration:none;


    font-weight:600;


}



.virtual-button:hover{


    transform:translateY(-3px);


}



/* =====================================
   Museum Archive Section
===================================== */


.archive-section{


    padding:140px 0;


    background:#fff;


}




.archive-wrapper{


    position:relative;


    height:650px;


    overflow:hidden;


    border-radius:30px;


}




.archive-wrapper img{


    width:100%;


    height:100%;


    object-fit:cover;


}




.archive-overlay{


    position:absolute;


    inset:0;


    background:

    rgba(0,0,0,.5);


    display:flex;


    justify-content:center;


    align-items:center;


}





.archive-content{


    text-align:center;


    color:white;


    max-width:700px;


}





.archive-content span{


    font-size:16px;


    letter-spacing:3px;


    opacity:.8;


}





.archive-content h2{


    margin-top:25px;


    font-size:56px;


    font-weight:700;


    letter-spacing:-2px;


}





.archive-content p{


    margin-top:25px;


    font-size:20px;


    line-height:1.8;


}





.archive-button{


    display:inline-block;


    margin-top:40px;


    padding:15px 40px;


    background:white;


    color:black;


    border-radius:30px;


    text-decoration:none;


    font-weight:600;


}


/* =====================================
   Reservation Section
===================================== */


.reservation-section{


    padding:140px 0;


    background:#f5f5f5;


}




.reservation-wrapper{


    position:relative;


    height:650px;


    overflow:hidden;


    border-radius:30px;


}




.reservation-wrapper img{


    width:100%;


    height:100%;


    object-fit:cover;


}




.reservation-overlay{


    position:absolute;


    inset:0;


    background:

    rgba(0,0,0,.5);



    display:flex;


    align-items:center;


    justify-content:center;


}





.reservation-content{


    text-align:center;


    color:white;


    max-width:700px;


}




.reservation-content span{


    font-size:16px;


    letter-spacing:3px;


}





.reservation-content h2{


    margin-top:25px;


    font-size:56px;


    font-weight:700;


    letter-spacing:-2px;


}





.reservation-content p{


    margin-top:25px;


    font-size:20px;


    line-height:1.8;


}





.reservation-button{


    display:inline-block;


    margin-top:40px;


    padding:15px 40px;


    background:white;


    color:black;


    border-radius:30px;


    text-decoration:none;


    font-weight:600;


}


/* =====================================
   Notice Section
===================================== */


.notice-section{


    padding:140px 0;

    background:#fff;


}



.notice-header{


    text-align:center;

    margin-bottom:70px;


}



.notice-header h2{


    font-size:52px;

    font-weight:700;

    letter-spacing:-2px;


}



.notice-header p{


    margin-top:20px;

    color:#666;

    font-size:20px;


}





.notice-list{


    max-width:900px;

    margin:auto;


}





.notice-card{


    display:flex;


    align-items:center;


    gap:40px;


    padding:35px;


    margin-bottom:25px;


    background:#f5f5f5;


    border-radius:25px;


    transition:.3s;


}




.notice-card:hover{


    transform:translateY(-5px);


}




.notice-date{


    font-size:18px;


    font-weight:600;


    color:#555;


    min-width:120px;


}




.notice-content h3{


    font-size:28px;


    font-weight:700;


}




.notice-content p{


    margin-top:10px;


    color:#666;


    font-size:17px;


}




/* ==========================
   HOME INQUIRY
========================== */


.home-inquiry {

    width:100%;

    padding:100px 0;

}



.inquiry-container {

    width:90%;

    max-width:900px;

    margin:0 auto;

}



.inquiry-card {

    background:#fff;

    border-radius:30px;

    padding:60px;

    text-align:center;

    box-shadow:0 15px 40px rgba(0,0,0,0.08);

}



.inquiry-icon {

    font-size:45px;

    margin-bottom:25px;

}



.inquiry-card h2 {

    font-size:42px;

    font-weight:700;

    margin-bottom:20px;

}



.inquiry-card p {

    color:#555;

    font-size:18px;

    margin-bottom:35px;

}



.inquiry-btn {


    display:inline-block;

    padding:14px 35px;

    background:#111;

    color:white;

    text-decoration:none;

    border-radius:30px;

    transition:.3s;

}



.inquiry-btn:hover {


    background:#555;

}