@font-face{font-family:Display;src:url('fonts/display.woff2') format('woff2');font-display:swap;font-weight:400}@font-face{font-family:Text;src:url('fonts/text.woff2') format('woff2');font-display:swap;font-weight:400}:root{--green:#208c0e;--cyan:#37d1ea;--paper:#fafaf7;--ink:#151515;--line:#8c978b}*{box-sizing:border-box}html{scrollbar-color:var(--ink) var(--cyan);scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 Text,Arial,sans-serif}::selection{background:#000;color:var(--cyan)}a{display:inline-flex;align-items:center;min-height:44px;padding-block:8px;color:inherit;text-underline-offset:.22em}a:hover{text-decoration-thickness:3px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #000;outline-offset:5px}button,input,textarea{font:inherit}button{cursor:pointer;min-height:48px;padding:10px 20px;border:1px solid #000;background:#000;color:#fff}button:hover{background:#313131}button:disabled{opacity:.5;cursor:default}h1,h2,h3{line-height:1.1;overflow-wrap:break-word}h1,h2{font-family:Display,Arial,sans-serif;font-weight:400}h1{font-size:clamp(3.5rem,6.5vw,6rem);letter-spacing:-.025em;margin:0 0 35px}h2{font-size:clamp(2rem,3.5vw,3.5rem);margin:0 0 24px}h3{font-size:1.6rem;font-weight:500;margin:32px 0 18px}p{margin:0 0 22px}p:last-child{margin-bottom:0}ul,ol{padding-left:1.3em}li{padding-bottom:10px}dl{margin:25px 0}dl>div{border-top:1px solid #15151566;padding:18px 0}dt{font-weight:bold}dd{margin:5px 0 0}.read{width:calc(100% - 72px);max-width:48rem;margin-inline:auto}.rail{width:180px;position:fixed;inset:0 auto 0 0;padding:28px 22px;display:flex;flex-direction:column;background:var(--cyan);color:#000;z-index:5;overflow-y:auto}.brand{font-family:Display,Arial,sans-serif;font-size:1.8rem;line-height:1.1;text-decoration:none}.rail>p{font-size:.85rem;margin-top:18px}.desktop-nav{display:flex;flex-direction:column;margin-top:25px}.desktop-nav a{min-height:48px;text-decoration:none;border-top:1px solid #0006}.desktop-nav a[aria-current]{text-decoration:underline;font-weight:bold}.rail-note{margin-top:auto!important;padding-top:35px}.mobile-nav{display:none}.site{margin-left:180px}.poster{background:var(--green);color:#000;padding:65px 0 50px}.poster>div>p{font-size:1.25rem;max-width:650px}.poster .section-link{font-size:.9rem}.section{padding:65px 0;border-top:1px solid #151515}.cyan{background:var(--cyan);color:#000}.green{background:var(--green);color:#000}.section-link{display:flex;min-height:44px;width:fit-content;font-size:.85rem;margin-top:25px}.button{background:#000;color:#fff;padding:12px 22px;min-height:48px;text-decoration:none;margin-right:20px}.button:hover{background:#313131}.type-feature .big-type{font-family:Display,Arial,sans-serif;font-size:clamp(3.8rem,7.5vw,6rem);line-height:.96;letter-spacing:-.025em;margin:40px 0}.type-feature>div>h2{font-size:2rem}.example-index{list-style:none;padding:0;margin:30px 0 0}.example-index li{border-top:1px solid var(--line);padding:20px 0}.example-index a{font-family:Display,Arial,sans-serif;font-size:2rem;line-height:1.2;text-decoration:none}.example-index p{margin-top:8px}.section details{border-top:1px solid #0006;padding:8px 0}summary{cursor:pointer;min-height:48px;padding:10px 0}.section details p{padding-top:12px}.share-tool{padding-block:50px}.share-tool>h2{font-size:2rem}.share-tool>p{font-size:1rem}.share-controls{border-top:1px solid var(--line);padding-top:22px}#passage-preview{font-size:1rem;overflow-wrap:anywhere;white-space:pre-wrap}.share-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.share-tool label{display:block;font-weight:bold;margin:20px 0 8px}.share-tool textarea{display:block;width:100%;min-height:140px;background:white;color:var(--ink);border:1px solid #000;padding:12px;resize:vertical;font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}.share-tool textarea::placeholder{color:#555}.share-tool #copy-link{margin-top:15px}#share-status{font-size:.95rem;margin-top:15px}footer{padding:50px 36px;background:var(--cyan);color:#000;border-top:1px solid #000}.identity{max-width:48rem;margin-inline:auto}.identity h2{font-size:1.8rem}.identity p{margin-bottom:8px}.identity a{display:flex;width:fit-content}footer>p{max-width:48rem;margin:25px auto 0}.skip{position:fixed;left:10px;top:10px;padding:12px;background:#000;color:white;z-index:30;transform:translateY(-160%)}.skip:focus{transform:translateY(0)}.photo-slot{margin:35px 0}.photo-frame{border:1px solid #151515;background:transparent;display:flex;align-items:center;justify-content:center;padding:25px;text-align:center}.photo-frame>p{font-family:Display,Arial,sans-serif;font-size:2rem;line-height:1.2}.owner-slot .photo-frame{aspect-ratio:4/5;max-height:430px}.team-slot .photo-frame{aspect-ratio:4/3;max-height:400px}.work-slot .photo-frame{aspect-ratio:8/5;max-height:400px}.photo-slot figcaption{font-size:.95rem;padding-top:20px}.photo-slot figcaption p{margin-top:12px}.review-slot{border-top:1px solid var(--line);padding-top:20px}.review-slot h3{margin-top:0}.review-slot dl{display:flex;gap:40px}.review-slot dl>div{padding:0;border:0}[hidden]{display:none!important}
@media(max-width:1000px){.rail{width:155px;padding-inline:18px}.site{margin-left:155px}.read{width:calc(100% - 50px)}.brand{font-size:1.65rem}.poster h1{font-size:4.3rem}}
@media(max-width:767px){body{font-size:17px}.rail{position:static;width:100%;padding:20px;display:block;overflow:visible}.brand{font-size:1.65rem}.brand br{display:none}.rail>p{margin:10px 0;font-size:.85rem}.rail-note,.desktop-nav{display:none!important}.mobile-nav{display:block;border-top:1px solid #0006;margin-top:15px}.mobile-nav summary{padding-block:10px}.mobile-nav nav{display:flex;flex-wrap:wrap;gap:0 24px}.mobile-nav a{min-height:44px}.site{margin:0}.read{width:calc(100% - 40px)}.poster{padding:40px 0}.poster h1{font-size:3.1rem}.poster>div>p{font-size:1.15rem}.section{padding:45px 0}.section h2{font-size:2.1rem}.type-feature .big-type{font-size:3.8rem;margin:30px 0}.type-feature>div>h2{font-size:1.8rem}.example-index a{font-size:1.8rem}.share-tool{padding-block:40px}.share-actions{display:block}.share-actions button{display:block;margin-top:12px}.share-tool textarea{font-size:.9rem}footer{padding:40px 20px}.review-slot dl{display:block}.review-slot dl>div{margin-bottom:15px}.photo-frame>p{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}