:root{--ecru: #EDE9E3;--ecru-deep: #E4DED4;--noir: #101010;--noir-60: rgba(16, 16, 16, .6);--sand: #B39C7D;--sand-deep: #7d6a4e;--hairline: rgba(16, 16, 16, .22);--margin: clamp(1.25rem, 4vw, 4rem);--display: "Bodoni Moda", "Didot", serif;--body: "Jost", "Futura", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--ecru);color:var(--noir);font-family:var(--body);font-weight:300;font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip}::selection{background:var(--sand);color:var(--ecru)}img{display:block;max-width:100%}a{color:inherit}:focus-visible{outline:1px solid var(--noir);outline-offset:4px}.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:90;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.chrome{position:fixed;inset:0;z-index:80;pointer-events:none}.chrome>*{position:absolute;pointer-events:auto;font-size:.6875rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;line-height:1.4;text-decoration:none}.chrome__brand{top:var(--margin);left:var(--margin)}.chrome__brand strong{font-weight:500}.chrome__back{top:var(--margin);right:var(--margin);border-bottom:1px solid var(--hairline);padding-bottom:2px}.chrome__back:hover{border-color:var(--noir)}.wrap{max-width:76rem;margin:0 auto;padding:0 var(--margin)}.masthead{padding:clamp(7rem,22vh,12rem) 0 clamp(3rem,8vh,5rem)}.masthead__kicker{font-size:.6875rem;letter-spacing:.34em;text-transform:uppercase;color:var(--sand-deep);font-weight:400;margin-bottom:1.5rem}.masthead h1{font-family:var(--display);font-variation-settings:"opsz" 96;font-weight:460;font-size:clamp(2.6rem,7.5vw,6.5rem);line-height:1;text-transform:uppercase;letter-spacing:.01em;max-width:18ch}.masthead h1 em{font-style:italic}.masthead__deck{margin-top:2rem;max-width:58ch;font-size:1.125rem}.sec{border-top:1px solid var(--hairline);padding:clamp(3rem,9vh,6rem) 0}.sec__label{font-size:.6875rem;letter-spacing:.3em;text-transform:uppercase;color:var(--sand-deep);font-weight:400;margin-bottom:2.2rem;display:flex;gap:1.2rem;align-items:baseline}.sec__label .n{font-family:var(--display);font-style:italic;color:var(--noir);font-size:1rem}.sec h2{font-family:var(--display);font-weight:460;font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.1;margin-bottom:1.6rem;max-width:24ch}.sec h3{font-family:var(--display);font-style:italic;font-weight:460;font-size:1.35rem;margin:2.4rem 0 .8rem}.sec p{max-width:62ch;margin-bottom:1.1em}.sec p b{font-weight:500}.sec ul{max-width:62ch;margin:0 0 1.2em 1.2em}.sec li{margin-bottom:.55em}.sec li::marker{color:var(--sand-deep)}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem var(--margin)}.swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin:1.5rem 0 2rem}.swatch{border:1px solid var(--hairline)}.swatch .chip{height:110px}.swatch dl{padding:.9rem 1rem;font-size:.8125rem}.swatch dt{font-family:var(--display);font-style:italic;font-size:1.05rem;margin-bottom:.15rem}.swatch dd{color:var(--noir-60);letter-spacing:.08em}.specimen{border:1px solid var(--hairline);padding:clamp(1.5rem,4vw,3rem);margin:1.5rem 0}.specimen__row{display:flex;align-items:baseline;gap:2rem;flex-wrap:wrap;border-bottom:1px solid var(--hairline);padding:1.4rem 0}.specimen__row:last-child{border-bottom:0}.specimen__meta{font-size:.65rem;letter-spacing:.24em;text-transform:uppercase;color:var(--sand-deep);min-width:12rem;font-weight:400}.sp-hairline{font-family:var(--display);font-variation-settings:"opsz" 6;font-weight:400;font-size:clamp(1.6rem,4vw,2.6rem)}.sp-display{font-family:var(--display);font-variation-settings:"opsz" 96;font-weight:460;font-size:clamp(2.6rem,7vw,5.5rem);line-height:1}.sp-italic{font-family:var(--display);font-style:italic;font-variation-settings:"opsz" 60;font-weight:430;font-size:clamp(2rem,5vw,3.6rem)}.sp-body{font-family:var(--body);font-weight:300;font-size:1.0625rem;max-width:46ch}.sp-label{font-family:var(--body);font-weight:400;letter-spacing:.24em;text-transform:uppercase;font-size:.6875rem}pre{background:var(--noir);color:var(--ecru);padding:clamp(1.25rem,3vw,2rem);overflow-x:auto;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8125rem;line-height:1.6;margin:1.5rem 0 2rem;max-width:100%}pre .c{color:#ede9e373}pre .s{color:var(--sand)}code.inline{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em;background:var(--ecru-deep);padding:.1em .4em}.wipedemo{position:relative;overflow:hidden;aspect-ratio:16 / 7;margin:1.5rem 0 2rem;border:1px solid var(--hairline);cursor:pointer}.wipedemo .pane{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-variation-settings:"opsz" 96;font-size:clamp(4rem,12vw,9rem);font-weight:460}.wipedemo .pane--a{background:var(--ecru-deep);color:var(--noir)}.wipedemo .pane--b{background:var(--noir);color:var(--ecru)}.wipedemo .pane--c{background:var(--sand);color:var(--noir)}.wipedemo__hint{position:absolute;bottom:.9rem;left:50%;transform:translate(-50%);font-size:.625rem;letter-spacing:.28em;text-transform:uppercase;color:currentColor;opacity:.55;font-weight:400}.plates{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin:1.8rem 0}.plate{border:1px solid var(--hairline);background:#fff0}.plate img{width:100%;aspect-ratio:3/4;object-fit:cover}.plate.landscape img{aspect-ratio:4/3}.plate figcaption{padding:.8rem .9rem;font-size:.8125rem;line-height:1.5}.plate figcaption b{font-family:var(--display);font-style:italic;font-weight:460;font-size:.95rem;display:block}.plate figcaption span{color:var(--noir-60)}.diary{border-left:1px solid var(--sand);padding-left:clamp(1.25rem,3vw,2.5rem)}.diary__entry{margin-bottom:2.6rem}.diary__entry h3{margin-top:0}.diary__entry .stamp{font-size:.65rem;letter-spacing:.26em;text-transform:uppercase;color:var(--sand-deep);font-weight:400;display:block;margin-bottom:.6rem}.colophon{border-top:1px solid var(--hairline);margin-top:clamp(3rem,8vh,5rem);padding:1.5rem 0 2rem;display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:space-between;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:var(--noir-60)}.colophon a{text-decoration:none;border-bottom:1px solid var(--hairline);padding-bottom:1px}.colophon a:hover{border-color:var(--noir);color:var(--noir)}@media(max-width:600px){.masthead{padding-top:clamp(6rem,16vh,8rem)}.plates{grid-template-columns:repeat(2,1fr);gap:.9rem}.plate figcaption{padding:.6rem .65rem;font-size:.72rem}.sec{padding:2.75rem 0}.specimen{padding:1.1rem}.sp-display{font-size:2.2rem}pre{font-size:.72rem}}