:root{--primary-color:#1e4c34;--secondary-color:#f0f5f2;--accent-color:#80a172;--text-color:#2a3b35;--light-text:#f0f5f2;--dark-green:#0f3a29;--tea-green:#d0e6c5;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary), sans-serif;color:var(--text-color);background-color:var(--secondary-color);line-height:1.6;position:relative;overflow-x:hidden}.container{width:100%;max-width:1920px;margin:0 auto;padding:0;overflow:hidden}header{background-color:var(--primary-color);z-index:100;mix-blend-mode:normal;justify-content:space-between;align-items:center;padding:20px 40px;transition:background-color .3s;display:flex;position:relative}.logo{color:var(--light-text);letter-spacing:2px;font-size:1.5rem;font-weight:400;text-decoration:none}.nav-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;padding:8px;display:none;position:relative}.nav-toggle span{background-color:var(--light-text);border-radius:.5px;width:22px;height:1px;margin:6px auto;transition:transform .3s,opacity .3s,background-color .3s;display:block}.nav-toggle.active span:first-child{transform:translateY(3.5px)rotate(45deg)}.nav-toggle.active span:nth-child(2){transform:translateY(-3.5px)rotate(-45deg)}.nav-toggle:hover span{background-color:var(--accent-color)}nav ul{list-style:none;display:flex}nav ul li{margin-left:30px}.buque-brand-logo{align-items:center;height:30px;display:inline-flex}.buque-brand-logo svg{color:var(--light-text);fill:currentColor;width:auto;height:100%;display:block}nav ul li a{color:var(--light-text);letter-spacing:1px;transition:var(--transition);padding-bottom:5px;font-size:.9rem;font-weight:500;text-decoration:none;position:relative}nav ul li a:after{content:"";background-color:var(--light-text);width:0;height:1px;transition:var(--transition);position:absolute;bottom:0;left:0}nav ul li a:hover:after{width:100%}.hero{background-color:var(--secondary-color);align-items:center;margin-top:0;padding-top:0;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;text-align:left;color:var(--primary-color);flex-direction:column;flex:1;justify-content:center;padding:40px 60px;display:flex;position:relative}.hero-image-container{background-color:var(--secondary-color);flex:1;justify-content:center;align-items:flex-start;height:auto;min-height:0;padding:0;display:flex;position:relative;overflow:visible}.hero-image{object-fit:contain;transform-origin:top;width:auto;max-width:100%;height:auto;max-height:75vh;margin:0;padding:0;display:block}.hero-title{font-family:var(--font-secondary);opacity:0;color:var(--primary-color);margin-bottom:1rem;font-size:4rem;font-weight:300;line-height:1.2;transform:translateY(30px)}.hero-subtitle{opacity:0;color:var(--accent-color);margin-bottom:2rem;font-size:1.2rem;font-weight:300;transform:translateY(30px)}.hero-description{opacity:0;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1rem;transform:translateY(30px)}.featured-section{background-color:#fff;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:120px 5%;display:grid;position:relative;overflow:hidden}.featured-image-container{justify-content:center;align-items:center;width:100%;height:auto;display:flex;position:relative;overflow:hidden}.featured-image{object-fit:contain;opacity:0;width:auto;max-width:100%;height:auto;max-height:75vh;transition:transform .5s ease-out;transform:translate(-30px)}.featured-content{opacity:0;padding:0 40px;transform:translate(30px)}.featured-title{font-family:var(--font-secondary);color:var(--primary-color);margin-bottom:1.5rem;font-size:3rem;font-weight:300;line-height:1.2}.featured-subtitle{color:var(--accent-color);letter-spacing:1px;margin-bottom:1.5rem;font-size:1.2rem}.featured-description{margin-bottom:2rem;font-size:1rem;line-height:1.8}.featured-tag{border:1px solid var(--accent-color);color:var(--accent-color);transition:var(--transition);margin-bottom:10px;margin-right:10px;padding:8px 16px;font-size:.9rem;display:inline-block}.featured-tag:hover{background-color:var(--accent-color);color:var(--light-text)}.quote-section{background-color:var(--primary-color);color:var(--light-text);text-align:center;padding:120px 5%;position:relative}.quote-text{font-family:var(--font-secondary);opacity:0;max-width:1000px;margin:0 auto;font-size:2.5rem;font-style:italic;font-weight:200;line-height:1.5;transform:scale(.95)}.second-feature{background-color:var(--tea-green);grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:120px 5%;display:grid;overflow:hidden}.second-feature-content{opacity:0;order:1;padding:0 40px;transform:translate(-30px)}.second-feature-image-container{order:2;justify-content:center;align-items:center;width:100%;height:auto;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.second-feature-image{object-fit:contain;object-position:center;opacity:1;width:auto;max-width:100%;height:auto;max-height:75vh;margin:0;padding:0;display:block;transform:none}.decoration-section{background-color:#fff;grid-template-columns:repeat(3,1fr);gap:3px;padding:80px 5%;display:grid}.decoration-item{aspect-ratio:3/4;opacity:0;position:relative;overflow:hidden;transform:translateY(30px)}.decoration-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.decoration-item:hover .decoration-image{transform:scale(1.05)}.footer{background-color:var(--primary-color);color:var(--light-text);padding:80px 5% 40px}.footer-grid{justify-content:space-between;align-items:flex-start;gap:60px;margin-bottom:60px;display:flex}.footer-static-col{flex:0 0 350px}.footer-dynamic-group{flex:1;justify-content:flex-end;gap:80px;display:flex}.footer-col-dynamic{text-align:right;min-width:120px}.footer-col-dynamic h4{color:var(--light-text);margin-bottom:1.5rem;font-size:1.1rem;font-weight:500}.footer-col-dynamic .footer-link,.footer-col-dynamic a{color:var(--light-text);transition:var(--transition);margin-bottom:.8rem;margin-left:auto;font-size:.9rem;text-decoration:none;display:block}.footer-col-dynamic a:hover{color:var(--accent-color);padding-left:5px}.social-wrapper-dynamic{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:24px;margin-top:10px;display:flex}.social-icon-dynamic{width:24px;height:24px;color:var(--light-text);transition:var(--transition);justify-content:center;align-items:center;display:inline-flex}.social-icon-dynamic svg{fill:none;width:100%;height:100%}.social-icon-dynamic:hover{color:#fff;transform:translateY(-2px)}.footer-title{font-family:var(--font-primary);letter-spacing:1px;text-transform:uppercase;margin-bottom:1.5rem;font-size:1rem;font-weight:600}.footer-title-xian{font-family:var(--font-secondary);margin-bottom:1.5rem;font-size:2.5rem;font-weight:200}.footer-text{margin-bottom:1rem;font-size:.9rem;line-height:1.8}.footer-link{color:var(--light-text);transition:var(--transition);margin-bottom:.8rem;font-size:.9rem;text-decoration:none;display:block}.footer-link:hover{color:var(--accent-color);padding-left:5px}.copyright{text-align:center;border-top:1px solid #ffffff1a;padding-top:40px;font-size:.8rem}@media (width<=992px){.buque-brand-logo{height:20px}}@media (width<=480px){.buque-brand-logo{height:22px}}@media (width<=1200px){.hero-title{font-size:3.5rem}.featured-title,.second-feature-title{font-size:2.5rem}.quote-text{font-size:2rem}}@media (width<=992px){.hero{flex-direction:column}.hero-content{order:2;padding:30px 5%}.hero-image-container{order:1;width:100%;max-height:none}.hero-image{max-width:90%;max-height:50vh;margin:20px 0 0}.featured-section,.second-feature{grid-template-columns:1fr;gap:40px}.featured-image-container,.second-feature-image-container{height:auto}.featured-content,.second-feature-content{padding:0 20px}.second-feature-content{order:2}.second-feature-image-container{order:1}.footer-grid{flex-direction:column;gap:40px}.footer-static-col{flex:none;width:100%}.footer-dynamic-group{flex-wrap:wrap;justify-content:flex-start;gap:40px;width:100%}.footer-dynamic-group>div{text-align:left;min-width:140px}.footer-dynamic-group .footer-link{margin-left:0}}@media (width<=768px){header{background-color:var(--primary-color);z-index:1000;width:100%;padding:15px 20px;position:fixed;top:0;left:0}.hero{margin-top:70px}.hero-content{text-align:center;align-items:center}.nav-toggle{display:block}nav{background-color:var(--primary-color);width:80%;height:100vh;transition:var(--transition);z-index:999;padding:80px 20px;position:fixed;top:0;right:-100%;mix-blend-mode:normal!important;opacity:1!important}nav.active{right:0}nav ul{flex-direction:column}nav ul li{margin:20px 0}.hero-image{object-fit:contain;width:100%;height:auto;max-height:70vh;margin-top:0;position:relative}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-description{font-size:.9rem}.featured-section,.second-feature{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:80px 0;overflow:hidden}.featured-image-container,.second-feature-image-container{box-sizing:border-box;width:100%;height:auto;padding:0;left:0;right:0;overflow:hidden}.featured-image,.second-feature-image{object-fit:cover;object-position:center;width:100%;height:100%;margin:0;transform:none}.featured-content,.second-feature-content{width:100%;padding:40px 5%}.decoration-section{grid-template-columns:1fr;gap:3px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:40px 0}.decoration-item{width:100%}.footer{padding:60px 5% 30px}.footer-grid{grid-template-columns:1fr;gap:40px}.quote-section{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:80px 5%}.quote-text{font-size:1.8rem}.container{max-width:100%;overflow-x:hidden}.scroll-scale-image{will-change:transform;backface-visibility:hidden}.mobile-nav-overlay{z-index:998;opacity:0;visibility:hidden;background-color:#00000080;width:100%;height:100%;transition:opacity .3s,visibility .3s;position:fixed;top:0;left:0}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-section-spacer{height:40px}header.nav-active .buque-brand-logo svg{fill:var(--primary-color)}.footer-title-xian{font-size:2rem}}.cursor,.cursor-dot{display:none}header.nav-active{background-color:var(--light-text)}header.nav-active .buque-brand-logo svg{fill:var(--primary-color)}header.nav-active .nav-toggle span{background-color:var(--light-text)}header.nav-active .nav-toggle:hover span{background-color:var(--accent-color)}
