.hero{opacity:0;}.hero.visible{opacity:1;transition:opacity .4s ease;}body.superPage{background-color:var(--color-super);}body.superPage nav figure.photo{background-color:var(--color-super);border-color:var(--color-super);}body.superPage .navProfile:hover{background-color:var(--color-super);}body.possiblePage{background-color:var(--color-possible);}body.possiblePage nav figure.photo{background-color:var(--color-possible);border-color:var(--color-possible);}body.possiblePage .navProfile:hover{background-color:var(--color-possible);}body.kohlsPage{background-color:var(--color-kohls);}body.kohlsPage nav figure.photo{background-color:var(--color-kohls);border-color:var(--color-kohls);}body.kohlsPage .navProfile:hover{background-color:var(--color-kohls);}body.nationwidePage{background-color:var(--color-nationwide);}body.nationwidePage nav figure.photo{background-color:var(--color-nationwide);border-color:var(--color-nationwide);}body.nationwidePage .navProfile:hover{background-color:var(--color-nationwide);}body.microsoftPage{background-color:var(--color-microsoft);}body.microsoftPage nav figure.photo{background-color:var(--color-microsoft);border-color:var(--color-microsoft);}body.microsoftPage .navProfile:hover{background-color:var(--color-microsoft);}.navProfile:hover p.name,.navProfile:hover p.location{color:var(--color-text-reversed);}body:is(.superPage,.possiblePage,.kohlsPage,.nationwidePage,.microsoftPage) global-nav nav{background-color:transparent;transition:top .4s cubic-bezier(.4,0,.2,1),background-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px rgba(0,0,0,.00),0 4px 12px rgba(0,0,0,.00);}body.nav-expanded:is(.superPage,.possiblePage,.kohlsPage,.nationwidePage,.microsoftPage) global-nav nav{transition:top .4s cubic-bezier(.4,0,.2,1),background-color .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1) .2s;box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 12px rgba(0,0,0,.06);}body.nav-expanded.superPage global-nav nav{background-color:var(--color-super);}body.nav-expanded.possiblePage global-nav nav{background-color:var(--color-possible);}body.nav-expanded.kohlsPage global-nav nav{background-color:var(--color-kohls);}body.nav-expanded.nationwidePage global-nav nav{background-color:var(--color-nationwide);}body.nav-expanded.microsoftPage global-nav nav{background-color:var(--color-microsoft);}body.superPage .navMenu li a{color:#000;}body.possiblePage .navMenu li a{color:#000;}body.kohlsPage .navMenu li a{color:#fff;}body.nationwidePage .navMenu li a{color:#fff;}body.microsoftPage .navMenu li a{color:#000;}body:is(.kohlsPage,.nationwidePage) .navMenu li a{color:#fff;font-weight:500;}body:is(.superPage,.possiblePage,.microsoftPage) .navMenu li a{color:#000;}body:is(.superPage,.possiblePage,.kohlsPage,.nationwidePage,.microsoftPage) .navMenu li a:hover{color:var(--color-bg);}nav.pageNav{position:sticky;top:0;width:100%;z-index:2500;padding-top:2rem;padding-bottom:1.5rem;transition:top .4s cubic-bezier(.4,0,.2,1);}nav.pageNav::before{content:'';position:absolute;top:0;left:0;right:0;bottom:-50px;overflow-x:visible;z-index:-1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(to bottom,color-mix(in srgb,var(--color-bg) 90%,transparent) 0%,color-mix(in srgb,var(--color-bg) 60%,transparent) 50%,transparent 100%);-webkit-mask:linear-gradient(to bottom,black 0%,black 40%,transparent 100%);mask:linear-gradient(to bottom,black 0%,black 40%,transparent 100%);}body:not(.nav-expanded) nav.pageNav{top:0;}body.nav-expanded nav.pageNav{top:calc(clamp(56px,7.5vw,96px) - .5rem);background-color:var(--color-bg);}nav.pageNav ul{display:flex;flex-direction:row;gap:5vw;align-items:center;justify-content:flex-start;list-style-type:none;width:calc(100% - clamp(40px,5vw,52px) - clamp(1.5rem,5vw,4rem));}nav.pageNav li{margin-top:1.25rem;font-weight:600;font-size:.9rem;}.pageNav a{text-decoration:none;color:inherit;display:block;}.pageNav a{opacity:.5;transition:opacity .3s ease;}.pageNav li.active a{opacity:1;}.nav-indicator{position:absolute;bottom:0;height:3px;background:#FFB900;transition:left .3s ease,width .3s ease;pointer-events:none;border-radius:100px;}.superPage .nav-indicator{background:var(--color-super);}.possiblePage .nav-indicator{background:var(--color-possible);}.kohlsPage .nav-indicator{background:var(--color-kohls);}.nationwidePage .nav-indicator{background:var(--color-nationwide);}.microsoftPage .nav-indicator{background:var(--color-microsoft);}.caseStudyMainContent section[id^="section-"]{scroll-margin-top:calc(clamp(56px,7.5vw,96px) + 6rem);}.pageHeader{gap:.5rem;margin-top:2rem;max-width:80vw;}.possibleCaseStudy h1,.possibleCaseStudy .hero-subtitle{color:#002406;}.microsoftCaseStudy h1,.microsoftCaseStudy .hero-subtitle{color:#241A00;}.superCaseStudy h1,.superCaseStudy .hero-subtitle,.kohlsCaseStudy h1,.kohlsCaseStudy .hero-subtitle,.nationwideCaseStudy h1,.nationwideCaseStudy .hero-subtitle{color:#fff;}@property --color-progress{syntax:'<number>';inherits:true;initial-value:0;}.caseStudyCompany{--color-progress:0;opacity:.3;font-size:200px;line-height:150%;font-weight:800;font-style:italic;transform:rotate(-90deg);transform-origin:right top;position:absolute;right:300px;top:15rem;padding-right:2rem;z-index:50;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.superCaseStudy .caseStudyCompany{color:color-mix(in srgb,black calc(var(--color-progress) * 100%),#ff82cd);}.nationwideCaseStudy .caseStudyCompany{color:color-mix(in srgb,black calc(var(--color-progress) * 100%),#9fcaff);}.microsoftCaseStudy .caseStudyCompany{color:color-mix(in srgb,black calc(var(--color-progress) * 100%),#fde6a9);}.possibleCaseStudy .caseStudyCompany{color:color-mix(in srgb,black calc(var(--color-progress) * 100%),#a4ffb2);}.kohlsCaseStudy .caseStudyCompany{color:color-mix(in srgb,black calc(var(--color-progress) * 100%),#ee9aff);}.superPage .branded{background-color:var(--color-super-bg);}.possiblePage .branded{background-color:var(--color-possible-bg);}.kohlsPage .branded{background-color:var(--color-kohls-bg);}.nationwidePage .branded{background-color:var(--color-nationwide-bg);}.microsoftPage .branded{background-color:var(--color-microsoft-bg);}.fig-container{width:100%;min-height:70vh;}section.superCaseStudy,section.possibleCaseStudy{min-height:100vh;}.microsoftCaseStudy figure.microsoftHero{top:10rem}#microsoftiMac{z-index:1;height:900px;margin-left:-180%;}.microsoftHero .animationContainer:nth-child(1){top:-15%;right:-10%;left:auto;}#microsoftiPad{z-index:2;height:800px;margin-left:200%;padding-top:20%;}.microsoftHero .animationContainer:nth-child(2){bottom:0;left:-5%;top:auto;}#microsoftPhone1{z-index:3;height:clamp(350px,35vw,550px);margin-bottom:45%;margin-left:250%;}.microsoftHero .animationContainer:nth-child(3){bottom:-10%;left:38%;top:auto;}#microsoftPhone2{z-index:4;height:clamp(350px,35vw,550px);margin-bottom:25%;margin-left:250%;}.microsoftHero .animationContainer:nth-child(4){bottom:-10%;left:52%;top:auto;}#microsoftPhone3{z-index:5;height:clamp(350px,35vw,550px);margin-bottom:5%;margin-left:250%;}.microsoftHero .animationContainer:nth-child(5){bottom:-10%;left:66%;top:auto;}#microsoft-cart-iMac{height:900px;}#microsoft-cart-macbook{height:700px;display:flex;align-items:center;justify-content:center;}#microsoft-cart-iPad{height:700px;margin-left:-15%;}.microsoft-special{align-items:flex-end;justify-content:space-between;width:100%;margin-bottom:12rem;}.superCaseStudy figure.superHero{margin-top:-5rem;margin-left:-10vw;transform:scale(1.5);}.possibleCaseStudy figure.possibleHero{top:20rem;left:-30%;transform:scale(1.75);}.kohlsCaseStudy figure.kohlsHero{top:-25rem;left:-20%;transform:scale(1.4);}.nationwideCaseStudy figure.nationwideHero{top:20rem;left:35vw;transform:scale(1.5);}.nationwideCaseStudy .fig-container{min-height:75vh;}main{background-color:var(--color-bg-elevated);z-index:10;position:relative;}article{width:100%;height:auto;}article p{max-width:800px;}p.centered{text-align:center;margin:0 auto;}metrics-section{width:100%;}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(30%,1fr));gap:1rem;}.metrics .card{width:100%;height:100%;min-height:3rem;background-color:var(--color-bg-study);}article.lineItem{background-color:var(--color-bg-study);}.side-by-side{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;width:100%;}.side-by-side.uniform{margin-block:5rem;}.side-by-side.left{justify-content:flex-end;}.side-by-side.vertical-center article{align-self:center;}.side-by-side article{max-width:45vw;min-width:320px;}.side-by-side picture{max-width:45vw;min-width:320px;}.side-by-side picture img{width:100%;}.side-by-side div{width:clamp(304px,100%,45vw);height:100%;}.side-by-side picture.img-contained{max-height:400px;display:flex;align-items:center;justify-content:center;}.side-by-side picture.img-contained.tall{max-height:600px;}.side-by-side picture.img-contained.wide{max-height:none;max-width:40vw;}picture.img-contained img{height:100%;width:auto;background-color:var(--color-bg);border-radius:16px;padding:2rem;}picture.img-contained.preset img{padding:0;}picture.img-contained.wide img{height:auto;width:100%;}.svg-wrapper svg{width:100%;height:100%;}.iconHighlight{width:60%;}.iconWrapper{display:flex;flex-direction:column;align-items:center;row-gap:1rem;text-align:center;}.possiblePage .iconHighlight{stroke:linear-gradient(135deg,#1fde32,#158c2e);}.screen-group-wrapper{display:flex;flex-direction:column;width:100%;}.screen-group{display:flex;flex-direction:row;gap:4rem;width:100%;overflow-x:auto;overflow-y:hidden;padding-inline:1rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-block:.5rem;scrollbar-width:none;-ms-overflow-style:none;position:relative;}.features{gap:0;}.features h4{margin-top:1rem;margin-bottom:.25rem;}.features img{width:100%;height:auto;min-width:18vw;max-width:28vw;border-radius:16px;}.features .title-figure{display:flex;flex-direction:column;justify-content:flex-start;align-content:center;min-width:40vw;padding-left:none;}.features .rotation-title{margin-bottom:1rem;}.features figure{margin-bottom:2rem;}.screen-indicator{display:flex;justify-content:center;align-items:center;gap:.5rem;padding-block:1rem;margin:0 auto;z-index:4;}.screen-indicator .dot{height:8px;width:8px;border-radius:4px;opacity:.3;cursor:pointer;transition:transform .15s ease;}body.superPage .screen-indicator .dot{background:var(--color-super);}body.possiblePage .screen-indicator .dot{background:var(--color-possible);}body.kohlsPage .screen-indicator .dot{background:var(--color-kohls);}body.nationwidePage .screen-indicator .dot{background:var(--color-nationwide);}body.microsoftPage .screen-indicator .dot{background:var(--color-microsoft);}.screen-indicator .dot:hover{transform:scale(1.2);}.screen-group::-webkit-scrollbar{display:none;}.screen-group .device{scroll-snap-align:center;margin-inline:1rem;}.device.ipad{height:60vw;}.device.imac{height:38vw;}.screen-group.fitted{width:100%;scroll-snap-type:none;overflow:hidden;display:flex;justify-content:space-between;gap:1rem;padding-inline:0;}.screen-group.fitted .device-wrapper{flex:1 1 0;min-width:0}.screen-group.fitted .device-wrapper .device{width:100%;padding-block:1rem;}.screen-group.fitted.two .device-wrapper .device{height:65vw}.screen-group.fitted.two .device-wrapper .device{height:55vw}.screen-group.fitted.four .device-wrapper .device{height:45vw}.screen-group.fitted.five .device-wrapper .device{height:38vw}.screen-group.fitted.six .device-wrapper .device{height:30vw}.contains-carousel{padding-inline:0;}.contains-carousel .non-carousel{padding-inline:clamp(1rem,3vw,3rem);}.contains-carousel .screen-group figure:first-of-type{padding-left:clamp(1rem,3vw,3rem);}.contains-carousel .screen-group figure:last-of-type{padding-right:clamp(1rem,3vw,3rem);}.nw-phone-group{display:flex;flex-direction:column;gap:1rem;}article.break,div.break{margin-top:16vh;}article.break.large,div.break.large{margin-top:24vh;}article.break-after,div.break-after{margin-bottom:16vh;}article.break-after.large,div.break-after.large{margin-bottom:24vh;}.centered-image{display:flex;justify-content:center;align-items:center;width:100%;}.journey-scroll-container{--journey-margin:clamp(1rem,3vw,3rem);position:relative;height:100vh;max-height:800px;width:100%;overflow:hidden;}.journey-image{position:absolute;top:0;left:var(--journey-margin);height:100%;width:auto;z-index:1;pointer-events:none;will-change:transform;}.journey-image img{height:100%;width:auto;}.journey-scroll-track{position:relative;z-index:2;height:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;}.journey-scroll-track::-webkit-scrollbar{display:none;}.journey-scroll-track .snap-target{flex-shrink:0;width:100vw;height:100%;}.journey-scroll-container .screen-indicator{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:3;}.w100 img{max-width:100%;}picture.w50{width:100%;display:flex;justify-content:center;align-items:center;}.w50 img{max-width:50%;}.possible-diagram-group{display:flex;flex-direction:row;justify-content:space-between;width:100%;flex-wrap:wrap;row-gap:4rem;margin-block:4rem;}.possible-diagram-group picture{min-width:304px;}.possible-square-diagram{max-width:500px;aspect-ratio:1/1;flex-shrink:0;}.possible-square-diagram img{width:100%;height:100%;}.super-concepts img{max-width:90vw;max-height:100vh;}span.wave-text{display:inline-block;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;}span.wave-text .letter{display:inline-block;transition:color .3s ease;color:var(--wave-color-before,var(--color-text-primary));}span.wave-text:hover .letter{color:var(--wave-color-after,var(--color-super));}span.wave-text .letter.wave{animation:waveTextBounce .3s ease;}@keyframes waveTextBounce{0%{transform:translateY(0)}50%{transform:translateY(-20%)}100%{transform:translateY(0)}}span.wave-text.super{--wave-color-before:var(--color-text-primary);--wave-color-after:var(--color-super);}span.wave-text.possible{--wave-color-before:var(--color-text-primary);--wave-color-after:var(--color-possible);}span.wave-text.kohls{--wave-color-before:var(--color-text-primary);--wave-color-after:var(--color-kohls);}span.wave-text.microsoft{--wave-color-before:var(--color-text-primary);--wave-color-after:var(--color-microsoft);}span.wave-text.nationwide{--wave-color-before:var(--color-text-primary);--wave-color-after:var(--color-nationwide);}span.wave-text.super-inverted{--wave-color-before:#fff;--wave-color-after:#000;}span.wave-text.kohls-inverted{--wave-color-before:#fff;--wave-color-after:#000;}.superPage h2:not(.headline-animated),.possiblePage h2:not(.headline-animated),.nationwidePage h2:not(.headline-animated),.kohlsPage h2:not(.headline-animated),.microsoftPage h2:not(.headline-animated){max-width:min(80vw,100%);}.metrics .card{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:0;}.screen-group .metrics-card{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:0;height:100%;min-width:240px;flex-shrink:0;scroll-snap-align:center;}.metric-number{font-size:clamp(2.1rem,4.5vw,15rem);font-weight:400;line-height:120%;letter-spacing:-.03em;}.metric-context{margin-top:0;}article.background{display:flex;flex-direction:column;gap:2rem;}.background .card{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));;}.nw-delivery-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:2rem;}.nw-delivery-content .nw-delivery-row{position:sticky;top:100px;}.nw-delivery-content .nw-delivery-row:nth-of-type(2){top:200px;}.nw-delivery-content .nw-delivery-row:nth-of-type(3){top:300px;}