:root{--fog:#eceef2;--heading:#222;--text:#484848;--white:#fff;--black:#000;--graphite:#292c2f;--on-graphite:#ccc;--icon-gray:#ccc;--close:#999;--button:#232323}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--fog);min-height:100svh;color:var(--heading);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1;display:flex}img{max-width:100%;height:auto;display:block}h1,h2{font-weight:400;line-height:1.4}p{margin:0 0 1.25rem;line-height:1.6}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--heading);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.backdrop-logo{z-index:-1;max-width:none;position:fixed;top:-100px;left:calc(50% - 84px)}.hero{margin-top:202px}.hero h1{text-align:center;margin:0 0 20px;font-size:1.6875rem}.hero-down{border-radius:50%;width:83px;margin-left:calc(50% - 42px);transition:transform .2s ease-in-out;display:block}.hero-down:hover{transform:scale(1.2)}.work-row{overflow-x:clip}.work-row-top{margin-top:30px}.work-row-bottom{background:var(--black);padding-bottom:100px}.work-grid{background:var(--black);margin:0 -1rem;padding:0;list-style:none;display:grid}.work-grid li{overflow:hidden}.work-grid a{display:block}.work-grid a:focus-visible{outline-color:var(--white);outline-offset:-4px}.work-grid img{filter:grayscale();width:100%;transition:filter .5s ease-in-out,transform .5s ease-in-out}.work-grid a:hover img,.work-grid a:focus-visible img{filter:none;transform:scale(1.05)}.close-button{z-index:999;color:var(--close);font-size:2rem;line-height:.5;position:fixed;top:25px;right:12px}.close-button:hover{color:#333}.project{overflow-x:clip}.project-page{margin:26px 10px 85px}.project-slideshow{background:var(--fog)}.project-gallery{touch-action:pan-y;user-select:none;display:grid;overflow:hidden}.project-gallery img{object-fit:contain;opacity:0;grid-area:1/1;width:100%;max-height:max(200px,100svh - 168px);transition:opacity .3s}.project-gallery img.is-active{opacity:1}.project-pager{justify-content:center;display:flex}.project-pager button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:44px;padding:0;display:flex}.project-pager button:before{content:"";background:var(--black);width:6px;height:22px;transition:width .3s}.project-pager button:hover:before{width:10px}.project-pager button[aria-current]:before{width:14px}.project-pager button:focus-visible{outline-offset:-2px}.project-details{background:var(--white);color:var(--text);border-radius:2px;margin:0 -1rem;padding:15px 15px 5px;display:flow-root}.project-details:after{content:"";height:30px;display:block}.project-details h1{color:var(--heading);margin:3px 0 24px;font-size:1.375rem}.project-link{float:right;background:var(--button);color:var(--white);margin:0 1rem 1rem 0;padding:.85em 1em;font-size:.9rem}.project-link:hover{background:#1e1e1e}.product-bar{z-index:300;background:var(--white);justify-content:space-between;align-items:flex-start;width:100%;height:88px;padding:10px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -1px 20px #00000040}.product-bar-logo img{width:57px}.social{justify-content:center;gap:.278rem;margin:0;padding:0;list-style:none;display:flex}.social a{width:2.667rem;height:2.667rem;color:var(--white);justify-content:center;align-items:center;display:flex;position:relative}.social-icon{fill:currentColor;height:1.333rem;position:relative}.footer .social a:hover{color:var(--on-graphite)}.social-circle{height:100%;fill:var(--icon-gray);margin:auto;position:absolute;inset:0}.social-circled a{transition:transform .2s ease-in-out}.social-circled a:hover{color:#333;transform:scale(1.2)}.text-page{background:var(--white);color:var(--text);margin-top:202px;padding:50px 34px}.text-page a{text-decoration:underline}.text-page h1{color:var(--heading);text-align:center;margin:3.2px 0 8px;font-size:2.125rem}.text-page h1.text-page-title{text-align:left;font-size:1.375rem}.text-page h2{color:var(--heading);margin:3.2px 0 8px;font-size:1.125rem}.text-page ul,.text-page ol{margin:0 0 1.25rem 1.1rem;padding:0;line-height:1.6}.footer{background:var(--graphite);color:var(--on-graphite);text-align:center;margin-top:auto;padding:64px 48px}.footer a:hover{color:#afafaf}.footer h2{color:var(--white);margin:3.2px 0 8px;font-size:1.6875rem}.footer-about{padding:0 10px 10px}.footer-copyright{margin-top:16px}@media (width>=40em){.hero{margin-top:362px}.backdrop-logo{top:0}.hero h1{margin-bottom:100px;font-size:2.3125rem}.work-row-top{margin-top:50px}.work-row-bottom{padding-bottom:200px}.close-button{top:35px;right:50px}.project-page{margin:26px 50px 85px}.project-details h1{font-size:1.6875rem}.product-bar{padding-inline:50px}.product-bar-logo img{width:114px}.text-page{margin-top:362px}.text-page h1{font-size:2.75rem}.text-page h1.text-page-title{font-size:1.6875rem}.footer h2{font-size:2.3125rem}.footer-about{padding-inline:50px}}@media (width>=75em){.work-row{padding-inline:200px}.work-row-top{margin-top:100px}.work-grid{grid-template-columns:repeat(3,1fr)}.project-page{margin:36px 250px 85px}.project-gallery{margin-inline:-1rem}.product-bar{padding:20px 250px}.footer-about{padding-inline:300px}}@media (width>=90em){.project-details{padding:55px 205px 5px}.project-details:after{height:100px}.text-page{padding:50px 184px 25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-down,.work-grid img,.project-gallery img,.project-pager button:before,.social-circled a{transition:none}.hero-down:hover,.work-grid a:hover img,.work-grid a:focus-visible img,.social-circled a:hover{transform:none}}