@import url('/discovery.css');
/* OULAN visual system: graphite, warm white and copper orange. */
:root{--ink:#202521;--paper:#f7f6f2;--muted:#626a63;--line:#dedfd7;--orange:#d95224}
body{-webkit-font-smoothing:antialiased}::selection{background:#f4c3ab;color:#202521}
.topline{background:#202521;color:#cbd1c8;font-size:10px;letter-spacing:1.8px}
.header{background:#fffefa;border-bottom:1px solid var(--line);height:90px;gap:22px}
.brand{letter-spacing:-2px}.header nav a{position:relative;padding:12px 0;font-size:13px}.header nav a::after{content:"";position:absolute;bottom:4px;left:0;width:0;height:2px;background:var(--orange);transition:width .2s}.header nav a:hover::after,.header nav a[aria-current]::after{width:100%}
.header-cta{background:var(--ink);color:white;border:1px solid var(--ink);padding:13px 18px;font-size:12px}.header-cta:hover{background:var(--orange);border-color:var(--orange)}
.button{border-radius:3px;min-height:52px;font-size:13px;transition:background .2s,transform .2s,box-shadow .2s}.button.orange{box-shadow:0 5px 15px #8d37151a}.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #20252115}.button.outline{background:transparent}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#8e4a30}.eyebrow.light{color:#d8dcd4}
.section{padding-top:88px;padding-bottom:88px}.section-heading{gap:35px}.section-heading h2{font-size:clamp(35px,4vw,56px);font-weight:500;letter-spacing:-1.8px}.section-heading>p{max-width:370px;line-height:1.8}.section-heading h2 span{color:#858c80}
.hero{height:700px;min-height:0;background:#1a201c}.hero-photo{background-position:64% 52%;opacity:.94}.hero-shade{background:linear-gradient(90deg,#141b17ed 0%,#141b17b8 38%,#141b171a 72%),linear-gradient(0deg,#141b17a8,transparent 35%)}
.hero-content{padding-top:64px;max-width:800px}.hero h1{font-size:clamp(85px,8vw,120px);line-height:.9;letter-spacing:-1px;margin-bottom:27px}.hero h1 em{color:#f17b40}.hero-description{line-height:1.8;color:#d5d9d1;font-size:16px}.hero-actions{display:flex;align-items:center;gap:27px}.hero-secondary{font-size:13px;color:#ecede6;border-bottom:1px solid #bec7b980;padding:12px 0}.hero-secondary:hover{color:#ffad7d}.hero-bottom{padding-top:18px;border-top:1px solid #ffffff25;color:#b9c3b5;bottom:24px}
.category-strip{background:#272f28}.category-strip a{padding-top:24px;padding-bottom:24px;font-size:12px;letter-spacing:1.7px;transition:background .2s}.category-strip a:hover{background:#313d32;color:#f4a17b}.category-strip span{color:#b4bdad}
.brand-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:32px 5%;border-bottom:1px solid var(--line);background:#eeeee6}.brand-assurance>div{display:flex;gap:15px;align-items:center}.brand-assurance b{font-size:29px;font-weight:500;letter-spacing:-1.3px}.brand-assurance span{font-size:11px;line-height:1.6;color:var(--muted);letter-spacing:.6px}.brand-assurance>div+div{border-left:1px solid #d2d6cb;padding-left:30px}
.collection-card{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden;transition:transform .25s,box-shadow .25s}.collection-card:hover{transform:translateY(-5px);box-shadow:0 18px 32px #2730220c}.collection-card .card-info{padding:24px 25px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #eceee6}.card-info h3{font-size:22px;margin:0}.card-info p{font-size:12px;margin:0}.collection-card .card-photo{aspect-ratio:1.2}.round-arrow{background:#f1f3ec;color:#30392e}
.image-brand{box-shadow:none;background:#252e27;border-radius:2px;padding:8px 10px;gap:6px;top:15px;right:15px}.image-brand b{font-size:16px}.image-brand>span{font-size:10px;padding-left:6px}.demo-photo-label{font-size:8px;letter-spacing:1.1px;color:#747e71}
.factory-teaser{background:#e9ece3;gap:6%;align-items:center}.factory-teaser figure{position:relative;margin:0;border-radius:5px;overflow:hidden}.factory-teaser figure img{height:440px;object-fit:cover;display:block}.factory-teaser figcaption{background:#202521;color:#cbd4c6;font-size:10px;padding:12px 16px;letter-spacing:.5px}.factory-teaser h2{font-size:clamp(34px,3.5vw,50px);line-height:1.1;letter-spacing:-1.6px}.factory-teaser p{font-size:15px;line-height:1.85}.factory-teaser .button{margin-top:10px}
.principles-grid{gap:22px}.principles-grid article{background:#fffefa;border:1px solid var(--line);padding:32px;border-radius:4px}.principles-grid h3{font-size:22px;line-height:1.3}.principles-grid p{font-size:14px;line-height:1.85}.principles-grid article>span{font-size:12px;color:var(--orange)}
.workflow{background:#eef0e8}.process-grid{gap:25px}.process-grid article{padding-top:22px;border-top:1px solid #bdc5b7}.process-grid article>span{font-size:36px;font-weight:500;letter-spacing:-1.5px;color:#8c9883}.process-grid h3{font-size:19px;line-height:1.4;margin-top:24px}.process-grid p{font-size:14px;line-height:1.8}
.breadcrumbs{font-size:11px;letter-spacing:.3px;padding-top:23px;padding-bottom:23px;color:#697364}
.catalog-hero{margin:0 5%;border-radius:5px;overflow:hidden;grid-template-columns:1.35fr 1fr;background:#253027}.catalog-hero>div:first-child{padding:48px 6%}.catalog-hero h1{font-size:clamp(62px,6vw,90px);margin-bottom:18px}.catalog-hero h2{font-size:23px;line-height:1.4;font-weight:400}.catalog-hero .eyebrow{color:#b6c4b0}.catalog-hero p{font-size:14px;line-height:1.85;max-width:580px}.catalog-hero-image .catalog-photo{height:100%;min-height:340px}.catalog-hero-image .catalog-crop{width:240px}
.catalog-body{padding-top:48px}.catalog-toolbar{gap:25px}.catalog-toolbar .eyebrow{margin-bottom:17px}.filters{gap:8px}.filters button{border-radius:3px;background:#fffefa;border-color:#d9ded2;font-size:12px;padding:10px 14px;transition:background .2s,color .2s}.filters button.active{background:#29362b;color:#fff;border-color:#29362b}.filters button:hover{border-color:#56664e}.catalog-notice{border:0;background:transparent;padding:0;font-size:12px;line-height:1.8;color:#747b6e}.catalog-search{background:#ecefe6;border:1px solid #e0e4d7;border-radius:4px;padding:19px 22px;gap:20px}.catalog-search input{border-color:#d4dacb;background:#fff;border-radius:3px;font-size:14px;max-width:none}.catalog-search label{font-size:12px}#catalog-reset{border-radius:3px}
.product-grid{gap:24px}.product-card{border:1px solid #e0e3d9;border-radius:5px;overflow:hidden;box-shadow:0 3px 9px #27302203;transition:transform .2s,box-shadow .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);border-color:#aebaa3;box-shadow:0 14px 27px #2730220d}.product-card-image{aspect-ratio:1.1;border-bottom:1px solid #eff0ea}.product-card-body{padding:24px;display:flex;flex-direction:column}.product-meta{font-size:10px;letter-spacing:.4px;gap:14px}.product-meta span:first-child{color:#a34b2a}.product-card h2{font-size:22px;line-height:1.3;letter-spacing:-.7px;margin-top:15px;margin-bottom:14px}.product-card-body>p:not(.card-configuration){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.85}.card-configuration{border-left:2px solid #aabb98;background:#f0f3ea;font-size:12px!important;line-height:1.7!important;margin-bottom:15px}.product-detail-link{padding-top:17px;font-size:12px;letter-spacing:.2px}.product-card-image .round-arrow{width:30px;height:30px;font-size:16px;bottom:13px}
.catalog-pagination button{border-radius:3px;font-size:12px}.catalog-pagination span{font-size:12px}.sourcing-note{background:#29362b;color:#f5f6ee;border-radius:5px;border:0;padding:40px}.sourcing-note p{color:#c9d3c2}.sourcing-note .eyebrow{color:#c0ccaF}.sourcing-note h2{font-size:32px;letter-spacing:-1px}.buying-grid article{border-radius:4px;background:#edf0e7}
.detail-overview{padding-top:25px}.detail-overview .product-visual{border-radius:5px;overflow:hidden;border-color:#dce1d3}.detail-overview .visual-caption{font-size:10px;background:#f0f2eb;padding:17px 20px;line-height:1.7}.detail-overview .visual-caption span{font-size:11px}.detail-overview .product-summary h1{font-family:'DM Sans',Arial,sans-serif;font-weight:500;letter-spacing:-1.6px}.detail-overview .sku-badge{border-radius:3px;background:#e9eee1;border:0;font-size:11px;color:#58654e}.detail-overview .application-tags span{border-radius:3px;background:#eef1e8;border:0;font-size:11px}.detail-overview .product-intro{color:#596550}.detail-quick-facts>div{padding:16px 0}.detail-section-nav{margin:0 5%;border-radius:4px;background:#29362b;border:0;padding:22px 28px;gap:35px}.detail-section-nav a{font-size:12px;letter-spacing:.4px}.detail-benefits article{border-top-color:#a9b59b}.detail-benefits p{font-size:14px}.detail-benefits h3{font-size:23px}.product-information{background:#eef0e8}.spec-table{background:#fff;border:1px solid #dce2d3}.spec-table th,.spec-table td{padding:18px 20px;font-size:13px;line-height:1.7}.spec-table th{width:38%;font-weight:500;background:#f8f9f4}.spec-table caption{font-size:11px;line-height:1.7;padding-bottom:14px}.order-guide{background:var(--paper)}.order-guide-grid article{padding:28px;border:1px solid var(--line);border-radius:4px;background:#fffefa}.order-guide h3{font-size:19px;line-height:1.5}.order-guide p{font-size:14px;line-height:1.8}.detail-faq{background:#eeefe7}.detail-faq summary{font-size:16px}.enquiry-builder{background:#e6ebde;border-top:1px solid #d4ddc9}.enquiry-form input,.enquiry-form textarea{border-color:#cdd6c2;border-radius:3px;padding:15px;font-size:13px}.enquiry-form label{color:#46533d}
.factory-heading h1{font-size:clamp(80px,9vw,130px)}.factory-wide{margin-left:5%;margin-right:5%;border-radius:5px;overflow:hidden}.topic-grid article{border-radius:4px;background:#fff;border-color:var(--line)}
.contact{background:#202c23;border-top:4px solid var(--orange)}.contact h2{font-size:clamp(75px,8vw,112px)}.contact-side>p{color:#e0e7d9;font-size:21px}.contact-details a{font-size:16px}.contact-details a>span{color:#aebbA2;font-size:10px}.contact .button.white{background:#f4f5e9}.contact .eyebrow.light{color:#b6c5ad}footer{background:#efeee7}.footer-bottom{font-size:10px;line-height:1.7}
.floating-contact{border-radius:7px;box-shadow:0 7px 23px #17241529;right:12px}.floating-link{width:66px;min-height:67px;padding:9px 4px;gap:6px}.floating-link svg{width:23px;height:23px}.floating-link span,.floating-wechat span{font-size:9px}.floating-wechat{background:#25764b}.floating-whatsapp{background:#205e40}.floating-email{background:#26372b}
@media(min-width:1500px){.hero-content{margin-left:0;padding-left:max(5%,calc((100vw - 1360px)/2))}.hero{height:760px}.catalog-hero{margin-left:max(5%,calc((100% - 1440px)/2));margin-right:max(5%,calc((100% - 1440px)/2))}}
@media(max-width:1000px){.header nav{gap:16px}.header nav a{font-size:12px}.section{padding-top:65px;padding-bottom:65px}.hero{height:660px}.hero-content{padding-top:63px}.factory-teaser figure img{height:390px}.principles-grid article{padding:24px}.brand-assurance{gap:18px}.brand-assurance>div+div{padding-left:18px}.brand-assurance b{font-size:25px}.brand-assurance span{font-size:10px}.catalog-hero{grid-template-columns:1.2fr 1fr}.catalog-hero>div:first-child{padding:37px 8%}.catalog-hero h2{font-size:20px}.catalog-hero-image .catalog-crop{width:200px}}
@media(max-width:800px){.brand-assurance>div{display:block}.brand-assurance b{display:block;margin-bottom:5px}.factory-teaser{gap:35px}.product-card-body{padding:20px}.product-card h2{font-size:21px}.process-grid{gap:20px}.order-guide-grid article{padding:22px}.spec-table th,.spec-table td{padding:15px 13px}.floating-contact{bottom:12px}}
@media(max-width:640px){.topline{font-size:8px;letter-spacing:1.2px}.header{height:76px}.header nav{background:#fffefa}.header nav a{font-size:14px;padding:14px 0}.hero{height:630px}.hero-content{padding-top:48px}.hero h1{font-size:85px;line-height:.93}.hero-description{font-size:14px;max-width:280px}.hero-photo{background-position:62% center;opacity:.68}.hero-shade{background:linear-gradient(90deg,#111a15d9,#111a154d),linear-gradient(0deg,#111a15bf,transparent 45%)}.hero-actions{gap:18px;flex-wrap:wrap}.hero-actions .button{padding:15px 17px;font-size:12px}.hero-secondary{font-size:12px}.hero-bottom{font-size:8px;letter-spacing:1px;bottom:22px}.hero-bottom a{font-size:10px}.category-strip a{font-size:9px;letter-spacing:.5px;padding:19px 10px}.brand-assurance{padding-top:23px;padding-bottom:23px;gap:12px}.brand-assurance b{font-size:22px}.brand-assurance span{font-size:9px;letter-spacing:0}.brand-assurance>div+div{padding-left:12px}.section{padding-top:55px;padding-bottom:55px}.section-heading h2{font-size:37px;letter-spacing:-1.3px}.section-heading .eyebrow{margin-bottom:18px}.collection-card .card-photo{aspect-ratio:1.35}.collection-card .card-info{padding:20px}.collection-grid{gap:20px}.factory-teaser{grid-template-columns:1fr}.factory-teaser figure img{height:270px}.factory-teaser h2{font-size:36px}.principles-grid article{padding:26px}.process-grid article>span{font-size:29px}.process-grid h3{margin-top:16px}.catalog-hero{grid-template-columns:1fr}.catalog-hero>div:first-child{padding:30px 25px}.catalog-hero h1{font-size:62px}.catalog-hero h2{font-size:20px}.catalog-hero-image{height:235px}.catalog-hero-image .catalog-photo{min-height:0;padding-top:38px}.catalog-hero-image .catalog-crop{width:170px}.catalog-body{padding-top:30px}.catalog-search{padding:17px}.catalog-toolbar{gap:12px}.filters{gap:7px}.filters button{font-size:11px;padding:9px 11px}.catalog-notice{font-size:11px}.product-grid{gap:20px}.product-card-image{aspect-ratio:1.2}.product-card h2{font-size:23px}.product-card-body{padding:23px}.sourcing-note{padding:27px}.sourcing-note h2{font-size:28px}.detail-overview{padding-top:10px}.detail-overview .product-summary h1{font-size:33px;line-height:1.12;letter-spacing:-1px}.detail-section-nav{padding:21px 19px;gap:20px}.detail-section-nav a{font-size:11px}.detail-benefits h3{font-size:22px}.contact h2{font-size:83px}.contact-side{padding-top:30px}.floating-link{width:60px;min-height:55px}.floating-link svg{width:20px;height:20px}.floating-link span,.floating-wechat span{font-size:8px}.floating-contact{right:9px;bottom:9px}footer{padding-bottom:95px}}
.contact-options{display:flex;flex-direction:column;gap:2px}.contact-options[hidden]{display:none}.contact-toggle{display:none}.image-unavailable{position:absolute;left:22px;right:22px;top:48%;font-size:12px;line-height:1.7;text-align:center;color:#626a63;background:white;padding:16px}.product-card[hidden]{display:none}
@media(min-width:641px) and (max-width:900px){.header{height:80px;position:relative}.header .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:3px}.menu-toggle span{height:1px;width:22px;background:var(--ink)}.header #nav{display:none;position:absolute;top:80px;left:0;right:0;padding:16px 5%;background:#fffefa;z-index:20;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #20252112}.header #nav.open{display:flex;flex-direction:column;gap:0}.header #nav a{font-size:14px;padding:14px 0}}
@media(max-width:900px){.floating-contact.contact-enhanced{background:transparent;border:0;box-shadow:none;overflow:visible;display:flex;flex-direction:column;align-items:flex-end;gap:10px;bottom:calc(12px + env(safe-area-inset-bottom));right:12px}.contact-enhanced .contact-options{flex-direction:row;background:#25362a;border:1px solid #ffffff33;box-shadow:0 8px 25px #12251b30;border-radius:7px;overflow:hidden}.contact-toggle{display:flex;align-items:center;gap:12px;padding:13px 17px;min-height:46px;border:1px solid #ffffff40;border-radius:24px;background:#25362a;box-shadow:0 5px 18px #17241526;color:#fff;font:inherit;font-size:12px;cursor:pointer}.contact-toggle>span:first-child{color:#f8aa78}.contact-toggle-sign{font-size:16px;width:10px}.contact-enhanced .floating-link{width:76px;min-height:66px}.contact-enhanced .floating-link span{font-size:10px}.contact-enhanced .floating-link svg{width:23px;height:23px}body:has(.enquiry-form input:focus) .floating-contact,body:has(.enquiry-form textarea:focus) .floating-contact{visibility:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}