@charset "UTF-8";section{max-width:62rem;letter-spacing:-.03rem}section.project-page{background-color:#fff;margin:4rem .7rem 4rem 0rem;padding:.75rem;border-radius:.75rem;border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px #ffffff0d,0 1px 3px #0000000d;font-family:Fraunces,serif;font-size:1.25rem;font-weight:200;letter-spacing:-.03em;color:#838383}section.project-page img{max-width:62rem;border-radius:.5rem}@media(max-width:768px){section.project-page img{max-width:100%}}@media(max-width:768px){section.project-page{width:calc(100% - .1rem);margin:4rem auto 0}}section.project-page .project-detail{display:flex;flex-direction:column;gap:.75rem}section.project-page .project-detail .header{box-shadow:inset 0 0 0 1px #ffffff80;outline:1px solid #eee;outline-offset:-1px}section.project-page .project-detail .project-title{display:flex;align-items:center;padding-bottom:.75rem;border-bottom:1px solid #ccc;gap:.5rem}section.project-page .project-detail .project-title .back{padding:.1rem .5rem;border:1px solid #e3e3e3;border-radius:.5rem;transition:all .15s ease}section.project-page .project-detail .project-title .back svg{fill:#bbb}section.project-page .project-detail .project-title .back:hover{background-color:#eee;box-shadow:0 2px #ddd}section.project-page .project-detail .project-title .back:hover svg{fill:#999}section.project-page .project-detail .project-title .back:active{background-color:#e3e3e3}section.project-page .project-detail .project-title img{width:2rem;height:2rem;filter:drop-shadow(0px 2px 5px rgba(0,0,0,.15));border-radius:9px;flex-grow:0;pointer-events:none}section.project-page .project-detail .project-title h3{font-weight:300;font-size:1.6rem;color:#333}section.project-page .project-detail .project-content{font-family:Inter,serif;color:#111;display:flex;flex-direction:column;gap:.75rem}section.project-page .project-detail .project-content .project-prop{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;border:1px solid #eee;border-radius:.5rem;padding:.3rem .6rem;position:relative;overflow:hidden;background-color:#f9f9f9;box-shadow:0 1px #ddd}section.project-page .project-detail .project-content .project-prop:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:.75rem .75rem;mask-image:radial-gradient(ellipse at bottom right,black 10%,transparent 30%);-webkit-mask-image:radial-gradient(ellipse at bottom right,black 10%,transparent 30%);pointer-events:none}section.project-page .project-detail .project-content .project-prop div{flex-grow:1}section.project-page .project-detail .project-content .project-prop h3{font-weight:500;font-size:.75rem;text-transform:uppercase;padding-bottom:.25rem;border-bottom:1px solid #ddd}section.project-page .project-detail .project-content .project-prop .disc ul li:before{content:"· ";font-size:.75rem;line-height:1rem}section.project-page .project-detail .project-content .project-prop .links ul a{color:#353535;text-decoration:none}section.project-page .project-detail .project-content .project-prop .links ul a:hover{text-decoration:underline}section.project-page .project-detail .project-content .project-prop .links ul a:active{color:#000}section.project-page .project-detail .project-content .project-prop ul{margin:.25rem 0rem}section.project-page .project-detail .project-content .project-prop ul li{font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:300;color:#353535;padding:.05rem 0rem;list-style:none}section.project-page .project-detail .project-content section{border:1px solid #ddd;border-radius:.5rem;padding:.3rem .6rem .6rem;margin-bottom:.05rem}section.project-page .project-detail .project-content section h1{font-family:Fraunces,serif;font-weight:300;font-size:2.5rem;border-bottom:1px solid #ddd;margin-bottom:.6rem;color:#323232;letter-spacing:-.03em}section.project-page .project-detail .project-content section h2{font-weight:300;font-size:.9rem;padding-bottom:.35rem;margin-bottom:.15rem;border-bottom:1px solid #ccc;border-bottom-style:dotted;color:#777;letter-spacing:-.03em}section.project-page .project-detail .project-content section h3{font-size:.75rem;font-weight:300;text-align:center;text-transform:uppercase;padding:.3rem;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#f6f6f6;color:#777;margin:.5rem -.6rem}section.project-page .project-detail .project-content section ul,section.project-page .project-detail .project-content section ol{padding:0rem 0rem .15rem .5rem;font-size:.9rem;font-weight:300;letter-spacing:normal;text-wrap:pretty;text-rendering:optimizeLegibility;list-style:none}section.project-page .project-detail .project-content section ul li:before,section.project-page .project-detail .project-content section ol li:before{content:"- ";display:inline-block;padding-right:.25rem;color:#ccc}section.project-page .project-detail .project-content section ol li:before{content:"· ";display:inline-block;padding-right:.25rem;color:#ccc}section.project-page .project-detail .project-content section p{padding:.25rem .1rem;font-size:.9rem;font-weight:300;letter-spacing:normal;text-wrap:pretty;text-rendering:optimizeLegibility}section.project-page .project-detail .project-content section p a{color:#555}section.project-page .project-detail .project-content section img{max-width:100%;height:auto;border-radius:.5rem;outline:1px solid #e5e5e5;outline-offset:-1px;background-color:#fff;margin:1rem 0rem}@media(max-width:768px){section.project-page .project-detail .project-content section img{max-width:100%}}section.project-page .project-detail .project-content section em{font-size:.7rem;margin-top:-.6rem;display:flex;justify-content:center}section.project-page .project-detail .project-content section hr{border:none;height:1px;background:linear-gradient(180deg,#0000 80%,#0000000a),#fff;box-shadow:0 3px #ddd,0 6px #ddd,0 9px #ddd;margin:.75rem 0rem 1rem}section.project-page .project-detail .project-content section iframe{border-radius:.5rem;border:1px solid #ccc;margin-bottom:-.25rem}section.project-page .footnote{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.5rem 0rem 0rem}section.project-page .footnote p{font-size:1.3rem;font-weight:300;color:#d5d5d5;padding-left:.25rem}@media(max-width:768px){section.project-page .footnote p{font-size:1rem}}section.project-page .footnote .backtotop{color:gray;text-decoration:none;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.75rem;font-weight:300;width:fit-content;padding:.5rem;border:1px solid #e3e3e3;border-radius:.5rem;transition:all .15s ease}@media(max-width:768px){section.project-page .footnote .backtotop{font-size:.7rem}}section.project-page .footnote .backtotop:hover{background-color:#eee;box-shadow:0 1px #ddd;color:#999}section.project-page .footnote .backtotop:active{background-color:#e3e3e3}