*{box-sizing:border-box}body{margin:0;background:#19171c;color:#f5f1eb;font:18px/1.55 Barlow,Arial,sans-serif}.page{max-width:1120px;margin:auto;padding:44px 26px}a{color:inherit}a:focus-visible{outline:3px solid #ffb4a9;outline-offset:5px}small{letter-spacing:.1em;text-transform:uppercase;color:#c6bcc4;font-size:12px}h1{font:900 clamp(40px,6vw,72px)/1.05 Archivo,Arial,sans-serif;letter-spacing:-.045em;max-width:15ch}p{max-width:65ch;color:#c6bcc4}.tones{margin-top:45px}.tone{display:grid;grid-template-columns:200px 1fr auto;gap:30px;align-items:center;padding:25px 0;border-top:1px solid #514850}.swatch{height:140px;display:flex;align-items:flex-end;padding:20px;font-size:15px;letter-spacing:.05em;font-weight:500}.tone h2{font-size:30px;margin:0}.tone p{font-size:17px;margin:10px 0 0}.tone a{min-height:48px;padding:12px 17px;border:1px solid #8e808a;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.foot{margin-top:45px;border-top:1px solid #514850;padding-top:25px;font-size:15px}.back{display:inline-flex;min-height:44px;align-items:center}@media(max-width:620px){.page{padding:25px 20px}.tone{grid-template-columns:95px 1fr;gap:18px}.swatch{height:115px;padding:10px;font-size:11px}.tone h2{font-size:26px}.tone a{grid-column:1/-1;justify-content:space-between;width:100%}.tone p{font-size:16px}.tone a:after{content:'↗'}h1{font-size:41px}}