.clean-site{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-height:100dvh;font-family:Inter,Arial,sans-serif;display:flow-root}.clean-site a{text-decoration-line:underline}.clean-site button{font:inherit}@font-face{font-family:Inter;src:url(/clean-site/assets/inter-variable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.clean-site *{box-sizing:border-box}.clean-site{scroll-behavior:smooth;background:var(--dani-surface-canvas,#fafafa);color:var(--dani-text-primary,#161616);-webkit-font-smoothing:antialiased;margin:0;font:400 .875rem/1.57143 Inter,Arial,sans-serif}.clean-site a{color:inherit;text-underline-offset:4px;text-decoration-color:#dedede;text-decoration-thickness:1px;transition:text-decoration-color .15s,color .15s}.clean-site a:hover{color:#83499a;text-decoration-color:#d49ac7}.clean-site a:focus-visible{outline-offset:5px;border-radius:2px;outline:2px solid #a874d0}.clean-site ::selection{background:#f0d8ed}.clean-site h1,.clean-site h2,.clean-site p{font-size:inherit;margin:0;font-weight:400}.clean-site p+p,.clean-site h1+p{margin-top:14px}.clean-site .home-copy{width:min(540px,100% - 64px);margin:120px auto 0}.clean-site .avatar{-o-object-fit:cover;object-fit:cover;border-radius:5px;width:40px;height:40px;margin-bottom:36px;display:block}.clean-site .greeting{color:#9f9f9f;margin-bottom:14px}.clean-site .work-link{margin-top:14px}.clean-site .index-section{border-top:1px solid #f0f0f0;margin-top:36px;padding-top:12px}.clean-site .index-section h2{color:#9f9f9f;margin-bottom:14px}.clean-site .index-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.clean-site .index-list li{-moz-column-gap:22px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:22px;display:grid}.clean-site .index-list a{width:fit-content;min-width:0}.clean-site .index-list span{color:#9f9f9f;text-align:right;white-space:nowrap}.clean-site .connect p+p{margin-top:14px}.clean-site .collage-shell{aspect-ratio:1150/720;width:min(1150px,100% - 64px);margin:58px auto 0;position:relative;overflow:visible}.clean-site .collage-stage{width:1150px;height:720px;transform:scale(var(--collage-scale,1));transform-origin:0 0;position:absolute}.clean-site .collage-piece{transform-origin:0 0;position:absolute;top:0;left:0}.clean-site .collage-item>img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.clean-site .polaroid{background:#fff;padding:8px 8px 12px;overflow:hidden;box-shadow:0 3px 5px #0000001f}.clean-site .portrait{border-radius:50%;overflow:hidden}.clean-site .chatgpt{background:#fff;border-radius:12px;padding:11px;box-shadow:0 3px 5px #00000024}.clean-site .meme{background:#fff;box-shadow:0 2px 4px #00000021}.clean-site .meme b{text-align:center;font-size:14px;font-weight:800;line-height:17px;position:absolute;left:5px;right:5px}.clean-site .wake{top:3px}.clean-site .best{bottom:3px}.clean-site .meme .maine-coon{-o-object-fit:contain;object-fit:contain;width:86px;height:100px;position:absolute;top:23px;left:30px}.clean-site .meme-arrows{width:146px;height:146px;position:absolute;inset:0}.clean-site .site-footer{width:min(540px,100% - 64px);margin:30px auto 0;padding:48px 0 36px}.clean-site .footer-socials{color:#706975;flex-wrap:wrap;gap:8px 20px;margin-bottom:24px;font-size:12px;line-height:20px;display:flex}.clean-site .footer-socials a{padding:2px 0}.clean-site .footer-meta{justify-content:space-between;align-items:center;display:flex}.clean-site .footer-meta>span:first-child{color:#9f9f9f;font-size:.625rem}.clean-site .skip-link{z-index:1000;background:#fff;padding:12px;position:absolute;top:-80px;left:24px}.clean-site .skip-link:focus{top:12px}.clean-site.work-page{padding:74px 0 80px}.clean-site .work-nav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#ffffffed;border:1px solid #f3f3f3;border-radius:100px;align-items:center;gap:4px;padding:4px;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 12px #0000001a}.clean-site .work-nav a{color:#999;padding:6px 14px;font-size:14px;text-decoration:none}.clean-site .work-nav .active{color:#111;background:#f7f7f7;border-radius:100px}.clean-site .back-home{z-index:11;color:#9f9f9f;font-size:12px;text-decoration:none;position:fixed;top:27px;left:20px}.clean-site .work-feed{gap:56px;width:min(720px,100% - 12px);margin:0 auto;display:grid}.clean-site .work-feed figure{margin:0;scroll-margin-top:74px}.clean-site .work-feed .photo{border-radius:16px;width:100%;position:relative;overflow:hidden}.clean-site .work-feed img{width:100%;height:auto;display:block}.clean-site .work-feed figcaption{color:#9f9f9f;text-align:center;margin-top:12px;font-size:12px;line-height:18px}.clean-site .work-feed .woolrich-photo img{width:119.048%;max-width:none;height:auto;position:absolute;top:-4.16667%;left:-9.52381%}.clean-site .work-footer{text-align:center;color:#999;margin-top:60px;font-size:12px}@media (max-width:720px){.clean-site .home-copy{margin-top:64px}.clean-site .index-section{margin-top:26px}.clean-site .index-list li{-moz-column-gap:16px;column-gap:16px}.clean-site .collage-shell{display:none}.clean-site .site-footer{margin-top:22px;padding-top:36px}.clean-site .work-nav{top:18px}.clean-site .work-nav a{padding:6px 10px;font-size:12px}.clean-site .back-home{top:27px;left:12px}.clean-site .work-feed .photo{border-radius:14px}.clean-site .work-feed figcaption{padding:0 8px}}@media (prefers-reduced-motion:reduce){.clean-site{scroll-behavior:auto}.clean-site a{transition:none}}.clean-site .avatar{position:relative;overflow:hidden}.clean-site .avatar>img{width:161.814%;max-width:none;height:auto;position:absolute;top:-23.6044%;left:-32.6335%}.clean-site .woolrich .image-crop{position:absolute;inset:8px 8px 12px;overflow:hidden}.clean-site .polaroid.woolrich .image-crop>img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:none;height:119.048%;display:block;position:absolute;top:-4.16667%;left:50%;transform:translate(-50%)}.clean-site .collage-item{transform-origin:50%;pointer-events:none;width:100%;height:100%;position:relative}.clean-site .collage-piece{--hover-angle:3deg}.clean-site .collage-piece:nth-child(2n){--hover-angle:-3.5deg}.clean-site .collage-piece:nth-child(3n){--hover-angle:4deg}.clean-site .collage-piece:nth-child(4n){--hover-angle:-2.5deg}.clean-site .collage-piece:nth-child(5n){--hover-angle:3.5deg}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.clean-site .collage-item{transition:transform .28s cubic-bezier(.22,1,.36,1);transform:rotate(0)}.clean-site .collage-piece:hover>.collage-item{transform:rotate(var(--hover-angle))}}.clean-site .email-copy{white-space:nowrap;align-items:center;display:inline-flex;position:relative}.clean-site .copy-email{color:#858585;cursor:pointer;vertical-align:middle;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin:0 1px 0 4px;padding:0;display:inline-flex}.clean-site .copy-email[hidden]{display:none}.clean-site .copy-email:hover{color:#83499a;background:#f2eaf4}.clean-site .copy-email:focus-visible{outline-offset:2px;outline:2px solid #a874d0}.clean-site .copy-status{color:#603475;white-space:normal;pointer-events:none;background:#f2eaf4;border-radius:5px;max-width:240px;padding:4px 8px;font-size:12px;line-height:18px;position:absolute;bottom:calc(100% + 6px);right:0}.clean-site .copy-status:empty{padding:0}.clean-site .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.clean-site .work-group{gap:56px;scroll-margin-top:74px;display:grid}.clean-site .work-feed .project-caption{text-align:left;color:#777;justify-content:space-between;align-items:baseline;gap:12px;margin-top:15px;padding:0 2px;font-size:12px;display:flex}.clean-site .project-caption .project-name{color:#222;font-size:14px}.clean-site .work-group-heading{border-top:1px solid #e8e8e8;width:100%;margin-top:20px;padding-top:24px}.clean-site .work-group-heading h2{color:#333;font-size:14px}.clean-site .work-group-heading p{color:#777;margin-top:5px;font-size:12px}@media (max-width:720px){.clean-site .work-feed .project-caption{flex-wrap:wrap;gap:3px 14px;padding:0 8px}.clean-site .work-group-heading{padding-left:12px;padding-right:12px}}.clean-site.notes-page{--paper:#fafafa;--ink:#242124;--muted:#706971;--line:#00000016;background:var(--paper);color:var(--ink)}.clean-site.theme-lilac{--paper:#eee9f5;--ink:#382b46;--muted:#71637f}.clean-site.theme-lake{--paper:#eaf1f4;--ink:#253f4d;--muted:#58707b}.clean-site.theme-peach{--paper:#faeee5;--ink:#51352e;--muted:#7f6254}.clean-site.theme-sage{--paper:#edf1e5;--ink:#354234;--muted:#62705a}.clean-site.theme-butter{--paper:#f9f1d9;--ink:#4b4028;--muted:#746748}.clean-site.theme-rose{--paper:#f7e9ed;--ink:#513441;--muted:#7d5e6c}.clean-site .note-nav{justify-content:space-between;align-items:center;width:min(900px,100% - 48px);margin:0 auto;padding:28px 0;font-size:13px;display:flex}.clean-site .note-nav a{text-decoration:none}.clean-site .note-nav a:hover{text-decoration:underline}.clean-site .note-heading{width:min(580px,100% - 48px);margin:64px auto 50px;position:relative}.clean-site .note-meta{color:var(--muted);flex-wrap:wrap;gap:6px 18px;margin:0 0 22px;font-size:12px;line-height:20px;display:flex}.clean-site .note-heading h1{letter-spacing:-1.9px;text-wrap:balance;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.1}.clean-site .note-heading:has(.note-sticker){padding-right:60px}.clean-site .note-sticker{-o-object-fit:contain;object-fit:contain;pointer-events:none;width:96px;height:108px;position:absolute;top:24px;right:-75px;transform:rotate(7deg)}.clean-site.theme-lilac .note-sticker{width:72px;height:80px}.clean-site .note-body{overflow-wrap:anywhere;width:min(760px,100% - 48px);margin:0 auto;font-size:16px;line-height:1.75}.clean-site .note-body>:not(figure):not(.note-video),.clean-site .note-body>p{max-width:580px;margin-left:auto;margin-right:auto}.clean-site .note-body p{margin-top:0;margin-bottom:24px}.clean-site .note-body h2{letter-spacing:-.65px;margin-top:48px;margin-bottom:18px;font-size:25px;line-height:1.3}.clean-site .note-body h3,.clean-site .note-body h4{margin-top:32px;margin-bottom:16px;font-size:19px;line-height:1.4}.clean-site .note-body a{-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.clean-site .note-body a:hover{color:inherit;text-decoration-color:currentColor}.clean-site .note-body figure{margin:36px 0}.clean-site .note-body img{max-width:100%;height:auto}.clean-site .note-body table{max-width:100%;display:block;overflow-x:auto}.clean-site .note-body figure img,.clean-site .note-body>img{border-radius:3px;width:100%;height:auto;display:block}.clean-site .note-body>img{margin:36px auto}.clean-site .note-body figure a{display:block}.clean-site .note-body figcaption{color:var(--muted);text-align:center;max-width:580px;margin:12px auto 0;font-size:12px;line-height:1.55}.clean-site .note-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.clean-site .note-gallery-grid img:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;max-width:580px}.clean-site .note-body blockquote{border-left:2px solid var(--muted);padding-left:20px;font-style:italic}.clean-site .note-body ul,.clean-site .note-body ol{margin-bottom:24px;padding-left:24px}.clean-site .note-body li+li{margin-top:8px}.clean-site .note-body hr{border:0;border-top:1px solid var(--line);margin:40px auto}.clean-site .note-body pre{background:#ffffff50;padding:16px;overflow:auto}.clean-site .note-video{aspect-ratio:16/9;margin:36px 0}.clean-site .note-video iframe{border:0;width:100%;height:100%}.clean-site .note-embed-link{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.clean-site .note-end{border-top:1px solid var(--line);width:min(580px,100% - 48px);color:var(--muted);margin:46px auto 0;padding-top:20px;font-size:13px}.clean-site .next-note{width:min(580px,100% - 48px);margin:64px auto 0;padding:0 0 80px}.clean-site .next-note>span{color:var(--muted);margin-bottom:12px;font-size:12px;display:block}.clean-site .next-note a{letter-spacing:-.5px;justify-content:space-between;align-items:baseline;gap:24px;font-size:22px;line-height:1.4;text-decoration:none;display:flex}.clean-site .next-note a:hover{text-decoration:underline}.clean-site .notes-index{width:min(540px,100% - 48px);margin:66px auto 100px}.clean-site .notes-index h1{color:var(--muted);margin-bottom:24px;font-size:14px}.clean-site .notes-index .index-list{gap:16px}.clean-site .notes-index .index-list span{color:var(--muted);font-size:12px}.clean-site .notes-original{color:var(--muted);margin-top:40px;font-size:12px}@media (max-width:720px){.clean-site .note-nav{padding:22px 0}.clean-site .note-heading{margin-top:44px;margin-bottom:34px}.clean-site .note-heading h1{letter-spacing:-1.2px;font-size:34px;line-height:1.14}.clean-site .note-heading:has(.note-sticker){padding-right:52px}.clean-site .note-sticker{width:58px;height:70px;top:36px;right:-7px}.clean-site.theme-lilac .note-sticker{width:43px;height:60px}.clean-site .note-meta{gap:3px 12px;margin-bottom:18px;font-size:11px}.clean-site .note-body{font-size:15px;line-height:1.75}.clean-site .note-body figure{margin:28px 0}.clean-site .note-gallery-grid{gap:8px}.clean-site .next-note{margin-top:48px}.clean-site .next-note a{font-size:20px}}.clean-site .legacy-anchor{scroll-margin-top:74px;display:block}.clean-site .note-body ul{list-style:outside}.clean-site .note-body ol{list-style:decimal}.clean-site .note-body strong,.clean-site .note-body b{font-weight:700}.clean-site .project-caption{flex-wrap:wrap}.clean-site .project-sources{color:#777;flex-wrap:wrap;flex-basis:100%;gap:3px 8px;margin-top:3px;font-size:12px;display:flex}.clean-site .work-footer nav{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.clean-site .home-links,.clean-site .section-links{flex-wrap:wrap;gap:8px 20px;margin-top:18px;display:flex}.clean-site.audience-home .greeting,.clean-site.audience-home .index-section h2,.clean-site.audience-home .index-list span{color:#706975}.clean-site .section-links{color:#706975;margin-top:18px;font-size:12px}.clean-site .topic-shortcuts{color:#706975;flex-wrap:wrap;gap:8px 20px;margin:0 0 20px;font-size:12px;display:flex}.clean-site .topic-shortcuts a{padding:3px 0}.clean-site.audience-home #notes-title,.clean-site.audience-home #projects-title{scroll-margin-top:32px}@media (max-width:540px){.clean-site.audience-home [aria-labelledby=elsewhere-title] .index-list li{grid-template-columns:1fr;gap:2px}.clean-site.audience-home [aria-labelledby=elsewhere-title] .index-list{gap:12px}.clean-site.audience-home [aria-labelledby=elsewhere-title] .index-list span{text-align:left;font-size:12px}}.clean-site .audience-archive h1{margin-bottom:14px}.clean-site .archive-intro{margin-bottom:28px}.clean-site .archive-topics{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;gap:6px 18px;padding-bottom:12px;display:flex}.clean-site .archive-topics a{color:#706975;padding:6px 0;text-decoration:none}.clean-site .archive-topics a[aria-current=page]{color:#603475;box-shadow:0 2px #d49ac7}.clean-site .archive-topics a:hover{color:#83499a}.clean-site .archive-count{color:#706975;margin:18px 0 26px;font-size:12px;line-height:20px}.clean-site .audience-archive .index-list{gap:0}.clean-site .audience-archive .index-list li{border-top:1px solid #f0f0f0;padding:20px 0}.clean-site .audience-archive .index-list li:first-child{border-top:0;padding-top:0}.clean-site .archive-post{min-width:0}.clean-site .archive-post p{color:#706975;margin:7px 0;font-size:12px;line-height:19px}.clean-site .archive-post time{color:#706975;font-size:12px;line-height:20px;display:block}.clean-site .audience-archive .notes-original{border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:10px 24px;padding-top:24px;display:flex}.clean-site .note-end{flex-wrap:wrap;gap:12px 24px;display:flex}@media (max-width:420px){.clean-site .audience-archive .index-list li{grid-template-columns:minmax(0,1fr)}.clean-site .audience-archive .index-list>li>span{text-align:left;margin-top:5px}}