:root{color-scheme:light;--ink:#173731;--paper:#F7F3E8;--line:#cbd7d1;--yellow:#ffd264}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}header{max-width:1000px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 28px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:14px}.brand strong{font-size:20px}.brand span:not(.dots){display:block;font-size:12px;letter-spacing:.13em}.dots{flex-shrink:0;white-space:nowrap;color:#dc751e;line-height:1.05;font-size:19px;letter-spacing:2px}a{color:inherit;text-underline-offset:5px}main{max-width:840px;margin:auto;padding:36px 28px 64px}.intro{max-width:630px}.eyebrow{font-size:13px;font-weight:750;letter-spacing:.15em;margin:0 0 12px}h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,58px);font-weight:500;line-height:1.08;letter-spacing:-.03em;margin:0 0 20px}.intro p:last-child{color:#405b51}.chooser{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#173731;color:white;padding:14px 18px;margin:30px 0;border-radius:12px}.chooser label{display:flex;align-items:center;gap:12px}.chooser select{font:inherit;background:#fff;color:var(--ink);border:none;padding:10px 30px 10px 14px;border-radius:6px}.chooser button{background:transparent;color:white;border:1px solid #92a99f;border-radius:50%;min-width:44px;min-height:44px;font-size:22px;cursor:pointer}.chooser button:disabled{opacity:.3;cursor:default}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:0 0 20px}h2{font-size:22px;line-height:1.3;margin:0}.section-title span{color:#526a60;font-size:14px}.swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.swatch{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.paint{height:106px;position:relative}.code{position:absolute;left:12px;top:12px;width:38px;height:38px;display:grid;place-items:center;background:white;color:#152e28;border:1px solid #a3b5aa;border-radius:50%;font-size:20px;font-weight:800}.color-name{font-size:16px;padding:12px 14px;min-height:54px;display:flex;align-items:center;line-height:1.25;font-weight:600}.white-note{display:flex;align-items:center;gap:20px;margin:24px 0 32px;padding:17px 22px;border:1px dashed #718c7c;border-radius:10px}.white-note b{font-size:25px;border:1px solid var(--line);border-radius:50%;min-width:45px;height:45px;text-align:center;background:white}.white-note p{margin:0;font-size:15px}.note{padding:26px 0;border-top:1px solid var(--line)}.note p{color:#405b51;margin-bottom:0}.reveal-section{margin-top:18px}#reveal{border:1px solid #6e8c7b;border-radius:8px;background:white;color:var(--ink);padding:16px 20px;text-align:left;font:inherit;font-size:16px;font-weight:600;width:100%;cursor:pointer}#reveal span{display:block;font-size:14px;font-weight:400;color:#526a60}#answer{margin-top:25px;background:white;padding:24px;border:1px solid var(--line);border-radius:12px;text-align:center}#answer h2{margin-bottom:20px}#answer img{width:100%;max-width:480px;height:auto}footer{padding:24px;text-align:center;border-top:1px solid var(--line);font-size:14px;color:#526a60}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #d18113;outline-offset:4px}[hidden]{display:none!important}@media(max-width:620px){header{padding:20px;align-items:flex-start}header a{font-size:14px;max-width:90px;text-align:right}.brand strong{font-size:18px}main{padding:30px 20px 45px}.swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.paint{height:110px}.section-title{align-items:center}.chooser{padding:12px}.white-note{padding:16px;align-items:flex-start}.intro p{font-size:16px}}

.brand img{display:block;width:238px;max-width:100%;height:auto}.brand{flex-shrink:1;min-width:0;max-width:none;text-align:left}header>a:last-child{flex-shrink:0}footer p{margin:6px 0}.lilly{display:block;width:180px;height:auto;margin:0 auto 12px}.lilly-caption{font-weight:600;color:#173731}@media(max-width:620px){.brand img{width:190px}header{gap:14px}}