:root{--ink:#242720;--paper:#f7f5ef;--rust:#a5452e;--line:#d9d9ce;--muted:#666a61}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}a,button,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bb7510;outline-offset:5px}.preview{background:#252b24;color:#eee9dd;text-align:center;font-size:11px;letter-spacing:.06em;padding:7px 16px}header{max-width:1440px;margin:auto;padding:25px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;letter-spacing:.02em;font-size:14px;line-height:1.3}.brand small{display:block;font-size:9px;letter-spacing:.15em;margin-top:5px}.mark{display:grid;place-items:center;width:43px;height:43px;background:var(--rust);color:white;font-size:27px;letter-spacing:-.08em}nav{display:flex;align-items:center;gap:22px}nav a{font-size:12px;text-decoration:none}nav a:hover,nav a[aria-current]{color:var(--rust)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--rust);color:#fff;border:0;padding:15px 23px;text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.button:hover{background:#803323;color:#fff}.button.small{font-size:12px;padding:12px 16px}.button:disabled{opacity:.5;cursor:wait}.menu{display:none}.wrap{max-width:1280px;margin:auto;padding-left:5%;padding-right:5%}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.06fr 1fr;min-height:610px;padding:60px 4% 55px;gap:6%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;display:block;margin-bottom:20px}.hero h1{font-size:clamp(48px,5.6vw,80px);line-height:1.03;font-weight:500;letter-spacing:-.055em;margin:22px 0}.hero h1 span{color:var(--rust)}p{color:var(--muted)}.hero-copy>p{font-size:16px;max-width:430px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:26px}.text-link{font-size:13px;font-weight:700}.hero-note{font-size:9px;letter-spacing:.2em;border-top:1px solid var(--line);margin-top:45px;padding-top:18px}.hero-art{background:#e8e3d6;padding:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.art-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-8deg);margin:30px 15px}.swatches>div{height:150px;box-shadow:5px 12px 15px #23160e26;color:#ffffffbb;font-size:11px;padding:12px;background-image:radial-gradient(ellipse at 30% 20%,#ffffff29,transparent 65%);border-radius:50% 44% 47% 35%}.red{background-color:#a5452e}.yellow{background-color:#c39936}.black{background-color:#323832}.brown{background-color:#76503c}.art-bottom{font-size:18px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.art-bottom small{display:block;font-size:9px;font-weight:400;letter-spacing:0;margin-top:15px}.strip{display:flex;justify-content:space-around;gap:24px;padding:22px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.12em}.section{padding-top:85px;padding-bottom:85px}h2{font-size:clamp(30px,3.3vw,45px);line-height:1.15;letter-spacing:-.04em;font-weight:500;margin:0 0 24px}h3{font-size:18px;line-height:1.3;margin:0 0 12px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.section-head p{max-width:330px;font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{text-decoration:none;border:1px solid var(--line);background:#fffdf8;transition:transform .15s}.product-card:hover{transform:translateY(-4px)}.pigment{height:230px;position:relative;overflow:hidden;padding:18px;color:#fff9}.pigment>span{font-size:10px;letter-spacing:.12em}.pigment i{position:absolute;width:73%;height:63%;border-radius:50%;top:20%;left:14%;background:radial-gradient(ellipse at 35% 23%,#ffffff35,transparent 52%),radial-gradient(ellipse at 60% 65%,#00000025,transparent 70%);box-shadow:8px 14px 20px #00000026,inset -8px -9px 22px #00000018;transform:rotate(-15deg)}.pigment small{position:absolute;bottom:14px;left:18px;right:12px;font-size:8px;letter-spacing:.1em}.card-body{padding:20px 16px}.card-body h3{font-size:16px;display:flex;justify-content:space-between}.card-body p{font-size:12px;margin-bottom:0}.applications-band{background:#eaece3;padding:75px 0}.app-list>a{display:grid;grid-template-columns:40px 1fr 1.3fr 20px;align-items:center;gap:20px;padding:23px 0;border-bottom:1px solid #c9cec1;text-decoration:none}.app-list>a:hover h3{color:var(--rust)}.app-list h3{margin:0;font-size:23px;font-weight:500}.app-list p{font-size:13px;margin:0}.num{font-size:10px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.lead{font-size:18px;max-width:680px}.steps article{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:20px 0}.steps article>span{font-size:12px;color:var(--rust)}.steps p{font-size:14px;margin:0}.closing{background:var(--rust);color:#fff4e7;padding:60px max(5%,calc((100vw - 1150px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{font-size:36px;margin:0}.light{background:#f7f5ef;color:var(--ink);white-space:nowrap}.light:hover{background:#e9dfc9;color:var(--ink)}footer{padding:55px 5% 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;max-width:1440px;margin:auto}footer p,footer a:not(.brand),footer strong{font-size:12px}footer>div>a:not(.brand){display:block;margin-top:9px;text-decoration:none}.footnote{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted)}.intro{padding-top:65px;padding-bottom:45px}.intro h1{font-size:clamp(40px,5vw,66px);max-width:950px;line-height:1.08;letter-spacing:-.045em;font-weight:500;margin:15px 0 25px}.bottom{padding-bottom:80px}.notice{border-left:3px solid var(--rust);background:#eeebe2;padding:18px 22px;font-size:13px;margin:28px 0;color:#56584f}.large{height:450px}.muted{font-size:12px}dl{margin:26px 0}dl>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}dd{margin:0;color:var(--muted);text-align:right}.panel{background:#eaece3;padding:32px}.panel li{margin:13px 0}.factory-placeholder{padding:50px;background:linear-gradient(115deg,#30392f,#646e5b);color:#f7f5ef;min-height:340px}.factory-placeholder>span{font-size:10px;letter-spacing:.17em}.factory-placeholder h2{margin:30px 0}.factory-placeholder p{color:#e0e3d6;font-size:12px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.three article{padding:35px 0}.three p{font-size:14px}.resource-table article{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:24px 0}.resource-table h3{margin:0;font-size:16px}.resource-table span,.resource-table a{font-size:12px}details{padding:19px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}details p{max-width:800px}.article-card{padding:32px;background:#eaece3;text-decoration:none;border-top:4px solid var(--rust)}.article-card h2{font-size:28px}.reading{max-width:790px;padding-left:5%;padding-right:5%;margin:auto}.reading h2{font-size:29px;margin-top:35px}.contact-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{font-size:12px;font-weight:600}input,select,textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #bfc4b8;background:#fffdf9;border-radius:0;color:var(--ink);min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--rust);outline-offset:2px}.full{grid-column:1/-1}.consent{display:flex;gap:12px;align-items:flex-start;margin:24px 0;font-weight:400}.consent input{width:18px;height:18px;flex-shrink:0;margin:1px 0}#form-status{font-size:13px;max-width:550px}
@media(min-width:1500px){.wrap{padding-left:40px;padding-right:40px}}@media(max-width:1080px){nav{gap:12px}nav a{font-size:11px}.brand{font-size:11px}.product-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:4%}.split,.contact-layout{gap:35px}.swatches>div{height:130px}}@media(max-width:800px){header{position:relative;padding:18px 5%}.menu{display:block;background:transparent;border:1px solid var(--line);padding:8px 12px;font-size:12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);z-index:10;padding:24px 5%;border-bottom:1px solid var(--line);box-shadow:0 8px 12px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch}nav a{font-size:14px;padding:7px}.hero{grid-template-columns:1fr;padding:40px 5%;gap:30px}.hero h1{font-size:60px}.hero-art{min-height:410px}.swatches{max-width:390px;width:85%;align-self:center}.hero-note{margin-top:25px}.strip{flex-wrap:wrap;justify-content:flex-start;gap:10px 25px}.section{padding-top:55px;padding-bottom:55px}.section-head{display:block}.section-head p{max-width:100%}.split,.contact-layout{grid-template-columns:1fr;gap:30px}.three{grid-template-columns:1fr;gap:20px}.three article{padding:15px 0}.app-list>a{grid-template-columns:25px 1fr 20px;gap:10px}.app-list p{grid-column:2;grid-row:2}.app-list b{grid-column:3;grid-row:1}.app-list h3{font-size:21px}.closing{display:block;padding:40px 5%}.closing .button{margin-top:25px}.closing h2{font-size:32px}.resource-table article{grid-template-columns:1fr 1fr;gap:10px}.resource-table span{font-size:11px}.intro{padding-top:40px}.large{height:340px}.factory-placeholder{padding:30px}footer{grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:1/-1}}@media(max-width:440px){.product-grid{gap:12px}.pigment{height:165px;padding:12px}.card-body{padding:15px 12px}.card-body h3{font-size:14px}.card-body p{font-size:11px}.pigment small{font-size:7px;left:12px}.form-grid{grid-template-columns:1fr}.hero h1{font-size:53px}.hero-art{min-height:375px}.swatches>div{height:110px}.large{height:310px}.actions{gap:18px}.preview{font-size:9px}.intro h1{font-size:40px}}
