@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:Inter,sans-serif;font-size:16px;color:#000;background-color:#fff;padding:0;margin:0;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body.locked{overflow:hidden}:root{--site-max-width: 1200px}img,picture{display:block;width:100%;height:auto}html{box-sizing:border-box;-webkit-text-size-adjust:none;text-size-adjust:none}*,*:before,*:after{box-sizing:inherit}[id]{scroll-margin-top:2ex}h1,.h1{font-size:var(--base-heading-size)}h2,.h2{font-size:calc(var(--base-heading-size) / var(--heading-scale))}h3,.h3{font-size:calc(var(--base-heading-size) / 2 * var(--heading-scale))}h4,.h4{font-size:calc(var(--base-heading-size) / 3 * var(--heading-scale))}h1,h2{text-wrap:balance}h1,h2,h3,h4,h5,h6{line-height:calc(4px + 2ex);margin-block:.333em .5em}sup{font-size:50%;vertical-align:super;line-height:0}p{margin-block:1em;max-width:64ch}ul{margin-inline:0;padding-inline:1em}figcaption{font-size:1rem;text-align:center;margin-block:1.666em}blockquote{margin-inline:0}.color-set{padding-inline:max(2rem,50vw - var(--site-max-width) / 2);padding-block:4rem}.color-set__color-box ul{list-style:none;padding:0;margin:0}.color-set__color-groups{display:flex;flex-wrap:wrap;gap:2rem}.color-set__color-group{display:flex;flex-direction:column;gap:1rem;margin-block:1rem}.color-set__color-group h4{padding-inline:1.5rem;margin-block:1em}.color-set__color-group>ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.color-set__color-group>ul>li{border:1px solid var(--ui-text-primary-color);margin:0}.color-set__color-group>ul ul{list-style:none;padding:1.5rem;margin:0}.color-set__color-group-notes{font-size:.875rem;padding-inline:1.5rem;font-weight:300;font-style:italic;margin-block:1.5em}.color-set__color-group-notes p{margin-block:0}.color-set__color-box{background-color:var(--color);color:var(--text-color);padding:3rem}.color-set__color-box-shade>div{min-height:1rem;background-color:hsl(from var(--color) h s calc(l - 10))}.color-set__color-box-shade>div:nth-child(2){background-color:hsl(from var(--color) h s calc(l - 20))}.color-set__color-box-shade>div:nth-child(3){background-color:hsl(from var(--color) h s calc(l - 30))}.color-set__color-box-tint>div{min-height:1rem;background-color:hsl(from var(--color) h s calc(l + 10))}.color-set__color-box-tint>div:nth-child(2){background-color:hsl(from var(--color) h s calc(l + 20))}.color-set__color-box-tint>div:nth-child(3){background-color:hsl(from var(--color) h s calc(l + 30))}.text-and-image{display:flex;flex-direction:column;gap:2rem;padding-inline:max(2rem,50vw - var(--site-max-width) / 2);padding-block:4rem;flex-wrap:wrap}.text-and-image .text-and-image__content{flex:1}.text-and-image .text-and-image__content img{margin-block:2rem;max-width:80%}.text-and-image .text-and-image__image{flex:1;display:flex;flex-wrap:wrap;gap:2rem;align-items:stretch;justify-content:center}.text-and-image figure{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin:0}.text-and-image figcaption{margin-block:0;flex:1 0 auto}.text-and-image.break .text-and-image__image{flex:1 1 100%}@media(min-width:768px){.text-and-image{gap:4rem}.text-and-image .text-and-image__image{gap:3rem}}.text-and-image--1:not(.text-and-image--break){display:grid;grid-template-columns:repeat(2,1fr)}.text-and-image--2 .text-and-image__image{gap:3rem;display:grid;grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.text-and-image--2,.text-and-image--2 .text-and-image__image{gap:4rem}}.text-and-image--3 .text-and-image__image{display:grid;grid-template-columns:repeat(3,1fr)}.text-and-image--4 .text-and-image__image{display:grid;grid-template-columns:repeat(4,1fr)}.typefaces{padding-inline:max(2rem,50vw - var(--site-max-width) / 2);padding-block:4rem}.typefaces__typefaces{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.typefaces__typeface p{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);font-style:var(--font-style);text-transform:var(--text-transform);letter-spacing:var(--letter-spacing);color:var(--text-color)}.typefaces__typeface-sample{font-family:var(--font-family);font-size:calc(var(--font-size) * 3);font-weight:var(--font-weight);color:var(--text-color)}.type-hierarchy{padding-inline:max(2rem,50vw - var(--site-max-width) / 2);padding-block:4rem}.type-hierarchy__samples{display:flex;flex-direction:column;gap:3rem;margin-block-start:3rem}.type-hierarchy__type-group{padding-block-start:2rem;border-block-start:1px solid var(--ui-secondary-color)}.type-hierarchy__type-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.type-hierarchy__type-group p{margin-block:.25rem;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight);font-style:var(--font-style);text-transform:var(--text-transform);letter-spacing:var(--letter-spacing);color:var(--text-color)}.big-text{background-color:var(--background-color);padding-inline:max(2rem,50vw - var(--site-max-width) / 2);padding-block:4rem}.big-text p{color:var(--text-color);max-width:none;font-size:calc(var(--base-heading-size) / 1.5);font-weight:500;line-height:calc(4px + 2.5ex)}.big-text h1,.big-text h2,.big-text h3,.big-text h4,.big-text h5,.big-text h6{font-size:var(--base-heading-size)}.big-text__sub-headline{text-transform:uppercase;letter-spacing:.1em;color:var(--ui-text-accent-color)}.image-gallery{padding-inline:max(2rem,50vw - var(--site-max-width) / 2);padding-block:4rem;background-color:#fff}.image-gallery .image-gallery__content{margin-block-end:2rem}.image-gallery .image-gallery__content h2{margin-block-end:1rem}.image-gallery .image-gallery__single figure{margin:0}.image-gallery .image-gallery__single img{width:100%;height:auto;display:block}.image-gallery .image-gallery__single figcaption{margin-block-start:.5rem;font-size:.9rem;color:#000000b3}.image-gallery .image-gallery__carousel{position:relative;display:flex;flex-direction:column;gap:1.5rem}.image-gallery .image-gallery__controls{display:flex;gap:.5rem;align-items:center}.image-gallery .image-gallery__control{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:2px solid currentColor;border-radius:.25rem;background:transparent;color:inherit;cursor:pointer;font-size:1.25rem;transition:background-color .2s,border-color .2s}.image-gallery .image-gallery__control:hover,.image-gallery .image-gallery__control:focus-visible{background-color:#00000014}.image-gallery .image-gallery__control:focus-visible{outline:2px solid currentColor;outline-offset:2px}.image-gallery .image-gallery__thumbnails{display:flex;flex-wrap:wrap;gap:.5rem}.image-gallery .image-gallery__thumbnail{flex:0 0 auto;width:4rem;height:4rem;padding:2px;border:2px solid transparent;border-radius:.25rem;background:transparent;cursor:pointer;overflow:hidden;transition:border-color .2s,opacity .2s}.image-gallery .image-gallery__thumbnail:hover{opacity:.85}.image-gallery .image-gallery__thumbnail:focus-visible{outline:none;border-color:currentColor;border-width:2px}.image-gallery .image-gallery__thumbnail--active{border-color:var(--ui-primary-color, currentColor);opacity:1}.image-gallery .image-gallery__thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.image-gallery .image-gallery__slides{position:relative;min-height:200px}.image-gallery .image-gallery__slide{display:none}.image-gallery .image-gallery__slide--active{display:block}.image-gallery .image-gallery__slide figure{margin:0}.image-gallery .image-gallery__slide img{width:100%;height:auto;display:block}.image-gallery .image-gallery__slide figcaption{margin-block-start:.5rem;font-size:.9rem;color:#000000b3}.page-menu{padding-inline:max(6rem,50vw - var(--site-max-width, 80rem) / 2) max(2rem,50vw - var(--site-max-width, 80rem) / 2);padding-block:2rem 3rem;border-bottom:1em inset hsl(from var(--ui-primary-color, #333) h s l/.08);background-color:hsl(from var(--ui-primary-color, #333) h s l/.04)}.page-menu__title{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text-color-accent, #666);margin:0 0 .75rem}.page-menu__list{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;list-style:none;margin:0;padding:0}.page-menu__item{margin:0}.page-menu__link{font-size:.9rem;color:var(--ui-primary-color, #333);text-decoration:none;transition:color .15s ease}.page-menu__link:hover{color:var(--ui-text-color-accent, #666);text-decoration:underline}.page-menu__link:focus-visible{outline:2px solid var(--ui-primary-color, #333);outline-offset:2px}.chapter-nav:not(:has(.chapter-nav__link)){display:none}.chapter-nav__inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-inline:max(2rem,50vw - var(--site-max-width, 80rem) / 2);padding-block:2rem 3rem;background-color:hsl(from var(--ui-primary-color, #333) h s l/.04)}.chapter-nav__link{display:flex;flex-direction:column;gap:.25rem;max-width:45%;font-size:.9rem;color:var(--ui-primary-color, #333);text-decoration:none;transition:color .15s ease}.chapter-nav__link:hover{color:var(--ui-text-color-accent, #666);text-decoration:underline}.chapter-nav__link:focus-visible{outline:2px solid var(--ui-primary-color, #333);outline-offset:2px}.chapter-nav__link--next{text-align:end;margin-inline-start:auto}.chapter-nav__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text-color-accent, #666)}.chapter-nav__title{font-weight:600}.table-of-contents{padding-inline:max(2rem,50vw - var(--site-max-width) / 2);padding-block:4rem}.table-of-contents__title{font-size:1.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text-color-accent, #666);margin:0 0 .75rem}.table-of-contents__list{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;list-style:none;margin:0;padding:0}.table-of-contents__item{margin:0}.table-of-contents__link{font-size:.9rem;color:var(--ui-primary-color, #333);text-decoration:none;transition:color .15s ease}.table-of-contents__link:hover{color:var(--ui-text-color-accent, #666);text-decoration:underline}.table-of-contents__link:focus-visible{outline:2px solid var(--ui-primary-color, #333);outline-offset:2px}.chapter-section{border-bottom:1em inset hsl(from var(--ui-primary-color) h s l/.1)}.introduction,.regular-text{background-color:var(--background-color)}.introduction:not(.introduction--full-width),.regular-text:not(.introduction--full-width){padding-inline:max(2rem,50vw - var(--site-max-width) / 2);padding-block:4rem}.introduction--full-width .introduction__content{padding-inline:max(2rem,50vw - var(--site-max-width) / 2);padding-block:4rem 1rem}.text-comparison{background-color:#fff;padding-inline:max(2rem,50vw - var(--site-max-width) / 2);padding-block:4rem}.text-comparison__items-wrapper{display:flex;gap:2rem;justify-content:center}.text-comparison__items{background-color:hsl(from var(--ui-primary-color) h s l/.2);border:3px solid var(--ui-primary-color);flex:1 1 50%}.text-comparison__items h3{color:#fff;background-color:var(--ui-primary-color);margin:0;padding:.5rem 1rem;text-align:center}.text-comparison__items ul{list-style:none;text-align:center;padding:0;margin:1.666rem 0}.text-comparison__items ul li{font-size:1.25rem;padding-block:.25rem}.text-comparison__items:first-child{position:relative}.text-comparison__items:first-child:after{content:"VS";font-weight:700;font-size:1.25rem;display:block;width:3rem;height:3rem;position:absolute;inset-inline-end:calc(-2.5rem - 3px);inset-block-start:calc(50% - 1.5rem);border-radius:100vw;background-color:var(--ui-primary-color);color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;padding-block-end:.25rem}.chapter-menu-toggle{position:fixed;top:1rem;left:1rem;z-index:1000;background-color:#000c;border:none;border-radius:.25rem;padding:.75rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem}.chapter-menu-toggle:hover{background-color:#000000e6}.chapter-menu-toggle:focus{outline:2px solid currentColor;outline-offset:2px}.chapter-menu-toggle__icon{display:flex;flex-direction:column;gap:.25rem;width:1.5rem;height:1.125rem}.chapter-menu-toggle__icon span{display:block;width:100%;height:2px;background-color:#fff;border-radius:1px;transition:transform .3s ease,opacity .3s ease}.chapter-menu-toggle[aria-expanded=true] .chapter-menu-toggle__icon span:nth-child(1){transform:translateY(.375rem) rotate(45deg)}.chapter-menu-toggle[aria-expanded=true] .chapter-menu-toggle__icon span:nth-child(2){opacity:0}.chapter-menu-toggle[aria-expanded=true] .chapter-menu-toggle__icon span:nth-child(3){transform:translateY(-.375rem) rotate(-45deg)}.chapter-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.chapter-menu--open{opacity:1;visibility:visible;pointer-events:auto}.chapter-menu--open .chapter-menu__panel{transform:translate(0)}.chapter-menu--open .chapter-menu__overlay{opacity:1}.chapter-menu__overlay{position:absolute;inset:0;background-color:#00000080;opacity:0;transition:opacity .3s ease;cursor:pointer}.chapter-menu__panel{position:absolute;top:0;left:0;width:90%;max-width:400px;height:100%;background-color:#fff;box-shadow:2px 0 10px #0000001a;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto;padding:5rem 1rem 1rem;display:flex;flex-direction:column;z-index:1001}.chapter-menu__title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#333}.chapter-menu__list{list-style:none;padding:0;margin:0}.chapter-menu__item{margin-bottom:.5rem}.chapter-menu__link{display:block;padding:.75rem 1rem;color:#333;text-decoration:none;border-radius:.25rem;transition:background-color .2s ease,color .2s ease;font-weight:500}.chapter-menu__link:hover{background-color:#f5f5f5}.chapter-menu__link--active{background-color:#e8e8e8;color:#000;font-weight:600}.chapter-menu__sublist{list-style:none;padding:0;margin:.5rem 0 0;padding-left:1rem;border-left:2px solid #e0e0e0}.chapter-menu__subitem{margin-bottom:.25rem}.chapter-menu__sublink{display:block;padding:.5rem 1rem;color:#666;text-decoration:none;border-radius:.25rem;transition:background-color .2s ease,color .2s ease;font-size:.9rem}.chapter-menu__sublink:hover{background-color:#f5f5f5;color:#333}.chapter-menu__sublink--active{background-color:#e8e8e8;color:#000;font-weight:600}.book-password{max-width:24rem;margin:2rem auto;padding:2rem}.book-password__error{padding:.75rem;margin-bottom:1rem;background:#fee;color:#c00;border-radius:.25rem}.book-password__form{display:flex;flex-direction:column;gap:1rem}.book-password__field{display:flex;flex-direction:column;gap:.25rem}.book-password__field label{font-weight:600}.book-password__field input{padding:.5rem .75rem;border:1px solid #ccc;border-radius:.25rem;font-size:1rem}.book-password__submit{padding:.5rem 1rem;font-size:1rem;cursor:pointer;background:#333;color:#fff;border:none;border-radius:.25rem}.book-password__submit:hover{background:#555}