.bento-box{grid-template-columns:repeat(4,1fr);grid-auto-rows:15.5rem;gap:1.25rem 1.5rem;margin-bottom:1rem;display:grid}@media screen and (max-width:767px){.bento-box{display:block}}.bento-box__item--wide{grid-column:span 2}@media screen and (max-width:767px){.bento-box__item--wide{grid-template-columns:1fr}}.bento-box__item--triple-wide{grid-column:span 3}.bento-box__item--double-wide{grid-column:span 2}.bento-box__item--tall{grid-row:span 2}.bento-box__item--picture{grid-area:span 2/span 2}.bento-card{will-change:transform;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.bento-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 8px 24px #00000026}
@keyframes shine{to{background-position:right -40px top 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bento-box__item{box-sizing:border-box;opacity:0;flex-direction:column;max-width:100%;height:100%;animation:1.1s ease-out .3s forwards fadeInUp;display:flex;position:relative}.bento-box__content-wrapper{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026,0 1px 6px #0000001a}.bento-box__expand-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;cursor:pointer;background-color:#9ea5b11a;border-radius:.375rem;justify-content:center;align-items:center;padding:.25rem;transition:transform .2s;display:flex;position:absolute;bottom:.375rem;right:.375rem;box-shadow:0 2px 8px #0000001a,0 1px 3px #00000026}.bento-box__expand-btn:hover{background:#33353af2;border:1px solid #c5630c;padding:calc(.25rem - 1px)}.bento-box__expand-btn:hover img{transform:scale(1.3)}.bento-box__expand-btn:active img{transform:scale(.95)}.bento-box__expand-btn img{width:1rem;height:1rem;transition:transform .2s;display:block}.bento-box__subheading{font-size:.75rem;display:inline}.bento-box__subheading--expanded{font-size:1.15rem}.bento-box__description{font-size:.7rem;font-weight:100;display:inline}.bento-box__description--expanded{font-size:1rem}.bento-box__entry{margin-bottom:.75rem}.bento-box__entry--expanded{margin-bottom:1.5rem}.bento-box__modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background-color:#000000a6;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.bento-box__modal-content{background-color:#33353a;border:1px solid #9ea5b140;border-radius:.5rem;flex-direction:column;width:100%;max-width:800px;max-height:80vh;animation:.3s ease-out scaleIn;display:flex;box-shadow:0 20px 60px #00000080}.bento-box__modal-header{border-bottom:1px solid #9ea5b126;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.bento-box__modal-title{color:#c5630c;margin:0;font-size:1.5rem;font-weight:300}.bento-box__modal-body{flex:1;padding:1rem;overflow-y:auto}.bento-box__modal-body::-webkit-scrollbar{width:8px}.bento-box__modal-body::-webkit-scrollbar-track{background:#9ea5b10d;border-radius:4px}.bento-box__modal-body::-webkit-scrollbar-thumb{background:#c5630c4d;border-radius:4px}.bento-box__modal-body::-webkit-scrollbar-thumb:hover{background:#c5630c80}.bento-box__close-btn{color:#9ea5b1;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.bento-box__close-btn:hover{color:#dce0d9;background-color:#9ea5b11a}.bento-box__close-btn svg{width:24px;height:24px}.bento-box__title{color:#c5630c;height:min-content;padding:.25rem 0;font-size:.875rem;font-weight:200}.bento-box__no-content{color:#9ea5b1;text-align:center;background-color:#9ea5b10d;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:1rem;font-size:.875rem;font-weight:200;display:flex}.bento-box__info{background-color:#9ea5b10d;border:1px solid #9ea5b140;border-radius:.375rem;flex:1;padding:.75rem;font-size:.75rem;font-weight:100;line-height:1.75;list-style:none;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a}.bento-box__info:after{content:"";pointer-events:none;background:linear-gradient(#33353a00 0%,#33353a80 40%,#33353acc 70%,#33353af2 100%);border-radius:0 0 .375rem .375rem;height:1.25rem;position:absolute;bottom:0;left:0;right:0}.bento-box__info--picture{background-color:#9ea5b10d;border:1px solid #c5630c;justify-content:center;align-items:center;height:100%;padding:0;animation:.4s ease-out .5s forwards fadeInUp;display:flex;position:relative;overflow:hidden}.bento-box__info--expanded{box-shadow:none;background-color:#0000;border:none;border-radius:0;padding:.25rem;font-size:1rem}.bento-box__info--expanded:after{display:none}.bento-box__info--expanded li{margin-bottom:1rem;padding-left:1rem}.bento-box__info--expanded li:before{font-size:1.2rem}.bento-box__paragraph{text-indent:2rem}.bento-box__paragraph:last-child{margin-bottom:0}.bento-box__image{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity .3s;display:block}.bento-box__image--loading{opacity:0}.bento-box__skeleton{background-image:linear-gradient(90deg,#9ea5b10d,#9ea5b180,#9ea5b10d);background-position:-40px 0;background-repeat:no-repeat;background-size:10px 100%;width:100%;height:100%;animation:1.5s infinite shine;position:absolute;top:0;left:0;overflow:hidden}.bento-box__placeholder{justify-content:center;align-items:center;height:100%;margin:1rem;display:flex}.bento-box__image--placeholder{filter:grayscale();opacity:.5;width:32px;height:24px}
@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-header{border-top:1px solid #415057;justify-content:space-between;align-items:center;margin-top:1rem;padding:1.25rem 0;animation:.55s ease-out fadeSlideUp;display:flex}@media screen and (max-width:767px){.project-header{border-top:none;border-bottom:1px solid #415057;flex-direction:column;align-items:flex-start;margin:2.5rem 0 1rem;padding:.5rem 0}}.project-header__dropdown{border-radius:.5rem;padding:.25rem;transition:background-color .2s;position:relative}.project-header__dropdown--show{background-color:#415057}.project-header__dropdown-btn{cursor:pointer;background-color:#415057;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:all .2s;display:flex}.project-header__dropdown-btn:hover{background-color:#415057cc;transform:scale(1.1)}.project-header__dropdown-btn:focus-visible{outline-offset:2px;outline:2px solid #9ea5b1}.project-header__dropdown-btn img{transition:transform .3s}.project-header__dropdown-btn--show{background-color:#415057cc}.project-header__dropdown-btn--show img{transform:rotate(180deg)}.project-header__dropdown-content{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#415057;border:1px solid #dce0d91a;border-radius:.5rem;width:max-content;min-width:100%;padding:.5rem;list-style:none;animation:.2s slideDown;position:absolute;top:calc(100% + .25rem);left:0;box-shadow:0 8px 24px #0006}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.project-header__dropdown-link{cursor:pointer;color:#dce0d9;border-radius:.375rem;padding:.625rem 1rem;font-size:1rem;font-weight:200;text-decoration:none;transition:all .15s;display:block}.project-header__dropdown-link:hover,.project-header__dropdown-link:focus-visible{color:#c5630c;background-color:#9ea5b126;outline:none}.project-header__dropdown-link:active{transform:scale(.98)}.project-header__current{align-items:center;display:flex}.project-header__current-title{margin-right:.75rem;font-size:2.5rem;font-weight:400}@media screen and (max-width:767px){.project-header__current-title{font-size:200%}}.project-header__link{display:flex}.project-header__link-btn{background-color:#33353a;border:none;border-radius:.5rem;justify-content:center;align-items:center;margin-left:2rem;padding:.3rem;transition:all .2s ease-in-out;display:flex}.project-header__link-btn--disabled{opacity:.5;cursor:not-allowed!important}.project-header__link-btn--disabled img{opacity:.5}.project-header__link-btn--disabled:hover{cursor:not-allowed!important}.project-header__link-btn--disabled .project-header__link-title{color:#dce0d980}@media screen and (max-width:767px){.project-header__link-btn{margin:0 1rem 0 0}}.project-header__link-btn:hover:not(.project-header__link-btn--disabled){cursor:pointer;background-color:#41505799}.project-header__link-title{color:#dce0d9bf;margin-right:.5rem;font-size:1rem;font-weight:200}@media screen and (max-width:767px){.project-header__link-title{font-size:.875rem}.project-header__link-icon{width:14px;height:12px}}