.optically-smaller{font-size:80%;vertical-align:middle}.project-intro{margin-bottom:60px;width:100%;display:flex;justify-content:space-between;font-size:45px;line-height:1;flex-direction:column}@media (min-width: 850px){.project-intro{margin-bottom:80px;flex-direction:row;align-items:flex-end;font-size:72px}}@media (min-width: 850px){.project-intro .back{margin-left:-22px}}.project-intro .site-button{font-family:miller-headline,jaf-lapture,serif;font-size:22px;padding:14px;border:1px solid #0e0d0e;text-decoration:none;margin-top:42px}@media (min-width: 850px){.project-intro .site-button{flex-shrink:0;margin:0}}.project-intro .site-button:hover{color:#F4ECEC;background:#0e0d0e}.case-study-content{font-family:miller-text,serif;display:flex;justify-content:space-between;flex-wrap:wrap}@media (min-width: 850px){.case-study-content p,.case-study-content h1,.case-study-content h2,.case-study-content h3,.case-study-content ul,.case-study-content ol,.case-study-content a{width:64%;margin-left:auto}}.case-study-content p{margin-top:25px}.case-study-content h1{font-family:miller-headline,jaf-lapture,serif;font-size:48px;margin-top:52px;font-weight:400;line-height:1.05}.case-study-content h3{font-family:miller-text,serif;font-size:20px;margin-top:52px}.case-study-content h6{font-weight:400;color:#797474;font-style:italic}.case-study-content a{text-decoration:underline}.case-study-content a:hover{text-decoration:none}.case-study-content img{width:100%}@media (min-width: 850px){.case-study-content img{margin-top:52px}}.case-study-content p.third{margin-left:0}.case-study-content p.half{margin-left:0}.case-study-content blockquote{width:70%;font-style:italic;border-left:1px solid black;padding:0;margin-left:auto;margin-right:0}.case-study-content blockquote p{margin:0;padding-left:40px;width:auto}.reading-html,.reading{overflow-x:hidden;max-width:100%}.reading{font-family:"poppins";background:#0e0d0e;margin:0;color:#0e0d0e;font-weight:400}.reading a:hover{text-decoration:none}.reading-container{background:#f7eddd;margin:15px;padding:80px 7% 30px}@media (min-width: 700px){.reading-container{padding:12% 4% 12% 23%;margin:40px}}.book-title{font-size:48px;line-height:1.1;font-family:"poppins"}.book-title span{color:#888073;font-style:normal;font-weight:400}@media (min-width: 700px){.book-title{font-size:86px}}.book{margin-bottom:50px;font-family:"poppins";line-height:1.45}.book .date{font-size:25px;font-family:"BioRhyme Expanded",serif;font-weight:700;padding:80px 0 40px 0}@media (min-width: 700px){.book .date{font-size:40px;padding:100px 0 40px 0}}.book h2{font-size:32px;line-height:1.2}.book h2 span{font-weight:400;color:#888073}.book .title{font-weight:700}.book .place{font-weight:300;color:#797474}.book .info{font-family:"poppins";display:inline-block;vertical-align:top;width:100%;padding-top:10%}@media (min-width: 1150px){.book .info{padding:60px 0 0 80px;max-width:45%}}.book p{font-size:16px;margin-top:20px}.book img{width:62%;box-shadow:rgba(60,60,60,0.2) 6px 6px 24px}@media (min-width: 700px){.book img{width:330px}}.book .pic-container{position:relative;display:inline-block}.book .pic-img{margin-left:10px;position:absolute;top:0}@media (min-width: 700px){.book .pic-img{left:-360px}}.book .highlight{display:inline-block;max-width:350px;padding-top:30px}.book h5,.book .h5{font-size:14px;text-transform:uppercase;letter-spacing:1px;font-weight:700;font-family:"BioRhyme Expanded",serif;margin:14px 0}.book h6{font-size:12px;position:relative;font-weight:400;margin-bottom:14px}.book h6:before{content:"“";position:absolute;font-size:24px;top:-0.2em;left:-0.8em;font-family:"BioRhyme Expanded",serif;font-weight:700;color:#888073}#hey{padding:5px 15px 20px;font-size:12px;color:#888073}#hey a{color:#f7eddd}@media (min-width: 700px){#hey{padding:0 40px 40px}}.reading h1::selection,.reading h2::selection,.reading h3::selection,.reading h4::selection,.reading h5::selection,.reading h6::selection,.reading p::selection,.reading span::selection{background:#0e0d0e;color:#f7eddd}.reading-nav{position:absolute;top:20px;left:22px;font-size:12px;font-family:"poppins";font-weight:bold}.reading-nav a{margin-left:0;color:#888073;transition:0.2s ease}.reading-nav a:hover{color:#f7eddd;transition:0.2s ease}@media (min-width: 700px){.reading-nav{top:12px;left:40px}}.footer{border-top:1px solid #0e0d0e;padding-top:40px;margin-top:80px}.home{font-size:24px;line-height:1.2}@media (min-width: 850px){.home{font-size:32px}}.home .flex{display:flex;justify-content:space-between;flex-direction:column}@media (min-width: 850px){.home .flex{flex-direction:row}}.home a{font-weight:700}.home h1{font-size:inherit;display:inline}.home h2{font-size:32px;font-weight:400;font-style:italic;margin-bottom:30px}.home .column{width:100%}@media (min-width: 850px){.home .column.about{width:48%}.home .column.work{width:47%}}.accent{color:#DA131F;transition:0.2s ease;cursor:cell}hr.accent{border-color:#DA131F;border-style:solid;border-width:0.5px;margin:60px 0}.about .collaborators{padding-bottom:38px}.about .collaborators div{margin:0}.about .collaborators span{font-weight:normal}.writing-preview{padding-top:80px;font-size:20px}.writing-preview .post-container{display:flex;flex-wrap:nowrap;width:100%;justify-content:space-between}.writing-preview .post-link{font-weight:normal;width:48%}.writing-preview .back{margin:0;padding:24px 0 80px;display:inline-block}.writing-preview .back:hover span{transform:translateX(5px)}.note span{transition:0.15s ease box-shadow;box-shadow:inset 0px 0px 0px 0px #f59197}.footnote-accent span{box-shadow:inset 0px -25px 0px 0px #f59197;transition:0.15s ease box-shadow}.footnote-accent a{transition:0.15s ease box-shadow}.external-link{font-size:inherit;vertical-align:baseline}.intro div,.about div{margin-bottom:30px}a:hover{text-decoration:underline}.superscript{vertical-align:super;font-size:20px;line-height:0}@media (min-width: 850px){.superscript{font-size:24px}}.notes{font-family:miller-text,serif;margin:0;line-height:1.4;font-size:14px;padding-top:24px;border-top:1px solid #0e0d0e}@media (min-width: 850px){.notes{margin-left:-23px;width:310px;border:none;padding-left:5px}}.grid{display:grid;grid-template-columns:10px 1fr;grid-template-rows:repeat(5, auto);grid-column-gap:8px;grid-row-gap:8px;align-items:start}a.project{padding-bottom:30px;cursor:pointer;position:relative;font-weight:400;display:block;text-decoration:none}a.project:after{content:"";position:absolute;width:108%;height:0px;background:transparent;border:1px solid transparent;z-index:-1;top:50%;left:-4%;transition:0.2s ease}a.project:hover:after{height:102%;top:-12%;transition:0.2s ease}.site-container.writing{width:90%}@media (min-width: 1150px){.site-container.writing{width:70%;max-width:870px}}.writing{font-family:miller-headline,jaf-lapture,serif;font-size:36px;display:flex;justify-content:space-between;flex-direction:column}@media (min-width: 850px){.writing{flex-direction:row}}.writing .head{margin-top:48px}.writing .head a{font-family:miller-text,serif;font-size:18px}@media (min-width: 850px){.writing .back{margin-left:-26px}}.writing .posts{margin-top:142px}.writing h1{font-size:100px;font-weight:normal;line-height:.8;padding-right:24px}@media (min-width: 850px){.writing h1{font-size:160px}}.writing h4{font-weight:normal}.writing p{font-family:miller-text,serif;font-size:18px;padding-top:16px}.writing h5{font-size:14px;vertical-align:baseline;font-family:miller-text,serif;font-weight:normal;padding-top:8px}.writing article{display:inline-block;position:relative;margin-bottom:72px;max-width:400px}.writing article a{text-decoration:none}.writing article:before{content:"";height:2px;width:100%;position:absolute;top:-8px;transition:1s ease width}.writing article:before{background:#0e0d0e}@media (prefers-color-scheme: dark){.writing article:before{background:#F4ECEC}}.writing .column{width:100%}@media (min-width: 850px){.writing .column{width:40%;min-width:350px}}body.writing-bg{background:#DEB082;color:#121783}body.writing-bg a{color:#121783}body.writing-bg article:hover:before{background:#121783}body.writing-bg article:hover:before{width:20%;transition:3s ease width}body.writing-bg article:before{background:#121783}.post .site-container{max-width:580px}.post-content{font-family:miller-text,serif}.post-content p{margin-top:24px;font-size:18px;line-height:1.4}.post-content li{font-size:18px;line-height:1.4}.post-content h1{font-family:miller-headline,jaf-lapture,serif;font-size:52px;font-weight:400;line-height:1.05}@media (min-width: 850px){.post-content h1{font-size:72px}}.post-content h2{font-family:miller-headline,jaf-lapture,serif;font-size:36px;margin-top:36px;font-weight:400;line-height:1.05}.post-content h3{font-family:miller-headline,jaf-lapture,serif;font-weight:400;font-size:24px;margin-top:36px}.post-content h4{font-family:miller-text,serif;font-weight:normal;font-size:20px;margin-top:36px}.post-content h5{font-family:miller-text,serif;font-size:16px;font-weight:bold;margin-top:36px}.post-content h6{font-weight:400;color:#797474;font-style:italic}.post-content a{text-decoration:underline}.post-content a:hover{text-decoration:none}.post-content img{width:100%}.post-content hr{margin:40px 0;border-top:1px solid #0e0d0e;border-bottom:none}@media (prefers-color-scheme: dark){.post-content hr{border-color:#F4ECEC}}.post-content sup{line-height:0}.post-content .footnote{color:#DA131F;text-decoration:none}.post-content .footnote:hover{text-decoration:underline}.post-content .footnotes{margin:20px 0 -32px}.post-content .footnotes ol{margin:0;padding:0 16px}.post-content .footnotes li,.post-content .footnotes p{font-size:14px;margin-top:12px}.post-content .reversefootnote{color:#DA131F;text-decoration:none}.post-content .reversefootnote:hover{text-decoration:underline}.post-content p.third{margin-left:0}.post-content p.half{margin-left:0}.post-content blockquote{width:70%;font-style:italic;border-left:1px solid black;padding:0;margin-left:auto;margin-right:0}.post-content blockquote p{margin:0;padding-left:40px;width:auto}body.easter-egg{color:#0e0d0e;background:#F4ECEC;animation:easter-egg 60s infinite}body.easter-egg .accent,body.easter-egg hr.accent{animation:easter-egg-accent 60s infinite}body.easter-egg a{color:inherit}body.easter-egg .project:hover:after{border:1px solid #F4ECEC}@media (prefers-color-scheme: dark){body.easter-egg .project:hover:after{border:1px solid #0e0d0e}}body.easter-egg .note span{box-shadow:inset 0px 0px 0px 0px #F4ECEC}@media (prefers-color-scheme: dark){body.easter-egg .note span{box-shadow:inset 0px 0px 0px 0px #0e0d0e}}body.easter-egg .footnote-accent span{box-shadow:inset 0px -25px 0px 0px #F4ECEC}@media (prefers-color-scheme: dark){body.easter-egg .footnote-accent span{box-shadow:inset 0px -25px 0px 0px #0e0d0e}}@media (prefers-color-scheme: dark){body.easter-egg{background:#0e0d0e;color:#F4ECEC}}.hint{cursor:help}@keyframes easter-egg{10%{background-color:#ffbe0b}30%{background-color:#fb5607}50%{background-color:#ff006e}70%{background-color:#8338ec}90%{background-color:#3a86ff}}@keyframes easter-egg-accent{2%{color:#F4ECEC;border-color:#F4ECEC}98%{color:#F4ECEC;border-color:#F4ECEC}}body.kleo{background:#5700F3;color:#F4ECEC}body.kleo a{color:#F4ECEC}body.kleo .project:hover:after{border:1px solid #F4ECEC}body.kleo .accent{color:#0e0d0e}body.kleo hr.accent{border-color:#0e0d0e}body.cli{background:#000;color:lime}body.cli a{color:lime}body.cli .project:hover:after{border:1px solid #fff}body.cli .accent{color:#fff}body.cli hr.accent{border-color:#fff}body.desktop{background:#BF5F74;color:#F6CB9F}body.desktop a{color:#F6CB9F}body.desktop .project:hover:after{border:1px solid #F6CB9F}body.desktop .accent{color:#46045D}body.desktop hr.accent{border-color:#46045D}body.baudelaire{color:#4B8261;background:#F6CB9F}body.baudelaire a{color:#4B8261}body.baudelaire .project:hover:after{border:1px solid #0e0d0e}body.baudelaire .accent{color:#0e0d0e}body.baudelaire hr.accent{border-color:#0e0d0e}body.read{background:#f7eddd;box-shadow:inset 0px 0px 0px 20px #0e0d0e;color:#0e0d0e}body.read a{color:#0e0d0e}body.read .project:hover:after{border:1px solid #888073}body{font-family:miller-headline,jaf-lapture,serif;background-color:#F4ECEC;color:#0e0d0e;margin:0;line-height:1.3;transition:0.2s ease;font-size:16px}.site-container{width:88%;margin:0 auto;max-width:1300px;padding:80px 0}@media (min-width: 850px){.site-container{width:72%}}a{position:relative;color:#0e0d0e;text-decoration:none;cursor:pointer;transition:0.2s ease}h1,h2,h3,h4,h5,h6,p{margin:0}.back{font-size:18px;font-family:miller-text,serif;text-decoration:none}.back span{display:inline-block;transition:0.2s ease}.back:hover{text-decoration:none}.back:hover span{transform:translateX(-5px);transition:0.2s ease}@media (min-width: 850px){.back{margin-left:-22px}}.disabled{opacity:50%;pointer-events:none}@media (min-width: 850px){.third,.case-study-content p.third,.post-content p.third{display:inline-block;width:33%}}@media (min-width: 850px){.half,.case-study-content p.half,.post-content p.half{display:inline-block;width:48%}}.full,.case-study-content p.full,.post-content p.full{width:100%}.left{float:left}.right,.case-study-content p.right,.post-content p.right{float:right}p::selection,h6::selection,h5::selection,h4::selection,h3::selection,h2::selection,h1::selection,img::selection,a::selection,span::selection,div::selection,b::selection,strike::selection{background:#0e0d0e;color:#F4ECEC}@media (prefers-color-scheme: dark){p::selection,h6::selection,h5::selection,h4::selection,h3::selection,h2::selection,h1::selection,img::selection,a::selection,span::selection,div::selection,b::selection,strike::selection{background:#F4ECEC;color:#0e0d0e}}@media (prefers-color-scheme: dark){body{background-color:#0e0d0e;color:#F4ECEC}a{color:#F4ECEC}.note span{box-shadow:inset 0px 0px 0px 0px #7c0b12}.footnote-accent span{box-shadow:inset 0px -25px 0px 0px #7c0b12}.project-intro .site-button{border-color:#F4ECEC}.project-intro .site-button:hover{background:#F4ECEC;color:#0e0d0e}.footer{border-color:#F4ECEC}@keyframes easter-egg-accent{2%{color:#0e0d0e;border-color:#0e0d0e}98%{color:#0e0d0e;border-color:#0e0d0e}}}