#navbar{height:4rem;display:flex;justify-content:space-between;align-items:center;font-size:20px;padding:0 4rem}#navbar>h1{cursor:pointer}#navbar>.navigation{display:flex;list-style:none;gap:4rem;cursor:pointer;font-size:32px}#navbar>.navigation a{color:inherit;text-decoration:inherit}#hamburger{display:none;cursor:pointer;z-index:101}#hamburger div{width:30px;height:3px;background-color:#000;margin:6px 0;transition:.4s}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99}#mobile-menu{position:fixed;top:0;left:0;height:100vh;width:70%;max-width:300px;background-color:#fff;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:-5px 0 15px #0003}#close-icon{position:absolute;top:20px;right:20px;font-size:2.5rem;cursor:pointer}.mobile-navigation{list-style:none;padding:0;margin:0;text-align:center}.mobile-navigation li{margin:2rem 0}.mobile-navigation a{color:#000;text-decoration:none;font-size:1.8rem}@media (max-width: 768px){#navbar{padding:0 2rem}#navbar>.navigation{display:none}#hamburger{display:block}}#hero{background-color:var(--background);width:100%;height:calc(100svh - 4rem);display:flex;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}#hero>.left{display:flex;flex-flow:column;justify-content:center;align-items:center;padding:3rem;text-transform:capitalize;height:95%;object-fit:cover;position:relative;width:75%}#hero>.left>.hero-img{position:absolute;object-fit:cover;width:100%;height:100%}#hero>.left:after{content:" ";position:absolute;width:100%;height:100%;background-color:#fff3;z-index:1}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}#hero>.left:before{content:" ";position:absolute;width:50%;height:100%;background-color:var(--black);left:0;z-index:2;animation:slideIn 1s ease-in-out 1}#hero>.right{width:25%;display:flex;flex-flow:column nowrap;z-index:10;height:100%;position:relative}#hero .heading{font-size:64px;color:var(--white);animation:slideIn 1s ease-in-out 1;align-self:flex-start;padding-left:1rem}#hero .heading-max{font-size:128px;font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal;text-transform:uppercase;position:absolute;white-space:nowrap;z-index:2}#hero .heading-container{position:relative;width:100%;height:100%}#hero .heading-container>*{left:50%;transform:translate(-50%)}@keyframes slideInGradient{0%{background-position-x:-600px;color:#000}to{background-position-x:0px;color:transparent}}#hero .heading-max:nth-child(2){background:linear-gradient(90deg,var(--white) 50%,transparent 50%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:slideInGradient 1s ease-in-out 1}#hero>.left>.contents{position:relative;display:flex;justify-content:center;align-items:center;z-index:3;flex-flow:column;height:min(100%,500px);width:min(100%,505px)}#hero .right .img-cont .flex{gap:2rem;z-index:inherit;height:calc(18vw * 6 / 7)}#hero .right .img-cont .flex svg{transform:translateY(min(-15vw,-20rem))}#hero .right .img-cont>svg{transform:translate(-10%);width:25vw}#hero .right .img-cont{position:absolute;left:-3rem;z-index:10}#hero .right .img1{width:18vw;aspect-ratio:7/5}#hero .right .img2{width:15vw;object-fit:cover;aspect-ratio:5/7;position:absolute;z-index:5;bottom:0;right:0;overflow:hidden}#hero .left .btn{position:static;height:4rem;aspect-ratio:12/3;background-color:var(--white);border:0 solid var(--orange);font-size:24px;color:var(--black);display:flex;align-items:center;justify-content:center;text-decoration:none}@media only screen and (min-width: 768px) and (max-width: 1199.9px){#hero .left{height:100%;width:100%}#hero .right{display:none}#hero .heading{font-size:56px}#hero .heading-max{font-size:112px}}@media only screen and (min-width: 468px) and (max-width: 767.9px){#hero>.left{width:100%;padding:1rem}#hero>.right{display:none}#hero .heading{font-size:40px}#hero .heading-max{font-size:80px}#hero .left .btn{font-size:20px;height:3.5rem}}@media only screen and (max-width: 467.9px){#hero>.left{width:100%;padding:1rem}#hero>.right{display:none}#hero .heading{font-size:32px;padding-left:3rem}#hero .heading-max{font-size:64px}#hero .left .btn{font-size:18px;height:3rem}}#about{padding:4rem;display:flex;flex-flow:row wrap;width:100%;justify-content:space-between;gap:1rem;overflow-x:hidden}#about .content{max-width:530px}#about .img1{width:100%;max-width:48%;aspect-ratio:2/1;object-fit:cover}#about .img2{width:calc(60% - .5rem);aspect-ratio:18/10;object-fit:cover}#about .img3{width:calc(40% - .5rem);aspect-ratio:13/10;object-fit:cover}@media only screen and (min-width: 1025px) and (max-width: 1199.9px){#about{padding:3rem}#about .img1{width:40%;aspect-ratio:2/1;object-fit:cover}}@media only screen and (min-width: 768px) and (max-width: 1024.9px){#about{padding:2rem}#about .img1{width:100%;max-width:40%;aspect-ratio:2/1;object-fit:cover}#about .content{max-width:420px}}@media only screen and (max-width: 767.9px){#about{padding:2rem 1rem;flex-flow:column;gap:2rem}#about .content{max-width:100%}#about .img1,#about .img2,#about .img3{width:100%;max-width:100%}}#artsale{padding:4rem 0;background-color:var(--black);color:var(--white);overflow:hidden}#artsale h2{max-width:700px;margin:0 4rem}#artsale .scroll img{height:500px;min-width:300px;max-width:500px;object-fit:cover;flex-shrink:0}#artsale .scroll img:nth-child(odd){transform:translateY(10px)}#artsale .scroll img:nth-child(2n){transform:translateY(-10px)}#artsale .scroll{display:flex;gap:1rem;padding:0;margin-top:2rem;width:max-content}#artsale .scroll::-webkit-scrollbar{display:none}@media only screen and (min-width: 1025px) and (max-width: 1199.9px){#artsale h2{margin:0 3rem}#artsale{padding:3rem 0}#artsale .scroll img{height:450px;min-width:250px;max-width:450px}}@media only screen and (min-width: 768px) and (max-width: 1024.9px){#artsale h2{margin:0 2rem}#artsale{padding:2rem 0}#artsale .scroll img{height:400px;min-width:200px;max-width:400px}}@media only screen and (max-width: 767.9px){#artsale h2{margin:0 1rem}#artsale{padding:1.5rem 0}#artsale .scroll img{height:300px;min-width:150px;max-width:300px}}#display{padding:4rem}#display h2{max-width:800px}#display .grid{display:grid;grid-template-columns:repeat(7,minmax(calc((100% - 10rem) / 7),1fr));grid-template-rows:repeat(11,minmax(calc((100% - 14rem) / 11),1fr));gap:.5rem;width:100%;aspect-ratio:7/11}#display .grid img{object-fit:cover;width:100%;height:100%}#section .grid>div{width:100%;height:100%}.div1{grid-area:1 / 1 / 3 / 3}.div2{grid-area:1 / 3 / 4 / 6}.div3{grid-area:1 / 6 / 3 / 8}.div4{grid-area:3 / 1 / 5 / 2}.div4>img{object-position:15% 0px}.div5{grid-area:3 / 2 / 4 / 3}.div6{grid-area:5 / 1 / 6 / 2}.div7{grid-area:4 / 2 / 6 / 3}.div7>img{object-position:30% 0px}.div8{grid-area:4 / 3 / 6 / 5}.div9{grid-area:4 / 5 / 6 / 6}.div10{grid-area:3 / 6 / 5 / 8}.div11{grid-area:5 / 6 / 8 / 8}.div12{grid-area:6 / 1 / 8 / 4}.div13{grid-area:6 / 4 / 9 / 6}.div14{grid-area:8 / 1 / 9 / 4}.div14>img{object-position:0 40%}.div15{grid-area:8 / 6 / 10 / 7}.div15>img{object-position:60% 0}.div16{grid-area:8 / 7 / 10 / 8}.div16>img{object-position:20% 0}.div17{grid-area:9 / 1 / 12 / 3}.div18{grid-area:9 / 3 / 11 / 6}.div19{grid-area:11 / 3 / 12 / 5}.div20{grid-area:11 / 5 / 12 / 7}.div21{grid-area:10 / 6 / 11 / 7}.div22{grid-area:10 / 7 / 12 / 8}.div22>img{object-position:65% 0}@media only screen and (min-width: 1025px) and (max-width: 1199.9px){#display{padding:3rem}}@media only screen and (min-width: 768px) and (max-width: 1024.9px){#display{padding:2rem}}@media only screen and (max-width: 767.9px){#display{padding:1.5rem}}#lfooter{padding:4rem}#lfooter>h2{max-width:700px}.card-img-container{width:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.card-img-container>.card-img{min-width:none;flex-shrink:1}.card-img-container>.card-img{min-width:none}.card-img-container>.card-img:first-child{min-width:none;flex-shrink:1;height:100%;max-width:30%}.card-img[alt="X Logo"]{height:50%}#lfooter .card{background-color:var(--orange);flex-basis:calc(100% / 3);height:10rem;padding:.5rem 1.5rem;position:relative;display:flex;justify-content:center;align-items:center;transition:background-color .2s}#lfooter .card:not(:last-child){min-width:420px}#lfooter .card:after{content:"";width:calc(100% - 1rem);height:calc(100% - 1rem);display:flex;justify-content:center;align-items:center;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='white' stroke-width='2' stroke-dasharray='20%2c 20' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");position:absolute}#lfooter .card-row{display:flex;gap:1rem}.footer{background-color:var(--black);height:4rem;display:flex;justify-content:center;align-items:center;color:var(--white)}#lfooter .card img{filter:brightness(0) invert(1);-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:filter .2s;flex-shrink:0}.card-img{max-width:70%;max-height:80%;object-fit:contain}#lfooter .card:last-child{flex-shrink:1}#lfooter .card:hover{background-color:var(--black)}#lfooter .card:active img{filter:brightness(0) invert(80%) sepia(33%) saturate(6248%) hue-rotate(358deg) brightness(99%) contrast(108%)}@media only screen and (min-width: 1025px) and (max-width: 1199.9px){#lfooter .card-row{flex-wrap:wrap;justify-content:center}#lfooter .card{min-width:450px}}@media only screen and (max-width: 1024px){#lfooter .card-row{flex-wrap:wrap;justify-content:center}#lfooter .card{min-width:350px}}@media only screen and (max-width: 768px){#lfooter{padding:2rem}#lfooter .card-row{flex-direction:column}.footer{padding:0 1rem}.footer>p{text-align:center}#lfooter .card-row .card{display:flex;align-items:center;justify-content:center;min-width:0px;width:100%;flex-shrink:1;flex-basis:100%}#lfooter .card-row{flex-flow:column;width:100%;display:flex}#lfooter .card .card-img{height:6rem;padding:1rem}#lfooter .card-img-container .card-img{max-width:none;max-height:none}}@media only screen and (max-width: 400px){#lfooter{padding:1rem}.footer>p{font-size:.8rem}}#joinus{padding:4rem;color:var(--white);background-color:var(--black);overflow-x:hidden}#joinus .img-cont{transition:scale .2s}#joinus .img-cont:hover{scale:1.1}#joinus .img-cont-1{max-width:40vw;margin-left:auto;transform:translate(50%) rotate(-2.54deg)}#joinus .img-cont-1 svg{transform:translate(-20%)}#joinus .img-cont-2{transform:translate(-20%) rotate(-1.26deg)}#joinus .cont{max-width:600px;flex-shrink:0}#joinus .cont.middle{transform:translateY(-30%) translate(-10%)}#joinus .cont.middle .flex>svg{transform:translateY(-20%)}#joinus .cont.middle>svg{transform:translate(-10%)}#joinus .cont.middle>svg:last-child{transform:translate(-10%) translateY(-400%)}#joinus .cont.middle .flex{gap:2rem}#joinus .cont.contact-cont{margin-top:auto;position:relative;left:-40%}#joinus .cont .btn{width:640px;height:170px;font-size:64px}@media only screen and (max-width: 1200px){#joinus .img-cont-2{display:none}#joinus .cont.middle{transform:translate(20%,-10%)}}@media only screen and (max-width: 992px){#joinus .img-cont-1,#joinus .img-cont-2{display:none}#joinus{padding:3rem;text-align:center}#joinus .flex{flex-direction:column;align-items:center;gap:3rem}#joinus .flex.bottom-row{gap:0}#joinus .cont.middle{transform:none;text-align:center;margin-top:2rem}#joinus .cont.middle .flex{justify-content:center;gap:1rem}#joinus .cont.middle>svg,#joinus .cont.middle .flex>svg{display:none}#joinus .cont.contact-cont{position:static;margin-top:1.5rem;left:0;width:100%}#joinus .cont .btn{width:100%;max-width:480px;height:120px;font-size:48px;margin:0 auto}}@media only screen and (max-width: 768px){#joinus{padding:2rem}#joinus .heading{font-size:3rem}#joinus .semi-heading{font-size:2rem;width:300px}#joinus .cont .btn{font-size:40px;height:100px;max-width:400px;position:static}}@media only screen and (max-width: 576px){#joinus .heading{font-size:2.5rem}#joinus .semi-heading{font-size:1rem}#joinus .cont .btn{font-size:32px;height:80px;max-width:320px}}@media only screen and (max-width: 480px){#joinus{padding:1.5rem}#joinus .heading{font-size:2rem}#joinus .semi-heading{font-size:1.5rem;width:200px}#joinus .cont .btn{font-size:28px;height:70px;max-width:100%;position:static}}
