@import"https://fonts.googleapis.com/css2?family=Maharlika&family=Montserrat:wght@400;500;700&display=swap";root,body{height:100vh;width:100vw;margin:0;background:#f4f0e6;overflow:hidden}h3{font-weight:400}.contact{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;background-color:#ece5da;color:gray;margin:0}.contact div{text-align:center}.contact h3{width:100%;margin:auto;text-align:center;padding:15px}.contact a{margin:1vw;font-size:clamp(12px,1vw,14px)}.contact a:link{text-decoration:none;color:#000;padding:15px;border:1px solid transparent;transition:border-color .5s ease-in,border-width .5s ease-in;white-space:nowrap}.contact a:hover{text-decoration:none;border:1px solid black}@media screen and (max-width: 1000px){.contact{width:100%;flex-direction:column;align-items:flex-start;gap:10px}.contact div{margin:0;padding:0;text-align:left}}.gallery-h1{margin-top:4rem;text-align:center;font-size:clamp(24px,5vw,36px);color:#333}.container-holder{margin-top:40px;width:100vw;display:flex;align-items:center;justify-content:center}.container{width:80%;#background-color: gray;#padding: 20px;#border-radius: 20px}.slider-wrapper{position:relative}.slider-wrapper .slide-button{position:absolute;top:50%;outline:none;border:none;height:50px;width:50px;z-index:5;color:#fff;display:flex;cursor:pointer;font-size:2.2rem;background:#bca88c;align-items:center;justify-content:center;border-radius:50%;transform:translateY(-50%)}.slider-wrapper .slide-button:hover{background:#404040}.slider-wrapper .slide-button#prev-slide{left:-25px;display:none}.slider-wrapper .slide-button#next-slide{right:-25px}.slider-wrapper .image-list{display:grid;grid-template-columns:repeat(20,1fr);gap:18px;font-size:0;list-style:none;margin-bottom:30px;overflow-x:auto;scrollbar-width:none}.slider-wrapper .image-list::-webkit-scrollbar{display:none}.slider-wrapper .image-list .image-item{width:325px;height:400px;object-fit:cover;cursor:pointer;-webkit-tap-highlight-color:transparent}.container .slider-scrollbar{height:24px;width:100%;display:flex;align-items:center}.slider-scrollbar .scrollbar-track{background:#ccc;width:100%;height:2px;display:flex;align-items:center;border-radius:4px;position:relative}.slider-scrollbar:hover .scrollbar-track{height:4px}.slider-scrollbar .scrollbar-thumb{position:absolute;background:#000;top:0;bottom:0;width:50%;height:100%;cursor:grab;border-radius:inherit}.slider-scrollbar .scrollbar-thumb:active{cursor:grabbing;height:8px;top:-2px}.slider-scrollbar .scrollbar-thumb:after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}@media only screen and (max-width: 1023px){.slider-wrapper .slide-button{display:none!important}.slider-wrapper .image-list{gap:10px;margin-bottom:15px;scroll-snap-type:x mandatory}.slider-wrapper .image-list .image-item{width:280px;height:380px}.slider-scrollbar .scrollbar-thumb{width:20%}}.logo{display:flex;align-items:center;margin:20px}.logo img{margin-right:10px;height:50px}.logo h1{font-family:Maharlika,serif;margin:0;line-height:50px}.logo h1.active{color:#222}nav{position:relative;z-index:99;display:flex;justify-content:space-between;align-items:center;background-color:#ece5da;color:#fff;flex-wrap:wrap;padding:1rem 1.5rem}.navbar img{max-width:5vw}.menu{display:flex;align-items:center;margin:0 -1rem}.menu a{margin:0 1rem;color:#000;text-decoration:none;transition:.3s}.menu a:hover{color:#f6f6f6;cursor:pointer}.hamburger{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;background:none;cursor:pointer;display:none;width:2rem;height:2rem;z-index:100}.hamburger span{color:#000;font-size:2rem}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:98;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transform:translateY(-100%);background-color:#ece5da;color:#000;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.mobile-menu.is-open{opacity:1;transform:translateY(0)}.mobile-menu a{display:block;padding:1rem;width:100%;color:#000;text-align:center;text-decoration:none;font-size:1.25rem;transition:.3s}.mobile-menu a:hover{color:#000;background-color:#fff}@media (max-width: 1000px){.menu{display:none}.hamburger{display:block}.navbar img{max-width:20vw}}.slide-container{color:#333;#background-color: #ece5da;margin:4rem 10% 0}.slide-container h1{font-size:clamp(24px,5vw,36px);text-align:center}.slide-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.card{border-radius:20px;background-color:#ece5da;border:2px solid #a8a088;box-shadow:0 6px 20px #00000026;width:250px;padding:10px;transition:transform .4s cubic-bezier(.25,.1,.25,1),box-shadow .4s cubic-bezier(.25,.1,.25,1)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.card-wrapper{flex-wrap:wrap;margin-top:20px;display:flex;gap:4vmin;justify-content:center}.image-content,.card-content{display:flex;flex-direction:column;align-items:center;padding:10px 14px}.image-content{row-gap:5px}.card-image{position:relative;height:100px;width:100px;border-radius:20px;background-color:#f6f6f6}.card-image .card-img{height:100%;width:100%;object-fit:cover;border-radius:20px;padding:10px;border:2px solid #bca88c}.name{font-size:clamp(18px,4vw,24px);font-weight:500;word-break:break-word;max-width:100%;color:#000;margin-bottom:12px;text-align:center}.description{font-size:clamp(14px,2vw,16px);color:#333;text-align:center;padding:0 8px}.footer{margin-top:20px;background-color:#bca88c;color:#000;padding:2rem 1rem;font-size:.9rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;max-width:1200px;margin:0 auto}.footer-logo h2{font-family:Maharlika,serif;font-size:1.5rem;margin-bottom:.5rem}.footer-contact a{color:inherit;text-decoration:none;font-weight:500}.footer-contact a:hover{text-decoration:underline}.footer-socials a{margin-right:1rem}.footer-socials img{width:24px;height:24px;transition:transform .3s ease}.footer-socials img:hover{transform:scale(1.2)}.footer-bottom{text-align:center;margin-top:2rem;font-size:.8rem;opacity:.7}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-socials a{margin:0 .5rem}}*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;width:100vw;margin:0;background:#f4f0e6;overflow:auto}p{font-family:Montserrat,sans-serif}body::-webkit-scrollbar{display:none}h1,h2,h3{font-family:Maharlika,serif}.make-bold{font-weight:700}.welcome-section{position:relative;height:100vh;background-image:url(/assets/00-I0NqhHf5.png);background-size:cover;background-position:center;color:#000;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.welcome-content{position:relative;z-index:2;padding:0 20px}.subtitle{font-size:clamp(16px,4vw,36px);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}.main-title{font-size:clamp(18px,10vw,72px);line-height:1.2;color:#000}.cta-button{margin-top:30px;padding:24px;background-color:#000;color:#fff;border:none;border-radius:25px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.cta-button:hover{background-color:#938157}.about-me{margin:40px 10%;display:flex;justify-content:space-between;gap:4vw;padding:20px}.about-me-text{width:50%}.about-me-text h1{font-size:clamp(24px,5vw,36px);margin-bottom:20px;color:#333}.about-me-text p{font-size:clamp(14px,2vw,18px);color:#333;text-align:justify;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.about-me-photo-wrapper{width:50%;position:relative;height:700px}.photo-background,.photo-front{position:absolute;top:0;left:0;width:80%;height:80%;background-color:#e0e0e0;border-radius:10px;overflow:hidden}.photo-background img,.photo-front img{width:100%;height:100%;object-fit:cover;border-radius:10px}.photo-background{z-index:1;transform:translate(0);background-color:#ece5da}.photo-front{z-index:2;transform:translate(60px,60px)}@media (max-width: 1000px){.about-me{flex-direction:column}.about-me-photo-wrapper{width:100%;position:relative}.about-me-text{width:100%}}.why-us-container{display:flex;justify-content:center;margin:40px 10%}.why-us-header h1{font-size:clamp(24px,5vw,36px);color:#333}.why-us{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;width:80%;max-width:1200px}.card-wrapper-why-us{align-items:stretch;display:flex;gap:4vw;margin-top:20px}.card-why-us{flex:1;border-radius:20px;background-color:#ece5da;box-shadow:0 6px 20px #00000026;border:2px solid #a8a088;padding:20px;transition:transform .4s cubic-bezier(.25,.1,.25,1),box-shadow .4s cubic-bezier(.25,.1,.25,1)}.card-why-us:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003}.name-why-us{text-align:center;font-weight:700;font-size:clamp(18px,4vw,24px);color:#000}.description-why-us{margin-top:20px;font-size:clamp(14px,2vw,16px);color:#333;text-align:center}@media (max-width: 768px){.card-wrapper-why-us{flex-direction:column}.why-us{width:100vw}}.about-wrapper{width:100vw}.about{color:#333;display:flex;align-items:center;flex-wrap:wrap;margin:40px 10%;text-align:justify;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.about>.left,.about>.right{width:100%;margin-bottom:20px;padding:20px}.about>.left h1{font-size:clamp(24px,5vw,36px);margin-bottom:20px}.about>.left p{font-size:clamp(14px,2vw,18px)}.about>.right>img{width:100%;border-radius:20px;object-fit:cover}@media only screen and (min-width: 1000px){.about{margin:40px 10%}.about>.left,.about>.right{width:50%;margin-bottom:0}}h1{margin:40px;text-align:center;font-size:clamp(24px,5vw,36px);color:#333}.image-grid-container{width:100vw;display:flex;justify-content:center}.image-grid-wrapper{width:80%;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.image-grid-img{width:100%;height:auto;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #00000026;cursor:pointer}.image-grid-loader-wrapper{display:flex;justify-content:center;align-items:center;height:300px}.image-grid-spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:image-grid-spin 1s linear infinite}@keyframes image-grid-spin{to{transform:rotate(360deg)}}.fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center}.fullscreen-image{max-height:100vh;max-width:100vw;object-fit:cover;object-position:center}.close-button{position:absolute;top:20px;right:30px;font-size:2.5rem;color:#bca88c;background:none;border:none;cursor:pointer;z-index:10000}.close-button:hover{color:#938157}.email-form{max-width:500px;padding:2rem;background-color:#fff;box-shadow:0 4px 10px #0000001a;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;font-family:sans-serif;flex:1 1 0}.email-form h2{text-align:center;margin-bottom:1rem;font-size:1.8rem;color:#333}.email-form form>div{display:flex;flex-direction:column}.email-form label{margin-bottom:.5rem;font-weight:700;color:#555}.email-form input,.email-form textarea{padding:.75rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;resize:vertical;margin-bottom:1rem}.email-form button{padding:.75rem 1.5rem;background-color:#ece5da;color:#000;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s;display:block;margin:1rem auto}.email-form button:disabled{background-color:#333;cursor:not-allowed}.email-form button:hover:not(:disabled){background-color:#c4b58f}.email-form p{text-align:center;margin-top:1rem;color:green}@media (max-width: 600px){.email-form{padding:1rem;margin:1rem}}.contact-details{max-width:500px;padding:2rem;background-color:#fff;box-shadow:0 4px 10px #0000001a;border-radius:12px;display:flex;flex-direction:column;font-family:sans-serif;color:#333;gap:1rem;flex:1 1 0}.contact-details h2{text-align:center;font-size:1.8rem;margin-bottom:1rem}.contact-details p{margin:.5rem 0;font-size:1rem;color:#555}.contact-details a{color:#555;text-decoration:none}.contact-details a:hover{text-decoration:underline}.contact-details .social-media{margin-top:1rem;display:flex;gap:1rem;justify-content:center}.contact-details .social-media a{font-size:1.5rem;color:#333;transition:color .3s}.contact-details .social-media a:hover{color:#c4b58f}@media (max-width: 600px){.contact-details{padding:1rem;margin:1rem}}.contact-section{margin:40px 10%;display:flex;align-items:stretch;justify-content:center;gap:clamp(1vw,5vw,10vw);padding:0;background-color:#f4f0e6}@media (max-width: 676px){.contact-section{flex-direction:column}}