html{scroll-behavior:smooth;font-family:Outfit,sans-serif}.projectBody{flex-direction:column;height:calc(100dvh - 16px);display:flex;overflow:hidden}.projectBody>nav{flex-shrink:0}.pageTitle{margin:.83em 0 .83em 16px;font-size:32px;font-weight:700}.sectionTitle{margin:32px 0 16px;font-size:24px;font-weight:400}.subsectionTitle{margin:24px 0 16px 16px;font-size:20px;font-weight:200}.subtitle{margin:8px 0;font-size:16px;font-weight:700}.visuallyHidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}p{margin:8px 12px 8px 16px;font-size:16px;font-weight:100}a{text-decoration:none}ul{font-size:16px;font-weight:100}li{margin:0 12px 8px}.year{text-align:right}nav{flex-direction:row;justify-content:space-between;align-items:center;display:flex}nav a{margin:12px 16px 12px 0;font-size:16px;font-weight:100}main{margin:16px 0 16px 16px}.home{margin:24px 32px;font-size:16px;font-weight:400}.landingHeadline{margin:32vh 0 0 16px}.landingText{font-size:24px;font-weight:lighter;animation:4s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.projectsList{flex-direction:column;display:flex}.projectsList a{margin:4px 12px 4px 16px;font-weight:200}.projectsList hr{width:calc(100% - 16px);max-width:800px;margin:16px 0 0 16px}.projectNameYear{flex-direction:row;justify-content:space-between;width:calc(100% - 16px);max-width:800px;display:flex}.projectNameYear p{margin:4px 0 0}.projectTags{flex-direction:row;display:flex}.projectContent{flex:1;grid-template-columns:24vw 70vw;column-gap:4vw;min-height:0;margin-bottom:12px;display:grid}.projectHeader{min-height:0;overflow-y:auto}.projectHeader .pageTitle{margin:20px 0 16px}.projectDetails{box-sizing:border-box;min-width:0;min-height:0;margin:0 0 9px;padding:0 24px 56px 0;overflow-y:auto}.appScreen{max-width:16vw;height:auto;margin:0 24px 0 0}.slides{width:80%;height:auto;margin:0 0 16px}.images{border-radius:8px;max-width:40%;height:auto;margin:16px 16px 16px 0}.imgRow{flex-flow:wrap;display:flex}.wireframes{border:1px solid #00f;border-radius:8px;max-width:30%;height:auto;margin:16px 16px 16px 0}.carousel-container{flex-direction:row;justify-content:space-around;display:flex;position:relative}.carousel-container button{cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}#arrow-prev,#prev-p2,#prev-final,#prev-ref{left:10%}#arrow-next,#next-p2,#next-final,#next-ref{right:10%}.contactHeader{margin:0 16px 16px 0}.contactDetails{flex-direction:column;display:flex}.contactDetails a{margin:0 0 24px}@media screen and (width>=481px) and (width<=1199px){.projectContent{grid-template-columns:24vw minmax(0,1fr)}}@media screen and (width<=480px){.projectContent{flex-direction:column;min-height:0;margin:16px 0 12px;display:flex}.projectDetails{flex:1;height:auto;padding:0 16px 64px 0}.projectDetails .sectionTitle:first-child{margin:0 0 16px}.projectSummary,.team{display:none}.projectHeader{flex-shrink:0;margin:0 16px 16px 0}.slides{width:100%}#prev-ref{left:4px}#next-ref{right:4px}}.modelList{flex-direction:column;margin-left:16px;display:flex}.modelList hr{width:calc(100% - 16px);max-width:800px;margin:16px 0}.objectTitle{border-top:1px solid;border-bottom:1px solid}.objectTitle .pageTitle{margin:16px}.objectContent{grid-template-columns:32vw 60vw;column-gap:2vw;height:70vh;display:grid}#model-container{border-right:1px solid;max-width:480px;height:320px}#model-container canvas{display:block}.shopImage{width:400px;max-width:90%;height:auto}.caption{margin-top:0;font-size:12px;font-style:italic}.objectDescription{max-width:640px;margin-top:16px;overflow-y:auto}.objectDescription p{padding:8px 0}.objectDescription img{padding-left:16px}@media screen and (width<=480px){main{margin:16px 0 0}.objectContent{flex-direction:column;height:85dvh;display:flex}#model-container{border-bottom:1px solid;border-right:none;max-width:none;height:40dvh}.objectDescription{width:auto;height:70dvh}.shopImage{width:95vw;max-width:none}.objectDescription img{padding-left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.landingText{animation:none}}