@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#122c3a;--amber:#edb45c;--cream:#f7f6f0;--muted:#647079}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--navy);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer} .topline{background:var(--navy);color:white;font-size:10px;letter-spacing:1.4px;padding:12px 6%;display:flex;justify-content:space-between}.topline a{color:var(--amber)}header{display:flex;align-items:center;justify-content:space-between;padding:23px 6%;border-bottom:1px solid #dde0d9;gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}.mark{font-size:37px;position:relative;line-height:1}.mark span{color:#c88b38;font-size:24px;margin-left:-7px}nav{display:flex;gap:30px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--navy);color:white;padding:17px 23px;font-size:13px;border:0;border-radius:3px;font-weight:600}.button:hover{background:#285063}.button.small{padding:13px 17px;font-size:12px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;padding:65px 6% 70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.9px;margin-bottom:24px}.eyebrow i{display:inline-block;width:7px;height:7px;background:#be883f;border-radius:100%;margin-right:7px}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-2px}h1{font-size:clamp(40px,4.7vw,76px);line-height:1.12;margin:0 0 25px;font-weight:600}em{font-style:normal;color:#aa7336}.hero-copy>p{max-width:470px;line-height:1.8;color:var(--muted);font-size:14px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.textlink{font-size:12px;font-weight:700}.hero-note{margin-top:55px;border-top:1px solid #d7dcd7;padding-top:18px;font-size:11px;color:var(--muted)}.hero-note span{margin-right:20px}.hero-visual{position:relative;min-height:440px;background:#29483b;border-radius:5px;isolation:isolate}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#071c1cbb);z-index:-1;border-radius:5px}.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;border-radius:5px}.visual-top{position:absolute;top:25px;left:25px;color:white;font-size:9px;letter-spacing:2px}.visual-bottom{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:9px;letter-spacing:1.5px}.visual-bottom strong{display:block;font-size:24px;margin-top:10px;letter-spacing:-.5px}.visual-bottom a{font-size:30px;border:1px solid #ffffff77;border-radius:50%;padding:8px 16px}.floating{position:absolute;right:-18px;top:80px;background:var(--amber);font-size:12px;letter-spacing:2px;padding:22px;transform:rotate(5deg);box-shadow:0 15px 35px #0002;line-height:1.7}.ticker{background:#e9ece5;overflow:hidden;padding:22px 0;white-space:nowrap;font-size:14px;letter-spacing:3px;text-align:center}.ticker b{color:#a97d42;margin:0 30px}.section{padding:85px 6%}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px;gap:40px}h2{font-size:clamp(30px,3.2vw,49px);font-weight:600;line-height:1.18;margin:0 0 18px}.section-head>p{max-width:310px;color:var(--muted);font-size:13px;line-height:1.8}.catalogue-tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #d7ddd6;padding:11px 16px;background:transparent;border-radius:25px;font-size:11px}.filters button.active{background:var(--navy);color:white;border-color:var(--navy)}input,select,textarea{padding:13px;border:1px solid #ccd3cf;background:#fff;width:100%;border-radius:3px}#search{max-width:220px;font-size:12px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product{border:1px solid #e0e2d9;background:#fff;border-radius:5px;overflow:hidden}.product-image{height:220px;display:flex;position:relative;overflow:hidden;align-items:center;justify-content:center;background:#dce6de}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-image:hover img{transform:scale(1.05)}.image-label{position:absolute;bottom:15px;left:15px;background:#fffef2ed;font-size:8px;letter-spacing:1px;padding:8px 12px;border-radius:2px}.category-art{font-size:95px;opacity:.75;transition:transform .4s}.product-image:hover .category-art{transform:translateY(-8px)}.solar{background:linear-gradient(140deg,#dbe6ed,#b3c9d7);color:#3f6b88}.cocoa{background:linear-gradient(140deg,#eee0d1,#d0b599);color:#76563c}.coffee{background:linear-gradient(140deg,#e7dbce,#b69c80);color:#6f4d35}.automobiles{background:linear-gradient(140deg,#e0e4e1,#b3c1bd);color:#3c645a}.product-info{padding:24px}.product-info small{font-size:8px;letter-spacing:1.5px;color:#7a867e}h3{font-size:23px;letter-spacing:-.7px;margin:10px 0}.product-info p,.custom p{font-size:12px;line-height:1.8;color:var(--muted);min-height:44px}.purchase{display:flex;justify-content:space-between;border-top:1px solid #e2e6df;padding-top:17px;margin-top:20px;font-size:12px;font-weight:700}.custom{background:#e9e9dc;padding:35px;display:flex;flex-direction:column;justify-content:center}.custom h3{font-size:30px}.custom .button{align-self:start;margin-top:20px}.fineprint{font-size:11px;color:var(--muted);line-height:1.7;margin-top:24px}.service-section{background:var(--navy);color:#fff;padding:80px 6%;display:grid;grid-template-columns:1fr 1fr;gap:100px}.service-section .eyebrow{color:var(--amber)}.service-section p{color:#b5c4c7;font-size:13px;line-height:1.8;max-width:370px}.light{background:var(--amber);color:var(--navy);margin-top:20px}.service-list article{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid #ffffff29}.service-list article>span{font-size:11px;color:var(--amber);padding-top:10px}.service-list h3{font-size:21px;margin-top:0}.service-list p{font-size:12px;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.steps b{font-size:13px;display:block;padding-bottom:18px;border-bottom:1px solid #d0d8d0;color:#a1743b}.steps h3{font-size:20px;margin-top:22px}.steps p{font-size:13px;line-height:1.8;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#e8ebe2}.about-title{font-family:Manrope,sans-serif;font-weight:800;line-height:1.2;font-size:clamp(32px,4.5vw,65px);letter-spacing:-3px}.about p{font-size:13px;line-height:1.9;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.contact>div>p{font-size:13px;line-height:1.9;max-width:320px;color:var(--muted)}.contact-note{font-size:10px;line-height:2;letter-spacing:1px;margin-top:40px}label{display:block;font-size:11px;margin-bottom:19px}label input,label textarea,label select{display:block;margin-top:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.consent{display:flex;align-items:start;gap:10px;line-height:1.7}.consent input{width:auto;margin-top:2px}.honeypot{position:absolute;left:-10000px}footer{border-top:1px solid #d5dbd3;display:flex;justify-content:space-between;align-items:center;padding:30px 6%;gap:20px;font-size:11px}footer p{color:var(--muted)}.chat-toggle{position:fixed;right:25px;bottom:22px;box-shadow:0 6px 30px #0003;background:var(--amber);color:var(--navy);border:0;border-radius:30px;padding:17px 24px;font-weight:700;z-index:5}.chat-panel{position:fixed;bottom:90px;right:25px;width:340px;background:#fff;border-radius:8px;box-shadow:0 10px 60px #0003;padding:23px;z-index:6;font-size:13px;line-height:1.7}.chat-heading{display:flex;justify-content:space-between;align-items:center}.chat-heading button{border:0;background:transparent;font-size:25px}.chat-options{display:flex;gap:6px;flex-wrap:wrap}.chat-options button{background:#eef0e8;border:0;border-radius:20px;padding:7px 12px;font-size:11px}.chat-reply{color:var(--muted);font-size:12px}.notice{margin:25px 6%;padding:20px;background:#e3eedb;border:1px solid #b3c99e;font-size:14px}.error{background:#ffe9df}.product[hidden]{display:none}a,button{transition:background .2s,color .2s} @media(max-width:950px){nav{display:none}.hero{gap:25px}.actions{align-items:start;flex-direction:column;gap:15px}.products{grid-template-columns:repeat(2,1fr)}.service-section,.contact{gap:40px}.floating{right:8px}.hero-visual{min-height:390px}}@media(max-width:620px){.topline{font-size:8px}.topline a{display:none}header{padding:20px 5%}.brand{font-size:11px}.brand small{font-size:6px}header>.button{font-size:10px;padding:10px}.hero{grid-template-columns:1fr;padding:45px 5%}h1{font-size:47px}.hero-note{margin-top:25px}.hero-visual{min-height:340px}.section{padding:55px 5%}.section-head{display:block}.catalogue-tools{flex-direction:column}#search{max-width:100%}.products{grid-template-columns:1fr}.product-image{height:250px}.service-section,.about,.contact{grid-template-columns:1fr;padding:55px 5%;gap:35px}.steps{grid-template-columns:1fr;gap:22px}.journey h2{font-size:32px}.form-grid{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;padding-bottom:80px}.chat-panel{width:calc(100% - 30px);right:15px}.about-title{font-size:45px}.ticker{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Corporate finishing: restrained movement and clearer interaction states. */
header{background:#f7f6f0f5;position:relative;z-index:3}.hero-visual{box-shadow:0 20px 55px #152f3914}.product:hover{box-shadow:0 16px 35px #122c3a0c}.product{transition:box-shadow .3s,transform .3s}.product:hover{transform:translateY(-3px)}nav a{position:relative;padding:8px 0}nav a:after{content:'';height:2px;position:absolute;left:0;bottom:0;width:0;background:#b98a4a;transition:width .25s}nav a:hover:after{width:100%}.button:focus-visible,.filters button:focus-visible{outline:3px solid #bd8c43}.section,.service-section{scroll-margin-top:25px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.product:hover{transform:none}}

.brand-logo{width:280px;height:auto;display:block}.contact-whatsapp{display:inline-block;margin-top:12px;font-weight:700;color:#24634d}@media(max-width:620px){.brand-logo{width:195px}}@media(max-width:360px){.brand-logo{width:165px}}

.live-chat{width:390px;padding:0;overflow:hidden;max-height:calc(100dvh - 120px);overflow-y:auto}.live-chat .chat-heading{background:var(--navy);color:white;padding:20px}.chat-heading small{display:block;font-size:10px;color:#b5c4c7}.chat-heading button{color:inherit}#chat-start,#chat-session{padding:22px}#chat-status{padding:0 22px 15px;font-size:11px;color:#647079}#chat-messages{height:270px;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:12px}.message{max-width:90%;padding:13px 16px;background:#eff1e9;border-radius:12px 12px 12px 2px;align-self:start;overflow-wrap:anywhere;font-size:13px}.message b{font-size:10px;display:block}.message p{white-space:pre-wrap;margin:8px 0}.message small{font-size:9px;display:block;color:#647079;margin-top:8px}.message img,.message video{display:block;max-width:100%;max-height:260px;border-radius:6px;margin:8px 0}.message audio{max-width:100%;width:250px}.message a{display:block;text-decoration:underline;font-size:11px}.staff-message{background:#e3edf3;align-self:end;border-radius:12px 12px 2px 12px}.chat-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:12px 0}.chat-actions>button:not(.button),.file-button{border:1px solid #d4ddd8;background:#fff;padding:9px;font-size:11px;border-radius:5px;margin:0;cursor:pointer}.file-button input{width:1px;height:1px;opacity:0;position:absolute}.file-button:focus-within{outline:2px solid #b98a4a}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#chat-session>small,#chat-file-label,#team-file-label{font-size:10px;color:#647079}.login-card{max-width:460px;margin:8vh auto;padding:35px;background:#fff;border:1px solid #dce0d5;border-radius:10px}.login-card .eyebrow{margin-top:45px}.inbox-grid{display:grid;grid-template-columns:300px 1fr;min-height:calc(100dvh - 110px)}.conversation-sidebar{padding:25px;background:#ecefe6;border-right:1px solid #d4dcd4}.conversation{display:block;text-align:left;width:100%;padding:20px 12px;border:0;border-bottom:1px solid #d5ddd4;background:transparent}.conversation b,.conversation small{display:block}.conversation small{margin-top:8px;font-size:10px;color:#647079}.conversation.selected{background:#fff;border-radius:6px}.inbox-main{padding:35px 5%;max-width:1200px;min-width:0}.inbox-heading{display:flex;justify-content:space-between;gap:25px}.inbox-heading h2{font-size:30px}.inbox-heading p{font-size:12px;color:#647079}.team-messages{height:50dvh;min-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;margin:20px 0;padding:15px;background:#fff;border:1px solid #e0e5dc;border-radius:8px}#conversation-controls{display:flex;gap:15px}#team-status{font-size:12px;color:#647079}@media(max-width:750px){.inbox-grid{grid-template-columns:1fr}.conversation-sidebar{max-height:260px;overflow:auto}.inbox-heading{display:block}.inbox-main{padding:25px 5%}.workspace header>span{display:none}.workspace header img{width:180px}.live-chat{width:calc(100% - 30px);right:15px}.login-card{margin:30px 15px}.chat-actions{flex-wrap:wrap}}

.material-story{display:grid;grid-template-columns:1fr 1.3fr;background:#203c34;color:#f7f6f0;gap:65px;align-items:center;overflow:hidden}.material-story .eyebrow{color:#edb45c}.material-story p{color:#bfcac2;line-height:1.9;font-size:13px;max-width:380px}.material-story small{display:block;font-size:10px;line-height:1.7;color:#afc0b6;max-width:330px;margin-top:30px}.material-gallery{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:175px 175px;gap:14px;transform:rotate(-2deg)}.material-gallery img{width:100%;height:100%;object-fit:cover;border-radius:5px}.material-gallery img:first-child{grid-row:span 2}.material-gallery img:nth-child(2){transform:translateY(-15px)}.material-gallery img:last-child{transform:translateY(-15px)}@media(max-width:750px){.material-story{grid-template-columns:1fr;gap:35px}.material-gallery{grid-template-rows:140px 140px;transform:none}}
