/* ==========================================================
   THE WORLD OF NININ ANTO
      Version 2.0
         style.css

            Master Stylesheet
            ========================================================== */

            /* ===========================
               IMPORTS
               =========================== */

               @import url("variables.css");

               @import url("reset.css");

               @import url("typography.css");

               @import url("layout.css");

               @import url("navigation.css");

               @import url("hero.css");

               @import url("cards.css");

               @import url("sections.css");

               @import url("footer.css");

               @import url("animations.css");

               @import url("responsive.css");


               /* ==========================================================
                  GLOBAL
                  ========================================================== */

                  html{

                      scroll-behavior:smooth;

                      }

                      body{

                          background:var(--background);

                              color:var(--text);

                                  font-family:var(--font-body);

                                      overflow-x:hidden;

                                      }


                                      /* ==========================================================
                                         LOADER
                                         ========================================================== */

                                         .loader{

                                             position:fixed;

                                                 inset:0;

                                                     display:flex;

                                                         justify-content:center;

                                                             align-items:center;

                                                                 background:var(--background);

                                                                     z-index:9999;

                                                                         transition:.6s;

                                                                         }

                                                                         .loader.hide{

                                                                             opacity:0;

                                                                                 visibility:hidden;

                                                                                 }


                                                                                 /* ==========================================================
                                                                                    BUTTONS
                                                                                    ========================================================== */

                                                                                    .btn{

                                                                                        display:inline-flex;

                                                                                            justify-content:center;

                                                                                                align-items:center;

                                                                                                    gap:10px;

                                                                                                        padding:15px 35px;

                                                                                                            border-radius:50px;

                                                                                                                font-weight:600;

                                                                                                                    transition:var(--transition);

                                                                                                                        cursor:pointer;

                                                                                                                        }

                                                                                                                        .btn-primary{

                                                                                                                            background:var(--primary);

                                                                                                                                color:#000;

                                                                                                                                }

                                                                                                                                .btn-primary:hover{

                                                                                                                                    transform:translateY(-4px);

                                                                                                                                        box-shadow:var(--gold-shadow);

                                                                                                                                        }

                                                                                                                                        .btn-outline{

                                                                                                                                            border:2px solid var(--primary);

                                                                                                                                                color:var(--primary);

                                                                                                                                                }

                                                                                                                                                .btn-outline:hover{

                                                                                                                                                    background:var(--primary);

                                                                                                                                                        color:#000;

                                                                                                                                                        }


                                                                                                                                                        /* ==========================================================
                                                                                                                                                           SECTION SPACING
                                                                                                                                                           ========================================================== */

                                                                                                                                                           main{

                                                                                                                                                               overflow:hidden;

                                                                                                                                                               }

                                                                                                                                                               section{

                                                                                                                                                                   position:relative;

                                                                                                                                                                   }


                                                                                                                                                                   /* ==========================================================
                                                                                                                                                                      IMAGES
                                                                                                                                                                      ========================================================== */

                                                                                                                                                                      img{

                                                                                                                                                                          user-select:none;

                                                                                                                                                                              -webkit-user-drag:none;

                                                                                                                                                                              }


                                                                                                                                                                              /* ==========================================================
                                                                                                                                                                                 LINKS
                                                                                                                                                                                 ========================================================== */

                                                                                                                                                                                 a{

                                                                                                                                                                                     text-decoration:none;

                                                                                                                                                                                     }


                                                                                                                                                                                     /* ==========================================================
                                                                                                                                                                                        UTILITIES
                                                                                                                                                                                        ========================================================== */

                                                                                                                                                                                        .hide{

                                                                                                                                                                                            display:none;

                                                                                                                                                                                            }

                                                                                                                                                                                            .show{

                                                                                                                                                                                                display:block;

                                                                                                                                                                                                }

                                                                                                                                                                                                .text-center{

                                                                                                                                                                                                    text-align:center;

                                                                                                                                                                                                    }

                                                                                                                                                                                                    .round{

                                                                                                                                                                                                        border-radius:50%;

                                                                                                                                                                                                        }

                                                                                                                                                                                                        .shadow{

                                                                                                                                                                                                            box-shadow:var(--shadow-medium);

                                                                                                                                                                                                            }

                                                                                                                                                                                                            .gold{

                                                                                                                                                                                                                color:var(--primary);

                                                                                                                                                                                                                }

                                                                                                                                                                                                                .bg-dark{

                                                                                                                                                                                                                    background:var(--background);

                                                                                                                                                                                                                    }

                                                                                                                                                                                                                    .bg-surface{

                                                                                                                                                                                                                        background:var(--surface);

                                                                                                                                                                                                                        }


                                                                                                                                                                                                                        /* ==========================================================
                                                                                                                                                                                                                           END OF FILE
                                                                                                                                                                                                                           ========================================================== */

                                                                                                                                                                                                                           /* ==============================
                                                                                                                                                                                                                              ACTING PAGE - NEW SECTIONS
                                                                                                                                                                                                                              ============================== */

                                                                                                                                                                                                                              .library-grid,
                                                                                                                                                                                                                              .works-grid,
                                                                                                                                                                                                                              .bts-grid,
                                                                                                                                                                                                                              .contact-grid{
                                                                                                                                                                                                                                  display:grid;
                                                                                                                                                                                                                                      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
                                                                                                                                                                                                                                          gap:30px;
                                                                                                                                                                                                                                              margin-top:50px;
                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                              .library-card,
                                                                                                                                                                                                                                              .work-card,
                                                                                                                                                                                                                                              .bts-card,
                                                                                                                                                                                                                                              .contact-card{
                                                                                                                                                                                                                                                  background:rgba(255,255,255,.03);
                                                                                                                                                                                                                                                      border:1px solid rgba(212,175,55,.25);
                                                                                                                                                                                                                                                          border-radius:20px;
                                                                                                                                                                                                                                                              padding:30px;
                                                                                                                                                                                                                                                                  transition:.4s;
                                                                                                                                                                                                                                                                      backdrop-filter:blur(12px);
                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                      .library-card:hover,
                                                                                                                                                                                                                                                                      .work-card:hover,
                                                                                                                                                                                                                                                                      .bts-card:hover,
                                                                                                                                                                                                                                                                      .contact-card:hover{
                                                                                                                                                                                                                                                                          transform:translateY(-8px);
                                                                                                                                                                                                                                                                              border-color:#D4AF37;
                                                                                                                                                                                                                                                                                  box-shadow:0 0 30px rgba(212,175,55,.18);
                                                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                                                  .library-card h3,
                                                                                                                                                                                                                                                                                  .work-card h3,
                                                                                                                                                                                                                                                                                  .contact-card h3{
                                                                                                                                                                                                                                                                                      color:#D4AF37;
                                                                                                                                                                                                                                                                                          margin-bottom:15px;
                                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                                          .library-card p,
                                                                                                                                                                                                                                                                                          .work-card p,
                                                                                                                                                                                                                                                                                          .contact-card p{
                                                                                                                                                                                                                                                                                              line-height:1.8;
                                                                                                                                                                                                                                                                                                  color:#ddd;
                                                                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                                                                  /* ==============================
                                                                                                                                                                                                                                                                                                     BTS IMAGES
                                                                                                                                                                                                                                                                                                     ============================== */

                                                                                                                                                                                                                                                                                                     .bts-card{
                                                                                                                                                                                                                                                                                                         overflow:hidden;
                                                                                                                                                                                                                                                                                                             text-align:center;
                                                                                                                                                                                                                                                                                                             }

                                                                                                                                                                                                                                                                                                             .bts-card img{
                                                                                                                                                                                                                                                                                                                 width:100%;
                                                                                                                                                                                                                                                                                                                     height:260px;
                                                                                                                                                                                                                                                                                                                         object-fit:cover;
                                                                                                                                                                                                                                                                                                                             border-radius:15px;
                                                                                                                                                                                                                                                                                                                                 margin-bottom:20px;
                                                                                                                                                                                                                                                                                                                                     transition:.4s;
                                                                                                                                                                                                                                                                                                                                     }

                                                                                                                                                                                                                                                                                                                                     .bts-card:hover img{
                                                                                                                                                                                                                                                                                                                                         transform:scale(1.05);
                                                                                                                                                                                                                                                                                                                                         }

                                                                                                                                                                                                                                                                                                                                         /* ==============================
                                                                                                                                                                                                                                                                                                                                            CASTING BUTTONS
                                                                                                                                                                                                                                                                                                                                            ============================== */

                                                                                                                                                                                                                                                                                                                                            .casting-actions{
                                                                                                                                                                                                                                                                                                                                                display:flex;
                                                                                                                                                                                                                                                                                                                                                    justify-content:center;
                                                                                                                                                                                                                                                                                                                                                        flex-wrap:wrap;
                                                                                                                                                                                                                                                                                                                                                            gap:20px;
                                                                                                                                                                                                                                                                                                                                                                margin-top:50px;
                                                                                                                                                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                                                                                                                                                .btn-primary,
                                                                                                                                                                                                                                                                                                                                                                .btn-secondary{
                                                                                                                                                                                                                                                                                                                                                                    display:inline-block;
                                                                                                                                                                                                                                                                                                                                                                        padding:15px 30px;
                                                                                                                                                                                                                                                                                                                                                                            border-radius:50px;
                                                                                                                                                                                                                                                                                                                                                                                text-decoration:none;
                                                                                                                                                                                                                                                                                                                                                                                    font-weight:600;
                                                                                                                                                                                                                                                                                                                                                                                        transition:.35s;
                                                                                                                                                                                                                                                                                                                                                                                        }

                                                                                                                                                                                                                                                                                                                                                                                        .btn-primary{
                                                                                                                                                                                                                                                                                                                                                                                            background:#D4AF37;
                                                                                                                                                                                                                                                                                                                                                                                                color:#111;
                                                                                                                                                                                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                                                                                                                                                                                .btn-primary:hover{
                                                                                                                                                                                                                                                                                                                                                                                                    transform:translateY(-4px);
                                                                                                                                                                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                                                                                                                                                                    .btn-secondary{
                                                                                                                                                                                                                                                                                                                                                                                                        border:2px solid #D4AF37;
                                                                                                                                                                                                                                                                                                                                                                                                            color:#D4AF37;
                                                                                                                                                                                                                                                                                                                                                                                                            }

                                                                                                                                                                                                                                                                                                                                                                                                            .btn-secondary:hover{
                                                                                                                                                                                                                                                                                                                                                                                                                background:#D4AF37;
                                                                                                                                                                                                                                                                                                                                                                                                                    color:#111;
                                                                                                                                                                                                                                                                                                                                                                                                                    }

                                                                                                                                                                                                                                                                                                                                                                                                                    /* ==============================
                                                                                                                                                                                                                                                                                                                                                                                                                       FOOTER
                                                                                                                                                                                                                                                                                                                                                                                                                       ============================== */

                                                                                                                                                                                                                                                                                                                                                                                                                       #footer{
                                                                                                                                                                                                                                                                                                                                                                                                                           padding:80px 20px 40px;
                                                                                                                                                                                                                                                                                                                                                                                                                               text-align:center;
                                                                                                                                                                                                                                                                                                                                                                                                                                   border-top:1px solid rgba(212,175,55,.15);
                                                                                                                                                                                                                                                                                                                                                                                                                                       background:#0b0b0b;
                                                                                                                                                                                                                                                                                                                                                                                                                                       }

                                                                                                                                                                                                                                                                                                                                                                                                                                       #footer h2{
                                                                                                                                                                                                                                                                                                                                                                                                                                           color:#D4AF37;
                                                                                                                                                                                                                                                                                                                                                                                                                                               margin-bottom:15px;
                                                                                                                                                                                                                                                                                                                                                                                                                                               }

                                                                                                                                                                                                                                                                                                                                                                                                                                               #footer p{
                                                                                                                                                                                                                                                                                                                                                                                                                                                   color:#bbb;
                                                                                                                                                                                                                                                                                                                                                                                                                                                   }

                                                                                                                                                                                                                                                                                                                                                                                                                                                   .footer-links,
                                                                                                                                                                                                                                                                                                                                                                                                                                                   .footer-social{
                                                                                                                                                                                                                                                                                                                                                                                                                                                       display:flex;
                                                                                                                                                                                                                                                                                                                                                                                                                                                           justify-content:center;
                                                                                                                                                                                                                                                                                                                                                                                                                                                               flex-wrap:wrap;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                   gap:25px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                       margin:30px 0;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                       }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .footer-links a,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .footer-social a{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                           color:#D4AF37;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                               text-decoration:none;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   transition:.3s;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .footer-links a:hover,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   .footer-social a:hover{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       color:#fff;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       .copyright{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           margin-top:30px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               font-size:.9rem;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   color:#777;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   /* ==============================
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      RESPONSIVE
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      ============================== */

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      @media (max-width:768px){

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          .library-grid,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              .works-grid,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  .bts-grid,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      .contact-grid{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              grid-template-columns:1fr;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      gap:20px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              .library-card,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  .work-card,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      .bts-card,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          .contact-card{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  padding:20px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          .bts-card img{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  height:220px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          .casting-actions{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  flex-direction:column;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          align-items:center;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  .btn-primary,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      .btn-secondary{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              width:100%;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      max-width:320px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              text-align:center;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      .footer-links,
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          .footer-social{
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  flex-direction:column;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          gap:15px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              }