.uni-page{--ink:#1b232c;--muted:#6a7783;--red:#e41330;--blue:#68b6ec;--pale:#f3faff;--border:#e3e8ed;--white:#fff;--space:clamp(22px,6.4vw,110px)}.uni-page *{box-sizing:border-box}.uni-page{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:IBM Plex Mono,monospace;font-weight:300}.uni-page img{max-width:100%;display:block}.uni-page a{color:inherit;text-decoration:none}.uni-page button,.uni-page input{font:inherit}.uni-page button{cursor:pointer}.uni-page h1,.uni-page h2,.uni-page h3,.uni-page p{margin-top:0}.uni-page h2{letter-spacing:-.064em;margin-bottom:28px;font-size:clamp(33px,4.1vw,62px);font-weight:300;line-height:1.14}.uni-page h3{letter-spacing:-.045em;margin-bottom:12px;font-size:clamp(26px,2.65vw,41px);font-weight:400}.uni-page p{color:#62717d;font-size:13px;font-weight:300;line-height:1.95}.uni-page .red{color:var(--red)}.uni-page .sky{color:var(--blue)}.uni-page .wrap{max-width:1500px;padding:0 var(--space);margin:0 auto}.uni-page .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--red);align-items:center;gap:14px;margin-bottom:28px;font-size:10px;font-weight:500;display:flex}.uni-page .eyebrow:before{content:"";background:var(--red);width:32px;height:2px;display:block}.uni-page .btn{color:#2477a5;letter-spacing:.03em;background:#e5f5ff;border:1px solid #b1e0fd;border-radius:3px;justify-content:center;align-items:center;gap:14px;padding:15px 22px;font-size:11px;transition:transform .22s,background .22s;display:inline-flex}.uni-page .btn:hover{background:#c7eafd;transform:translateY(-2px)}.uni-page .btn:focus-visible,.uni-page .swatch:focus-visible,.uni-page .pill:focus-visible{outline-offset:3px;outline:3px solid #6cb9f1}.uni-page .hero{color:#fff;isolation:isolate;background:#2e211a url(/assets/wood-stains/hero.png) 50%/cover no-repeat;align-items:center;height:clamp(625px,78vh,790px);display:flex;position:relative}.uni-page .hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#100b0bd4,#19110e70 42%,#14110f08 80%);position:absolute;inset:0}.uni-page .hero-inner{padding:80px 0}.uni-page .hero h1{letter-spacing:-.09em;white-space:nowrap;margin:0 0 23px;font-size:clamp(35px,8.4vw,122px);font-weight:300;line-height:1.08}.uni-page .hero h1 span{color:var(--red)}.uni-page .hero p{color:#fff;max-width:520px;font-size:clamp(14px,1.2vw,16px);line-height:1.9}.uni-page .hero .btn{margin-top:24px}.uni-page .hero-bottom{bottom:25px;left:var(--space);right:var(--space);color:#ffffffbd;letter-spacing:.14em;justify-content:flex-end;gap:15px;font-size:10px;display:flex;position:absolute}.uni-page .material{padding-top:122px;padding-bottom:122px}.uni-page .material-grid{grid-template-columns:.87fr 1.13fr;align-items:center;gap:clamp(45px,6vw,120px);display:grid}.uni-page .material p{max-width:490px}.uni-page .mat-image{aspect-ratio:1.25;background:#eee;border-radius:3px;overflow:hidden}.uni-page .mat-image img{object-fit:cover;width:100%;height:100%}.uni-page .caption{color:#82909c;letter-spacing:.11em;text-transform:uppercase;margin-top:12px;font-size:10px}.uni-page .mix{background:#f3faff;padding:98px 0 104px}.uni-page .mix-head{margin-bottom:34px}.uni-page .mix-head h2{white-space:nowrap;margin:0 0 25px;font-size:clamp(20px,4.1vw,59px)}.uni-page .mix-explainer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.uni-page .mix-explainer p{flex:340px;max-width:590px;margin:0}.uni-page .product-doc-actions{flex-wrap:wrap;justify-content:flex-start;gap:9px;margin-top:24px;display:flex}.uni-page .product-doc-actions .btn{padding:13px 14px;font-size:10px}.uni-page .mix-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.uni-page .mix-figure{margin:0}.uni-page .mix-card{aspect-ratio:1.35;background:#ddd;border-radius:4px;position:relative;overflow:hidden}.uni-page .mix-card img{object-fit:cover;width:100%;height:100%}.uni-page .mix-label{color:#4f5f6b;margin-top:12px;font-size:12px;line-height:1.5}.uni-page .product{padding-top:125px;padding-bottom:116px}.uni-page .product-hero{grid-template-columns:340px 1fr;align-items:center;gap:clamp(38px,6vw,105px);padding:35px 0 52px;display:grid}.uni-page .can-box{background:radial-gradient(#fff,#f5f6f7 70%);justify-content:center;align-items:center;height:390px;display:flex}.uni-page .can-box img{object-fit:contain;max-width:95%;max-height:93%}.uni-page .product-sub{color:#5f6770;margin-bottom:18px;font-size:15px;font-weight:400}.uni-page .product-body{max-width:760px}.uni-page .chips{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.uni-page .chips span{letter-spacing:.04em;color:#6b7883;background:#fafafa;border:1px solid #e5e8eb;padding:9px 12px;font-size:10px}.uni-page .product-table{border:1px solid var(--border);border-radius:6px;overflow:hidden}.uni-page .table-head{border-bottom:1px solid var(--border);background:#f7f9fb;padding:20px 24px;font-size:11px;font-weight:500}.uni-page .table-grid{grid-template-columns:1fr 1fr;display:grid}.uni-page .field{border-bottom:1px solid var(--border);grid-template-columns:45% 55%;gap:10px;min-width:0;padding:15px 23px;font-size:12px;display:grid}.uni-page .field:nth-child(odd){border-right:1px solid var(--border)}.uni-page .field span{color:#6f7b87}.uni-page .field strong{color:#2b343f;overflow-wrap:anywhere;font-weight:500}.uni-page .documents{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;padding:24px 0;display:flex}.uni-page .doc-label{color:#82909b;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.uni-page .doc-actions{flex-wrap:wrap;gap:12px;display:flex}.uni-page .collection{border-top:1px solid var(--border);padding-top:118px;padding-bottom:123px}.uni-page .collection-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:29px;display:flex}.uni-page .collection-head h2{margin-bottom:18px}.uni-page .count{color:#80909d;letter-spacing:.05em;font-size:11px}.uni-page .controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;margin-bottom:23px;display:flex}.uni-page .filters{flex-wrap:wrap;gap:8px;display:flex}.uni-page .pill{color:#708391;background:#fff;border:1px solid #d6e4ed;border-radius:3px;padding:11px 15px;font-size:11px}.uni-page .pill.active,.uni-page .pill:hover{color:#2478a9;background:#e3f4ff;border-color:#b8e2ff}.uni-page .search{border:1px solid #dce7ee;border-radius:3px;outline:none;min-width:min(285px,100%);padding:12px 15px;font-size:12px}.uni-page .search:focus{border-color:#67b8f1}.uni-page .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.uni-page .swatch{text-align:left;background:#fff;border:1px solid #e3e9ed;border-radius:3px;padding:0;transition:transform .18s,border-color .18s;overflow:hidden}.uni-page .swatch:hover{border-color:#7fbee5;transform:translateY(-3px)}.uni-page .swatch.active{border:2px solid var(--blue)}.uni-page .swatch img{object-fit:cover;width:100%;height:clamp(180px,20vw,260px)}.uni-page .swatch-body{padding:13px 13px 17px}.uni-page .swatch-code{color:var(--red);font-size:11px;font-weight:500}.uni-page .swatch-name{color:#3d4851;margin:5px 0;font-size:12px}.uni-page .swatch-group{color:#9aa4ae;font-size:10px}.uni-page .selected{background:#f6fbff;border:1px solid #e5f1f8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:27px;padding:21px 25px;display:flex}.uni-page .selected small{letter-spacing:.15em;color:#7b8b99;font-size:9px}.uni-page .selected strong{margin-top:10px;font-size:15px;font-weight:500;display:block}.uni-page .footnote{color:#91a0aa;margin-top:20px;font-size:11px;line-height:1.8}@media (width<=980px){.uni-page .material-grid{gap:35px}.uni-page .product-hero{grid-template-columns:230px 1fr;gap:25px}.uni-page .can-box{height:300px}.uni-page .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.uni-page .hero{background-position:57%;height:690px;min-height:580px}.uni-page .hero h1{font-size:clamp(30px,8.6vw,59px)}.uni-page .hero-bottom{font-size:9px}.uni-page .material{padding-top:76px;padding-bottom:80px}.uni-page .material-grid{grid-template-columns:1fr}.uni-page .mat-image{aspect-ratio:1.25}.uni-page .mix{padding:75px 0}.uni-page .mix-grid{grid-template-columns:1fr}.uni-page .mix-card{aspect-ratio:1.35}.uni-page .product{padding-top:70px;padding-bottom:74px}.uni-page .product-hero{flex-direction:column;align-items:stretch;display:flex}.uni-page .can-box{height:260px}.uni-page .product-table .table-grid{grid-template-columns:1fr}.uni-page .field:nth-child(odd){border-right:0}.uni-page .field{padding:13px 16px}.uni-page .collection{padding-top:80px;padding-bottom:85px}.uni-page .collection-head{display:block}.uni-page .collection-head .count{margin-top:18px}.uni-page .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.uni-page .swatch img{height:150px}.uni-page .swatch-body{padding:10px}.uni-page .selected{padding:17px}}@media (prefers-reduced-motion:reduce){.uni-page *,.uni-page :before,.uni-page :after{scroll-behavior:auto!important;transition:none!important}}.uni-page{color:#1b232c;background:#fff;width:100%;font-family:IBM Plex Mono,monospace;font-weight:300;overflow:hidden}.uni-page a,.uni-page button{text-decoration:none}.uni-page[dir=rtl]{font-family:Tajawal,sans-serif}.uni-page[dir=rtl] h1,.uni-page[dir=rtl] h2,.uni-page[dir=rtl] h3{letter-spacing:0}.uni-page[dir=rtl] .hero:before{background:linear-gradient(270deg,#100b0bd4,#19110e70 42%,#14110f08 80%)}.uni-page[dir=rtl] .hero h1{font-size:clamp(32px,7.9vw,114px)}.uni-page[dir=rtl] .hero-bottom{letter-spacing:0}.uni-page .hero{margin-top:0}.uni-page .mix-card img{object-fit:cover}.uni-page .uni-content{width:100%}