:root{font:16px Arial,sans-serif;color:#242424;background:#eee;--orange:#b94400;--line:#ddd}*{box-sizing:border-box}body{margin:0}.shell{max-width:1150px;margin:auto;padding:0 18px}header{padding:25px 0 18px}.logo{text-decoration:none;color:#262626;font-size:42px;font-weight:900;letter-spacing:-.09em;line-height:.86;display:inline-block}.logo b,.utility b{color:#ff822e}.logo small{display:block;font-size:9px;letter-spacing:.16em;margin-top:9px}.utility,nav,.banner,.hero-copy,footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.utility{background:#282828;color:#eee;padding:10px 15px;font-size:.82rem;border-radius:4px 4px 0 0}.utility a{color:inherit;margin-left:12px}nav{justify-content:start;flex-wrap:wrap;gap:0;background:#e2e2e2;box-shadow:0 4px 8px #0002}nav a{padding:15px;color:inherit;text-decoration:none;text-transform:uppercase;font-size:.78rem;font-weight:bold;border-right:1px solid #ccc}nav .active,.banner strong{background:var(--orange);color:white}.search{margin:5px 12px 5px auto;display:flex;gap:8px;align-items:center;font-size:.8rem}.search input{width:min(170px,40vw)}a{color:#8e3600}input,select,button{font:inherit}input,select{background:white;border:1px solid #999;padding:8px;max-width:100%;min-width:0}button,.dark{display:inline-block;background:var(--orange);color:white;border:0;border-radius:2px;padding:11px 14px;text-decoration:none;cursor:pointer;text-align:center}button:disabled{opacity:.5;cursor:default}.dark{background:#2c2c2c}.hero{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:12px;background:#f6f6f6;padding:14px}.feature{min-width:0}.paint{position:relative;display:grid;place-items:center;min-height:285px;background:#e9e6df;overflow:hidden}.can{position:relative;width:195px;height:205px;background:#e4e4df;border-radius:12% 12% 15% 15% / 6% 6% 9% 9%;border:1px solid #aaa;box-shadow:18px 19px 24px #251c172b;display:grid;align-content:center;padding:22px;color:#181818}.can::before{content:'';position:absolute;top:-5px;left:-3%;width:106%;height:15px;background:#c6c4bd;border:1px solid #92928d;border-radius:50%}.can strong{font-size:27px;margin:.4rem 0;line-height:.94}.can span{color:#913600;font-weight:bold}.seal{position:absolute;top:44%;left:calc(50% + 57px);border-radius:50%;background:var(--orange);color:white;width:91px;height:91px;display:grid;align-content:center;justify-items:center;text-align:center;font-size:.83rem}.seal b{font-size:1.12rem}.hero-copy{padding:0 5px}.hero-copy .dark{flex-shrink:0}.hero h1{font-size:clamp(1.45rem,3vw,2.15rem);margin:.8rem 0 .3rem}.hero p{margin:.3rem 0 .9rem}.thumbs{display:grid;gap:8px}.thumbs button{background:#eee;color:#292929;border:1px solid #ccc}.thumbs button[aria-pressed=true]{outline:2px solid var(--orange);outline-offset:-2px}.icon{display:block;margin:0 auto 7px;width:36px;height:30px;background:#d6d4cc;border-top:5px solid #8f8e88;border-radius:5px;box-shadow:3px 3px 5px #0002}.banner{justify-content:start;background:#383838;color:white;margin:12px 0;gap:12px;font-size:.86rem}.banner strong{padding:12px}.grid{display:grid;grid-template-columns:1fr minmax(180px,24%);gap:12px}section,aside{min-width:0}h2{margin:0 0 10px;background:#e8e8e8;font-size:1rem;text-transform:uppercase;padding:12px}.products{display:grid;grid-template-columns:repeat(3,1fr);background:#fafafa}.products article{padding:15px;border-right:1px solid #e8e8e8}.products h3{margin:10px 0 7px}aside{background:#f7f7f7}aside p,aside a{margin:12px;display:block}.panel{margin:18px 0;background:#fafafa;padding:15px;border:1px solid var(--line)}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:12px 0}.fields label{display:grid;gap:7px}.line{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.line b{margin-right:auto}.line button{padding:5px 10px}footer{padding:18px 0;border-top:1px solid #ccc;font-size:.8rem}[hidden]{display:none!important}:focus-visible{outline:3px solid #1760a5;outline-offset:2px}@media(max-width:650px){.shell{padding:0 10px}.utility{flex-wrap:wrap}.utility a:first-child{margin-left:0}.search{margin:7px 10px}.hero,.grid{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(3,1fr)}.paint{min-height:238px}.can{transform:scale(.8)}.seal{left:calc(50% + 47px);width:76px;height:76px}.hero-copy{display:block;margin-bottom:8px}.products{grid-template-columns:1fr}.products article{border-bottom:1px solid #ddd}.products .icon{float:left;margin:5px 12px 0 0}.banner span{padding-right:8px}}