*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@font-face{font-family:"Lausanne";font-style:normal;font-weight:normal;src:url("../fonts/TWKLausanne-300.woff2") format("woff2")}@font-face{font-family:"Lausanne";font-style:italic;font-weight:normal;src:url("../fonts/TWKLausanne-300italic.woff2") format("woff2")}@font-face{font-family:"Lausanne";font-style:normal;font-weight:bold;src:url("../fonts/TWKLausanne-700.woff2") format("woff2")}::selection{text-shadow:none;background:#1b1b1b;color:#f6f0e8}html{background-color:#f6f0e8;font-size:115%}@media only screen and (max-width: 50rem){html{font-size:92.5%}}@media only screen and (max-width: 40rem){html{font-size:87.5%}}body{font-family:"Lausanne",sans-serif;margin:0;color:#1b1b1b;font-size:1.5rem}main{padding:1rem;margin:3rem auto}@media only screen and (max-width: 50rem){main{margin:1.5rem auto}}a:not([class]){color:#005198}a:not([class]):hover,a:not([class]):focus{text-decoration:none}ul{margin-bottom:0;padding-left:2rem}ul li+li{margin-top:.5rem}h1{font-size:2.5rem;margin-top:0}@media only screen and (max-width: 40rem){h1{font-size:2.2rem}}h2{font-size:1.875rem}.constrain{max-width:60rem}.skip-to-main{position:absolute;left:-999px;top:-999px;width:1px;height:1px;overflow:hidden}.skip-to-main:hover,.skip-to-main:focus{left:1rem;top:1rem;width:auto;height:auto;overflow:visible;font-size:1rem;color:#f6f0e8;background:#1b1b1b;padding:.5rem 1rem;text-decoration:none;z-index:1;border-radius:.5rem}header{top:0;position:sticky;z-index:1}.header{background:#1b1b1b;display:block;color:#f6f0e8;text-decoration:none;text-transform:uppercase;letter-spacing:1.5px;font-size:1rem}.header-name{padding:.75rem 1rem;margin:auto;height:3rem}.header-name-letter{display:inline-block;transition:transform .1s ease-out}.header:hover .header-name-letter:nth-child(8n+1),.header:focus .header-name-letter:nth-child(8n+1){transform:rotate(-10deg)}.header:hover .header-name-letter:nth-child(8n+2),.header:focus .header-name-letter:nth-child(8n+2){transform:translateY(-2px) rotate(-5deg)}.header:hover .header-name-letter:nth-child(8n+3),.header:focus .header-name-letter:nth-child(8n+3){transform:translateY(-3px)}.header:hover .header-name-letter:nth-child(8n+4),.header:focus .header-name-letter:nth-child(8n+4){transform:translateY(-2px) rotate(5deg)}.header:hover .header-name-letter:nth-child(8n+5),.header:focus .header-name-letter:nth-child(8n+5){transform:rotate(10deg)}.header:hover .header-name-letter:nth-child(8n+6),.header:focus .header-name-letter:nth-child(8n+6){transform:translateY(2px) rotate(5deg)}.header:hover .header-name-letter:nth-child(8n+7),.header:focus .header-name-letter:nth-child(8n+7){transform:translateY(3px)}.header:hover .header-name-letter:nth-child(8n+8),.header:focus .header-name-letter:nth-child(8n+8){transform:translateY(2px) rotate(-5deg)}.nav{margin:0 auto;font-size:1rem;display:flex;gap:1rem;padding:.5rem .5rem 0}.nav a{padding:.25rem .5rem;border-radius:.5rem;color:#1b1b1b;text-decoration:none}.nav a:hover,.nav a:focus{background-color:#e4d8cd}.homebase{display:flex;gap:2rem}@media only screen and (max-width: 50rem){.homebase{gap:1.5rem}}@media only screen and (max-width: 40rem){.homebase{flex-direction:column}}.homebase-visual{flex:0 0 18rem}@media only screen and (max-width: 40rem){.homebase-visual{flex-basis:100%}}.homebase-visual img{border-radius:.5rem;border:2px solid #1b1b1b}.homebase-visual img:nth-child(1){display:block}@media only screen and (max-width: 40rem){.homebase-visual img:nth-child(1){display:none}}.homebase-visual img:nth-child(2){display:none}@media only screen and (max-width: 40rem){.homebase-visual img:nth-child(2){display:block}}.about-section{padding-bottom:1rem}.not-found img{margin-top:2rem}.work-sections{display:flex;flex-direction:column;gap:1rem}.work-grid{margin-top:2rem;display:flex;flex-direction:column;gap:2rem}@media only screen and (max-width: 50rem){.work-grid{gap:1.5rem}}.work-row{display:flex;gap:2rem}@media only screen and (max-width: 50rem){.work-row{gap:1.5rem}}@media only screen and (max-width: 40rem){.work-row{flex-direction:column}}.work-card{border:2px solid #1b1b1b;border-radius:.5rem;flex:0 1 50%;background-color:#e4d8cd;overflow:hidden;text-decoration:none}.work-card:focus h3,.work-card:hover h3{text-decoration:none}.work-card figure{margin:0}.work-card figure img{aspect-ratio:2.8;object-fit:cover;object-position:top}.work-card figure figcaption{padding:1rem;color:#1b1b1b}.work-card figure figcaption h3{margin-bottom:.5rem;font-weight:bold;font-size:1.5rem;line-height:1.5;margin:0;text-decoration:underline}.work-card figure figcaption p{margin:0;font-size:1.25rem}.case-study-header{background-color:#f6f0e8;position:sticky;top:3rem;margin-top:-0.5rem;width:100vw;margin-left:50%;transform:translateX(-50%)}.case-study-header.pinned{box-shadow:0 2px #1b1b1b}.case-study-header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;margin:auto}.case-study-header-content h1 svg{height:auto;display:inline;margin-right:1.25rem}.case-study-header-content h1 svg.logo-gt{width:3.2rem}.case-study-header-content h1 svg.logo-balto{width:2.5rem}.case-study-header-content h1 svg.logo-kuali{width:1.8rem}.case-study-header-content h1 svg.logo-txst{width:4rem}.case-study-header-content h1 svg.logo-tints-and-shades{width:1.9rem}.case-study-header-content h1 svg.logo-material-palettes{width:2rem}.case-study-header-nav{display:flex;gap:1rem;font-size:1.25rem;flex-shrink:0}.case-study-header-nav svg{display:block;width:2rem;height:2rem;fill:#1b1b1b}.case-study-header-nav p.disabled{margin:0}.case-study-header-nav p.disabled svg{fill:rgba(27,27,27,.25)}.case-study-cards{display:flex;gap:1.5rem;margin-top:1.5rem}@media only screen and (max-width: 50rem){.case-study-cards{flex-direction:column;gap:0}}.case-study-cards figure{margin:0;padding:1rem;border-radius:.5rem;background-color:#e4d8cd;border:2px solid #1b1b1b;flex-basis:33.3333333333%}@media only screen and (max-width: 50rem){.case-study-cards figure:nth-child(1){border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom:none;padding-bottom:.5rem}.case-study-cards figure:nth-child(2){border-radius:0;border-bottom:none;border-top:none;padding-bottom:.5rem}.case-study-cards figure:nth-child(3){border-top-right-radius:0;border-top-left-radius:0;border-top:none}}.case-study-cards figure h2{font-size:1.5rem;margin-top:0}.case-study-cards figure p{font-size:1.25rem;margin-top:.5rem}.case-study-writeup{margin-top:2rem}.case-study-visuals{margin-top:1rem;display:flex;flex-direction:column;gap:2rem}.case-study-visuals img{border-radius:.5rem}.case-study-visuals-browser{margin-bottom:-1rem}.case-study-visuals-insert{padding:1rem;background-color:#fff}/*# sourceMappingURL=styles.css.map */