:root{--mobile:screen and (max-width:40rem);--logo:'Trocchi',serif;--bodyfont:'DM Sans',sans-serif;--headings:'DM Sans',sans-serif;--primary-clr:#111111;--secondary-clr:#343434;--highlight-clr:#ff4400;--radius:8px}html{overflow-y:scroll;color:#666}body{background-color:#f2f2f2;font-family:var(--bodyfont);height:100vh;font-size:22px}figcaption,h3,h4,li,p{color:var(--primary-clr)}p strong{font-weight:700}body.home .header-wrapper{position:fixed;display:-ms-grid;display:grid;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:40rem){body.home .header-wrapper{display:block;height:auto}}header{background-color:rgba(255,255,255,0.87);backdrop-filter:blur(6px);text-align:center;position:fixed;width:100%;padding:2rem 0 0rem 0;-webkit-box-shadow:8px 8px 8px #eee;box-shadow:8px 8px 8px #eee}body.home header{-webkit-box-shadow:none;box-shadow:none}@media screen and (max-width:40rem){header{text-align:left;padding:0rem 0 0rem 1.5rem}}.logo{font-family:var(--logo);font-weight:400;font-size:3rem;text-align:center}@media screen and (max-width:40rem){.logo{font-size:1.6rem;line-height:2.4}}.logo:link,.logo:visited{margin-top:2rem;text-decoration:none;color:var(--secondary-clr)}.logo:hover{-webkit-transition:all ease 1s 0s;transition:all ease 1s 0s;color:var(--secondary-clr)}.nav-toggle{display:none}.nav-toggle-label{position:absolute;top:0;right:3em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}@media screen and (max-width:40rem){.nav-toggle-label{right:1.2em;width:1.2em;background-color:var(--primary-clr);margin-left:auto;margin-right:auto;top:1.3em;height:auto}.nav-toggle-label span,.nav-toggle-label span:after,.nav-toggle-label span:before{display:block;background-color:var(--secondary-clr);height:3px;width:1.2em;border-radius:2px;position:relative}.nav-toggle-label span:after,.nav-toggle-label span:before{content:'';position:absolute}.nav-toggle-label span:before{bottom:9px}.nav-toggle-label span:after{top:9px}nav{position:absolute;background-color:rgba(255,255,255,0.97);text-align:left;top:100%;left:0;width:100%;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform 100ms ease-in-out;transition:-webkit-transform 100ms ease-in-out;transition:transform 100ms ease-in-out;transition:transform 100ms ease-in-out,-webkit-transform 100ms ease-in-out}}nav ul{list-style-type:none}nav ul li{font-family:var(--headings);font-weight:400;font-size:1.1rem;display:inline-block;padding:0px 12px}@media screen and (max-width:40rem){nav ul li{display:block}}nav a{color:var(--primary-clr);text-decoration:none;display:block;padding:0.5em 0;color:var(--secondary-clr)}nav li a:hover{text-decoration:underline;text-decoration-thickness:4px;text-decoration-color:#f3f3f3;text-underline-offset:8px}nav li.current a{text-decoration:underline;text-decoration-thickness:4px;text-decoration-color:var(--highlight-clr);text-underline-offset:8px}.nav-toggle:checked~nav{-webkit-transform:scale(1,1);transform:scale(1,1)}.container,footer,nav ul{max-width:1100px;padding:1.2rem;margin-inline:auto}.content{padding-top:15rem;min-height:50rem}.content ul li{line-height:1.6}@media screen and (max-width:40rem){.content{padding-top:8rem}}.is-rounded{border-radius:5%}hr{border-bottom:1px solid #333;margin:2rem 0}blockquote{padding-left:2rem;border-left:12px solid white}blockquote p{font-style:italic}.basic-page h1,.note h1,.project-item h1{font-family:var(--headings);font-size:2rem;margin-bottom:4rem;color:var(--highlight-clr);text-align:left}@media screen and (max-width:40rem){.basic-page h1,.note h1,.project-item h1{font-size:1.7rem}}.basic-page h2,.basic-page h3,.note h2,.note h3,.project-item h2,.project-item h3{font-size:1.2rem;font-family:var(--headings);color:var(--highlight-clr);margin-bottom:1rem;font-weight:600}.basic-page h2.url,.note h2.url,.project-item h2.url{font-size:0.9rem;margin-bottom:2rem}.basic-page h2.url a:link,.basic-page h2.url a:visited,.note h2.url a:link,.note h2.url a:visited,.project-item h2.url a:link,.project-item h2.url a:visited{border-bottom:1px dotted var(--highlight-clr)}.basic-page h1+h2,.note h1+h2,.project-item h1+h2{margin-top:2rem}.basic-page .bodycopy,.note .bodycopy,.project-item .bodycopy{font-size:1rem;font-weight:100;margin-bottom:2rem}.basic-page time,.note time,.project-item time{text-transform:uppercase;display:block;font-size:1rem;line-height:3;margin-bottom:2rem}@media screen and (max-width:40rem){.basic-page time,.note time,.project-item time{letter-spacing:0}}.basic-page p,.note p,.project-item p{margin-bottom:1em;line-height:1.6}.basic-page p.align_center,.note p.align_center,.project-item p.align_center{text-align:center}.basic-page p em,.note p em,.project-item p em{font-style:italic}.basic-page p a:link,.basic-page p a:visited,.basic-page p~ul li a:link,.basic-page p~ul li a:visited,.note p a:link,.note p a:visited,.note p~ul li a:link,.note p~ul li a:visited,.project-item p a:link,.project-item p a:visited,.project-item p~ul li a:link,.project-item p~ul li a:visited{text-decoration:none;border-bottom:1px dotted var(--primary-clr)}.basic-page p a:hover,.basic-page p~ul li a:hover,.note p a:hover,.note p~ul li a:hover,.project-item p a:hover,.project-item p~ul li a:hover{border-bottom:2px solid var(--primary-clr)}.basic-page p~ul,.note p~ul,.project-item p~ul{margin-bottom:1rem;margin-left:2.1rem}.basic-page p~ul li::marker,.note p~ul li::marker,.project-item p~ul li::marker{content:"\2014\2002";color:var(--secondary-clr)}.basic-page p.intropara,.note p.intropara,.project-item p.intropara{font-size:1.6rem}ul.categories{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:2rem}ul.categories li{display:inline-block;font-size:0.59rem;padding:0.651rem;margin-right:0.71rem;background:white;border-radius:var(--radius)}.chocolat-parent figcaption{font-style:italic;margin-bottom:3rem}.chocolat-parent .tip-enlarge{font-weight:100;font-size:0.7rem;color:var(--secondary-clr)}.chocolat-parent a.chocolat-image-to-fit img{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto}.chocolat-thumbs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.5em}.chocolat-thumbs a{-ms-flex-preferred-size:60px;flex-basis:60px}.chocolat-no-thumbs a img{border-radius:var(--radius);margin-bottom:2rem;border:2px solid white;-webkit-box-shadow:3px 3px 12px #d1d1d1;box-shadow:3px 3px 12px #d1d1d1}.projects-list{display:-ms-grid;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr))}@media screen and (max-width:40rem){.projects-list{-ms-grid-columns:1fr;grid-template-columns:1fr}}.projects-list figure{margin-bottom:1rem}.projects-list figure img{border-radius:8px}.projects-list .content-intro p{background-color:white;padding:4rem}.projects-list .content-intro p a:link,.projects-list .content-intro p a:visited,.projects-list .content-intro p~ul li a:link,.projects-list .content-intro p~ul li a:visited{text-decoration:none;border-bottom:1px dotted var(--primary-clr)}.projects-list .content-intro p a:hover,.projects-list .content-intro p~ul li a:hover{border-bottom:2px solid var(--primary-clr)}.projects-list .project-info{margin-bottom:4rem}.projects-list .project-info h2{font-family:var(--headings);font-weight:300;font-size:1rem;line-height:1.5}@media screen and (max-width:40rem){.projects-list .project-info h2{margin-bottom:0.5rem}}.projects-list .project-info h2 a:link,.projects-list .project-info h2 a:visited{color:var(--primary-clr)}.projects-list .project-info h2 a:hover{color:var(--secondary-clr)}.projects-item h1{margin-top:3rem;margin-bottom:1rem}.notes-list article,body.basic-page article.bodycopy{font-size:1.1rem;font-weight:200;text-align:left}article p{max-width:70ch}@media screen and (max-width:40rem){article p{max-width:100%}}.prevnext{display:-ms-grid;display:grid;-ms-grid-columns:1fr 2em 1fr;grid-template-columns:1fr 1fr;gap:2em;margin-top:2em}.prevnext a{font-size:1rem}.prevnext a.prev{text-align:right}footer{font-size:0.88rem;font-weight:100;padding:2rem 0;text-align:center}footer p{margin-inline:auto;font-size:0.7rem}.home footer p{display:none}footer p.akl{margin-top:1rem}p.tip{font-size:10px;margin-bottom:1rem;text-align:right;text-transform:uppercase;letter-spacing:0.15rem}body.home.bg{background-position:center;background-repeat:no-repeat;background-size:cover}a.edit-cms,a.edit-page{font-size:1rem;font-weight:100;position:fixed;bottom:0;left:0;background-color:red}a.edit-cms:link,a.edit-cms:visited,a.edit-page:link,a.edit-page:visited{color:white;padding:1.5rem}a.edit-cms:hover,a.edit-page:hover{background-color:black}a.edit-cms{bottom:4.2rem}