*,:after,:before{box-sizing:border-box}:root{--color-text:#fff;--color-text-alt:#d6d6d6;--color-bg:#0b0a0a;--color-link:#fff;--color-link-hover:#fff;font-size:21px}html{scroll-behavior:initial}html,body{width:100%;min-height:100%}.char{margin:0 -40px;padding:0 40px}.fabrik{background-image:url(fabrik-hero.e93c3a3e.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover}.aetna{background-image:url(aetna-hero.e9060de4.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover}.anaplan{background-image:url(anaplan-hero.adf156df.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover}.esquire{background-image:url(esquire-hero.6f7d9a3f.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover}.seco{background-image:url(seco-hero.74e49950.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover}body{color:var(--color-text);background-color:var(--color-bg);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Raleway,sans-serif;font-style:normal;font-weight:400;line-height:1.3}body p{color:var(--color-text-alt)}body.content-open{height:100vh;overflow:hidden}.main__hero{opacity:1;flex-direction:column;justify-content:space-between;align-items:center;height:95vh;transition:opacity 1s;display:flex}.main__hero .oh{text-align:center}.main__hero a{color:#000;background-color:#ffffffb3;background-image:none;background-clip:unset;opacity:1;text-transform:uppercase;border-radius:50px;margin:30px 10px;padding:20px 40px;font-size:18px;transition:opacity 1s;display:inline-block}.main__hero a:hover{color:#000;background-color:#ffffffe6}.main__hero a:focus{color:#000;background-image:none;background-clip:unset;border-radius:50px;margin:30px 10px;padding:20px 40px;transition:background-color .3s;display:inline-block;background-color:#ffffffb3!important}.main__hero .regular__font{font-family:Raleway,sans-serif}.scroll__down{text-align:center;flex-direction:column;align-items:center;display:flex}.scroll__down p{color:#666}.mouse{border:3px solid #333;border-radius:60px;width:50px;height:90px;position:relative}.mouse:before{content:"";opacity:1;background-color:#333;border-radius:50%;width:12px;height:12px;animation:2s infinite wheel;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes wheel{0%{opacity:1;top:10px}99%{opacity:0;top:60px}to{opacity:0;top:10px}}body.content-open .main__hero{opacity:0}b{font-weight:800}.oh{position:relative;overflow:hidden}.oh__inner{will-change:transform;display:inline-block}.line{transform-origin:0;white-space:nowrap;will-change:transform}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{background:var(--color-bg);width:100%;height:100%;top:0;left:0}.js .loading:after{opacity:.4;background:var(--color-link);border-radius:50%;width:60px;height:60px;margin:-30px 0 0 -30px;animation:.7s linear infinite alternate forwards loaderAnim;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{cursor:pointer;color:#0000;background-image:linear-gradient(to bottom right,#1e98fd,#ff00f7);-webkit-background-clip:text;background-clip:text;outline:none;text-decoration:none}a:hover{color:var(--color-link-hover);outline:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus-visible{background:0 0;outline:2px solid red}button{cursor:pointer}.unbutton{font:inherit;fill:currentColor;color:inherit;background:0 0;border:0;align-items:center;margin:0;padding:0;display:flex}.unbutton:focus{outline:none}.unbutton span:first-child{margin-right:1rem}.unbutton span:last-child{margin-left:1rem}main{grid-template-areas:"frame""page";display:grid;position:relative}.frame{z-index:1000;background:var(--color-bg);text-transform:uppercase;grid-row-gap:5vh;grid-template:"title""prev"/auto auto;grid-area:frame;align-content:space-between;padding:1.5rem 2rem;display:none}.page{grid-area:page}.frame__title{grid-area:title;display:flex}.frame__socials{grid-area:sponsor}.frame__title-main{text-align:right;align-self:center;margin:0;font-size:1rem;font-weight:400;line-height:1}.frame__title-main span{color:#0000;background-image:linear-gradient(to bottom right,#1e98fd,#ff00f7);-webkit-background-clip:text;background-clip:text}.frame__title-back{align-items:flex-end;margin-bottom:.15rem;display:flex;position:relative}.frame__title-back span{display:none}.frame__title-back svg{fill:currentColor}.frame__prev{grid-area:prev}.preview-wrap{z-index:100;flex-direction:column;align-items:stretch;gap:10vw;display:flex;position:relative}.content-open .preview-wrap{pointer-events:none}.preview{will-change:transform;min-height:400px}.preview__img-wrap{cursor:pointer;width:100%;height:100%}.preview__img{border-radius:2vw;width:100%;height:100%;position:relative;overflow:hidden}.preview__img-inner{background-position:50%;background-repeat:no-repeat;background-size:100%;width:100%;height:100%;box-shadow:inset 0 130px 120px -130px #0b0a0a}.content__meta{color:var(--color-text-alt);margin-bottom:2rem}.preview__title{text-align:center;place-self:center;position:relative;transform:translateY(20%)}.preview__title-main{margin:0;font-family:scotch-display,sans-serif;font-size:clamp(70px,10vw,8rem);font-weight:400;line-height:1.2}.preview__title-main>span{display:block}.preview__title-main>span:last-child{padding:0 1rem;font-family:scotch-display,sans-serif;font-style:italic;font-weight:500;display:block}.preview__title-main>span:first-child{font-size:clamp(20px,4vw,40px)}.preview__desc{text-transform:uppercase;max-width:500px;color:var(--color-text);margin:0 auto;line-height:1.2}.content-wrap{pointer-events:none;grid-area:page;grid-template-rows:auto 1fr;grid-template-areas:"back back""content content";height:100vh;padding:2rem;display:grid;position:sticky;top:0;overflow:scroll}.action{visibility:hidden;pointer-events:none;opacity:0}.content-open .action{visibility:visible;pointer-events:auto}.action svg{width:2em;height:2em}.action--back{grid-area:back;justify-self:start;padding:1rem 0}.action span{text-transform:uppercase}.content{pointer-events:none;opacity:0;grid-gap:2vw;grid-template:"img"20vh"thumbs"min-content"text"/100%;grid-area:2/content/span 2;min-height:100%;display:grid;position:absolute;top:0;left:0}.content--current{pointer-events:auto;opacity:1;position:relative}.content__group{grid-area:text;align-self:center}.content__title{font-family:scotch-display,sans-serif;font-size:clamp(3rem,6.5vw,5.5rem);font-weight:400}.content__title span{display:block}.content__title>span:first-child{font-size:40px}.content__title>span:last-child{padding:0 0 0 .75rem;font-family:scotch-display,sans-serif;font-style:italic;font-weight:500}.content__action a{color:#000;background-color:#ffffffb3;background-image:none;background-clip:unset;opacity:1;text-transform:uppercase;border-radius:50px;margin:30px 0;padding:20px 40px;font-size:18px;transition:opacity 1s;display:inline-block}.content__action a:hover{background-color:#ffffffe6}body.content-open .content__action a{opacity:1;transition:opacity 1s}.content .preview__img{grid-area:img}.content__thumbs{grid-gap:2vw;grid-area:thumbs;grid-auto-columns:auto;grid-auto-flow:column;justify-content:start;display:grid}.content__thumbs-item{aspect-ratio:1.5;width:50px}.content__thumbs-item:hover{cursor:not-allowed}.hidden{opacity:0;pointer-events:none}.cs-header{text-align:center;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:90vh;display:flex;position:relative}.cs-header.fabrik{background-image:url(fabrik-hero.e93c3a3e.jpg)}.cs-header.aetna{background-image:url(aetna-hero.e9060de4.jpg)}.cs-header.seco{background-image:url(seco-hero.74e49950.jpg)}.cs-header.anaplan{background-image:url(anaplan-hero.adf156df.jpg)}.cs-header.esquire{background-image:url(esquire-hero.6f7d9a3f.jpg)}.cs-header h1{z-index:10;margin:0;padding:0 1rem;font-family:scotch-display,sans-serif;font-size:clamp(70px,10vw,8rem);font-style:italic;font-weight:500;line-height:1.2;display:block;position:relative}.cs-header h1 span.case__subtitle{margin:0;padding:0 1rem;font-size:40px;font-style:normal;font-weight:500;line-height:1.2;display:block}.cs-header h2{max-width:60vw;margin-top:3vw;margin-left:15vw;margin-right:15vw;font-weight:400}.cs-header p{text-transform:uppercase;max-width:400px;margin:0 auto;line-height:1.2}.cs-header a{text-transform:uppercase;color:#000;background-color:#fff;background-image:none;background-clip:unset;border-radius:100px;justify-content:center;align-items:center;width:80px;height:80px;font-size:40px;line-height:80px;transition:all .8s;display:flex!important}.cs-header a:hover,.cs-header a:focus{color:#fff;background-color:#000;background-image:none;background-clip:unset;transition:all .8s}.cs-footer{text-align:left;width:100%;margin-bottom:10vw;position:relative}.cs-footer .footer-container{z-index:10;flex-direction:column;justify-content:center;width:100%;max-width:51.7vw;margin:0 auto;display:flex;position:relative}.cs-footer .footer-container h1{z-index:10;margin:0;font-family:scotch-display,sans-serif;font-size:clamp(40px,2.6vw,40px);font-style:italic;font-weight:500;line-height:1.2;display:block;position:relative}.cs-footer .footer-container a{z-index:10;color:#fff;opacity:1;margin:0;padding-left:0;font-family:scotch-display,sans-serif;font-size:clamp(40px,3.4vw,60px);font-style:italic;font-weight:500;line-height:1.2;transition:all .5s;display:block;position:relative}.cs-footer .footer-container a:hover{opacity:.7;padding-left:20px;transition:all .5s}.cs-quote{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:51.7vw;margin:20vh auto;display:flex;position:relative}.cs-quote h2{text-align:left;width:100%;margin:clamp(20px,2.8vw,60px) 0;font-family:scotch-display,sans-serif;font-size:clamp(40px,4.6vw,120px);font-style:italic;font-weight:300;line-height:clamp(40px,5vw,120px)}.cs-quote h3{font-family:scotch-display,sans-serif;font-size:clamp(20px,2.6vw,40px);font-style:italic;font-weight:300;line-height:auto;text-align:left;text-align:left;width:100%;margin:clamp(10px,1.5vw,30px) 0 0}.cs-quote p{margin:clamp(10px,1.8vw,30px) 0;font-size:clamp(21px,1.52vw,31px)}.cs-quote .oh__inner{font-family:scotch-display,sans-serif;font-size:80px;font-style:italic;font-weight:500;display:block;transform:translateY(-15%)}.cs-intro{max-width:52vw;margin:0 auto}.cs-intro h2{font-family:scotch-display,sans-serif;font-size:50px;font-style:italic;font-weight:100}.cs-intro p{font-weight:300}.about__work{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.about__work h2{font-weight:400}.about__work p{margin:0}.about__work p:last-child{margin-bottom:10vw}.about__work .content__title>span span{font-size:clamp(70px,8.6vw,200px)}.full__width{width:100vw}.full-blown-picture,.full-blown-picture img{width:100%}.full-blown-picture h3{font-family:scotch-display,sans-serif;font-size:clamp(20px,2.6vw,40px);font-style:italic;font-weight:300;line-height:auto;text-align:left;text-align:left;width:100%;margin:clamp(10px,1.5vw,30px) 0 0}.design__system{z-index:2;width:67vw;margin:0 auto;position:relative}.cs-findings{flex-flow:column wrap;gap:0;width:100%;margin:30px 0 60px;display:flex}.cs-findings-2{border-bottom:1px solid #fff;flex-direction:row;flex:1;width:100%;margin:10px auto;padding:30px 0;display:flex}.cs-findings-2 h3{flex:1.5;margin:0;padding-right:30px}.cs-findings-2 p{flex:3;margin:0;font-size:clamp(10px,1vw,30px)}.cs-findings div h3{margin:0}.cs-findings div p{margin:0;font-size:20px}.cs-intro.intro-two-col{flex-direction:row;justify-content:center;align-items:center;gap:120px;max-width:75vw;margin:15vh auto;display:flex}.cs-intro.intro-two-col div{flex:1}.intro-two-col .cs-intro__pic{flex-flow:wrap;gap:30px;display:flex}.pulse{animation:2s infinite pulse-animation}.pulse:hover{animation:none}@keyframes pulse-animation{0%{box-shadow:0 0 #ff00f799}to{box-shadow:0 0 0 20px #ff00f700}}.cs-gradient-overlay{background-image:linear-gradient(#0b0a0a00,#0b0a0a);width:100%;height:20vh;position:absolute;bottom:0;left:0}.case__content{width:100vw}@media screen and (min-width:53em){.frame{opacity:.8;height:100vh;padding:2rem;display:none;position:sticky;top:0}.frame__title,.frame__prev,.frame__socials{-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;justify-self:start;transform:rotate(180deg)}.frame__prev{transform:rotate(180deg)}body .frame__socials{justify-self:start}.frame__prev{gap:30px;display:flex}.frame__title-back{transform:scaleY(-1)}.preview{background-position:50%;background-repeat:no-repeat;background-size:100%;justify-content:center;min-height:90vh;display:flex;box-shadow:inset 0 300px 200px -130px #0b0a0a,inset 0 -300px 200px -130px #0b0a0a}.preview__desc{margin:0 auto}.content{grid-template:". ."2rem"img text"1fr"thumbs text"". ."1rem/60% 1fr}.content__thumbs-item{width:100px}.content__text{max-width:400px}.challenge{color:#000;text-align:center;box-sizing:border-box;background-color:#fff;border-radius:36px;flex-direction:column;flex:0 0 calc(50% - 15px);justify-content:center;align-items:center;width:10vw;min-width:230px;height:10vw;min-height:140px;padding:40px;display:flex}.challenge img{width:40%}.challenge h4{color:#000;margin:20px 0 0;font-family:roboto,monospace;font-size:24px;font-weight:600}.intro-two-col .cs-intro__content{width:100%;max-width:600px}.images-gallery{z-index:10;flex-flow:wrap;justify-content:center;gap:3vw;max-width:66vw;margin:-150px auto 0;display:flex;position:relative}.images-gallery.desktop{z-index:10;flex-flow:wrap;justify-content:center;gap:3vw;max-width:66vw;margin:3vw auto 0;display:flex;position:relative}.images-gallery .highlight-container{position:relative}.images-gallery .highlight{opacity:.9;transform-origin:0 0;background-image:linear-gradient(to bottom right,#1e98fd,#ff00f7);border-radius:1.8vw;width:2.8vw;height:2.8vw;padding:10px 20px;transition:all .5s;position:absolute;box-shadow:0 0 #ff00f766}.images-gallery .highlight:hover{opacity:1;width:11.8vw;height:8.8vw}.images-gallery .highlight p{opacity:0;width:0;height:0;font-size:clamp(16px,.8vw,30px);transition:all .5s;overflow:hidden}.images-gallery .highlight:hover p{opacity:1;width:auto;height:auto;transition:all .5s .5s;display:inline-block;overflow:auto}.images-gallery img{opacity:.9;max-width:20vw}.images-gallery.desktop img{max-width:31.5vw}.images-gallery.desktop div:first-child,.images-gallery.desktop div:first-child img{max-width:100%}.images-gallery form{position:absolute;top:-150px}body.contact-on .preview-wrap{transform-origin:top;transition:transform .8s ease-in-out;transform:scale(.75)}body .preview-wrap{transform-origin:top;transition:transform .8s ease-in-out .8s}.contact-section{z-index:1000;background-color:#1f2029;width:100%;height:100vh;font-family:Raleway,sans-serif;transition:all .8s ease-in-out;display:block;position:fixed;top:0;left:0;overflow:hidden;transform:translate(100%)}.contact-section .email{font-family:scotch-display,sans-serif;font-size:clamp(1rem,3vw,8rem);font-style:italic;font-weight:500}body.contact-on .contact-section{transition:transform .8s ease-in-out .8s;transform:translate(0)}.section-center{z-index:1;text-align:center;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.contact-close{cursor:pointer;z-index:11;background-image:url(http://www.ivang-design.com/svg-load/portfolio/close.svg);background-position:50%;background-repeat:no-repeat;background-size:36px 36px;width:30px;height:30px;transition:all .2s linear;display:block;position:absolute;top:20px;right:20px;overflow:hidden}.contact-close:hover{transform:rotate(90deg)}.contact-section a{letter-spacing:1px;color:#fff;margin:0 auto;font-size:32px;font-weight:900;display:inline-block}.contact-section .social a{letter-spacing:1px;color:#866baf;margin-left:8px;margin-right:8px;font-size:15px;font-weight:600}}@media screen and (max-width:53em){.preview-wrap{padding:0 0 3rem}.contact-section a{font-size:17px}.contact-section .social a{letter-spacing:0;margin-left:3px;margin-right:3px;font-size:13px}.main__hero a{width:45%;margin:30px 0;padding:20px 10px}.main__hero .navigation{text-align:center;width:100%}.preview__desc{margin:0 20px;font-size:17px}.cs-quote{width:100%;max-width:100vw;padding:0 20px}.content__text,.highlight{display:none}.images-gallery{z-index:10;width:100%;position:relative}.images-gallery .highlight-container{width:100%}.images-gallery img{width:80%;margin:20px auto;display:block}.full-blown-picture{width:100%;overflow:hidden}.full-blown-picture img{width:200%;margin-left:-50%}.design__system img{width:100%;margin-left:0}.cs-footer .footer-container{max-width:100vw;padding:0 20px}.responsive{display:none}.cs-header h2{max-width:90vw;margin:20vw auto;font-size:21px;font-weight:400}.preview__title{transform:translateY(60%)}}