@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap);
.article-breadcrumb{display:flex;width:100%;padding:0 0 8px;flex-direction:row;justify-content:flex-start;align-items:flex-start;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;text-transform:lowercase}.article-breadcrumb__link{color:#c20}.article__headline{display:flex;width:100%;padding:0 0 24px;flex-direction:column;justify-content:flex-start;align-items:flex-start}.header{background:rgba(0,0,0,calc(var(--bg-opacity, 0)*0.1));backdrop-filter:blur(calc(var(--bg-opacity, 0)*10px));-webkit-backdrop-filter:blur(calc(var(--bg-opacity, 0)*10px));border:none;border-bottom:1px solid rgba(255,255,255,calc(var(--bg-opacity, 0)*0.08));box-shadow:0 8px 32px 0 rgba(0,0,0,calc(var(--bg-opacity, 0)*0.37));position:fixed;z-index:2;top:0;left:0;width:100%;height:64px;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;transition:all .3s ease;display:grid;grid-template-columns:repeat(20,5%);grid-template-rows:1fr;align-items:center}.header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:0;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,calc(var(--bg-opacity, 0)*0.005)),rgba(255,255,255,calc(var(--bg-opacity, 0)*0.05)));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}@media only screen and (min-width:320px)and (max-width:767px){.header{border-bottom:1px solid #333}}.header__logo{grid-column-start:3;grid-column-end:6;display:flex;width:100%;padding:0;flex-direction:row;justify-content:flex-start;align-items:center;height:100%}@media only screen and (min-width:320px)and (max-width:767px){.header__logo{grid-column-start:2;grid-column-end:12}}.header__logo a{color:#ccc}.header__logo-link{color:inherit;line-height:1}.header__menu{grid-column-start:7;grid-column-end:19;display:flex;width:100%;padding:0;flex-direction:row;justify-content:flex-end;align-items:flex-start;gap:32px}.header__menu a{color:#ccc}@media only screen and (min-width:767px)and (max-width:1023px){.header__menu{grid-column-start:7;grid-column-end:19}}@media only screen and (min-width:320px)and (max-width:767px){.header__menu{grid-column-start:12;grid-column-end:20;gap:16px}}.header__menu-elem{display:flex;width:auto;padding:0;flex-direction:row;justify-content:flex-start;height:100%}.header_light{background-color:#dbd9d7;border-bottom:1px solid #aaa5a1}.header_light a{color:#000}.icon_yellow{fill:#69f}.icon_white{fill:#ccc}.list-header{display:flex;width:100%;padding:0 0 2.5rem;flex-direction:row;justify-content:flex-start;align-items:flex-start;word-break:break-word;color:#ccc}@media only screen and (min-width:320px)and (max-width:767px){.list-header{display:flex;width:100%;padding:0 0 2rem;flex-direction:row;justify-content:flex-start;align-items:flex-start}}.list-header h2{margin:0}.list-header-second{margin:1.5rem 0 0}.skill-card{display:grid;grid-template-columns:repeat(20,5%);grid-template-rows:repeat(1,auto);font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;border-top:1px solid #333;padding:4px 0 8px;width:100%;color:grey}@media only screen and (min-width:320px)and (max-width:767px){.skill-card{grid-template-rows:repeat(2,auto);padding:8px 0 0;border-top:1px solid;border-image:linear-gradient(90deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 70%,transparent) 1}}.skill-card__name{grid-row-start:1;grid-column-start:1;grid-column-end:6}@media only screen and (min-width:320px)and (max-width:767px){.skill-card__name{grid-column-end:17;padding:0 0 8px;color:#ccc;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400}}.skill-card__description{grid-row-start:1;grid-column-start:8;grid-column-end:14}@media only screen and (min-width:320px)and (max-width:767px){.skill-card__description{grid-column-start:1;grid-column-end:17;grid-row-start:2;padding:0 0 32px;color:#666;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400}}.skill-card__digit{grid-row-start:1;grid-column-start:15;grid-column-end:21;display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:flex-end;font-family:Roslindale,"PT Serif",Georgia,serif;font-size:3rem;line-height:3rem;font-weight:400;color:#333}@media only screen and (min-width:320px)and (max-width:767px){.skill-card__digit{grid-column-start:18;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400}}.skill-card__metric-value{color:#3c3;font-weight:600}.skill-card--case .skill-card__description{grid-column-end:18}.skill-card--case .skill-card__digit{display:none}.case{display:grid;grid-template-columns:40% 60%;align-items:start;color:#ccc;margin-bottom:3rem;padding:2rem 3rem 3rem;background:#121212;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1.1875rem;line-height:1.6rem;font-weight:400;position:relative;box-shadow:0 .25rem 1rem 0 rgba(0,0,0,.1)}.case,.case:before{border-radius:.4rem}.case:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:1px;background:linear-gradient(135deg,hsla(0,0%,100%,.005),hsla(0,0%,100%,.05));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.case:last-child{margin-bottom:0}@media only screen and (min-width:320px)and (max-width:767px){.case{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.case .case__content{margin-left:0}}.case--reverse{grid-template-columns:60% 40%}@media only screen and (min-width:320px)and (max-width:767px){.case--reverse{grid-template-columns:1fr}}.case__type{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;color:grey;padding:0 0 2rem}.case__content,.case__type{display:flex;width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start}.case__content{padding:0 2rem 0 0;margin-left:1.125rem}.case--reverse .case__content{padding:0 0 0 1.75rem}.case--reverse .case__content,.case__metrics{display:flex;width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start}.case__metrics{padding:1rem 0 3rem;gap:.3rem;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;color:grey}.case__metric{display:block}.case__metric-value{color:#3c3;font-weight:600;opacity:.5}.case__image{display:flex;height:100%;align-items:flex-start;justify-content:flex-end}.case__image img{width:80%;height:auto;border-radius:.4rem;object-fit:cover;opacity:.5}.case-tile{position:relative;display:flex;flex-direction:column;height:auto;min-height:100%;color:#e7e5e4;isolation:isolate}.case-tile__media{position:relative;flex:0 0 auto;width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:.5rem;background-color:#141414}.case-tile__media img{position:absolute;top:0;left:50%;transform:translateX(-50%);display:block;height:100%;width:auto;max-width:none}.case-tile__body{flex:0 0 auto;display:grid;gap:.35rem;padding:1rem 0 0}.case-tile__label{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;color:grey}.case-tile__title{margin:0;font-family:Roslindale,"PT Serif",Georgia,serif;font-size:1.25rem;line-height:2rem;font-weight:400;font-family:PT Root UI,PT Sans,Arial,sans-serif}.case-tile__title a{color:#69f;text-decoration:none;transition:color .15s ease}.case-tile__title a:hover{color:#80aaff}.case-tile__title a:focus-visible{outline:2px solid #69f;outline-offset:2px}.case-tile__metric{margin-top:.25rem;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;color:grey}.case-tile__metric-value{color:#ccc}.case-tile--lg .case-tile__media,.case-tile--md .case-tile__media,.case-tile--sm .case-tile__media{aspect-ratio:auto;height:24rem}@media only screen and (min-width:320px)and (max-width:767px){.case-tile--lg .case-tile__media,.case-tile--md .case-tile__media,.case-tile--sm .case-tile__media{aspect-ratio:3/2;height:auto}}.tag{display:flex;width:auto;padding:8px 16px;flex-direction:row;justify-content:flex-start;height:auto;border-radius:6px;background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.025);box-shadow:0 4px 16px 0 rgba(0,0,0,.05);color:#e7e5e4;transition:all .3s ease}.tag:hover{transform:translateY(-1px);box-shadow:0 6px 20px 0 rgba(0,0,0,.08)}.tag--S{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:.8rem;line-height:1rem;font-weight:400}.button,.tag--M{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400}.button{display:inline-block;padding:.75rem 2.5rem;border-radius:.4rem;color:#ccc;text-decoration:none;transition:all .3s ease;box-shadow:0 .25rem 1rem 0 rgba(0,0,0,.1)}.button,.button:hover{background:rgba(248,200,179,.1)}.button:hover{transform:translateY(-.125rem);box-shadow:0 .5rem 1.5rem 0 rgba(0,0,0,.2)}.button:active{transform:translateY(0);box-shadow:0 .125rem .5rem 0 rgba(0,0,0,.1)}@media only screen and (min-width:320px)and (max-width:767px){.button{background:rgba(0,0,0,.1)}}.experience-card{display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;color:#ccc;border-radius:.4rem;overflow:hidden}@media only screen and (min-width:320px)and (max-width:767px){.experience-card{border-top:1px solid;border-image:linear-gradient(90deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 70%,transparent) 1;border-radius:0;padding-top:1rem}}.experience-card__media{position:relative;width:50%;max-width:50%;align-self:flex-start;margin-bottom:1rem;overflow:hidden;border-radius:.4rem}.experience-card__media:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.4rem;padding:1px;background:linear-gradient(135deg,hsla(0,0%,100%,.005),hsla(0,0%,100%,.05));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.experience-card__media{box-shadow:0 .25rem 1rem 0 rgba(0,0,0,.1)}.experience-card__media img{display:block;width:100%;height:auto}.experience-card__content{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:.5rem;margin-bottom:.25rem;color:inherit;width:100%}.experience-card__years{letter-spacing:.05em;color:grey;grid-row:1;margin-bottom:1rem}.experience-card__company,.experience-card__years{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;grid-column:1}.experience-card__company{color:#ccc;grid-row:2;justify-self:start;width:max-content;position:relative;text-decoration:none;transition:color .15s ease}.experience-card__company:hover{color:#d9d9d9}.experience-card__company-logo{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:.35em;height:1.875em;width:auto;z-index:1;pointer-events:none}.experience-card__company-logo--mango{transform:translateY(calc(-50% - .25rem));margin-left:calc(.35em - 1.3rem);height:1.6em}.experience-card__position{border-radius:.4rem;overflow:hidden;position:relative;border:none}.experience-card__position,.experience-card__position-name{display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:flex-start}.experience-card__position-name{font-family:Roslindale,"PT Serif",Georgia,serif;font-size:1.25rem;line-height:2rem;font-weight:400;font-family:PT Root UI,PT Sans,Arial,sans-serif;margin-bottom:1rem;color:inherit}@media only screen and (min-width:320px)and (max-width:767px){.experience-card__position-name{margin-bottom:1.5rem}}.experience-card__position-descr{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;color:grey;margin:0;padding:0 0 .5rem;border:none;width:100%}.experience-card__description,.experience-card__details{display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;color:inherit}.experience-card__description{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400}.experience-card__item{padding:4px 0 32px;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;color:grey;border-top:1px solid;border-image:linear-gradient(90deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 70%,transparent) 1}.experience-card__item,.experience-card__item:last-child{display:flex;width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start}.experience-card__item:last-child{padding:4px 0 0}.career-timeline{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5rem;list-style:none;margin:1rem 0;padding:0;width:100%;height:.5rem;box-sizing:border-box;overflow:visible}.career-timeline:before{content:"";position:absolute;left:-5rem;top:.25rem;width:5rem;height:1px;background-image:linear-gradient(90deg,transparent,#333);mask-image:repeating-linear-gradient(90deg,#000 0,#000 3px,transparent 0,transparent 7px);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0,#000 3px,transparent 0,transparent 7px)}.career-timeline__item{position:relative}.career-timeline__item:not(:last-child):after{background:#333}.career-timeline__item:last-child:after,.career-timeline__item:not(:last-child):after{content:"";position:absolute;top:.25rem;left:.25rem;width:calc(100% + 5rem);height:1px}.career-timeline__item:last-child:after{background-image:linear-gradient(270deg,transparent,#333);mask-image:repeating-linear-gradient(90deg,#000 0,#000 3px,transparent 0,transparent 7px);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0,#000 3px,transparent 0,transparent 7px)}.career-timeline__dot{position:absolute;top:0;left:0;width:.5rem;height:.5rem;border-radius:50%;background:#333;outline:4px solid #0d0d0d;z-index:1}@media only screen and (min-width:320px)and (max-width:767px){.career-timeline{display:none}}.sign{display:flex;width:100%;padding:48px 0 0;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right}@media only screen and (min-width:320px)and (max-width:767px){.sign{display:flex;width:100%;padding:24px 0 0;flex-direction:column;justify-content:flex-end;align-items:flex-end}}.article{display:flex;width:auto;padding:120px 0 48px;flex-direction:column;justify-content:flex-start;width:1024px;max-width:1024px;margin:0 auto;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1.1875rem;line-height:1.6rem;font-weight:400;color:grey}@media only screen and (min-width:320px)and (max-width:767px){.article{display:flex;width:100%;padding:24px 0 48px;flex-direction:column;justify-content:flex-start;align-items:flex-start}}.content_grid .article{grid-column-start:3;grid-column-end:19;width:auto;margin:0}@media only screen and (min-width:320px)and (max-width:767px){.content_grid .article{grid-column-start:2;grid-column-end:20}}.content_grid .article section>p:not(.article__image){max-width:70%}@media only screen and (min-width:320px)and (max-width:767px){.content_grid .article section>p:not(.article__image){max-width:100%}}.content_grid .article section{margin:0 0 48px}@media only screen and (min-width:320px)and (max-width:767px){.content_grid .article section{margin:0}}.content_grid .article section>:last-child{margin-bottom:0}@media only screen and (min-width:320px)and (max-width:767px){.content_grid .article section>:last-child.article__compare{margin-bottom:2rem}}.content_grid .article section:last-child{margin-bottom:0}.article section{margin:0 0 24px}@media only screen and (min-width:320px)and (max-width:767px){.article section{margin:0}.article section>p:not(.article__image){font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400}.article section>p:has(+.article__skill-cards){margin-bottom:32px}.article section>p+h3{margin-top:8px}.article section>h2:has(+.article__skill-cards .skill-card--case){margin-bottom:24px}.article section:has(+section>h2:first-child) .skill-card--case:last-child .skill-card__description{padding-bottom:0}.article section:has(+section>h2:first-child)>.article__image:last-child{padding-bottom:0}}.article section h2{padding-top:0;margin-top:0}@media only screen and (min-width:320px)and (max-width:767px){.article section+section>h2:first-child{margin-top:2rem}}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{color:#e7e5e4}.article h1{margin-bottom:2rem}.article h2{margin-bottom:1.5rem}@media only screen and (min-width:320px)and (max-width:767px){.article h2{font-size:1.75rem;line-height:1.25;margin-bottom:.75rem}}.article h3{margin-bottom:1rem}@media only screen and (min-width:320px)and (max-width:767px){.article h3{margin-bottom:.75rem}}.article h4,.article h5,.article h6{margin-bottom:1rem}.article h3{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1.25rem;line-height:2rem;font-weight:700}.article a{color:#1f4ead}.article ul{padding:0;margin:0 0 48px;list-style:none}@media only screen and (min-width:320px)and (max-width:767px){.article ul{margin:0 0 32px 16px}}.article ul li{margin:0 0 8px;color:grey}.article ul li::marker{color:#1f4ead}.article ul-secondary{display:flex;width:100%;padding:0 0 8px 24px;flex-direction:row;justify-content:flex-start;align-items:flex-start;border-left:4px solid #69f}.article__annotation,.article ul-secondary{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400}.article__annotation{margin:0 0 32px}@media only screen and (min-width:320px)and (max-width:767px){.article__annotation{margin:0 0 24px}}.article__getmatch{color:#ffd633;font-family:Cormorant Garamond,serif;font-size:calc(1em + 4px);font-style:italic;filter:saturate(50%)}.article__hero{display:grid;grid-template-columns:repeat(20,5%);grid-template-rows:1fr;width:100%;min-height:40vh;min-height:calc(var(--vh)*40);background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),var(--article-hero-image,url("../img/getmatch-odo-hero.jpg"));background-size:cover;background-position:50%}@media only screen and (min-width:320px)and (max-width:767px){.article__hero{background-image:linear-gradient(rgba(0,0,0,.85),rgba(0,0,0,.7)),var(--article-hero-image,url("../img/getmatch-odo-hero.jpg"));background-position:100%}}.article__hero-content{grid-column-start:3;grid-column-end:12;display:flex;width:100%;padding:96px 0 48px;flex-direction:column;justify-content:center;align-items:flex-start;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1.1875rem;line-height:1.6rem;font-weight:400;color:#e7e5e4}@media only screen and (min-width:320px)and (max-width:767px){.article__hero-content{grid-column-start:2;grid-column-end:20;display:flex;width:100%;padding:88px 0 24px;flex-direction:column;justify-content:center;align-items:flex-start}.article__hero-content h1{font-size:2rem;line-height:1.25}}.article__hero .article__annotation{margin-bottom:24px}.article__hero .article__tags{margin-top:0;margin-bottom:0;width:177.7777777778%;max-width:none;box-sizing:border-box}@media only screen and (min-width:320px)and (max-width:767px){.article__hero .article__tags{width:100%}}.article__hero+.content .article{padding-top:24px}.article__tags{display:flex;width:100%;padding:4px 0 40px;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:8px}@media only screen and (min-width:320px)and (max-width:767px){.article__tags{display:flex;width:100%;padding:0 0 4px;flex-direction:row;justify-content:flex-start;align-items:flex-start}}.article__list{display:flex;width:auto;padding:16px 16px 24px;flex-direction:column;justify-content:flex-start;width:640px;margin:0 0 24px;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;background-color:#d3d1cf}@media only screen and (min-width:320px)and (max-width:767px){.article__list{display:flex;width:100%;padding:16px 16px 20px;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0 0 8px}}.article__list h1,.article__list h2,.article__list h3,.article__list h4,.article__list h5,.article__list h6{margin:0 0 8px}.article__list a{margin:0 0 6px}.article__2-cols{display:flex;width:100%;padding:4px 0 32px;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin-left:-24px}@media only screen and (min-width:320px)and (max-width:767px){.article__2-cols{margin-left:0;display:flex;width:100%;padding:4px 0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start}}.article__col{padding:4px 0 32px;align-self:stretch;margin-right:2%;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;color:grey;border-top:1px solid;border-image:linear-gradient(90deg,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.1) 70%,transparent) 1}.article__col,.article__col:last-child{display:flex;width:50%;flex-direction:column;justify-content:flex-start}.article__col:last-child{padding:4px 0 0}@media only screen and (min-width:320px)and (max-width:767px){.article__col{padding:4px 0 32px;margin-bottom:0}.article__col,.article__col:last-child{display:flex;width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start}.article__col:last-child{padding:4px 0 0}}.article__col p{margin-bottom:0}.article__skill-cards{margin-bottom:48px}.article__compare-heading{margin:0 0 1.5rem}@media only screen and (min-width:320px)and (max-width:767px){.article__compare-heading{margin:2rem 0 1.5rem}}.article__compare-heading h2{margin:0}@media only screen and (min-width:320px)and (max-width:767px){.article__compare-heading-desktop{display:none}}.article__compare-heading-mobile{display:none}@media only screen and (min-width:320px)and (max-width:767px){.article__compare-heading-mobile{display:inline}}.article__compare{--compare-position:50%;margin:0 0 48px}@media only screen and (min-width:320px)and (max-width:767px){.article__compare{margin-bottom:2rem}}.article__compare-frame{position:relative;height:32rem;overflow:hidden;overflow:clip;border-radius:6px;background-color:#000;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);mask-image:linear-gradient(#000 0 0);isolation:isolate;transition:height .4s ease;touch-action:pan-y}@media only screen and (min-width:320px)and (max-width:767px){.article__compare-frame{display:flex;flex-direction:column;gap:16px;height:auto;overflow:visible;border-radius:0;background-color:transparent;-webkit-mask-image:none;mask-image:none;isolation:auto;touch-action:auto}.article__compare-frame:after{display:none}}.article__compare-frame:after{content:"";position:absolute;inset:-1px;z-index:3;border:2px solid #000;border-radius:7px;pointer-events:none}.article__compare-after,.article__compare-before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top center;user-select:none}@media only screen and (min-width:320px)and (max-width:767px){.article__compare-after,.article__compare-before{position:static;width:100%;height:auto;object-fit:unset;border-radius:4px;box-shadow:0 .25rem 1rem 0 rgba(0,0,0,.1)}}.article__compare-after{clip-path:inset(0 calc(100% - var(--compare-position)) 0 0);transition:clip-path .35s ease}@media only screen and (min-width:320px)and (max-width:767px){.article__compare-after{order:1;clip-path:none;transition:none}}@media only screen and (min-width:320px)and (max-width:767px){.article__compare-before{order:2}}.article__compare-labels{display:flex;justify-content:space-between;margin:8px 0 0;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:.8rem;line-height:1rem;font-weight:400;color:grey}@media only screen and (min-width:320px)and (max-width:767px){.article__compare-labels{display:none}}.article__compare-handle{position:absolute;top:0;bottom:0;left:var(--compare-position);z-index:2;width:4px;margin-left:-2px;background-color:#e7e5e4;cursor:ew-resize;touch-action:none;transition:left .35s ease}@media only screen and (min-width:320px)and (max-width:767px){.article__compare-handle{display:none}}.article__compare-handle .tag{position:absolute;top:50%;left:50%;width:1rem;height:3rem;padding:0;border:2px solid #e7e5e4;border-radius:100px;background-color:#000;justify-content:center;align-items:center}.article__compare-handle .tag,.article__compare-handle .tag:hover{transform:translate(-50%,-50%)}.article__compare-handle:focus-visible{outline:none}.article__compare-handle:focus-visible .tag{outline:2px solid #69f;outline-offset:2px}.article__compare-toggle{margin:12px 0 0;padding:0;border:0;background:none;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;color:#69f;text-align:left;cursor:pointer;text-decoration:none;transition:color .2s ease}@media only screen and (min-width:320px)and (max-width:767px){.article__compare-toggle{display:none}}.article__compare-toggle:hover{color:#9bf}.article__compare-toggle:active{color:#80aaff}.article__compare_dragging .article__compare-frame{cursor:ew-resize}.article__compare_dragging .article__compare-after,.article__compare_dragging .article__compare-before,.article__compare_dragging .article__compare-handle{transition:none}.article__compare_expanded .article__compare-after,.article__compare_expanded .article__compare-before{object-fit:contain;background-color:#e7e5e4}.article__row{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));align-items:start;margin:0 0 48px}@media only screen and (min-width:320px)and (max-width:767px){.article__row{grid-template-columns:minmax(0,1fr);margin:0 0 32px}}.article__row-text{grid-column:1/7}@media only screen and (min-width:320px)and (max-width:767px){.article__row-text{grid-column:1}}.article__row-media{grid-column:8/16;display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media only screen and (min-width:320px)and (max-width:767px){.article__row-media{grid-column:1;margin-top:16px}}.article__row-media .article__image:last-child{margin-bottom:0;padding-bottom:0}.article__row-media .article__image-caption{color:grey}.article__image{display:flex;width:100%;padding:0 0 24px;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin:0}@media only screen and (min-width:320px)and (max-width:767px){.article__image{width:100%;padding-bottom:16px}}.article__image-auto{width:320px!important}.article__image-frame{position:relative;height:24rem;overflow:hidden;border-radius:6px;transition:height .4s ease}.article__image-frame:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.9) 90%,#fff);pointer-events:none;transition:opacity .3s ease}.article__image-frame img{width:100%;height:auto}.article__image--half{display:flex;width:100%;padding:0;flex-direction:column;justify-content:center;align-items:flex-start}.article__image--half a{width:80%;max-width:600px}@media only screen and (min-width:320px)and (max-width:767px){.article__image--half a{width:100%}}.article__image img{width:100%;border-radius:8px;box-shadow:0 .25rem 1rem 0 rgba(0,0,0,.1)}@media only screen and (min-width:320px)and (max-width:767px){.article__image img{margin:0;width:100%}}.article__image iframe{width:100%;height:300px}@media only screen and (min-width:320px)and (max-width:767px){.article__image iframe{width:100%;height:200px}}.article__image-caption{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;color:grey;margin:8px 0 0}@media only screen and (min-width:320px)and (max-width:767px){.article__image-caption{margin:6px 0 0 2px}}*{box-sizing:border-box}h1{font-family:Roslindale,"PT Serif",Georgia,serif;font-size:3.2rem;line-height:3.7rem;font-weight:400;margin:0 0 1.5rem}@media only screen and (min-width:1536px){h1{font-size:3.5rem;line-height:4.4rem}}@media only screen and (min-width:320px)and (max-width:767px){h1{font-size:1.75rem;line-height:1.25;margin:0 0 1rem}}h2{font-family:Roslindale,"PT Serif",Georgia,serif;font-size:3rem;line-height:3rem;font-weight:400;margin:0 0 1rem}@media only screen and (min-width:320px)and (max-width:767px){h2{font-size:2rem;line-height:1.2;margin:2rem 0 1rem}}h3{font-family:Roslindale,"PT Serif",Georgia,serif;font-size:1.25rem;line-height:2rem;font-weight:400;margin:0 0 .5rem}@media only screen and (min-width:320px)and (max-width:767px){h3{font-size:1.25rem;line-height:1.4;margin:0 0 .25rem}}h4{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.4rem;font-weight:400;margin:0 0 .5rem}a{color:#69f;text-decoration:none}p{margin:0 0 1.5rem}@media only screen and (min-width:320px)and (max-width:767px){p{margin:0 0 1rem}}ul{margin:0;padding:0}ul li{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;margin:0 0 .25rem;list-style-type:square}@font-face{font-family:Roslindale;src:url(../fonts/roslindale.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roslindale;src:url(../fonts/roslindale-bold.otf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:PT Root UI;src:url(../fonts/pt-root.woff2) format("woff2"),url(../fonts/pt-root.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--vh:1vh;--header-height:64px}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{padding:0;margin:0;scroll-behavior:smooth}@media only screen and (min-width:320px)and (max-width:767px){body{height:100vh;height:calc(var(--vh)*100)}}.body_dark{background-color:#0d0d0d}.body_light{background-color:#e7e5e4}.content{display:flex;width:100%;padding:0;flex-direction:flex-start;justify-content:flex-start;align-items:flex-start;max-width:800px;margin:0 auto}@media only screen and (min-width:320px)and (max-width:767px){.content{display:flex;width:100%;padding:0;flex-direction:column;justify-content:flex-start;align-items:center}}.content_grid{display:grid;grid-template-columns:repeat(20,5%);max-width:none;margin:0}blockquote{color:rgb(153,25.5,0)}@media only screen and (min-width:320px)and (max-width:767px){blockquote{margin:4px 12px}}code{display:flex;width:auto;padding:8px 16px;flex-direction:row;justify-content:flex-start;border-radius:4px;background-color:#cfccc9;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;line-height:1.35rem;font-weight:400;margin:0 0 8px}.button,.glassmorphism{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;position:relative}.button:before,.glassmorphism:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:.4rem;padding:1px;background:linear-gradient(135deg,hsla(0,0%,100%,.005),hsla(0,0%,100%,.05));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.glassmorphism-dynamic{background:rgba(0,0,0,calc(var(--bg-opacity, 0)*0.1));backdrop-filter:blur(calc(var(--bg-opacity, 0)*10px));-webkit-backdrop-filter:blur(calc(var(--bg-opacity, 0)*10px));border:none;border-bottom:1px solid rgba(255,255,255,calc(var(--bg-opacity, 0)*0.08));box-shadow:0 8px 32px 0 rgba(0,0,0,calc(var(--bg-opacity, 0)*0.37));position:relative}.glassmorphism-dynamic:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:0;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,calc(var(--bg-opacity, 0)*0.005)),rgba(255,255,255,calc(var(--bg-opacity, 0)*0.05)));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}#index{display:grid;grid-template-columns:repeat(20,5%);grid-template-rows:repeat(6,auto);padding:0}@media only screen and (min-width:320px)and (max-width:767px){#index{padding-top:0}}#main-info{position:relative;grid-row-start:1;grid-column-start:1;grid-column-end:21;background-image:url(../../img/bg.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;height:100vh;height:calc(var(--vh)*100);display:grid;grid-template-columns:repeat(20,5%);grid-template-rows:1fr;padding:0 0 32px;margin:0}@media only screen and (min-width:320px)and (max-width:767px){#main-info{grid-row-start:1;grid-column-start:1;grid-column-end:21;background-image:url(../../img/bg-mobile.jpg);padding:0 0 calc(32px + env(safe-area-inset-bottom, 0px))}}#main-info-text{position:relative;grid-column-start:3;grid-column-end:12;display:flex;width:100%;padding:0;flex-direction:column;justify-content:center;align-items:flex-start;min-height:0;color:#ccc}#main-info-text h1{position:absolute;top:45vh;left:0;width:100%;max-width:100%;margin:0;transform:translateY(-50%);text-align:left;box-sizing:border-box}@media only screen and (min-width:320px)and (max-width:767px){#main-info-text{grid-column-start:2;grid-column-end:20;text-align:center;display:flex;width:100%;padding:14vh 0 0;flex-direction:column;justify-content:space-between;align-items:flex-start}#main-info-text h1{position:relative;top:0;text-align:center;transform:none}}#main-info-buttons{display:flex;width:100%;padding:0;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px;align-self:stretch;margin-top:auto;margin-bottom:32px}@media only screen and (min-width:320px)and (max-width:767px){#main-info-buttons{display:flex;flex-wrap:wrap;gap:1rem;width:100%;padding:48px 0 0;margin:0}#main-info-buttons .button{text-align:center;padding-left:1rem;padding-right:1rem;box-sizing:border-box}#main-info-buttons .button:first-child,#main-info-buttons .button:nth-child(2){flex:0 0 calc(50% - 0.5rem);width:calc(50% - .5rem);min-width:0}#main-info-buttons .button:nth-child(3){flex:0 0 100%;width:100%}}#experience{grid-row-start:2;grid-column-start:3;grid-column-end:19;display:flex;width:100%;padding:2.5rem 0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media only screen and (min-width:320px)and (max-width:767px){#experience{grid-row-start:2;grid-column-start:2;grid-column-end:20;display:flex;width:100%;padding:2.5rem 0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start}}.experience-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5rem}@media only screen and (min-width:320px)and (max-width:767px){.experience-cards{grid-template-columns:1fr;gap:2rem}}#cases{grid-row-start:3;grid-column-start:3;grid-column-end:19;display:flex;width:100%;padding:2.5rem 0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media only screen and (min-width:320px)and (max-width:767px){#cases{grid-row-start:3;grid-column-start:2;grid-column-end:20;display:flex;width:100%;padding:2.5rem 0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start}}.cases-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto;align-items:start;gap:3rem;width:100%}.cases-bento .case-tile--lg{grid-column:1/span 3;grid-row:1}.cases-bento .case-tile--md{grid-column:4/span 2;grid-row:1}.cases-bento .case-tile--sm:nth-of-type(3){grid-column:6/span 1;grid-row:1}@media only screen and (min-width:320px)and (max-width:767px){.cases-bento{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:auto;gap:2rem}.cases-bento .case-tile--lg,.cases-bento .case-tile--md,.cases-bento .case-tile--sm:nth-of-type(3){grid-column:1;grid-row:auto}}#skills{grid-row-start:4;grid-column-start:3;grid-column-end:19;display:flex;width:100%;padding:2.5rem 0 96px;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media only screen and (min-width:320px)and (max-width:767px){#skills{grid-row-start:4;grid-column-start:2;grid-column-end:20;display:flex;width:100%;padding:2.5rem 0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start}}#tags{grid-row-start:5;grid-column-start:1;grid-column-end:21;margin:2.5rem 15%}@media only screen and (min-width:320px)and (max-width:767px){#tags{grid-row-start:5;grid-column-start:2;grid-column-end:20}}.tags__column{color:#ccc;display:flex;width:100%;padding:.8rem 0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media only screen and (min-width:320px)and (max-width:767px){.tags__column h3{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1.1875rem;line-height:1.6rem;font-weight:400}}.tags__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.tags__wrap{display:flex;width:auto;padding:4px 0 0;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:4px}@media only screen and (min-width:320px)and (max-width:767px){.tags__wrap{display:flex;width:auto;padding:8px 0 0;flex-direction:row;justify-content:flex-start}}