:root{--paper:#f6f6f6;--blue:#555555;--light:#e3e3e3;--line:#cbcbcb;--ink:#333333}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.masthead{position:fixed;top:12px;left:20px;bottom:20px;width:100px;text-decoration:none;display:flex;flex-direction:column;align-items:center;font-size:clamp(100px,14vh,155px);font-weight:800;line-height:.94;letter-spacing:-8px;color:#777777;z-index:2}.masthead span:nth-child(3){color:#555555}.masthead .period{line-height:.3}.page{margin-left:145px;margin-right:30px;max-width:1700px}header{height:66px;display:flex;align-items:center}nav{width:100%;display:flex;justify-content:space-between;font-size:12px;font-weight:700}nav a{text-decoration:none}.specimens{display:grid;grid-template-columns:1fr 1.45fr 1fr 1.5fr;gap:22px;align-items:start;min-height:315px}.specimen{border:1px solid #cdcdcd;background:var(--light);color:var(--ink);padding:20px;text-align:left;cursor:copy;position:relative;overflow:hidden;transition:background .2s}.specimen:hover{background:#d4d4d4}.specimen small{font-size:8px;letter-spacing:1px;display:block}.specimen h2{font:normal 39px/.95 Georgia,serif;margin:26px 0 22px;letter-spacing:-2px}.specimen p{font-size:13px;line-height:1.6}.sample-foot{font-size:7px;letter-spacing:1px;display:block;margin-top:26px}.recipe{min-height:294px}.stack{display:grid;gap:20px;padding-top:25px}.message{background:#767676;color:#fff}.message p{font-size:17px;line-height:1.25;margin:24px 0 16px}.message>span{display:block;text-align:right;font-size:8px}.code{background:#444444;color:#fafafa;min-height:115px}.code:hover{background:#323232}.code p{font:11px/1.6 monospace;margin:20px 0 0}.caret{opacity:.5}.page-sample{margin-top:5px;background:#ededed;min-height:284px}.page-sample p{font:25px/1.13 Georgia,serif;margin:32px 0 0}.page-sample .sample-foot{text-align:center}.slide{margin-top:38px;min-height:240px;background:#cfcfcf}.slide p{font-size:clamp(22px,3.1vw,48px);font-weight:700;line-height:.95;letter-spacing:-1.5px;margin:35px 0 10px}.gallery-caption{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.8px;margin-top:15px}.intro{display:grid;grid-template-columns:1fr 2.3fr;gap:60px;margin:130px 0 100px;max-width:1100px}.intro-label,.section-label{font-size:10px;line-height:1.5;letter-spacing:.8px;padding-top:10px}h1{font-size:clamp(48px,6.5vw,94px);font-weight:400;line-height:.96;letter-spacing:-4px;margin:0 0 32px}.intro-text>p{font-size:20px;line-height:1.5;max-width:560px;margin:0 0 16px}.intro-text .aside{font-size:14px;margin-top:22px}strong{font-weight:600}.release{border-top:1px solid var(--blue);border-bottom:1px solid var(--blue);padding:20px 0 22px}.download{display:flex;align-items:center;justify-content:space-between;font-size:clamp(35px,5vw,72px);letter-spacing:-2px;text-decoration:none;line-height:1.25}.download:hover{color:#111111}.download>span:last-child{transition:transform .2s}.download:hover>span:last-child{transform:translate(-5px,5px)}.release-meta{display:flex;justify-content:space-between;gap:20px;margin-top:18px;font-size:9px;line-height:1.7}.notes,.installation{display:grid;grid-template-columns:1fr 2.3fr;gap:60px;padding:75px 0;max-width:1100px}.notes>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:20px 35px}.notes p{font-size:15px;line-height:1.65;margin:0}.notes p:last-child{grid-column:1/-1;font-size:12px;margin-top:12px}.installation{border-top:1px solid var(--line);padding-top:50px}.installation h2{font-size:32px;font-weight:400;letter-spacing:-1px;margin:0 0 15px}.install-note{font-size:13px;line-height:1.7;max-width:450px;margin:0 0 30px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;align-items:center;gap:22px;padding:18px 0;font-size:15px;list-style:none}summary::-webkit-details-marker{display:none}summary>span:first-child{font-size:9px}.toggle{margin-left:auto;font-size:22px;font-weight:300}details[open] .toggle{transform:rotate(45deg)}details p{font-size:13px;line-height:1.8;margin:0 0 22px 36px;max-width:510px}footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:24px 0 30px;font-size:9px}footer a{text-decoration:none}.skip{position:fixed;top:-100px;left:150px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.wrap{max-width:900px;margin:auto;padding:30px}.nav{display:flex;justify-content:space-between}.wordmark{font-size:35px;font-weight:700;text-decoration:none}.document{padding-top:50px}.document h1{font-size:60px}.document h2{font-size:25px;font-weight:400;margin-top:40px}.document p{font-size:16px;line-height:1.8}.eyebrow{font-size:10px;letter-spacing:1px}.button{display:inline-block;padding:15px 0}@media(min-width:1500px){.specimens{min-height:380px}.recipe{min-height:350px}.page-sample{min-height:340px}.slide{min-height:290px}.specimen h2{font-size:52px}.page-sample p{font-size:33px}.message p{font-size:25px}}@media(max-width:1000px){.page{margin-left:105px;margin-right:25px}.masthead{left:10px;width:70px;font-size:110px}.specimens{gap:12px;grid-template-columns:1fr 1.2fr 1fr}.slide{display:none}.specimen{padding:15px}.intro,.notes,.installation{grid-template-columns:1fr 2.8fr;gap:25px}.intro{margin-top:90px}h1{letter-spacing:-2.5px}.intro-text>p{font-size:18px}.notes>div:last-child{grid-template-columns:1fr}.notes p:last-child{grid-column:auto}}@media(max-width:600px){.masthead{position:absolute;font-size:66px;width:43px;left:5px;top:62px;letter-spacing:-3px}.page{margin-left:62px;margin-right:16px}header{height:52px}nav{font-size:9px}.specimens{grid-template-columns:1fr 1fr;gap:10px;min-height:245px}.page-sample{display:none}.specimen{padding:12px}.recipe{min-height:225px}.specimen h2{font-size:30px;margin:25px 0 20px}.specimen small{font-size:6px;letter-spacing:.3px}.specimen p{font-size:10px}.sample-foot{font-size:6px;margin-top:25px;letter-spacing:0}.stack{padding-top:14px;gap:10px}.message p{font-size:13px;margin:20px 0 15px}.code{min-height:92px}.code p{font-size:9px;margin-top:18px}.gallery-caption{font-size:6px;letter-spacing:0;gap:12px}.intro{display:block;margin:70px 0 50px}.intro-label{font-size:8px;margin-bottom:25px}h1{font-size:46px;letter-spacing:-2.5px}.intro-text>p{font-size:16px}.download{font-size:32px;letter-spacing:-1.5px}.release-meta{display:block;font-size:8px}.release-meta>span{display:block;margin-top:8px}.notes,.installation{display:block;padding:40px 0}.section-label{margin-bottom:25px;font-size:9px}.notes p{font-size:14px}.installation h2{font-size:28px}summary{font-size:13px;gap:15px}details p{margin-left:26px;font-size:12px}footer{flex-wrap:wrap;justify-content:flex-start;font-size:8px;gap:18px}footer>span{width:100%}.document h1{font-size:44px}.wrap{padding:20px}.skip{left:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Footer wordmark; the page no longer reserves a left rail. */
.page{margin:0 auto;max-width:1500px;padding:0 40px}.bottom-logo{display:block;width:fit-content;font-size:clamp(140px,28vw,390px);font-weight:800;line-height:.9;letter-spacing:-.075em;text-decoration:none;color:#3d3d3d;margin:60px 0 25px}.skip{left:40px}@media(max-width:1000px){.page{margin:0 auto;padding:0 28px}}@media(max-width:600px){.page{margin:0;padding:0 18px}.bottom-logo{margin-top:35px;margin-bottom:20px}.skip{left:18px}}

.opening{padding:70px 0 55px;max-width:1250px}.opening-label{font-size:10px;letter-spacing:1px;margin:0 0 32px}.opening h1{font-size:clamp(58px,8vw,118px);line-height:.98;letter-spacing:-5px;margin:0 0 35px}.opening-bottom{display:flex;align-items:end;justify-content:space-between;gap:50px}.opening-bottom p{max-width:440px;font-size:18px;line-height:1.6;margin:0}.opening-bottom>a{font-size:15px;text-decoration:none;border-bottom:1px solid #555;padding:12px 0;min-width:190px;display:flex;justify-content:space-between;gap:25px}.selection-demo{display:grid;grid-template-columns:140px 1fr;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:85px;padding:25px 0 30px;gap:35px}.demo-margin{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;letter-spacing:.8px}.demo-document{background:#e9e9e9;padding:30px 40px 22px}.document-label{font-size:8px;letter-spacing:.8px}.text-selection{position:relative;display:block;text-align:left;font:clamp(28px,3.8vw,53px)/1.2 Georgia,serif;color:#333;border:1px solid #777;background:#d5d5d5;padding:16px 20px;margin:30px 0;cursor:copy;width:100%;transition:background .15s}.text-selection:hover{background:#c9c9c9}.handle{position:absolute;width:7px;height:7px;background:#fff;border:1px solid #555}.handle.start{left:-4px;top:-4px}.handle.end{right:-4px;bottom:-4px}.document-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px}.selection-demo+.release{border-top:0}@media(max-width:600px){.opening{padding:40px 0}.opening-label{font-size:8px;margin-bottom:25px}.opening h1{font-size:54px;letter-spacing:-3px}.opening-bottom{display:block}.opening-bottom p{font-size:16px}.opening-bottom>a{width:190px;margin-top:20px}.selection-demo{display:block;margin-bottom:40px;padding-top:15px}.demo-margin{flex-direction:row;margin-bottom:15px;font-size:8px}.demo-document{padding:22px 18px 18px}.document-label{font-size:7px;line-height:1.5}.text-selection{font-size:30px;padding:14px;margin:24px 0}.document-bottom{font-size:8px;gap:10px}}

/* The demonstration never writes to the clipboard without a click. */
.text-selection{border-color:transparent;background:transparent;isolation:isolate}.text-selection:hover{background:transparent}.selection-outline{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;border:1px solid #666;background:#d1d1d1;animation:draw-selection 7s infinite}.selection-outline:before,.selection-outline:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border:1px solid #555}.selection-outline:before{top:-4px;left:-4px}.selection-outline:after{bottom:-4px;right:-4px}.demo-crosshair{position:absolute;pointer-events:none;left:100%;top:100%;font:24px/1 monospace;transform:translate(-50%,-50%);animation:drag-pointer 7s infinite}.clipboard-preview{border-top:1px solid #c1c1c1;padding:15px 0 0;margin:0 0 23px;min-height:69px;animation:reveal-copy 7s infinite}.clipboard-preview>span{font:8px/1.5 monospace;letter-spacing:.8px}.clipboard-preview p{font:13px/1.5 monospace;margin:7px 0 0}.motion-toggle{background:none;border:0;text-align:left;padding:8px 0;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font:10px/1.5 Arial,sans-serif}.selection-demo.is-paused .selection-outline,.selection-demo.is-paused .demo-crosshair,.selection-demo.is-paused .clipboard-preview{animation-play-state:paused}@keyframes draw-selection{0%,12%{width:0;height:0;opacity:0}14%{opacity:1;width:0;height:0}43%,85%{width:100%;height:100%;opacity:1}95%,100%{width:100%;height:100%;opacity:0}}@keyframes drag-pointer{0%,12%{left:0;top:0;opacity:0}14%{left:0;top:0;opacity:1}43%,48%{left:100%;top:100%;opacity:1}55%,100%{left:100%;top:100%;opacity:0}}@keyframes reveal-copy{0%,48%{opacity:0;transform:translateY(5px)}58%,85%{opacity:1;transform:translateY(0)}95%,100%{opacity:0;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.selection-outline,.demo-crosshair,.clipboard-preview{animation:none}.demo-crosshair,.motion-toggle{display:none}}

.media-image{max-width:100%;height:auto}.document figure{margin:30px 0}.document figcaption{margin-top:10px;font-size:13px}