/* Extensions to the approved homepage visual system. */
html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}body.sy-active{background:#fff}.sy-page{min-height:100vh}.sy-page [hidden]{display:none!important}.sy-page .site-main:focus{outline:none}.sy-page .site-main{min-height:50vh}.sy-page nav{gap:9px}.sy-page nav>a{padding:10px 17px;white-space:nowrap}.sy-page .utility{gap:22px}.sy-page .utility-wa{color:#217c65}.sy-page .language{min-width:0;max-width:none}.sy-page .header-inner{gap:28px}.sy-page .header-inner .logo img{width:270px}.sy-page .home-wa{margin-top:10px}.sy-page .whatsapp{background:#228569;border-color:#228569;color:#fff}.sy-page .whatsapp:hover{background:#176b54;border-color:#176b54}.sy-page .button.outline.whatsapp{background:transparent;color:#217b64;border-color:#83b8a8}.sy-page .button.outline.whatsapp:hover{background:#edf7f2}.sy-page .mobile-whatsapp{display:none}.sy-page .button{line-height:1.6}.sy-page .button:focus-visible,.sy-page a:focus-visible,.sy-page input:focus-visible,.sy-page select:focus-visible,.sy-page textarea:focus-visible{outline:3px solid #1578b8;outline-offset:4px}.sy-page .image-note{color:#708494;font-size:12px;margin:24px 0 0}.sy-page .page-intro{padding-top:5px}.sy-page .breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;color:#778b9a;font-size:12px;margin:3px 0 32px}.sy-page .breadcrumbs a{color:#287fb3}.sy-page .page-intro h1{font-size:44px;line-height:1.18;margin:17px 0 23px;letter-spacing:-.025em}.sy-page .lead{font-size:17px;line-height:1.8;color:#617a8d}.sy-page .page-intro .eyebrow{font-size:11px}.sy-page .page-intro figure{margin:0}.sy-page .about-hero,.sy-page .detail-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:20px 0 52px}.sy-page .about-hero figure{position:relative}.sy-page .about-hero img{width:100%;aspect-ratio:1.24;object-fit:cover;border-radius:7px}.sy-page .about-hero figcaption,.sy-page .detail-image figcaption{font-size:10px;color:#6d8394;padding:10px 1px 0}.sy-page .about-hero .company-name{font-size:12px;letter-spacing:.02em;color:#3b596f;margin:22px 0}.sy-page .about-hero .button{margin-top:8px}.sy-page .about-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:65px 0}.sy-page .about-story h2,.sy-page .brief-intro h2{font-size:32px;line-height:1.35;font-weight:600}.sy-page .prose p{font-size:15px;color:#627989;line-height:1.9}.sy-page .principles-section,.sy-page .related-section{background:#f4f8fa;padding:55px 0;border-block:1px solid #e8eff3}.sy-page .principle-grid,.sy-page .process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.sy-page .principle-grid article{background:white;border:1px solid #e0eaf0;border-radius:6px;padding:30px}.sy-page .principle-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:6px;background:#edf7f6;color:#268d7b;font-size:23px;margin-bottom:22px}.sy-page .principle-grid h3,.sy-page .process-grid h3{font-size:19px;font-weight:600;line-height:1.4;margin:0 0 13px}.sy-page .principle-grid p,.sy-page .process-grid p{font-size:14px;line-height:1.85;color:#647c8e;margin:0}.sy-page .process-section{padding:60px 0}.sy-page .process-grid{gap:45px}.sy-page .process-grid article{border-top:1px solid #dbe6ed;padding-top:22px}.sy-page .process-grid article>span{display:block;color:#259e9a;font-size:13px;letter-spacing:.09em;margin-bottom:15px}.sy-page .sourcing-cta{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:53px 0 57px}.sy-page .sourcing-cta h2{font-size:28px;line-height:1.4;font-weight:600;margin:0 0 12px}.sy-page .sourcing-cta p:not(.eyebrow){color:#6b8192;font-size:14px;margin:0}.sy-page .sourcing-cta .cta-actions{display:flex;flex-direction:column;flex:none;gap:10px;min-width:230px}.sy-page .catalog-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding-bottom:10px}.sy-page .catalog-products{padding-top:20px}.sy-page .catalog-products .product-picture{height:200px}.sy-page .catalog-products .product-copy{padding-bottom:25px}.sy-page .detail-hero{gap:40px;grid-template-columns:1.02fr 1fr;padding-top:8px}.sy-page .detail-copy{padding:18px 0 30px}.sy-page .detail-copy .hero-buttons{flex-wrap:wrap;gap:11px}.sy-page .detail-copy .button{font-size:12px;padding:12px 18px;gap:15px}.sy-page .detail-image{padding:14px;background:#f4f8fa;border:1px solid #e1ebf0;border-radius:7px}.sy-page .detail-image img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:3px}.sy-page .detail-image figcaption{padding:12px 3px 0;font-size:10px}.sy-page .product-brief{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;padding:35px 0 65px}.sy-page .brief-intro>p:not(.eyebrow){font-size:15px;color:#627989;line-height:1.9}.sy-page .brief-intro .text-link{display:inline-block;margin-top:15px;font-size:14px}.sy-page .brief-details{border:1px solid #dfE9ef;border-radius:6px;background:#f8fbfc;padding:28px 30px}.sy-page .brief-details h2{font-size:20px;font-weight:600;margin:0 0 21px}.sy-page .brief-details dl{margin:0}.sy-page .brief-details dl>div{padding:17px 0;border-top:1px solid #dfe9ee}.sy-page .brief-details dt{font-size:14px;font-weight:600}.sy-page .brief-details dt span{color:#299b98;font-size:11px;margin-right:13px}.sy-page .brief-details dd{font-size:13px;color:#6c8292;line-height:1.75;margin:7px 0 0 28px}.sy-page .related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sy-page .related-section .product-picture{height:165px}.sy-page .contact-lead{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:90px;padding:20px 0 55px}.sy-page .contact-lead>div>p:not(.eyebrow){color:#627989}.sy-page .direct-contact{padding:29px 32px;background:#f3f8fb;border:1px solid #dfebf1;border-radius:7px}.sy-page .direct-contact>span{display:block;color:#6a8598;font-size:11px;letter-spacing:.06em;margin:20px 0 5px}.sy-page .direct-contact>a{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:20px;color:#237fb6;overflow-wrap:anywhere}.sy-page .direct-contact>a b{font-size:15px;font-weight:400}.sy-page .contact-company{border-top:1px solid #dce7ee;padding-top:18px;margin-top:24px}.sy-page .contact-company strong{font-size:12px;font-weight:600}.sy-page .contact-company p{font-size:11px;color:#6f8493;margin:7px 0 0}.sy-page .enquiry-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:45px 0 75px;border-top:1px solid #e2ebf1}.sy-page .enquiry-heading h2{font-size:29px;line-height:1.35;font-weight:600}.sy-page .enquiry-heading>p:not(.eyebrow){color:#688193;font-size:15px}.sy-page .enquiry-help{border-left:3px solid #36a98f;padding-left:19px;margin-top:35px}.sy-page .enquiry-help strong{font-size:14px;font-weight:600}.sy-page .enquiry-help p{font-size:13px;color:#728797;line-height:1.8}.sy-page .enquiry-form{border:1px solid #e0eaf0;border-radius:7px;padding:30px;background:#f8fbfc}.sy-page .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px 20px}.sy-page .field.full{grid-column:1/-1}.sy-page .field label{display:block;font-size:12px;font-weight:600;margin-bottom:8px;color:#35556b}.sy-page .field label span{color:#1d8a78}.sy-page .field input,.sy-page .field select,.sy-page .field textarea{display:block;width:100%;min-width:0;font:14px/1.6 "Segoe UI",Arial,sans-serif;padding:10px 12px;border:1px solid #cbdce7;background:#fff;color:#26465c;border-radius:4px;box-sizing:border-box}.sy-page .field textarea{resize:vertical;min-height:130px}.sy-page .field input::placeholder,.sy-page .field textarea::placeholder{color:#8a9ba7}.sy-page .form-note{font-size:11px;color:#738a9a;line-height:1.8;margin:20px 0}.sy-page .draft-actions{border-top:1px solid #d9e6ec;padding-top:20px;margin-top:24px}.sy-page .draft-status{font-size:13px;color:#356e60}.sy-page .draft-actions>div{display:flex;gap:10px;flex-wrap:wrap}.sy-page .draft-actions .button{font-size:12px;gap:10px}.sy-page .footer-top{gap:30px}.sy-page .footer-top a{margin-left:0}.sy-page .footer-links{display:flex;gap:20px;margin-left:auto;flex:none}.sy-page .footer-links a{font-size:12px}.sy-page .footer-contact{border-top:1px solid #edf2f5;display:flex;justify-content:space-between;padding:17px 0;gap:20px}.sy-page .footer-contact a{margin:0;font-size:12px}.sy-page .generic-page{padding:40px 0 70px;max-width:900px}.sy-page .generic-page h1{font-size:40px}.sy-page .generic-page a:not(.button){color:#2387bd;text-decoration:underline}.sy-page .generic-page article{padding-bottom:25px}.sy-page .post-meta{color:#778e9e;font-size:12px}.sy-page .resource-list{padding:15px 0 60px}.sy-page .resource-list article{display:grid;grid-template-columns:.55fr 1.45fr;gap:50px;padding:35px 0;border-top:1px solid #dfe9ee}.sy-page .resource-list h2{font-size:25px;line-height:1.4;font-weight:600}.sy-page .resource-list .prose{font-size:15px;color:#617b8e}.sy-page .resource-list ul{margin:0;padding-left:22px;line-height:1.9}.sy-page .resource-list li+li{margin-top:8px}.sy-page .resource-index{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 34px}.sy-page .resource-index a{padding:9px 14px;background:#f2f8fb;border:1px solid #dfeaf0;border-radius:4px;font-size:12px;color:#347da6}
@media(max-width:1100px){.sy-page nav>a{padding:9px 12px;font-size:12px}.sy-page .header-inner .logo img{width:230px}.sy-page .about-hero,.sy-page .detail-hero{gap:30px}.sy-page .page-intro h1{font-size:38px}.sy-page .about-story,.sy-page .product-brief,.sy-page .enquiry-section{gap:40px}.sy-page .contact-lead{gap:40px}.sy-page .principle-grid{gap:20px}.sy-page .principle-grid article{padding:24px}.sy-page .catalog-intro{gap:35px}.sy-page .direct-contact>a{font-size:18px}.sy-page .sourcing-cta h2{font-size:25px}.sy-page .footer-top{gap:22px}.sy-page .footer-top img{width:165px}}
@media(max-width:900px){.sy-page .header-inner{flex-direction:column;gap:16px;padding:22px 0;min-height:0}.sy-page .navigation{align-items:center;width:100%;gap:15px}.sy-page .header-inner .logo img{width:250px}.sy-page nav{justify-content:center;flex-wrap:wrap;width:100%}.sy-page nav>a{padding:10px 17px}.sy-page .lead{font-size:15px}.sy-page .page-intro h1{font-size:34px}.sy-page .about-hero .button{font-size:11px;gap:12px}.sy-page .company-highlights{gap:9px}.sy-page .principle-grid,.sy-page .process-grid{gap:20px}.sy-page .principle-grid h3,.sy-page .process-grid h3{font-size:17px}.sy-page .sourcing-cta{gap:25px}.sy-page .sourcing-cta .cta-actions{min-width:190px}.sy-page .sourcing-cta .button{font-size:12px;padding:12px}.sy-page .contact-lead{grid-template-columns:1fr 1fr;gap:28px}.sy-page .direct-contact{padding:24px}.sy-page .direct-contact>a{font-size:16px}.sy-page .enquiry-section{grid-template-columns:.7fr 1.3fr;gap:30px}.sy-page .enquiry-form{padding:22px}.sy-page .footer-company{max-width:300px}.sy-page .footer-links{flex-direction:column;gap:7px}.sy-page .footer-contact{flex-wrap:wrap;justify-content:center}.sy-page .catalog-products .product-picture{height:155px}.sy-page .product-brief{gap:30px}.sy-page .brief-details{padding:22px}.sy-page .detail-image img{aspect-ratio:1.05}}
@media(max-width:700px){.sy-page{padding-bottom:68px}.sy-page .header-inner{padding:20px 0}.sy-page .header-inner .logo img{width:230px}.sy-page .utility{gap:13px;flex-wrap:wrap;justify-content:center;font-size:10px}.sy-page .language{padding-left:12px}.sy-page nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sy-page nav>a{font-size:11px;padding:10px 6px;white-space:normal;display:flex;align-items:center;justify-content:center;min-height:40px}.sy-page nav .store{grid-column:span 1}.sy-page .mobile-whatsapp{display:flex;align-items:center;justify-content:center;gap:9px;position:fixed;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:90;background:#228569;color:#fff;border:1px solid #18775c;border-radius:100px;box-shadow:0 4px 18px #173f4826;padding:11px 19px;font-size:13px;font-weight:600;line-height:1.5}.sy-page .mobile-whatsapp>span{font-size:17px}.sy-page .page-intro{padding-top:6px}.sy-page .breadcrumbs{font-size:11px;margin-bottom:25px;gap:8px}.sy-page .page-intro h1{font-size:35px;line-height:1.22;margin-top:14px}.sy-page .about-hero,.sy-page .detail-hero{grid-template-columns:1fr;gap:25px;padding-top:0;padding-bottom:35px}.sy-page .about-hero img{aspect-ratio:1.55}.sy-page .about-hero .button{font-size:12px;gap:18px}.sy-page .about-story{grid-template-columns:1fr;gap:10px;padding:40px 0}.sy-page .about-story h2,.sy-page .brief-intro h2{font-size:28px}.sy-page .principles-section,.sy-page .related-section{padding:36px 0}.sy-page .principle-grid,.sy-page .process-grid{grid-template-columns:1fr;gap:20px}.sy-page .principle-grid article{padding:25px}.sy-page .principle-mark{margin-bottom:17px}.sy-page .process-section{padding:38px 0}.sy-page .process-section .section-heading h2{font-size:25px;line-height:1.35}.sy-page .process-grid article{padding-top:18px}.sy-page .sourcing-cta{flex-direction:column;align-items:stretch;gap:25px;padding:36px 0 42px}.sy-page .sourcing-cta h2{font-size:25px}.sy-page .sourcing-cta .cta-actions{flex-direction:row;flex-wrap:wrap;gap:10px;min-width:0}.sy-page .sourcing-cta .button{font-size:12px;padding:12px 17px}.sy-page .catalog-intro{grid-template-columns:1fr;gap:0;padding-bottom:10px}.sy-page .catalog-products{padding-top:10px}.sy-page .catalog-products .product-picture{height:145px}.sy-page .catalog-products .product-grid article:last-child .product-picture{height:210px}.sy-page .image-note{font-size:11px}.sy-page .detail-copy{padding:0}.sy-page .detail-copy .hero-buttons{margin-top:24px}.sy-page .detail-copy .button{font-size:11px;padding:11px 14px;gap:10px}.sy-page .detail-image img{aspect-ratio:1.55}.sy-page .detail-image{padding:12px}.sy-page .product-brief{grid-template-columns:1fr;gap:28px;padding:10px 0 38px}.sy-page .brief-details h2{font-size:18px}.sy-page .brief-details{padding:23px}.sy-page .related-grid{grid-template-columns:1fr 1fr}.sy-page .related-grid article:last-child{grid-column:auto}.sy-page .related-grid article:last-child .product-picture,.sy-page .related-section .product-picture{height:130px}.sy-page .contact-lead{grid-template-columns:1fr;gap:25px;padding:0 0 35px}.sy-page .direct-contact{padding:25px}.sy-page .direct-contact>a{font-size:20px}.sy-page .enquiry-section{grid-template-columns:1fr;gap:24px;padding:35px 0 42px}.sy-page .enquiry-heading h2{font-size:26px}.sy-page .enquiry-help{margin-top:24px}.sy-page .enquiry-form{padding:23px}.sy-page .form-grid{grid-template-columns:1fr;gap:18px}.sy-page .field.full{grid-column:auto}.sy-page .field input,.sy-page .field select,.sy-page .field textarea{font-size:16px;padding:11px}.sy-page .draft-actions>div{flex-direction:column}.sy-page .footer-top{padding-bottom:20px!important;gap:17px}.sy-page .footer-top img{width:180px}.sy-page .footer-links{flex-direction:row;gap:20px;margin:0}.sy-page .footer-contact{flex-direction:column;gap:11px;padding:20px 0!important}.sy-page .footer-contact a{font-size:12px}.sy-page .footer-bottom{padding:18px 20px}.sy-page .generic-page{padding:25px 0 45px}.sy-page .generic-page h1{font-size:30px}.sy-page .resource-list{padding-bottom:35px}.sy-page .resource-list article{grid-template-columns:1fr;gap:8px;padding:28px 0}.sy-page .resource-list h2{font-size:24px}.sy-page .resource-index{gap:8px}.sy-page .resource-index a{font-size:11px;padding:8px 12px}}
@media(max-width:360px){.sy-page .page-intro h1{font-size:31px}.sy-page .direct-contact>a{font-size:17px}.sy-page .enquiry-form{padding:19px}.sy-page .detail-copy .hero-buttons{flex-direction:column;align-items:stretch}.sy-page .detail-copy .button{font-size:12px}.sy-page .utility{gap:10px}.sy-page .language{padding-left:10px}.sy-page nav>a{font-size:10px}.sy-page .product-copy h3{font-size:15px}.sy-page .sourcing-cta .cta-actions{flex-direction:column}}
/* Scoped native block layout: text remains editable using normal WordPress blocks. */
.sy-page .wp-block-columns.about-story,.sy-page .wp-block-columns.product-brief,.sy-page .wp-block-columns.native-principles{display:grid!important;align-items:start!important}.sy-page .wp-block-column{min-width:0}.sy-page .native-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:30px}.sy-page .native-principles>.wp-block-column{padding:28px;background:#fff;border:1px solid #dfe9ef;border-radius:6px;border-top:3px solid #49a698}.sy-page .native-principles h3{font-size:19px;line-height:1.4;font-weight:600;margin:0 0 13px}.sy-page .native-principles p{font-size:14px;line-height:1.85;color:#647c8e;margin:0}.sy-page .native-brief h3{font-size:14px;font-weight:600;line-height:1.5;border-top:1px solid #dfe9ee;padding-top:17px;margin:20px 0 7px}.sy-page .native-brief p{font-size:13px;color:#6c8292;line-height:1.75;margin:0}.sy-page .catalog-editor,.sy-page .contact-editor{font-size:14px;line-height:1.8;color:#6a8293;padding-bottom:20px}.sy-page .generic-page h2{font-size:25px;font-weight:600;margin-top:30px}.sy-page .principles-section h2{font-size:28px;font-weight:600;line-height:1.4}.sy-page .wp-block-columns>*,.sy-page .wp-block-group>*{box-sizing:border-box}
@media(max-width:900px){.sy-page .native-principles{gap:18px}.sy-page .native-principles>.wp-block-column{padding:22px}.sy-page .native-principles h3{font-size:17px}}
@media(max-width:700px){.sy-page .native-principles{grid-template-columns:1fr;gap:18px}.sy-page .native-principles>.wp-block-column{padding:25px}.sy-page .principles-section h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sy-page *{transition:none!important}}