@import"https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;600;700&display=swap";body{margin:0;padding:0;line-height:1.5;font-family:Raleway,sans-serif}.container{width:90%;margin:auto;position:relative}a{text-decoration:none;color:#000}nav{display:flex;width:100%;justify-content:space-between;align-items:center;padding-top:50px;padding-left:5%;padding-right:5%;box-sizing:border-box;z-index:4}nav .logo{width:120px}nav .logo img{width:100%;filter:invert(0);transition:filter .3s}@media (max-width: 1024px){nav{padding-top:30px}nav .logo{width:50px}}nav.nav-overlay{position:absolute;top:0;left:0;background:transparent}nav.nav-inline{position:relative}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;width:40px;height:32px;gap:6px;transition:all .3s ease}.hamburger span{display:block;height:3px;width:100%;background:#222;border-radius:1px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:translateY(8px);opacity:0}.hamburger.active span:nth-child(2){transform:translateY(0);opacity:1}.hamburger.active span:nth-child(3){transform:translateY(-8px);opacity:0}.hamburger.active span{background:#fff}.home-hamburger span{background:#fff!important}.light-hamburger span{background:#fff}.dark-hamburger span{background:#222}@media (max-width: 768px){.hamburger{width:22px;height:16px;gap:3px}.hamburger span{height:1.5px;border-radius:1px}.hamburger.active span:nth-child(1){transform:translateY(5px)}.hamburger.active span:nth-child(3){transform:translateY(-5px)}}.home-logo img{filter:invert(1)}.dark-logo img{filter:invert(0)}.sidepane-container{width:100%;height:100svh;position:absolute;top:0;right:0;overflow:hidden;z-index:auto}.sidepane{background-color:#0f0f0ff2;width:45%;height:100svh;position:fixed!important;top:0;right:0;text-align:right;color:#fff;display:flex;align-items:flex-end;transition:1s cubic-bezier(.075,.82,.165,1);z-index:3!important}.side-container{width:90%;margin:0 auto;height:83dvh;display:flex;flex-direction:column;justify-content:space-between}.menu-holder div a,.about-menu{text-decoration:none;color:#fff;font-size:clamp(1.5rem,4vw,2.8rem);text-transform:uppercase;font-weight:600;line-height:3rem;letter-spacing:.1rem;cursor:pointer}.menu-footer{margin:20px 0;display:flex;flex-direction:column;align-items:flex-end}.menu-footer p{margin:0}.socials{display:flex;justify-content:flex-end;align-items:center;text-transform:uppercase;font-size:clamp(.6rem,2vw,1.2rem);margin-top:20px;gap:.5rem}.socials p{text-decoration:none;cursor:pointer}.socials p a{color:#fff;text-decoration:none}.copyright{font-size:.8rem;margin-top:30px;color:gray}.submenu{max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:all .4s ease}.submenu .submenu-item{font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.7;color:gray;cursor:pointer}.submenu .submenu-item:hover{color:#f1e7d0}.submenu .contact-item{font-size:clamp(.7rem,1vw,.85rem);letter-spacing:.1rem;opacity:.75;transition:all .3s ease}.submenu .contact-item:hover{opacity:1;transform:translate(-4px)}.submenu-active{max-height:200px;opacity:1;transform:translateY(0);margin:10px 0}@media screen and (max-width: 768px){.sidepane-container .sidepane{width:100%}.sidepane-container .sidepane .side-container{width:90%}.sidepane-container .sidepane .side-container .menu-holder div a{line-height:1.4}}footer{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1.5rem 4rem;margin-top:5rem;background-color:#f8f8f8;color:gray;text-transform:uppercase;letter-spacing:.15em;font-size:.8rem}footer .footer-brand{font-size:1.2rem;margin-bottom:1.2rem;letter-spacing:.2em;color:#000}footer .footer-socials{display:flex;justify-content:center;gap:12px}footer .footer-socials a{text-decoration:none;color:inherit;transition:all .3s ease}footer .footer-socials a:hover{transform:translateY(-2px);color:#000}footer .footer-socials a:active{transform:scale(.95)}footer .address{margin-top:1.5rem;max-width:500px}footer .address p{margin-bottom:1.8rem;line-height:1.5}footer .address a{text-decoration:none;color:inherit;font-size:.8rem;transition:transform .15s ease,color .2s ease}footer .address a:hover{color:#000}footer .address a:active{transform:scale(.95)}@media (min-width: 768px){footer{padding:4rem 2rem}footer .footer-socials{gap:20px}footer .address{max-width:600px}}@media (max-width: 768px){footer{font-size:.7rem}footer .footer-brand{font-size:.85rem}footer .footer-socials a{font-size:.7rem}footer .address p,footer .address a{font-size:.7rem}}@media (min-width: 1024px){footer{padding:5rem 2rem}footer .footer-socials{gap:16px}footer .address a:hover{transform:translateY(-2px)}footer .address a:active{transform:scale(.9)}}.banner-container{position:absolute;top:0;width:100%;height:100svh;z-index:-1;overflow:hidden}.banner-container video{width:100%;height:100%;object-fit:cover}.banner-container .banner-title{position:absolute;top:50%;left:12%;transform:translate(-12%,-50%)}.banner-container .banner-title h1{font-size:clamp(1.3rem,10vw,7.5rem);text-transform:uppercase;margin:0;line-height:1;letter-spacing:1.2rem;font-weight:600;color:#fff}.banner-container .banner-title .sub-title{display:flex;gap:3rem;margin-left:30px}.banner-container .banner-title .sub-title p{margin-top:0;text-transform:uppercase;font-size:clamp(1.1rem,1.5vw,1.2rem);color:#fff;letter-spacing:.7rem}@media (max-width: 768px){.banner-container .banner-container{height:50vh}.banner-container .banner-container video{width:100%;height:100%;object-fit:cover}.banner-container .banner-title{left:10%;transform:translate(-5%,-50%)}.banner-container .banner-title h1{font-size:clamp(1rem,12vw,7rem);letter-spacing:.18rem}.banner-container .banner-title .sub-title{display:flex;flex-direction:row;margin-left:.6rem;gap:1rem}.banner-container .banner-title .sub-title p{font-size:clamp(.8rem,3vw,1rem);letter-spacing:.1rem}}.founder-heading{text-align:center;margin:80px auto 70px;padding:0 5%}.founder-subtitle{text-transform:uppercase;font-size:clamp(.75rem,1.5vw,.95rem);font-weight:300;letter-spacing:.2rem;color:#888;margin-bottom:1rem}.founder-title{font-size:clamp(1.755rem,5vw,4.5rem);font-weight:600;letter-spacing:.005em;line-height:1.05;color:#1a1a1a;margin:0;text-transform:uppercase;white-space:nowrap}.profile-section{display:grid;grid-template-columns:6fr 5fr;align-items:start;gap:80px;width:88%;max-width:1400px;margin:0 auto;padding:0;box-sizing:border-box}.img_container{width:100%;position:relative}.img_container .card{position:relative;overflow:hidden;border-radius:4px;background:#f4f4f4}.img_container .profile-image{width:100%;height:auto;display:block;object-fit:cover;transition:transform .8s ease}.img_container .card:hover .profile-image{transform:scale(1.02)}.img_container .name-tag{position:absolute;bottom:0;left:0;width:100%;padding:28px 28px 40px;box-sizing:border-box;background:linear-gradient(to top,#000000d9,#0000008c 55%,#0000);color:#fff}.img_container .founder-name{font-size:clamp(1.06rem,1.6vw,1.4rem);font-weight:500;letter-spacing:.16em;margin:0 0 8px;text-transform:uppercase}.img_container .founder-role{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;font-weight:400;margin:0 0 8px;opacity:.9;color:#9acd32}.img_container .founder-credentials{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;font-weight:300;margin:0;opacity:.7}.text-box{width:100%;max-width:560px;font-size:.95rem;line-height:1.85;color:#2a2a2a;letter-spacing:.005em;font-weight:300}.text-box p{margin:0 0 22px;text-align:left}.text-box p:first-child{margin-top:0}.bio-quote{margin:36px 0;padding:4px 0 4px 22px;border-left:2px solid #1a1a1a}.bio-quote p{font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.55;font-weight:400;font-style:italic;color:#1a1a1a;margin:0;letter-spacing:.005em}.facts-strip{margin-top:50px;padding-top:32px;border-top:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;gap:22px}.fact{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start}.fact-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.22em;color:#888;font-weight:500;padding-top:2px}.fact-values{display:flex;flex-direction:column;gap:2px}.fact-value{font-size:.88rem;color:#2a2a2a;line-height:1.55}@media (max-width: 1024px){.profile-section{grid-template-columns:1fr 1fr;gap:48px;width:90%}.text-box{max-width:none}}@media (max-width: 768px){.founder-heading{margin:60px auto 40px}.founder-subtitle{font-size:clamp(.75rem,4vw,3.5rem)}.profile-section{grid-template-columns:1fr;width:92%;gap:32px}.img_container .card{aspect-ratio:auto}.img_container .profile-image{width:100%;height:auto;object-fit:contain}.img_container .name-tag{padding:22px 20px 18px}.text-box{font-size:.92rem;line-height:1.8}.bio-quote{margin:28px 0;padding-left:18px}.fact{grid-template-columns:1fr;gap:4px}.facts-strip{margin-top:36px;gap:18px}}html,body{margin:0;padding:0}.co-profile-page{width:100%;background:#fff;padding-bottom:120px}.cp-hero{width:100%;height:100svh;min-height:750px;position:relative;overflow:hidden;display:flex;align-items:flex-end;margin-top:0;padding-top:0}.cp-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cp-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#00000026,#00000073)}.cp-heading{width:90%;margin:70px auto 100px;text-align:center}.cp-heading h1{font-size:clamp(3rem,5vw,8rem);font-weight:400;line-height:.95;color:#222;margin:0}.cp-container{width:88%;max-width:1400px;margin:0 auto}.cp-intro{width:80%;max-width:900px;margin:0 auto 70px}.cp-intro p{font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.95;color:#333;margin-bottom:22px;text-align:justify}.cp-intro p:first-child{margin-top:0}.cp-section,.values-section,.services-section{display:grid;grid-template-columns:180px 1fr;gap:60px;padding:55px 0;border-top:1px solid rgba(0,0,0,.08)}.services-section{border-bottom:1px solid rgba(0,0,0,.08)}.cp-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:#888;padding-top:8px}.cp-content p{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.6;color:#222;max-width:850px;margin-bottom:30px;font-weight:500}.cp-content p:last-child{margin-bottom:0}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.value-card h3{font-size:.95rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;color:#111}.value-card p{font-size:.95rem;line-height:1.8;color:#555}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}.service-card h3{font-size:.95rem;text-transform:uppercase;letter-spacing:.14em;margin-bottom:18px;color:#111}.service-card p{font-size:.95rem;line-height:1.8;color:#555}@media screen and (max-width: 768px){.co-profile-page{padding-bottom:80px}.cp-hero{height:65vh;min-height:500px}.cp-heading{margin:50px auto 40px}.cp-heading h1{font-size:clamp(2.5rem,7vw,5rem)}.cp-container{width:90%}.cp-intro{width:100%;margin-bottom:80px}.cp-intro p{font-size:.94rem;line-height:1.85;margin-bottom:28px}.cp-section,.values-section,.services-section{grid-template-columns:1fr;gap:24px;padding:45px 0}.cp-label{font-size:.72rem;letter-spacing:.16em}.cp-content p{font-size:1.09rem;line-height:1.75}.values-grid,.services-grid{grid-template-columns:1fr;gap:40px}:is(.value-card,.service-card) h3{font-size:.9rem;margin-bottom:12px}:is(.value-card,.service-card) p{font-size:.92rem;line-height:1.75}}.team-page{width:100%;min-height:100vh;padding-bottom:80px}.team-hero{width:90%;margin:0 auto;padding-top:30px;padding-bottom:80px;text-align:center}.team-hero .team-subtitle{font-size:clamp(.75rem,1.5vw,.95rem);letter-spacing:.2em;text-transform:uppercase;color:gray;margin-bottom:10px}.team-hero h1{font-size:clamp(3rem,9vw,9rem);font-weight:600;letter-spacing:.02em;margin:0;line-height:.9;color:#222}.team-hero h2{font-size:clamp(.8rem,1vw,1rem);font-weight:600;letter-spacing:.1rem;margin-top:10px;color:#222}.team-grid{width:94%;max-width:1800px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;align-items:start}.team-card{width:100%;display:flex;flex-direction:column;transition:transform .45s ease,box-shadow .45s ease}.team-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.team-card:hover img{transform:scale(1.04)}.team-image{width:100%;aspect-ratio:3/4;background:#ddd;border-radius:2px;overflow:hidden}.team-image img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%);transition:transform .5s ease}.team-card:hover img{transform:scale(1.03)}.team-info{padding-top:18px;padding-left:0;transition:padding .4s ease}.team-info h3{margin:0;font-size:1rem;font-weight:600;line-height:1.4;color:#222;text-transform:uppercase;letter-spacing:.02rem}.team-info p{margin-top:8px;font-size:.8rem;color:#666;line-height:1.6;text-transform:uppercase;letter-spacing:.08rem}.team-card:hover .team-info{padding-left:12px}@media (max-width: 768px){.team-page{padding-bottom:60px}.team-hero{width:90%;padding-top:40px;padding-bottom:40px}.team-hero .team-subtitle{font-size:.9rem;letter-spacing:.18rem}.team-hero h1{font-size:clamp (3.5rem,18vw,5rem);line-height:.95}.team-hero h2{font-size:.9rem;letter-spacing:.08rem;margin-top:14px}.team-grid{width:90%;grid-template-columns:1fr;gap:40px}.team-card:hover{transform:translateY(-6px);box-shadow:0 16px 30px #0003}.team-image{width:100%;aspect-ratio:3/4;min-height:auto}.team-info{padding-top:16px;transition:padding .4s ease}.team-info h3{font-size:.95rem;line-height:1.5}.team-info p{font-size:.78rem;line-height:1.6;letter-spacing:.06rem}.team-card:hover .team-info{padding-left:10px}.team-card:hover .team-info h3,.team-card:hover .team-info p{transform:translate(6px)}}.build-page{padding:0 0 80px}.build-page .loader{width:100%;aspect-ratio:3/4;background-color:gray;background-image:linear-gradient(90deg,#ffffff40 0,#ffffff80 25%,#ffffff40 55%);background-size:200% 100%;animation:shimmer 3.5s infinite}.build-page .build-video-container{min-height:70vh;height:100dvh;overflow:hidden;top:0}.build-page .build-video-container .video-container video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.build-page .build-video-container .build-header-cont{position:absolute;bottom:12%;width:100%;text-align:center;z-index:2}.build-page .build-video-container .build-header-cont p{font-size:clamp(2.5rem,8vw,6rem);letter-spacing:.3rem;font-weight:600;color:#fff;text-transform:uppercase}.build-page .build-video-container .build-header-overlay{position:absolute;inset:0;z-index:1}.build-page .build-grid{display:grid;padding:0 60px;grid-template-columns:repeat(3,1fr);gap:40px;min-height:50dvh}.build-page .build-grid .build-card{position:relative;display:flex;flex-direction:column;cursor:pointer;padding-bottom:20px;transition:transform .35s ease,box-shadow .35s ease}.build-page .build-grid .build-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000026}.build-page .build-grid .build-card .build-image{width:100%;aspect-ratio:3/4;overflow:hidden}.build-page .build-grid .build-card .build-image img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform .6s ease}.build-page .build-grid .build-card:hover .build-image img{transform:scale(1.08)}.build-page .build-grid .build-card:active{transform:scale(.96);transition:transform .35s ease}.build-page .build-grid .build-card:hover{border-radius:6px}.build-page .build-grid .build-card .build-sub{margin-top:16px;transform:translate(0);transition:transform .3s ease}.build-page .build-grid .build-card .build-sub h3{font-size:16px;font-weight:600;margin-bottom:4px;letter-spacing:1px}.build-page .build-grid .build-card .build-sub span{font-size:11px;letter-spacing:1.5px;color:#666}.build-page .build-grid .build-card:hover .build-sub,.build-page .build-grid .build-card a:hover .build-sub{transform:translate(12px)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.build-page .build-video-container{min-height:60vh}.build-page .build-video-container .build-header-cont{bottom:8%}.build-page .build-video-container .build-header-cont p{font-size:clamp(2.5rem,10vw,3.5rem);letter-spacing:.15rem}.build-page .build-grid{padding:0 20px;grid-template-columns:1fr;gap:25px}.build-page .build-grid .build-card{padding-bottom:10px}.build-page .build-grid .build-card .build-sub h3{font-size:14px}.build-page .build-grid .build-card .build-sub span{font-size:10px}}@media (min-width: 768px) and (max-width: 1024px){.build-page .build-grid{padding:0 30px;grid-template-columns:repeat(2,1fr);gap:30px}}@media (min-width: 1024px){.build-page .build-grid{padding:0 60px;grid-template-columns:repeat(3,1fr)}}.studio-page{width:100%;padding-bottom:140px;background:#fff}.studio-heading{text-align:center;margin:80px auto;padding:0 5%}.studio-subtitle{text-transform:uppercase;font-size:clamp(.75rem,1.5vw,.95rem);font-weight:500;letter-spacing:.2em;color:#888;margin-bottom:1rem}.studio-title{font-size:clamp(7rem,6vw,4.5rem);font-weight:600;letter-spacing:.005em;line-height:1.05;color:#1a1a1a;margin:0;text-transform:uppercase}.studio-gallery{width:88%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(12,1fr);gap:36px;align-items:start}.gallery-item{margin:0;overflow:hidden;background:#f4f4f4;position:relative;cursor:zoom-in;opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.gallery-item.animate-in{opacity:1;transform:translateY(0)}.gallery-item img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.gallery-item:hover img{transform:scale(1.03)}.tile-full{grid-column:1 / -1;aspect-ratio:16 / 9}.tile-large{grid-column:span 7;aspect-ratio:4 / 3}.tile-small{grid-column:span 5;aspect-ratio:5 / 4}.tile-half{grid-column:span 6;aspect-ratio:3 / 2}@media (max-width: 1024px){.studio-gallery{width:90%;gap:26px}.tile-large,.tile-small{grid-column:span 6;aspect-ratio:4 / 3}}@media (max-width: 768px){.studio-heading{margin:60px auto 50px}.studio-subtitle{font-size:.9rem;letter-spacing:.18rem}.studio-title{font-size:2.5rem;letter-spacing:.1rem;margin-bottom:.75rem;font-weight:700}.studio-gallery{width:92%;grid-template-columns:1fr;gap:18px}.tile-full,.tile-large,.tile-small,.tile-half{grid-column:1 / -1;aspect-ratio:4 / 3}.tile-full{aspect-ratio:16 / 10}}.lightbox{position:fixed;inset:0;background:#080808f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:lightbox-fade-in .32s ease}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-content{max-width:92vw;max-height:88vh;cursor:default;animation:lightbox-zoom-in .45s cubic-bezier(.22,1,.36,1)}@keyframes lightbox-zoom-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lightbox-content img{max-width:92vw;max-height:88vh;width:auto;height:auto;display:block;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-close{position:absolute;top:24px;right:28px;width:48px;height:48px;background:transparent;border:none;color:#fff;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease,transform .2s ease;z-index:2;font-family:inherit}.lightbox-close:hover{opacity:1;transform:rotate(90deg)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:transparent;border:none;color:#fff;font-size:3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .2s ease;z-index:2;font-family:inherit;padding:0}.lightbox-nav:hover{opacity:1}.lightbox-prev{left:24px}.lightbox-next{right:24px}.lightbox-counter{position:absolute;bottom:28px;left:50%;transform:translate(-50%);color:#fff;font-size:.78rem;font-weight:400;letter-spacing:.25em;opacity:.55;z-index:2}@media (max-width: 768px){.lightbox-close{top:12px;right:12px;width:40px;height:40px;font-size:1.6rem}.lightbox-nav{width:44px;height:44px;font-size:2.2rem}.lightbox-prev{left:6px}.lightbox-next{right:6px}.lightbox-content,.lightbox-content img{max-width:96vw;max-height:82vh}.lightbox-counter{bottom:18px;font-size:.7rem}}body{overflow-x:hidden}body .maroon-designs-container{width:100%;max-width:1400px;margin:0 auto;padding:20px;box-sizing:border-box}body .maroon-designs-container .description-header{width:100%;display:grid;place-items:center;text-align:center}body .maroon-designs-container .description-header p{text-transform:uppercase;font-size:clamp(1rem,1.2vw,1.2rem);margin-bottom:.5rem;font-weight:500;letter-spacing:.1rem;color:gray}body .maroon-designs-container .description-header h1{text-transform:uppercase;font-size:clamp(2.5rem,8vw,7.5rem);margin-top:0;font-weight:600;line-height:1}body .maroon-designs-container .maroon-company-designs{width:100%;display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:30px}body .maroon-designs-container .maroon-company-designs .maroon-designs{width:100%;aspect-ratio:4/3;position:relative;overflow:hidden}body .maroon-designs-container .maroon-company-designs .maroon-designs .designs{width:100%;height:100%}body .maroon-designs-container .maroon-company-designs .maroon-designs .designs img{width:100%;display:block;height:100%;object-fit:cover;transition:.5s ease}body .maroon-designs-container .maroon-company-designs .maroon-designs p{text-align:center;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1rem,2vw,1.15rem);color:#fff;text-transform:uppercase;letter-spacing:.3rem;font-weight:500;z-index:2}body .maroon-designs-container .maroon-company-designs .maroon-designs p span{display:inline-block;transform:translateY(20px);opacity:1;transition:all .4s ease}body .maroon-designs-container .maroon-company-designs .maroon-designs .overlay{position:absolute;inset:0;background-color:#0000004d;opacity:1;transition:.3s ease}body .maroon-designs-container .maroon-company-designs .maroon-designs p span{opacity:1}@media (min-width: 768px){body .maroon-designs-container .maroon-designs .overlay{opacity:0;background-color:transparent}body .maroon-designs-container .maroon-designs p span{transform:translateY(20px);opacity:0}body .maroon-designs-container .maroon-designs:hover .overlay{opacity:1;background-color:#0000004d}body .maroon-designs-container .maroon-designs:hover p span{transform:translateY(0);opacity:1}body .maroon-designs-container .maroon-designs:hover .designs img{transform:scale(1.05)}}@media (min-width: 1024px){body .maroon-designs-container{padding:50px}body .maroon-designs-container .maroon-company-designs{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1400px){body .maroon-designs-container .maroon-company-designs{grid-template-columns:repeat(3,1fr)}}body .villa-banner{min-height:70vh;height:100dvh;position:relative;top:0;overflow:hidden}body .villa-banner .villa-content{height:inherit}body .villa-banner .villa-content .banner{width:100%;height:inherit}body .villa-banner .villa-content .banner img,body .villa-banner .villa-content .banner video{width:100%;height:inherit;object-fit:cover}body .villa-banner .villa-content .overlay{width:100%;height:100dvh;position:absolute;overflow:hidden;background:linear-gradient(to bottom,#0000001a,#0003);scale:1.1}body .villa-banner .villa-content .text{width:90%;max-width:1200px;text-align:center;position:absolute;bottom:8%;left:50%;transform:translate(-50%,-8%)}body .villa-banner .villa-content .text h1{word-break:break-word;overflow-wrap:break-word;color:#fff;font-size:clamp(2.5rem,7vw,7rem);font-weight:500;margin-bottom:0;text-transform:uppercase;letter-spacing:.4rem}body .villa-banner .villa-content .text p{color:#fff;margin-top:0;font-size:clamp(1rem,1.2vw,1.2rem);text-transform:capitalize;letter-spacing:5px;font-weight:100}body .villa-content-container{top:100%;padding:80px 0}body .villa-content-container .villa-year-detail{width:90%;max-width:1200px;margin:auto;padding:25px 0}body .villa-content-container .villa-year-detail .year-detail{width:100%;display:flex;justify-content:center;align-items:stretch;gap:20px}body .villa-content-container .villa-year-detail .content{flex:1;display:grid;place-items:center;text-align:center;padding:10px 15px;position:relative;border-right:1px solid rgba(0,0,0,.1)}body .villa-content-container .villa-year-detail .content .text{width:90%;display:grid;place-items:center}body .villa-content-container .villa-year-detail .content .text h2{font-size:clamp(.9rem,1vw,1rem);text-transform:uppercase;margin-bottom:0}body .villa-content-container .villa-year-detail .content .text p{font-size:clamp(.7rem,.9vw,.9rem);text-transform:uppercase;margin-top:0;word-break:normal;overflow-wrap:break-word}body .villa-content-container .villa-year-detail .content:last-child{border-right:none}body .villa-content-container .villa-description{width:90%;max-width:900px;margin:30px auto auto}body .villa-content-container .villa-description h3{font-size:clamp(1.2rem,1.7vw,1.7rem)}body .villa-content-container .villa-description .description .details{columns:2;column-gap:2rem;column-fill:balance;line-height:1.6;text-align:justify}body .villa-content-container .villa-description .description .details img{display:none}body .villa-content-container .villa-description .description .details p{margin-bottom:1rem;margin-top:0}@media (max-width: 768px){body .villa-content-container .villa-description .description .details{columns:1;column-gap:0}}body .villa-content-container .villa-design{width:80%;margin:30px auto;display:flex;flex-direction:column;gap:80px}body .villa-content-container .villa-design .design{width:100%;opacity:0;transform:translateY(100px);transition:opacity .6s ease-out,transform .6s ease-out}body .villa-content-container .villa-design .design.animate-in{opacity:1;transform:translateY(0)}body .villa-content-container .villa-design .design img{max-width:100%;height:auto}body .scroll-button{width:80%;margin:auto;position:relative;height:15dvh}body .scroll-button .button{width:55px;height:55px;border:3px solid #050505;border-radius:50%;position:absolute;bottom:0;right:0;display:flex;place-items:center;justify-content:center;cursor:pointer}body .scroll-button .arrow{margin-bottom:9px;border:1px solid rgb(5,5,5);width:40%;height:40%;clip-path:polygon(50% 20%,0% 100%,100% 100%);background-color:#000}@media (max-width: 768px){body .villa-banner{min-height:60vh}body .villa-banner .villa-content .text{width:90%;bottom:5%}body .villa-banner .villa-content .text h1{font-size:clamp(1.8rem,8vw,3rem);letter-spacing:.2rem}body .villa-banner .villa-content .text p{font-size:.9rem}body .villa-content-container{padding:30px 0}body .villa-content-container .villa-year-detail .year-detail{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}body .villa-content-container .villa-year-detail .content{width:45%;height:auto;border-right:none;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:12px}body .villa-content-container .villa-year-detail .content:nth-last-child(-n+2){border-bottom:none}body .villa-content-container .villa-description{width:100%;padding:0 20px;box-sizing:border-box}body .villa-content-container .villa-description h3{font-size:1.1rem}body .villa-content-container .villa-description .description .details{columns:1}body .villa-content-container .villa-design{width:90%;gap:25px}body .villa-content-container .scroll-button{width:90%}body .villa-content-container .scroll-button .button{width:45px;height:45px}}@media (min-width: 768px) and (max-width: 1024px){body .villa-content-container .villa-year-detail{width:90%}body .villa-content-container .villa-year-detail .year-detail{flex-wrap:wrap;gap:20px}body .villa-content-container .villa-year-detail .year-detail .content{width:45%}body .villa-content-container .villa-year-detail .year-detail .line{display:none}body .villa-content-container .villa-description{width:80%}body .villa-content-container .villa-design{width:90%}}@media (min-width: 1024px){body .villa-content-container .villa-description{width:70%;max-width:900px}body .villa-content-container .villa-design{width:80%}}
