*{box-sizing:border-box}html{background-color:#000}html,body,#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}body{color:#fff;-webkit-user-select:none;user-select:none}a{color:#fff;text-decoration:none}a:hover{color:orange}a:active{color:#ff4500}.overlay-item{position:absolute;z-index:200;top:8vh;bottom:6vh;left:6vh;right:6vh;background-color:#000000e6;border-radius:5vh;padding:1vh;max-width:150vh;margin-left:auto;margin-right:auto;display:grid;gap:1vh;grid-template-columns:[go-prev] 5vh [content] auto [go-next] 5vh;grid-template-rows:[header] 5vh [content] auto;filter:drop-shadow(black 2px 2px 2px)}@media (orientation: portrait){.overlay-item{top:8vh;bottom:6vh;left:1vh;right:1vh}}.fade{opacity:0;transition:opacity 1s ease;pointer-events:none}.fade.show{opacity:1;pointer-events:inherit}.overlay-header{color:#fff;font-size:3vh;font-family:Arial,Helvetica,sans-serif;display:flex;font-weight:700;align-items:center;justify-content:center}.overlay-content-reset{position:relative;grid-column:content;grid-row:content;color:#fff}.overlay-content-scroll{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto;width:100%;height:100%;scrollbar-color:#ccc black;font-family:Arial,Helvetica,sans-serif;font-size:2vh}.overlay-content-scroll.case-study{background-color:#424250;box-shadow:inset 0 0 5px #000}.overlay-content-generic{width:100%;height:100%;scrollbar-color:#ccc black;font-family:Arial,Helvetica,sans-serif;font-size:2vh;display:flex;flex-direction:column}.overlay-item nav{color:#fff;display:flex;align-items:center;justify-items:center}.overlay-item nav.prev{grid-column:go-prev;grid-row:content}.overlay-item nav.next{grid-column:go-next;grid-row:content}article.case-study{display:flex;flex-direction:column}article.case-study header{display:flex;flex-direction:row;background-color:#fff;color:#000;padding:4vh}@media (width <= 100vh){article.case-study header{padding:2vh}article.case-study header div.header-logo{display:none}}article.case-study header section{flex:1;display:flex;flex-direction:column;gap:1vh;justify-content:end}article.case-study header section h1,article.case-study header section h2{margin:0;padding:0}article.case-study header section h1{text-transform:uppercase;font-size:2vh;font-weight:400}article.case-study header section h2{text-transform:uppercase;font-size:6vh;font-weight:400}@media (width <= 100vh){article.case-study header section h2{font-size:3vh;font-weight:700}}article.case-study main{flex-grow:1;padding-left:4vh;padding-right:4vh;padding-bottom:4vh}@media (width <= 100vh){article.case-study main{padding-left:1vh;padding-right:1vh;padding-bottom:4vh}}article.case-study div.picture-frame{background:url(https://picsum.photos/1000/300);padding-top:30vh;min-height:50vh;background-repeat:no-repeat;background-size:auto 50vh;background-position:top left}@media (width <= 100vh){article.case-study div.picture-frame{padding-top:10vh;background-size:contain}}article.case-study div.page-columns{display:flex;flex-grow:1;flex-direction:row;gap:4vh}@media (width <= 130vh){article.case-study div.page-columns{flex-direction:column}}article.case-study div.content{background:#fff;color:#000;padding:4vh;display:flex;flex-direction:column;gap:2vh;flex-grow:1;-webkit-user-select:text;user-select:text}@media (width <= 100vh){article.case-study div.content{padding:1vh}}article.case-study div.content div.heading{font-size:2.5vh;filter:drop-shadow(black 1px 1px 1px)}@media (width <= 100vh){article.case-study div.content div.heading{font-size:2.1vh}}article.case-study div.content div.prose{columns:2}@media (width <= 100vh){article.case-study div.content div.prose{columns:1}}article.case-study div.content div.prose p{margin:0;margin-bottom:1vh;break-inside:avoid-page}article.case-study div.content div.prose a{color:#000;text-decoration:dashed;text-decoration-style:dotted;text-decoration-line:underline;text-decoration-color:#000}article.case-study div.content div.prose li{break-inside:avoid}article.case-study div.content div.prose a:hover{color:orange;text-decoration-color:orange}article.case-study div.content div.prose a:active{color:#ff4500;text-decoration-color:#ff4500}article.case-study div.content div.prose blockquote{margin:0;margin-bottom:1vh;padding:2vh;font-weight:600;color:#ff4500;border:.25vh solid rgba(255,69,0,1)}article.case-study div.quote-and-logo{flex-grow:1;min-width:30vh;background-color:#ff450080;display:flex;flex-direction:column}article.case-study div.quote-and-logo div.quote{flex-grow:1;padding:9vh 3vh 3vh}@media (width <= 100vh){article.case-study div.quote-and-logo div.quote{padding:3vh}}article.case-study div.quote-and-logo div.logo{padding:3vh;background-color:#fff;color:#000;display:flex;align-items:center;justify-content:center;aspect-ratio:1}@media (width <= 130vh){article.case-study div.quote-and-logo div.logo{aspect-ratio:inherit}}.navigation-drawer{position:absolute;z-index:201;top:0vh;bottom:0vh;left:0vh;width:40vh;max-width:100%;background-color:#000;filter:drop-shadow(black 2px 2px 2px);padding:8vh 1vh 1vh;transition:transform .25s ease;pointer-events:none;transform:translate(-100%)}.navigation-drawer.show{transform:translate(0);pointer-events:inherit}.navigation-drawer-underlay{display:none;position:absolute;z-index:200;top:0vh;bottom:0vh;left:0vh;right:0vh;pointer-events:none}.navigation-drawer-underlay.show{display:block;pointer-events:inherit}.navigation-content-reset{position:relative;grid-column:content;grid-row:content;color:#fff;width:100%;height:100%}.navigation-content-scroll{position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto;width:100%;height:100%;scrollbar-color:#ccc black;font-family:Arial,Helvetica,sans-serif;font-size:2vh;box-shadow:inset 0 0 5px #000;display:flex;flex-direction:column;gap:1vh}.navigation-drawer-heading{font-weight:700;padding:1vh}.navigation-drawer-item{display:flex;padding:1vh 3vh;font-weight:700;flex-direction:row;gap:2vh;align-items:center}.navigation-drawer-item.current{color:orange}