*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}header,footer{padding:30px 5%;display:flex;justify-content:space-between;align-items:center}header{border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}header a,footer a{text-decoration:none}.wordmark{font-weight:800;font-size:36px;letter-spacing:-2px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:690px;padding:75px 5%;gap:30px}.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:bold}h1{font-size:clamp(46px,5.5vw,88px);letter-spacing:-.06em;line-height:1.02;margin:28px 0}h2{font-size:clamp(32px,4vw,54px);line-height:1.07;letter-spacing:-.045em;margin:0}.intro{font-size:19px;line-height:1.65;max-width:470px}.hero img{width:100%;border-radius:5px}.button,button{display:inline-block;background:var(--ink);color:var(--paper);padding:17px 24px;border:0;text-decoration:none;border-radius:4px;font-size:15px;cursor:pointer}.button{margin-top:20px}.note{font-size:12px;margin-top:24px;opacity:.75}.details{padding:85px 5%;border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);display:grid;grid-template-columns:1fr 1fr;gap:60px}.details p{font-size:20px;line-height:1.6;margin-top:0}.details nav{display:flex;flex-direction:column;gap:20px}.publish{background:var(--ink);color:var(--paper);padding:60px 5%;display:flex;gap:25px;align-items:center;flex-wrap:wrap}.publish span{font-size:12px;letter-spacing:1px}.publish p{max-width:390px;margin:0 auto 0 0;line-height:1.5}.publish a{font-size:14px}footer{font-size:13px;padding-block:35px}#workspace{padding:70px 5%;background:#f1eff6}form{display:flex;gap:20px;align-items:end;margin:35px 0}label{display:grid;gap:10px;font-size:14px;flex:1}input,select{width:100%;min-width:0;padding:15px;background:transparent;border:1px solid #a39bb4;border-radius:4px;color:#383354;font:inherit}#saved{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.swatches{display:flex;height:150px}.swatches span{flex:1}#saved h3{font-size:22px}#saved button{padding:9px 12px;font-size:12px}:focus-visible{outline:3px solid currentColor;outline-offset:5px}@media(max-width:750px){.hero,.details{grid-template-columns:1fr}.hero{padding-top:40px;gap:40px}.hero img{margin-top:10px}.details{gap:30px;padding-block:50px}form{flex-direction:column;align-items:stretch}#saved{grid-template-columns:1fr}.publish{align-items:start;flex-direction:column}header{padding-block:22px}footer{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}