:root{--main-padding:1.5rem;--secondary-padding:1rem;--small-padding:0.5rem;--mini-padding:0.25rem;--small-gap:0.5rem;--medium-gap:1rem;--large-gap:2rem;--full-width:100%;--full-height:100%;--transition-duration:250ms;--transition-easing:ease-in-out;--font-family:"DM Sans",sans-serif;--max-width:1440px;--font-color:#323035;--bg-color:#dedede;--border-color:#b5b2bc;--highlight-color:#49474e;--hover-bg-color:#1a191b;--hover-font-color:#dedede;--gray-color:#625f69;--light-gray-color:#7c7a85;--white-color:#fff;--light-white-color:#f7f7f7;--tw-color-red-200:#fecaca;--tw-color-orange-200:#fed7aa;--tw-color-yellow-200:#fef08a;--tw-color-green-200:#bbf7d0;--tw-color-blue-200:#bfdbfe;--tw-color-purple-200:#e9d5ff;--font-small:0.675rem;--font-medium:0.875rem;--font-large:1rem;--font-xlarge:1.25rem;--font-xxlarge:2rem;--font-xxxlarge:3rem;--margin-mini:0.25rem;--margin-small:1rem;--margin-medium:2rem;--margin-large:5rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white-color);color:#625f69;color:var(--gray-color);font-family:DM Sans,sans-serif;font-family:var(--font-family);line-height:140%;max-width:1440px;max-width:var(--max-width)}body,img{width:100%;width:var(--full-width)}img{height:auto;max-width:calc(720px - .75rem);max-width:calc((1440px - var(--main-padding))/2);overflow:hidden}.app{padding:1.5rem;padding:var(--main-padding)}b,strong{font-weight:600}header.header-container{align-items:center;border-bottom:1px solid #b5b2bc;border-bottom:1px solid var(--border-color);display:flex;height:100%;height:var(--full-height);justify-content:space-between;position:relative;width:100%;width:var(--full-width)}header.header-container h1{text-wrap:balance;color:#323035;color:var(--font-color);font-size:1.25rem;font-size:var(--font-xlarge);font-weight:400;line-height:1.25rem;line-height:var(--font-xlarge);margin-block-end:0;margin-block-start:0;padding-bottom:1.5rem;padding-bottom:var(--main-padding)}header.header-container h1 span.slash{color:#49474e;color:var(--highlight-color)}header.header-container h1 span.subtitle{color:#7c7a85;color:var(--light-gray-color)}.menu-links{background-color:#fff;background-color:var(--white-color);display:flex;gap:1rem;gap:var(--medium-gap);padding-bottom:1.5rem;padding-bottom:var(--main-padding);transition:max-height .3s ease-in-out}.menu-links a{font-size:.875rem;font-size:var(--font-medium);font-weight:300;transition:all .25s ease-in-out;transition:all var(--transition-duration) var(--transition-easing)}.hero-section a:hover,.menu-links a:hover{color:#7c7a85;color:var(--light-gray-color);text-decoration:underline}.menu-toggle{background-color:initial;border:none;color:#323035;color:var(--font-color);cursor:pointer;display:none;font-size:.875rem;font-size:var(--font-medium);padding-bottom:.5rem;padding-bottom:var(--small-padding)}.menu-toggle:active,.menu-toggle:focus,.menu-toggle:hover,.menu-toggle:visited{color:#1a191b;color:var(--hover-bg-color)}@media (max-width:768px){.app{padding:.5rem .25rem;padding:var(--small-padding) var(--mini-padding)}header.header-container{align-items:center;flex-direction:column;justify-content:center;padding-bottom:.5rem;padding-bottom:var(--small-padding)}header.header-container h1{padding:.25rem 0;padding:var(--mini-padding) 0}.menu-toggle{display:block;margin-top:.25rem;margin-top:var(--mini-padding);width:100%;z-index:2}.menu-links{align-items:center;flex-direction:column;gap:0;justify-content:center;left:0;max-height:0;overflow:hidden;padding:.25rem 0;padding:var(--mini-padding) 0;position:absolute;right:0;top:100%;transition:max-height .3s ease-in-out,visibility 0s .3s;visibility:hidden;z-index:999}.menu-links,.menu-links a{background-color:#fff;background-color:var(--white-color)}.menu-links a{border-bottom:1px solid #b5b2bc;border-bottom:1px solid var(--border-color);box-sizing:border-box;font-size:1.25rem;font-size:var(--font-xlarge);padding:2rem 0;padding:var(--margin-medium) 0;text-align:center;width:100%}.menu-links a:first-child{border-top:1px solid #b5b2bc;border-top:1px solid var(--border-color)}.menu-links.open{background-color:#fff;background-color:var(--white-color);max-height:550px;visibility:visible}}.hero-section{border-bottom:1px solid #b5b2bc;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.5rem;gap:var(--main-padding);height:100%;height:var(--full-height);padding:5rem 0;padding:var(--margin-large) 0;width:100%;width:var(--full-width)}.hero-section h2{text-wrap:balance;color:#323035;color:var(--font-color);font-size:3rem;font-size:var(--font-xxxlarge);font-weight:300!important;line-height:3rem;line-height:var(--font-xxxlarge)}@media (max-width:768px){.hero-section{padding:2rem 0;padding:var(--margin-medium) 0}.hero-section h2{font-size:2rem;font-size:var(--font-xxlarge);line-height:2.675rem;line-height:calc(var(--font-xxlarge) + var(--font-small))}}.hero-section a{text-decoration:underline;transition:all .25s ease-in-out;transition:all var(--transition-duration) var(--transition-easing)}.hero-section .emoji{font-size:2rem;font-size:var(--font-xxlarge);padding:.25rem;padding:var(--mini-padding)}.home-container-categories{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--small-gap);justify-content:center;padding:2rem 0;padding:var(--margin-medium) 0;width:100%;width:var(--full-width)}.home-container-post{display:flex;flex-wrap:wrap;gap:.5rem .5rem;gap:var(--small-gap) var(--small-gap);min-height:40dvh;transition:all .25s ease-in-out;transition:all var(--transition-duration) var(--transition-easing)}.loading{animation:blink 1s infinite;color:#323035;color:var(--font-color);padding:1rem 0;padding:var(--margin-small) 0}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}article.container-post{background-color:#fff;background-color:var(--white-color);border-radius:.25rem;border-radius:var(--mini-padding);box-sizing:border-box;flex-basis:calc(33.333% - 0.5rem);flex-basis:calc(33.333% - var(--small-gap));gap:0;height:100%;min-height:220px;padding:.5rem;padding:var(--small-padding);transition:all .25s ease-in-out;transition:all var(--transition-duration) var(--transition-easing)}.container-post-excerpt,article.container-post{display:flex;flex-direction:column;justify-content:space-between}.container-post-excerpt{flex-grow:2;min-height:100px}@media (max-width:768px){article.container-post{background-color:#f7f7f7;background-color:var(--light-white-color);border-radius:.5rem;border-radius:var(--small-padding);flex-basis:100%;height:190px;margin-bottom:.25rem;margin-bottom:var(--margin-mini)}}.idea-de-proyecto{border:1px solid #fef08a;border:1px solid var(--tw-color-yellow-200)}.trabajo-cotidiano{border:1px solid #fed7aa;border:1px solid var(--tw-color-orange-200)}.nota{border:1px solid #fecaca;border:1px solid var(--tw-color-red-200)}.reflexion{border:1px solid #bfdbfe;border:1px solid var(--tw-color-blue-200)}.historia{border:1px solid #bbf7d0;border:1px solid var(--tw-color-green-200)}article.container-post:hover{border-radius:.25rem;border-radius:var(--mini-padding);cursor:pointer;opacity:.8}article.container-post:hover.idea-de-proyecto{border:1px solid #fef08a;border:1px solid var(--tw-color-yellow-200)}article.container-post:hover.trabajo-cotidiano{border:1px solid #fed7aa;border:1px solid var(--tw-color-orange-200)}article.container-post:hover.nota{border:1px solid #fecaca;border:1px solid var(--tw-color-red-200)}article.container-post:hover.reflexion{border:1px solid #bfdbfe;border:1px solid var(--tw-color-blue-200)}article.container-post:hover.historia{border:1px solid #bbf7d0;border:1px solid var(--tw-color-green-200)}.container-post span.date{color:#7c7a85;color:var(--light-gray-color);font-size:.675rem;font-size:var(--font-small);text-transform:uppercase}.container-post h3{font-weight:600;margin-top:-.25em}.container-post h3,.container-post p{font-size:.875rem;font-size:var(--font-medium);line-height:1.25rem;line-height:var(--font-xlarge)}.container-post p{text-wrap:pretty;color:#323035;color:var(--font-color);flex-grow:1;margin:1rem 0;margin:var(--margin-small) 0;word-break:break-word}.container-post span.read-more,.home-container-categories li{align-self:flex-start;border-radius:1.5rem;border-radius:var(--main-padding);color:#1a191b;color:var(--hover-bg-color);cursor:pointer;font-size:.875rem;font-size:var(--font-medium);margin-bottom:1rem;margin-bottom:var(--margin-small);padding:.25rem 1.5rem;padding:var(--mini-padding) var(--main-padding);transition:all .25s ease-in-out;transition:all var(--transition-duration) var(--transition-easing)}@media screen and (max-width:768px){ul.categories-list-container{flex-wrap:wrap;gap:.5rem;gap:var(--small-gap)}.categories-list-container li{flex-basis:calc(50% - 0.5rem);flex-basis:calc(50% - var(--small-gap));text-align:center}.categories-list-container li.all{border:1px solid #dedede;border:1px solid var(--hover-font-color)}.container-post span.read-more{padding:.25rem .5rem;padding:var(--mini-padding) var(--small-padding)}}.home-container-categories li:hover{opacity:.8}.container-post span.read-more.trabajo-cotidiano,.home-container-categories li.trabajo-cotidiano,.post-page-header.trabajo-cotidiano{background-color:#fed7aa;background-color:var(--tw-color-orange-200)}.container-post span.read-more.idea-de-proyecto,.home-container-categories li.idea-de-proyecto,.post-page-header.idea-de-proyecto{background-color:#fef08a;background-color:var(--tw-color-yellow-200)}.container-post span.read-more.nota,.home-container-categories li.nota,.post-page-header.nota{background-color:#fecaca;background-color:var(--tw-color-red-200)}.container-post span.read-more.reflexion,.home-container-categories li.reflexion,.post-page-header.reflexion{background-color:#bfdbfe;background-color:var(--tw-color-blue-200)}.container-post span.read-more.historia,.home-container-categories li.historia,.post-page-header.historia{background-color:#bbf7d0;background-color:var(--tw-color-green-200)}.case-container{grid-gap:1.5rem;grid-gap:var(--main-padding);border-bottom:1px solid #dedede;border-bottom:1px solid var(--hover-font-color);display:grid;gap:1.5rem;gap:var(--main-padding);grid-template-columns:1fr 2fr;height:100%;height:var(--full-height);padding:1rem 0;padding:var(--secondary-padding) 0;width:100%;width:var(--full-width)}.case-container-header{align-self:stretch;border-right:1px solid #dedede;border-right:1px solid var(--hover-font-color);gap:1.5rem;gap:var(--main-padding);grid-column:1;padding:0 1rem 0 0;padding:0 var(--secondary-padding) 0 0;text-align:left}.case-container-header h1{color:#323035;color:var(--font-color);font-size:1.25rem;font-size:var(--font-xlarge);font-weight:400;line-height:1.25rem;line-height:var(--font-xlarge);margin-bottom:1.5rem;margin-bottom:var(--main-padding)}.case-container p{color:#625f69;color:var(--gray-color);margin-bottom:.5rem;margin-bottom:var(--small-padding)}.case-articles{grid-gap:1.5rem;grid-gap:var(--main-padding);display:grid;gap:1.5rem;gap:var(--main-padding);grid-column:2;grid-template-columns:repeat(2,1fr)}.article-case-study{transition:transform .25s ease-in-out;transition:transform var(--transition-duration) var(--transition-easing)}.article-body,.article-case-study{display:flex;flex-direction:column;gap:1rem;gap:var(--secondary-padding)}.article-img-container{overflow:hidden;padding-top:133.33%;position:relative;width:100%;width:var(--full-width)}.article-img-container img{height:100%;height:var(--full-height);left:0;object-fit:cover;position:absolute;top:0;transition:transform .25s ease-in-out;transition:transform var(--transition-duration) var(--transition-easing);width:100%;width:var(--full-width)}.article-img-container:hover img{cursor:pointer;transform:scale(1.05)}.article-card-container h2,.article-header h2{font-size:1.25rem;font-size:var(--font-xlarge);font-weight:400}.article-content-container{color:#7c7a85;color:var(--light-gray-color);font-size:1rem;font-size:var(--font-large)}.article-card-container{background-color:#f7f7f7;background-color:var(--light-white-color);border-radius:.25rem;border-radius:var(--margin-mini);padding:1rem;padding:var(--margin-small);transition:all .25s ease-in-out;transition:all var(--transition-duration) var(--transition-easing)}.article-card-container:hover{background-color:#fef08a;background-color:var(--tw-color-yellow-200);cursor:pointer;transform:translateX(1px)}.case-study-page,.post-page{color:#323035;color:var(--font-color);font-family:DM Sans,sans-serif;font-family:var(--font-family);margin:0 auto;max-width:1440px;max-width:var(--max-width);padding:1.5rem .25rem;padding:var(--main-padding) var(--mini-padding)}.case-study-page-header,.post-page-header{align-items:center;display:flex;flex-direction:column;height:100%;height:var(--full-height);justify-content:center;padding:5rem 0;padding:var(--margin-large) 0;text-align:center}.case-study-page-header{margin-bottom:5rem;margin-bottom:var(--margin-large)}.post-page-header{border-radius:.25rem;border-radius:var(--mini-padding);margin-bottom:2rem;margin-bottom:var(--margin-medium)}.case-study-page-header h1,.post-page-header h1{text-wrap:balance;font-size:3rem;font-size:var(--font-xxxlarge);font-weight:600;line-height:3rem;line-height:var(--font-xxxlarge);margin-bottom:1rem;margin-bottom:var(--margin-small);max-width:32ch;text-transform:uppercase}.case-study-page-subtitle,.post-page-subtitle{color:#625f69;color:var(--gray-color);display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--font-medium);gap:.5rem;gap:var(--small-gap);justify-content:center;margin-bottom:2rem;margin-bottom:var(--margin-medium);text-transform:uppercase}.case-study-page-subtitle{margin-top:1rem;margin-top:var(--margin-small)}.post-page-subtitle{margin-top:0}.case-study-page-category{font-size:.675rem;font-size:var(--font-small);padding:.5rem;padding:var(--small-padding)}.case-study-page-image{height:auto;margin:2rem 0;margin:var(--margin-medium) 0;width:100%;width:var(--full-width)}.case-study-page-body,.post-page-body{display:flex;gap:1rem;gap:var(--medium-gap)}.case-study-page-content,.post-page-content{flex:4 1;max-width:75%}.case-study-page-content{padding:1rem 1rem 1rem 0;padding:var(--medium-gap) var(--medium-gap) var(--medium-gap) 0}.post-page-content{padding:0 0 var(--medium-gapp) var(--medium-gap)}.case-study-page-content-inner,.post-page-content-inner{padding-right:1.5rem;padding-right:var(--main-padding)}.case-study-page-content h2,.case-study-page-content h3,.post-page-content h2,.post-page-content h3{text-wrap:balance;font-size:1.25rem;font-size:var(--font-xlarge);font-weight:600;line-height:2rem;line-height:var(--font-xxlarge);margin-bottom:.25rem;margin-bottom:var(--margin-mini)}.case-study-page-content p,.post-page-content p{text-wrap:pretty;font-size:1rem;font-size:var(--font-large);line-height:1.25rem;line-height:var(--font-xlarge);margin-bottom:2rem;margin-bottom:var(--margin-medium);margin-top:2rem;margin-top:var(--margin-medium);word-break:break-word}.post-page-content p.no-margin-top{margin-top:0}.wp-block-image{margin-bottom:2rem;margin-bottom:var(--margin-medium)}.wp-block-list,.wp-block-list code,.wp-block-list h1,.wp-block-list h2,.wp-block-list h3,.wp-block-list h4,.wp-block-list h5,.wp-block-list h6{margin:1rem 0;margin:var(--margin-small) 0;width:100%;width:var(--full-width)}ul.vertical-list{display:flex;flex-direction:column}ul.wp-block-list{flex-wrap:wrap}.wp-block-list li{background-color:#f7f7f7;background-color:var(--light-white-color);margin:.25rem;margin:var(--margin-mini)}.wp-block-code,.wp-block-list li{border-radius:1rem;border-radius:var(--margin-small);padding:1rem;padding:var(--margin-small)}.wp-block-code{text-wrap:wrap;background-color:#323035;background-color:var(--font-color);color:#fef08a;color:var(--tw-color-yellow-200);margin:1rem 0;margin:var(--margin-small) 0;overflow-x:hidden;text-overflow:clip;word-break:break-word}.wp-block-embed__wrapper iframe,.wp-block-video video{height:480px;width:100%;width:var(--full-width)}.wp-block-table table{width:100%;width:var(--full-width)}.wp-block-table td,.wp-block-table th{border:1px solid #b5b2bc;border:1px solid var(--border-color);padding:1rem;padding:var(--margin-small)}.wp-block-table th{background-color:#f7f7f7;background-color:var(--light-white-color)}.post-2-cols{display:flex;gap:.5rem;gap:var(--small-gap)}.case-study-page-sidebar,.post-page-sidebar{align-self:start;flex:1 1;max-width:25%;position:sticky;top:2rem;top:var(--margin-medium)}.case-study-page-sidebar{padding:2rem;padding:var(--margin-medium)}.post-page-sidebar{padding:.5rem 0;padding:var(--small-gap) 0}.case-study-page-sidebar h3,.post-page-sidebar h3{font-size:1.25rem;font-size:var(--font-xlarge);font-weight:400;margin-bottom:1rem;margin-bottom:var(--margin-small);text-transform:uppercase}.case-study-page-tech,.post-page-tech{margin-bottom:2rem;margin-bottom:var(--margin-medium)}.case-study-page-tech ul,.post-page-tech ul{display:flex;flex-direction:column;gap:.25rem;gap:var(--mini-padding);list-style-type:none;padding:0}.case-study-page-tech li,.post-page-tech li{border-bottom:1px solid #323035;border-bottom:1px solid var(--font-color);font-size:.875rem;font-size:var(--font-medium);padding:.25rem 0;padding:var(--mini-padding) 0}@media (max-width:768px){.case-study-page-tech ul,.post-page-tech ul{flex-direction:row;flex-wrap:wrap;margin:.25rem 0;margin:var(--margin-mini) 0 var(--margin-mini)}.case-study-page-tech li,.post-page-tech li{border:1px solid #323035;border:1px solid var(--font-color);border-radius:.25rem;border-radius:var(--mini-padding);padding:.25rem;padding:var(--mini-padding)}}.case-study-page-link{border:1px solid #323035;border:1px solid var(--font-color);border-radius:1rem;color:#323035;color:var(--font-color);display:inline-block;font-size:.875rem;font-size:var(--font-medium);font-weight:500;padding:.25rem 1.5rem;padding:var(--mini-padding) var(--main-padding);text-decoration:none;text-transform:uppercase;transition:all .15s ease-in-out;transition:all .15s var(--transition-easing)}.case-study-page-link:hover{zoom:1.01;background-color:#1a191b;background-color:var(--hover-bg-color);color:#dedede;color:var(--hover-font-color)}.case-study-page-mockups{margin:2rem 0;margin:var(--margin-medium) 0}.case-study-page-mockup-desktop{height:auto;margin-bottom:2rem;margin-bottom:var(--margin-medium);width:100%;width:var(--full-width)}.case-study-page-mockup-mobile-container{align-items:center;display:flex;flex-direction:column;gap:2rem;gap:var(--large-gap)}.case-study-page-mockup-mobile-container .case-study-page-mockup-mobile{height:auto;max-width:235px;width:100%;width:var(--full-width)}.case-study-page-mockup-mobile-container .case-study-page-mockup-mobile:first-child{align-self:flex-start;margin-right:auto}.case-study-page-mockup-mobile-container .case-study-page-mockup-mobile:nth-child(2){align-self:center;margin:0 auto}.case-study-page-mockup-mobile-container .case-study-page-mockup-mobile:last-child,.case-study-page-video-mobile{align-self:flex-end;margin-left:auto;margin-right:0}.case-study-page-mockup-mobile-container img{height:auto;object-fit:contain;width:100%;width:var(--full-width)}.case-study-page-video{margin:2rem 0;margin:var(--margin-medium) 0}@media (max-width:768px){.case-container{grid-gap:.5rem;grid-gap:var(--small-gap);display:grid;gap:.5rem;gap:var(--small-gap);grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100%;height:var(--full-height);overflow:hidden}.case-container-header{border:none;grid-row:1;z-index:1}.case-articles,.case-container-header{grid-column:1;padding:.5rem;padding:var(--small-padding)}.case-articles{display:flex;flex-direction:column;gap:0;grid-row:2;overflow-y:auto}.case-articles::-webkit-scrollbar{display:none}.article-case-study{border-bottom:1px solid #dedede;border-bottom:1px solid var(--hover-font-color);height:auto;padding:1rem 0;padding:var(--medium-gap) 0;width:100%;width:var(--full-width)}}a,a:focus,a:visited,p{color:#323035;color:var(--font-color);text-decoration:none}ul{display:flex;gap:.5dvw;list-style:none}@media (max-width:768px){.case-study-page,.post-page{padding:1.5rem .25rem;padding:var(--main-padding) var(--mini-padding)}.case-study-page-header,.post-page-header{height:auto}.case-study-page-header{margin-bottom:2rem;margin-bottom:var(--margin-medium)}.post-page-header{margin-bottom:1rem;margin-bottom:var(--margin-small)}.case-study-page-header h1,.post-page-header h1{font-size:2rem;font-size:var(--font-xxlarge);line-height:2rem;line-height:var(--font-xxlarge)}.case-study-page-category,.post-page-category{font-size:.675rem;font-size:var(--font-small)}.case-study-page-subtitle,.post-page-subtitle{font-size:.875rem;font-size:var(--font-medium);gap:.5rem;gap:var(--small-gap);line-height:1.25rem;line-height:var(--font-xlarge);margin-bottom:1rem;margin-bottom:var(--margin-small)}.case-study-page-body,.post-page-body{flex-direction:column;gap:1rem;gap:var(--medium-gap);overflow-x:hidden}.case-study-page-content,.post-page-content{flex:none;max-width:100%;max-width:var(--full-width);padding:1.5rem 0;padding:var(--main-padding) 0;width:100%;width:var(--full-width)}.case-study-page-content ul.wp-block-list,.post-page-content ul.wp-block-list{flex-direction:column;gap:1rem;gap:var(--medium-gap)}.wp-block-code,.wp-block-list code{text-wrap:wrap;margin:1rem 0;margin:var(--margin-small) 0;overflow-x:hidden;text-overflow:clip}.wp-block-embed.is-type-video{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%;width:var(--full-width)}.wp-block-embed__wrapper{height:100%;height:var(--full-height)}.wp-block-embed__wrapper,.wp-block-embed__wrapper iframe{left:0;position:absolute;top:0;width:100%;width:var(--full-width)}.wp-block-embed__wrapper iframe{border:0;height:100%}.case-study-page-sidebar,.post-page-sidebar{flex:none;max-width:100%;max-width:var(--full-width);position:relative}.case-study-page-sidebar{padding:1.5rem 0;padding:var(--main-padding) 0}.post-page-sidebar{padding:0}.case-study-page-content-inner,.post-page-content-inner{padding-right:0}.case-study-page-mockup-mobile-container{gap:1rem;gap:var(--medium-gap)}.case-study-page-mockup-mobile-container .case-study-page-mockup-mobile:first-child,.case-study-page-mockup-mobile-container .case-study-page-mockup-mobile:last-child,.case-study-page-mockup-mobile-container .case-study-page-mockup-mobile:nth-child(2),.case-study-page-mockup-mobile:last-child,.case-study-page-video-mobile{align-self:center;margin-left:auto;margin-right:auto}.case-study-page-mockup-mobile-container img,.case-study-page-mockup-mobile-container video{max-width:100%;max-width:var(--full-width)}.case-study-page-video video{height:auto;width:100%;width:var(--full-width)}}.archive-item{align-items:center;border-bottom:1px solid #dedede;border-bottom:1px solid var(--hover-font-color);cursor:pointer;display:flex;flex-direction:row;gap:.5rem;gap:var(--small-gap);height:90px;justify-content:space-between;overflow:hidden;position:relative;transition:height .3s ease-in-out;transition:height .3s var(--transition-easing)}.archive-item:first-child{border-top:none}.archive-item:hover{align-items:flex-start;aspect-ratio:176/83;background-color:#1a191b;background-color:var(--hover-bg-color);color:#dedede;color:var(--hover-font-color);height:auto}@media (max-width:768px){.archive-item{height:70px}.archive-item:hover{aspect-ratio:123/58;height:auto}}.archive-item:hover .archive-text{background-color:#1a191b;background-color:var(--hover-bg-color);color:#dedede;color:var(--hover-font-color);mix-blend-mode:hard-light;opacity:1}.img-one{height:auto;left:0;max-width:1920px;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .25s ease-in-out;transition:opacity var(--transition-duration) var(--transition-easing);width:100%;z-index:1}.archive-item:hover .img-one{opacity:1}.archive-text{font-size:1.25rem;font-size:var(--font-xlarge);font-weight:400;height:auto;padding:1rem 0;padding:var(--secondary-padding) 0;transition:all .25s ease-in-out;transition:all var(--transition-duration) var(--transition-easing);width:100%;z-index:2}.archive-number,.archive-year{margin-right:.25rem;margin-right:var(--margin-mini);vertical-align:super}.archive-year{float:right}.archive-category,.archive-number,.archive-tech,.archive-year{font-size:.675rem;font-size:var(--font-small);font-weight:200;padding:0 .25rem;padding:0 var(--mini-padding)}footer.main-footer{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--medium-gap);height:7rem;height:calc(var(--margin-large) + var(--margin-medium));justify-content:center;min-height:7rem;min-height:calc(var(--margin-large) + var(--margin-medium));padding:1rem;padding:var(--secondary-padding);width:100%}footer.main-footer a{border-radius:.25rem;border-radius:var(--mini-padding);color:#323035;color:var(--font-color);font-size:.675rem;font-size:var(--font-small);padding:.25rem .5rem;padding:var(--mini-padding) var(--small-padding);transition:all .3s ease-in-out}footer.main-footer a,footer.main-footer a:hover{background-color:#fff;background-color:var(--white-color)}footer.main-footer a:hover{box-shadow:0 0 3px #0000004d;transform:scale(1.025)}footer a img.img-profile{background-color:#fef08a;background-color:var(--tw-color-yellow-200);border-radius:50%;display:inline-block;height:1.5rem;height:var(--main-padding);margin-right:.25rem;margin-right:var(--mini-padding);padding:.25rem;padding:var(--mini-padding);transition:all .3s ease-in-out;vertical-align:middle;width:1.5rem;width:var(--main-padding)}footer a:hover img.img-profile{box-shadow:0 0 10px #e7f30a;margin-right:1em;transform:scale(2.5) translateX(-.25em) translateY(-.25em)}