@charset "UTF-8";
:root{color-scheme:light;--paper:#fffaf1;--ink:#20221f;--muted:#595c55;--line:#b8b9af;--accent:#b83a13;--wash:#eee9de;--max:1200px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 Arial,"Helvetica Neue",sans-serif}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--accent);text-decoration-thickness:2px}a:active{opacity:.78}a:focus-visible,summary:focus-visible{outline:3px solid #185cb4;outline-offset:5px}::selection{background:#f6cfad;color:var(--ink)}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.skip{position:absolute;left:20px;top:-100px;background:var(--paper);padding:12px 20px;z-index:5}.skip:focus{top:10px}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:110px;border-bottom:2px solid var(--ink)}.brand{display:flex;gap:12px;align-items:center;font-size:28px;font-weight:700;letter-spacing:-1.3px;text-decoration:none}.brand img{width:36px;height:36px}.nav{display:flex;gap:28px;flex-wrap:wrap}.nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-decoration:none}.nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:7px}.index-line{display:flex;justify-content:space-between;gap:20px;padding:22px 0;font:11px/1.6 Consolas,"Courier New",monospace;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(48px,7.3vw,94px);line-height:1;letter-spacing:-5px;font-weight:700;margin-bottom:0}.hero{padding:28px 0 48px}.hero h1 span{color:var(--accent)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-top:34px}.lead{font-size:20px;line-height:1.55;color:var(--muted);max-width:650px;margin:0}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:14px 23px;background:var(--accent);color:var(--paper);font-size:15px;font-weight:700;min-height:52px;text-decoration:none;border:1px solid var(--accent)}.button:hover{background:#8f2d0f;color:var(--paper)}.text-link{display:inline-block;min-height:44px;padding:10px 0;font-size:14px}.samples{margin:0;border:1px solid var(--ink)}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.swatch{position:relative;min-height:205px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-right:1px solid var(--ink)}.swatch:last-child{border-right:0}.swatch:before,.swatch:after{content:"";position:absolute}.s1{background:#e4e6dc}.s1:before{width:120px;height:120px;background:repeating-linear-gradient(0deg,#a8b397 0 2px,#c7d0b8 2px 7px);transform:rotate(-15deg);border:1px solid #5e6c50}.s1:after{width:35px;height:35px;border-radius:50%;background:var(--paper);border:1px solid #5e6c50;top:50px;left:calc(50% - 15px)}.s2{background:#f5c8a9}.s2:before{width:125px;height:105px;background:#b83a13;box-shadow:10px 10px 0 #e88c5f;transform:rotate(10deg)}.s2:after{width:12px;height:55px;background:#fffaf1;transform:rotate(10deg)}.s3{background:#e3ded4}.s3:before{width:125px;height:125px;border:24px solid #797c71;border-radius:50%;box-shadow:9px 9px 0 #b3b5aa}.sample-id{position:absolute;left:18px;bottom:12px;font:11px Consolas,monospace;z-index:1}.samples figcaption{border-top:1px solid var(--ink);padding:13px 18px;font-size:12px;color:var(--muted)}.section{padding:48px 0 55px}.section-title{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;border-top:2px solid var(--ink);padding-top:24px}.eyebrow{font:11px/1.6 Consolas,monospace;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}h2{font-size:33px;line-height:1.15;letter-spacing:-1.2px;font-weight:700}h3{font-size:20px;line-height:1.3;letter-spacing:-.4px}.section-title h2{max-width:650px}.rows{margin-left:calc((100% + 40px)/3)}.row{display:grid;grid-template-columns:48px 1fr 1.2fr;gap:23px;border-top:1px solid var(--line);padding:20px 0}.row .num{font:12px Consolas,monospace;color:var(--accent);padding-top:4px}.row h3{margin:0}.row p{font-size:15px;color:var(--muted);margin:0}.footer{border-top:2px solid var(--ink)}.footer-inner{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:18px 0 25px;font-size:12px;color:var(--muted)}.footer p{margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:22px}.footer a{display:inline-block;padding:12px 0}.page-head{padding:26px 0 38px;border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(42px,5.3vw,67px);letter-spacing:-2.8px;max-width:900px;margin-bottom:24px}.reading{display:grid;grid-template-columns:260px minmax(0,740px);gap:80px;padding:36px 0 65px}.aside{font:12px/1.9 Consolas,monospace;color:var(--muted)}.aside a{display:inline-block;padding:8px 0}.article{min-width:0}.article h2{font-size:28px;margin:32px 0 18px;letter-spacing:-.8px}.article h2:first-child{margin-top:0}.article ul{padding-left:24px}.article li{margin-bottom:12px}.example{padding:25px;border:1px solid var(--ink);background:#f2eee3;margin:25px 0}.example p:last-child{margin-bottom:0}.example dt{font-weight:700}.example dd{margin:0 0 16px}.example dd:last-child{margin-bottom:0}.small{font-size:14px;color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{padding:20px 2px;font-weight:700;cursor:pointer}details p{font-size:16px;color:var(--muted);padding:0 2px 8px}.error{padding:65px 0 100px;max-width:850px}.error .code{font:14px Consolas,monospace;color:var(--accent);margin-bottom:25px}.error h1{font-size:70px;letter-spacing:-3px;margin-bottom:28px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
@media(max-width:950px){.hero-bottom{gap:30px}.hero-actions{justify-content:flex-start}.reading{grid-template-columns:180px minmax(0,1fr);gap:36px}.row{grid-template-columns:32px 1fr;gap:16px}.row p{grid-column:2}.swatch{min-height:180px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header-inner{display:block;padding:22px 0 14px}.brand{font-size:26px}.nav{margin-top:15px;gap:22px}.index-line{font-size:10px;gap:12px}.index-line span:last-child{max-width:130px;text-align:right}.hero{padding:18px 0 32px}h1{font-size:49px;letter-spacing:-2.7px;overflow-wrap:normal}.hero-bottom{display:block;margin-top:25px}.lead{font-size:18px}.hero-actions{margin-top:24px;gap:15px}.sample-grid{grid-template-columns:1fr}.swatch{min-height:175px;border-right:0;border-bottom:1px solid var(--ink)}.swatch:last-child{border-bottom:0}.samples figcaption{font-size:12px}.section{padding:35px 0}.section-title{display:block;padding-top:20px}.section-title h2{font-size:29px}.rows{margin-left:0}.row{padding:20px 0}.reading{display:block;padding:24px 0 42px}.aside{margin-bottom:28px}.page-head{padding:18px 0 28px}.page-head h1{font-size:43px;letter-spacing:-2px}.article h2{font-size:27px}.footer-inner{display:block}.footer-links{gap:22px}.error{padding:40px 0 65px}.error h1{font-size:48px;letter-spacing:-2px}.example{padding:20px;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}