*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body),sans-serif}a{color:inherit}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-weight:700}header a{text-decoration:none}header .back{font-size:14px;text-decoration:underline;text-underline-offset:5px}.hero{display:grid;gap:50px;align-items:center;padding:90px max(20px,calc((100vw - 1180px)/2))}.hero h1{font-family:var(--head),sans-serif;letter-spacing:-.04em;margin:10px 0 20px}.hero p{max-width:580px;font-size:19px;line-height:1.55}.hero img{width:100%;height:auto}.kicker{font-size:13px;font-weight:700}section.content{padding:76px 0;border-bottom:1px solid color-mix(in srgb,var(--fg) 25%,transparent)}h2{font:700 clamp(34px,4vw,52px)/1.1 var(--head),sans-serif;letter-spacing:-.03em;margin:0 0 25px}h3{font-size:17px;margin:0 0 10px}.intro{font-size:20px;max-width:760px;line-height:1.55;margin:0}.colors{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.swatch{min-width:0}.chip{height:128px;background:var(--chip);border:1px solid #17202727}.swatch strong{display:block;margin-top:13px}.swatch code{display:block;margin:5px 0;font-size:14px}.swatch small{line-height:1.45}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px}.two p{max-width:45ch;line-height:1.6;font-size:17px}.sample{padding:70px max(20px,calc((100vw - 1180px)/2))}.sample img{display:block;margin:25px 0}.assets{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;padding:13px 18px;border:1px solid currentColor;text-decoration:none;font-weight:700;border-radius:var(--edge);min-height:48px;align-items:center}.button:hover{background:var(--fg);color:var(--bg)}footer{padding:35px 0;font-size:14px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--fg)}@font-face{font-family:Plex;src:url(assets/fonts/plex-sans-400.woff2)}@font-face{font-family:Plex;src:url(assets/fonts/plex-sans-700.woff2);font-weight:700}@font-face{font-family:PlexMono;src:url(assets/fonts/plex-mono-500.woff2)}:root{--bg:#f4f3ec;--fg:#172027;--accent:#d5e94b;--alt:#fffefa;--head:Plex;--body:Plex;--edge:1px}.hero{background:#172027;color:#fffefa;grid-template-columns:1.2fr .8fr;border-bottom:12px solid #d5e94b}.hero h1{font-size:clamp(54px,7.5vw,112px);line-height:.95}.hero img{max-width:340px;background:#fffefa;padding:30px}.kicker,.label,.small{font-family:PlexMono,monospace}.sample{background:#d5e94b;color:#172027}.sample img{max-width:280px}.swatch{border-bottom:1px solid #172027}.swatch:nth-child(2){transform:none}.button{border-radius:0!important}@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:60px;gap:28px}.hero h1{font-size:clamp(49px,12vw,70px)}.hero img{max-width:320px}.colors{grid-template-columns:repeat(2,1fr)}.chip{height:90px}.two{grid-template-columns:1fr;gap:20px}section.content{padding:55px 0}.sample{padding-top:54px;padding-bottom:54px}}
.swatch:nth-child(1) .chip{background:#172027}
.swatch:nth-child(2) .chip{background:#F4F3EC}
.swatch:nth-child(3) .chip{background:#D5E94B}
.swatch:nth-child(4) .chip{background:#FFFEFA}
.swatch:nth-child(5) .chip{background:#CBD0C4}