*{box-sizing:border-box;padding:0;margin:0}*{scrollbar-width:thin;scrollbar-color:black transparent}html{scrollbar-gutter:stable}body{overflow-x:hidden!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#000;border-radius:3px;mix-blend-mode:difference}::-webkit-scrollbar-thumb:hover{background:#000;mix-blend-mode:difference}@font-face{font-family:Apollo;src:url(/fonts/APOLLO.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Montserrat;src:url(/Montserrat-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-apollo: "Apollo", sans-serif;--font-montserrat: "Montserrat", sans-serif}button{all:unset;font:inherit;color:inherit;background:none;border:none;padding:0;margin:0;line-height:inherit}a{all:unset;text-decoration:none;color:inherit}button,a{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none}.navBar{top:-100px;width:100%;background-color:#fff;height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;z-index:1000;box-shadow:0 4px 20px #0000001a}.logo{height:100%;background-image:url(/images/logo3.png);background-size:contain;background-position:center;background-repeat:no-repeat;width:200px;cursor:pointer}.navBar .navButtons{display:flex;gap:1.5rem;list-style:none;margin:0;padding:3px;justify-content:center;align-items:center;position:absolute;right:2rem;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.25,.46,.45,.94);color:#0f0f0f}.navBar .navButtons li a{color:#333;text-decoration:none;font-size:1rem;font-weight:500;padding:.5rem 1rem;border-radius:20px;transition:all .3s ease;position:relative}.button-57{position:relative;overflow:hidden;cursor:pointer;color:#18181a;display:inline-block;font-size:15px;line-height:15px;padding:18px 18px 17px;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:400;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-57 span:first-child{position:relative;transition:color .6s cubic-bezier(.48,0,.12,1);z-index:10}.button-57 span:last-child{color:#fff;display:block;position:absolute;bottom:0;transition:all .2s cubic-bezier(.48,0,.12,1);z-index:100;opacity:0;top:50%;left:50%;transform:translateY(225%) translate(-50%);height:14px;line-height:13px}.button-57:after{content:"";position:absolute;bottom:-50%;left:0;width:100%;height:100%;background-color:#000;transform-origin:bottom center;transition:transform .6s cubic-bezier(.48,0,.12,1);transform:skewY(9.3deg) scaleY(0);z-index:50}.button-57:hover:after{transform-origin:bottom center;transform:skewY(9.3deg) scaleY(2)}.button-57:hover span:last-child{transform:translate(-50%) translateY(-50%);opacity:1;transition:all .9s cubic-bezier(.48,0,.12,1)}.lastlie{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.language-selector{position:relative}.lang-dropdown{position:absolute;top:110%;right:0;background:#fff;border:1px solid #ccc;list-style:none;padding:.5rem 0;border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:9999;width:120px}.lang-dropdown li{padding:.5rem 1rem;font-family:var(--font-montserrat);font-size:.9rem;cursor:pointer;transition:background .2s ease}.lang-dropdown li:hover{background:#f0f0f0}.lang-toggle span:first-child{font-size:18px}@media (max-width: 768px){.logo{height:100%;background-image:url(/images/logo3.png);background-size:contain;background-position:center;width:150px;margin-top:0}}.navBar{position:fixed;top:0;left:0;right:0;width:100%;background-color:#fff;height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;z-index:1000;box-shadow:0 4px 20px #0000001a}.mobileMenu{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;z-index:999;opacity:0;transform:translateY(-100%)}.mobileNavButtons{list-style:none;text-align:center;display:flex;flex-direction:column;gap:2rem;padding:0}.firstli{display:flex;flex-direction:column;gap:1.5rem}.mobileNavButtons button{font-size:2rem;font-weight:600;color:#000;font-family:Montserrat,sans-serif}.mobileNavButtons .lang-btn{font-size:1.2rem;margin-top:1rem}.burger-btn{position:relative;overflow:hidden;color:#18181a;display:inline-flex;align-items:center;justify-content:center;width:60px;height:50px;background:#fff;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation;padding:0;transition:color .3s ease}.burger-btn:after{content:"";position:absolute;bottom:-50%;left:0;width:100%;height:100%;background-color:#000;transform-origin:bottom center;transition:transform .6s cubic-bezier(.48,0,.12,1);transform:skewY(9.3deg) scaleY(0);z-index:0}.burger-btn:hover:after,.burger-btn.active:after{transform-origin:bottom center;transform:skewY(9.3deg) scaleY(2)}.burger{position:relative;width:24px;height:18px;display:flex;flex-direction:column;justify-content:space-between;z-index:10}.burger span{display:block;height:3px;background-color:#18181a;border-radius:2px;transition:background-color .6s cubic-bezier(.48,0,.12,1),transform .4s ease,opacity .4s ease}.burger-btn:hover .burger span{background-color:#fff}.burger-btn.active .burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg);background-color:#fff}.burger-btn.active .burger span:nth-child(2){opacity:0}.burger-btn.active .burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);background-color:#fff}.burger-btn:hover .alt-text{opacity:1;transform:translate(-50%) translateY(-100%);transition:all .9s cubic-bezier(.48,0,.12,1)}.sectionOneContainer{width:100vw;height:var(--vh, 100vh);position:relative}.subsectionOneOne{position:relative;width:100%;box-sizing:border-box;height:100%;background-color:#fff;background-image:url(/images/landing2.webp);z-index:1;color:#000;background-size:105%;filter:grayscale(100%);background-position:15% 100%;background-repeat:no-repeat;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:10px;font-family:var(--font-montserrat)}.infoContainer{position:absolute;bottom:20px;left:60px;padding:5px}.infoContainer h1{font-size:1.8rem}.datetext{font-size:1.2rem}.address{font-size:.9rem}.openmap{font-size:.6rem;cursor:pointer;transition:transform .3s ease-in-out}.openmap:hover{transform:translate(3px)}@media screen and (max-width: 768px){.subsectionOneOne{background-image:url(/images/landingphone.webp);background-size:cover;background-position:center;background-color:#fff;filter:none}.infoContainer{bottom:50px;left:50%;transform:translate(-50%);width:100%;text-align:center}.infoContainer h1{font-size:1.1rem}.datetext{font-size:.9rem}.address{font-size:.8rem}.openmap{font-size:.4rem;cursor:pointer;transition:transform .3s ease-in-out}.infoContainer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0}}.titleSpan{display:inline-block;text-transform:uppercase;font-family:var(--font-apollo);font-size:clamp(3rem,10vw + 2rem,8rem);line-height:1.1;font-weight:100;margin:100px 0 0 10px}@media (max-width: 767px){.titleSpan{font-size:2rem}}@media (max-width: 480px){.titleSpan{font-size:1.5rem}}.footer{display:flex;justify-content:space-between;align-items:flex-start;margin-top:30px;padding:40px 20px;background-color:#fff;font-family:var(--font-montserrat);color:#000;font-size:14px;border-top:1px solid #e0e0e0;flex-wrap:wrap}.footer-left,.footer-center,.footer-right{flex:1;margin:20px;min-width:250px}.footer-links{display:flex;gap:15px;margin-bottom:10px;cursor:pointer}.footer-links a{text-decoration:none;color:#000;font-size:12px;cursor:pointer}.footer-left p{margin:4px 0;font-size:12px;color:#000}.footer-center strong{font-size:14px;color:#000}.footer-center{text-align:center}.footeraddress:hover{color:#000}.footer-center p{margin:25px 0;color:#555;line-height:1.4}.footer-center .note{font-size:13px;color:#000;max-width:100%}.footer-center a{color:#000;text-decoration:none;cursor:pointer}.footer-right{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap}.footer-right a{text-decoration:none;color:#000;font-size:18px;background:#ccc;border-radius:50%;padding:8px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;transition:background .3s,color .3s;cursor:pointer}.footer-right a:hover{background:#000;color:#fff}@media screen and (max-width: 768px){.footer-right{justify-content:center}.footer{text-align:center}}.target-cursor-wrapper{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:9999;mix-blend-mode:difference;transform:translate(-50%,-50%)}.target-cursor-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);will-change:transform}.target-cursor-corner{position:absolute;left:50%;top:50%;width:6px;height:6px;border:1px solid #fff;will-change:transform}.corner-tl{transform:translate(-150%,-150%);border-right:none;border-bottom:none}.corner-tr{transform:translate(50%,-150%);border-left:none;border-bottom:none}.corner-br{transform:translate(50%,50%);border-left:none;border-top:none}.corner-bl{transform:translate(-150%,50%);border-right:none;border-top:none}@font-face{font-family:Apollo;src:url(/APOLLO.otf);font-weight:400;font-style:normal}:root{--bg-gradient: linear-gradient(180deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .1) 100%)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}a{color:var(--color-surface-white);text-decoration:none;--bg-gradient: linear-gradient(180deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .1) 100%)}body{margin:0;padding:0;height:100vh;color:#fff;font-family:Apollo,sans-serif}.artistContent h2{font-size:clamp(.7rem,10vw,8rem);font-weight:600;text-align:center;width:95%;margin-top:200px;margin-left:50%;transform:translate(-50%);max-width:95vw;text-transform:none}header{position:fixed;display:flex;align-items:center;justify-content:space-between;padding:0 5%;width:100%;z-index:3;height:7em;font-size:clamp(.66rem,2vw,1rem);letter-spacing:.5em}section{height:100%;width:100%;top:0;position:fixed;visibility:hidden}section .outer,section .inner{width:100%;height:100%;overflow-y:hidden}section .bg{display:flex;align-items:center;justify-content:center;position:absolute;height:100%;width:100%;top:0;background-size:cover;background-position:center}section .bg h2{z-index:999}section .bg .clip-text{overflow:hidden}.artistContent{width:100%;height:100%;padding:0;margin:0;position:relative}.artistContent .section-heading{position:absolute}.artistContent img{height:100%;max-height:100vh;width:auto;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,1) 0%,rgba(0,0,0,.46) 70%,rgba(237,221,83,0) 100%);mask-image:linear-gradient(90deg,#000,#00000075 70%,#eddd5300)}.sixth img{filter:grayscale(100%)}@media screen and (max-width: 768px){.artistContent img{height:auto;width:100%;max-width:100%;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,.46) 70%,rgba(237,221,83,0) 100%);mask-image:linear-gradient(180deg,#000,#00000075 70%,#eddd5300)}}.first .bg{background-image:var(--bg-gradient),url(/artists/amal/amalbg.jpg)}.second .bg{background-image:var(--bg-gradient),url(/artists/aymane/aymanebg.jpg)}.third .bg{background-image:var(--bg-gradient),url(/artists/sharifa/sharifabg.jpg)}.fourth .bg{background-image:var(--bg-gradient),url(/artists/loutfi/loutfibg.jpg)}.fifth .bg{background-image:var(--bg-gradient),url(/artists/harizi/harizibg.jpeg)}.sixth .bg{background-image:var(--bg-gradient),url(/artists/youness/younessbg.jpg)}h2 *{will-change:transform}.preloader-container{display:flex;justify-content:center;align-items:center;background:#000;width:100vw;height:100vh;overflow:hidden}#demo{width:auto;height:50%}#demo path{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:12px}.container1{margin-top:90px;height:calc(100vh - 90px);padding:15px;font-family:var(--font-montserrat);color:#000}.artistsContainer{width:100%;height:fit-content;padding:20px}.artistsContainer span{font-size:.8rem;text-decoration:underline}.artists{margin-top:30px;display:flex;justify-content:space-between}@media screen and (max-width: 768px){.artists span{font-size:.9rem}.artists{flex-direction:column;gap:15px}}.grow-underline{position:relative;display:inline-block;color:inherit;text-decoration:none;cursor:pointer}.grow-underline:after{content:"";position:absolute;left:0;bottom:-3px;height:1px;width:100%;background:currentColor;transform-origin:left center;transform:scaleX(0);transition:transform .24s ease}.grow-underline:hover:after,.grow-underline:focus:after{transform:scaleX(1)}.grow-underline{padding-bottom:4px}.containerArtist{margin-top:90px;height:calc(100vh - 90px);box-sizing:border-box;color:#000;font-family:var(--font-montserrat);padding:20px}.photoText{max-height:calc(100vh - 130px);margin-bottom:100px;width:100%;display:flex;flex-direction:row;gap:20px}.photo{height:400px}.photoexh{max-height:calc(100vh - 300px);align-self:center}.photoText h1{font-size:1.5rem}.photoText h1 span{font-size:.7rem;margin-left:10px}.artistInfo{height:auto;display:flex;flex-direction:column;gap:50px}.artistInfo p{text-align:justify;font-size:1rem;text-transform:none}.artistOptions{display:flex;justify-content:center;align-items:center;gap:20px}.artwork{height:100vh;width:100%;position:relative}.artphoto{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:auto;z-index:-1;filter:brightness(100%)}.artworkInfo{position:absolute;bottom:0;display:flex;flex-direction:column}.artdetail{text-transform:none}.artname{font-weight:700}.firsto,.firston{display:flex;flex-direction:column}.firston{text-align:right}.photo4{height:250px}.imgholder2{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}.imgholder{width:100%;height:100%;display:flex;flex-direction:row}.artworks{display:flex;gap:20px;width:100%;flex-wrap:wrap}@media (max-width: 768px){.containerArtist{padding:15px}.photoText{flex-direction:column;gap:20px;min-height:fit-content;margin-bottom:160px}.photo{width:100%;height:auto;align-self:center}.photoexh{max-width:unset}.photoText h1{font-size:1.3rem;text-align:center}.photoText h1 span{font-size:.8rem;margin-top:5px;text-align:center}.artistInfo{gap:20px;min-height:auto}.artistInfo p{font-size:.9rem;line-height:1.5;text-align:justify}.artworks{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.artwork{height:auto;margin-bottom:20px;display:flex;flex-direction:column}.artworkInfo{position:static;background:#fff;margin-top:15px;padding:15px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.artphoto{position:unset;top:unset;left:unset;transform:unset;width:100%;height:auto}.artworkInfo2{position:static;width:100%;left:auto;bottom:auto;flex-direction:column;gap:15px;margin-top:15px;background:#fff;box-shadow:0 2px 8px #0000001a}.firston{text-align:left;margin-left:0}.imgholder{flex-direction:column;gap:15px}.photo1,.photo2{height:250px;width:100%}.artphoto{width:100%}.imgholder2{flex-direction:column;gap:15px}.photo4{height:200px;width:100%;max-width:300px;margin:0}}@media (max-width: 480px){.containerArtist{padding:10px}.photoText h1{font-size:1.2rem}.artistInfo p{font-size:.85rem}.photo4{height:180px}.photo1,.photo2{height:200px}.artworkInfo,.artworkInfo2{padding:12px;font-size:.9rem}}.product-card{width:250px;border:1px solid #b9b9b9;overflow:hidden;text-align:center;background-color:#fff;position:relative;cursor:pointer;font-family:var(--font-montserrat)}.product-card:before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#000;transition:width .4s ease;z-index:10}.product-card:hover:before{width:100%}.product-image-container{overflow:hidden;position:relative;max-height:200px}.product-image{height:200px;width:auto;transition:transform .3s ease-in-out;transform-origin:center center}.product-info{padding:10px}.product-info h3{font-size:18px;margin:0;color:#000}.product-info p{font-size:16px;color:#555}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;width:90vw;height:90vh;max-width:90vw;max-height:90vh;touch-action:none}.product-card{outline:none;-webkit-tap-highlight-color:transparent}.product-card:focus{outline:none}.zoom-container{display:flex;justify-content:center;align-items:center;overflow:hidden;max-width:100%;max-height:100%;width:100%;flex:1;touch-action:none}.modal-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:all;display:block;transition:transform .2s ease;touch-action:none}.close-btn{position:absolute;top:10px;right:10px;z-index:10;font-weight:700;font-size:1.5rem;background-color:#fff}.modal-text{padding:10px;align-self:start;width:100%;box-sizing:border-box}.zoom-wrapper{display:inline-flex;flex-direction:column;align-items:center}.modal-text h3{margin:10px 0 0;color:#000}.modal-text p{color:#555}.coverex{height:var(--vh, calc(100vh - 90px) );background-image:url(/images/excovervr.webp);background-size:100%;margin-top:90px;background-repeat:no-repeat;background-position:center 0%}.firstpageex{min-height:calc(100vh - 90px);padding:15px;color:#000;font-family:var(--font-montserrat)}.mm{font-family:var(--font-apollo);font-size:2rem!important}.underlayout{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-300;background-image:url(/images/exhcover.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;filter:blur(5px) grayscale(100%);opacity:.5}.gallerysection{width:100%}.gallerysection{position:relative;overflow:hidden}.horizontal-gallery{height:100vh;overflow:hidden;position:relative}.gallery-container{display:flex;height:100%;gap:10px;background-color:#fff;width:650vw}.gallery-image{width:100vw;height:100vh;flex-shrink:0;position:relative;overflow:hidden}.gallery-image img{width:100%;height:100%;object-fit:cover;object-position:center}@media (max-width: 768px){.coverex{background-image:url(/images/excoverhr.webp);background-position:center 0%}.horizontal-gallery{height:auto}.firstpageex{min-height:auto;max-height:fit-content}.gallery-container{flex-direction:column;width:100%}.gallery-image{width:100%;height:auto}.gallery-container{padding:10px}}.gallerysection+footer,.gallerysection+div{position:relative;z-index:10}.contactContainer{width:100%;margin-top:90px;padding:10px}.contact{width:100%;height:calc(100vh - 90px);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;color:#000;font-family:var(--font-montserrat);position:relative;overflow-x:hidden;margin-bottom:10px}.contact h1{font-size:1.5rem;position:absolute;top:10px;left:50%;transform:translate(-50%)}.contact h1 span{font-size:.7rem;margin-left:10px}.photoContact1,.photoContact{position:absolute;top:0;left:0;width:500px;max-width:899px;height:calc(100vh - 90px);filter:grayscale(100%)}.contactbuttons{position:absolute;top:50px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:20px;text-align:center}@media screen and (max-width: 768px){.contact>*{position:unset;top:unset;margin:unset;left:unset;transform:unset}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center}.photoContact1,.photoContact{z-index:-1;width:auto}.contact h1{width:100%;color:#fff;max-height:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px}.grow-underline{font-size:1.5rem}.contactbuttons{width:100%;justify-content:space-around;align-items:center}}
