.homepage{flex-direction:column;background-color:black;color:white}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;width:100%;max-width:1200px;margin:0 auto;background-color:black}.grid-item{height:400px;justify-content:center;text-decoration:none;color:inherit;border:1px solid #ddd;overflow:hidden;transition:all .3s ease}.grid-item,.item-content{position:relative;display:flex;flex-direction:column;align-items:center}.item-content{z-index:2;transition:.3s ease}.number{font-size:3rem;font-weight:700}.category{font-size:1.5rem;margin-top:10px}.hover-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;opacity:0;transition:opacity .3s ease;z-index:10}.grid-item:hover .hover-image{opacity:.7}.grid-item:hover .item-content{color:white;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.intro-animation{position:fixed;top:0;left:0;width:100%;height:100%;background-color:black;justify-content:center;z-index:1000}.fade-text,.intro-animation{display:flex;align-items:center}.fade-text{flex-direction:column;font-family:Helvetica Neue,Arial,sans-serif;font-weight:300;color:white;text-align:center;animation:text-fade 5s ease-in-out forwards}.fade-text div:first-child{font-size:4rem;letter-spacing:2px;margin-bottom:1rem}.fade-text div:last-child{font-size:2rem;letter-spacing:4px}@keyframes text-fade{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.fade-text.fadeIn{animation:fadeIn 2s forwards}.fade-text.fadeOut{animation:fadeOut 2s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.homepage{display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff}.layout-container{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:30px;width:95%;height:95vh;background-color:black}.central-text{grid-column:1/5;grid-row:1/5;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;text-align:center;pointer-events:none}.central-text h1{font-size:9rem;line-height:.9;letter-spacing:-2px}.central-text h1,.central-text h2{font-family:Helvetica Neue,Arial,sans-serif;font-weight:300;margin:0;text-transform:uppercase}.central-text h2{font-size:2rem;letter-spacing:1px}.grid-box{position:relative;display:flex;align-items:center;justify-content:center;background-color:rgba(20,20,20,.5);border:2px solid rgba(255,255,255,.3);transition:all .3s ease;text-decoration:none;color:white;overflow:hidden;z-index:2}.collections-box{grid-column:1/2;grid-row:1/2;margin-right:10vw;margin-bottom:5vh;background-color:black}.artworks-box{grid-column:4/5;grid-row:1/3;margin-left:10vw;background-color:black}.columns-box{grid-column:1/2;grid-row:3/5;margin-right:15vw;background-color:black}.about-box{grid-column:3/5;grid-row:4/5;margin-left:5vw;margin-top:5vh;background-color:black}.grid-box .number{font-size:2rem;font-weight:300}.grid-box .category,.grid-box .number{font-family:Helvetica Neue,Arial,sans-serif}.grid-box .category{font-size:1rem;margin-top:5px;letter-spacing:1px}.grid-box:hover .hover-image{opacity:.7}.about-image,.artworks-image,.columns-image,.home-image{background-image:url(/images/image_test.jpg)}.grid-box:hover{background-color:rgba(40,40,40,.7);transform:scale(1.05);border:2px solid rgba(0,0,0,.6)}.grid-box .item-content{position:relative;z-index:2;transition:transform .3s ease}.grid-box:hover .item-content{transform:scale(1.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;color:#000;background-color:#fff;overflow-x:hidden}.homepage{min-height:100vh;width:100%;position:relative}.main-container{padding:2rem;height:100vh;display:flex;flex-direction:column}.logo-container{justify-content:space-between;margin-bottom:2rem}.logo,.logo-container{display:flex;align-items:center}.logo{width:60px;height:60px;background-color:#000;color:#fff;justify-content:center;font-weight:700;font-size:1.5rem}.close-button,.menu-button{background:none;border:none;font-size:1rem;cursor:pointer;font-weight:500}.close-button:hover,.menu-button:hover{text-decoration:underline}.content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.content h1{font-size:4rem;font-weight:400;margin-bottom:1rem;letter-spacing:-1px}.content h2{font-size:1.5rem;font-weight:400}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:white;z-index:1000;display:none}.menu-overlay.open{display:block}.overlay-container{padding:2rem;height:100%;display:flex;flex-direction:column}.overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.overlay-content{display:flex;flex-grow:1}.nav-container{flex:2}.main-nav{display:flex;flex-direction:column;font-size:5rem;font-weight:300;line-height:1.2;color:#000}.nav-item{position:relative;display:inline-flex;margin-bottom:-15px;align-items:center;transition:all .3s ease;color:#000;text-decoration:none}.intro-animation.fade-out{animation:fadeOut 2.5s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.nav-arrow{margin-left:10px;margin-top:20px;opacity:0;transform:rotate(0deg);display:inline-block;transition:opacity .3s ease,transform .3s ease;vertical-align:middle}.nav-item:hover .nav-arrow{opacity:1;transform:rotate(180deg)}.contact-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding-top:1rem;border-left:1px solid #eee;padding-left:2rem}.info-section{margin-bottom:2rem}.info-section p{margin-bottom:.5rem;font-size:1rem}.info-section a{color:inherit;text-decoration:none}.info-section a:hover{text-decoration:underline}@media (max-width:768px){.overlay-content{flex-direction:column}.main-nav{font-size:3rem;margin-bottom:2rem}.contact-info{border-left:none;padding-left:0;border-top:1px solid #eee;padding-top:2rem}}