*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#b3d570;--secondary-color:#1e270c;--tertiary-color:#45522b;--quaternary-color:#597f0e;--quinary-color:#1a221c;--senary-color:#1a210a;--space-0:1rem;--space-1:1.6rem;--space-2:2.6rem;--space-3:5rem;--space-4:7rem;--space-5:14rem;--space-6:20rem;--space-7:24rem;--samsung-color:#1428a0;--sweaty-color:#ff004d;--smartthings-color:#008df7}::selection{background-color:var(--primary-color);color:var(--secondary-color)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-color:var(--case-study-background,var(--secondary-color));font-family:Big Shoulders Display,sans-serif;transition:background-color .8s ease-in-out}body{overflow-x:hidden}img{width:100%;height:auto}.wrapper{padding:var(--space-2);gap:var(--space-1);grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}main{gap:var(--space-1);height:max-content;display:grid}footer{gap:var(--space-1);line-height:0;display:grid}p{color:var(--primary-color);padding-bottom:2rem;font-family:Roboto,sans-serif;font-size:1.125rem;font-style:normal;font-weight:300;line-height:2rem}p:last-of-type{padding-bottom:0}p:has(+ul){padding-bottom:0}p:has(+.additional-thoughts){padding-bottom:2rem}.additional-thoughts{background-color:var(--senary-color);border:1px solid var(--quaternary-color);padding:2rem}ul{color:var(--primary-color);padding-top:1.5rem;padding-bottom:1.5rem;font-family:Roboto,sans-serif;font-size:1.125rem;font-style:normal;font-weight:300;line-height:2rem}ul li{color:var(--primary-color);border-left:1px solid var(--tertiary-color);margin-bottom:1rem;padding:0 1rem;font-family:Roboto,sans-serif;font-size:1.125rem;font-style:normal;font-weight:300;line-height:2rem;list-style-type:none}.additional-thoughts ul{padding-bottom:initial}ul li:last-of-type{margin-bottom:0}h4{font-optical-sizing:auto;color:var(--primary-color);text-transform:uppercase;padding-left:0;font-family:Big Shoulders Display,sans-serif;font-size:5.2vw;font-weight:715}h4:has(+p){padding-bottom:1rem}h3{color:var(--primary-color);padding-bottom:1rem;font-size:1.7rem;font-weight:600}h1{font-optical-sizing:auto;color:var(--primary-color);text-transform:uppercase;font-family:Big Shoulders Display,sans-serif;font-size:15vw;font-weight:900}h2{font-optical-sizing:auto;color:var(--tertiary-color);text-transform:uppercase;font-family:Big Shoulders Display,sans-serif;font-size:2.69vw;font-weight:710}h4 a{color:var(--primary-color);text-decoration:none}h4 a:link,h4 a:visited{color:var(--primary-color)}h4 a:hover{color:var(--secondary-color);background-color:var(--quaternary-color);margin-left:-1rem;padding:.2rem 1rem}p a{color:var(--primary-color);-webkit-text-decoration-color:var(--quaternary-color);text-decoration-color:var(--quaternary-color);text-underline-offset:.7rem;text-decoration-thickness:.01rem;transition:all .2s ease-in-out}p a:link,p a:visited{color:var(--primary-color)}.nopadding{padding:0}.video-container{background:#000;max-width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-container iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}p a:hover{-webkit-text-decoration-color:var(--primary-color);text-decoration-color:var(--primary-color);text-underline-offset:.5rem}svg{width:100%;height:auto}.ticker div{color:var(--primary-color);text-transform:uppercase;letter-spacing:.3rem;font-size:1.5rem;font-weight:300}.eocjs-newsticker{background-color:var(--primary-color);padding:10px 0}.eocjs-newsticker .eocjs-newsticker-container{height:24px;position:relative;overflow:hidden}.eocjs-newsticker .eocjs-newsticker-one,.eocjs-newsticker .eocjs-newsticker-two{white-space:nowrap;height:24px;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.3rem;font-size:1.5rem;font-weight:300;line-height:24px;position:absolute;top:0;left:0}.eocjs-newsticker-loader{border:3px solid #555;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.75s linear infinite eocjs-newsticker-spin;display:block;position:absolute;top:2px;left:calc(50% - 10px)}@keyframes eocjs-newsticker-spin{to{transform:rotate(360deg)}}.note-hold{position:relative}.evp-jj-note{width:19rem;position:absolute;bottom:-11.5rem;right:-8rem}.spm-sandra-note-1{width:19rem;position:absolute;bottom:-8.5rem;right:-8rem}.spm-sandra-note-2{width:16rem;position:absolute;bottom:-10.5rem;right:-7rem}.spm-sandra-note-3{width:12rem;position:absolute;bottom:-8.5rem;right:-6rem}.slant-left{transform:rotate(-3deg)}.slant-right{transform:rotate(3deg)}.case-study{padding:var(--space-5);gap:var(--space-6)}.case-study-subject{align-content:center;gap:var(--space-5);height:100vh;display:grid}.case-study-subject div{align-content:center}.subject-1{padding:var(--space-6);grid-template-columns:1fr}.subject-2{padding:var(--space-5);grid-template-columns:1fr 1fr}.tools-and-skills{grid-template-columns:1fr 1fr;display:grid}.glow{box-shadow:0px 4px 23.1px 3px var(--quinary-color), 0px 4px 119px 3px var(--primary-color);line-height:0}.tv{border:1rem solid var(--quinary-color);line-height:0}.phone-hold-1{grid-template-columns:1fr;justify-self:center;gap:7rem;display:grid}.phone-hold-2{grid-template-columns:1fr 1fr;justify-self:center;gap:7rem;display:grid}.phone{border:1rem solid var(--quinary-color);border-radius:3rem;line-height:0}.phone img,.phone video{border-radius:2rem}.watch{border:1rem solid var(--quinary-color);border-radius:3rem;width:15rem;line-height:0}.watch img,.watch video{border-radius:2rem}.tablet{border:1rem solid var(--quinary-color);border-radius:2rem;line-height:0}.tablet img,.tablet video{border-radius:1em}.vertical{max-width:22rem}.horizontal{max-width:45.375rem}@media (max-width:768px){.watch{width:12rem}}@media (min-width:768px) and (max-width:1200px){.case-study-subject{padding:var(--space-4);gap:var(--space-4)}.case-study{padding:var(--space-4)}}@media (max-width:768px){.wrapper{padding:var(--space-1);gap:var(--space-0)}h2{font-size:7vw;font-weight:730}h3{font-size:1.7rem;line-height:2.7rem}h4{font-size:11vw}.case-study{padding:var(--space-0);gap:var(--space-4)}.case-study-subject{padding:var(--space-3);gap:var(--space-3)}.subject-2{grid-template-columns:1fr}.tools-and-skills{gap:var(--space-4);grid-template-columns:1fr}.tv{border:.7rem solid var(--quinary-color)}.tablet{border:.7rem solid var(--quinary-color);border-radius:1rem}.tablet img,.tablet video{border-radius:.5rem}.evp-jj-note{width:14.25rem;position:absolute;bottom:-8.75rem;right:-2rem}.spm-sandra-note-1{width:14rem;position:absolute;bottom:-8.5rem;right:-2rem}.spm-sandra-note-2{width:14rem;position:absolute;bottom:-9.2rem;right:-1rem}.spm-sandra-note-3{width:12rem;position:absolute;bottom:-8.5rem;right:0}.phone-hold-1{grid-template-columns:1fr;justify-self:center;gap:7rem;max-width:22rem;display:grid}.phone-hold-2{grid-template-columns:1fr}.horizontal{display:none}}@media (min-width:1200px){.evp-jj-note{width:21rem;position:absolute;bottom:-12.5rem;right:-8rem}}
:root{--neutral-white:#fff;--neutral-ink:#111;--neutral-black:#000;--neutral-paper:#f5f5f5;--neutral-gray600:#595959;--neutral-gray400:#a3a3a3;--primary-color:var(--neutral-ink);--secondary-color:var(--neutral-white);--tertiary-color:var(--neutral-gray600);--quaternary-color:var(--neutral-ink);--quinary-color:var(--neutral-ink);--senary-color:var(--neutral-paper);--wordmark-muted:var(--tertiary-color);--text-inverse:var(--secondary-color);--surface-inverse:var(--primary-color);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--primary-color:var(--neutral-paper);--secondary-color:var(--neutral-black);--tertiary-color:var(--neutral-gray400);--quaternary-color:var(--neutral-paper);--quinary-color:#242424;--senary-color:#171717;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme]){--primary-color:var(--neutral-paper);--secondary-color:var(--neutral-black);--tertiary-color:var(--neutral-gray400);--quaternary-color:var(--neutral-paper);--quinary-color:#242424;--senary-color:#171717;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=sage]{--wordmark-muted:#364120;--primary-color:#b3d570;--secondary-color:#1e270c;--tertiary-color:#45522b;--quaternary-color:#597f0e;--quinary-color:#1a221c;--senary-color:#1a210a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=sand]{--primary-color:#d5c170;--secondary-color:#27240c;--tertiary-color:#4f4a22;--quaternary-color:#d5c170;--quinary-color:#211f17;--senary-color:#211e0a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=glacier]{--primary-color:#70d5c2;--secondary-color:#0c2721;--tertiary-color:#245145;--quaternary-color:#70d5c2;--quinary-color:#17211f;--senary-color:#0a211c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=scarlet]{--primary-color:#c12b36;--secondary-color:#390000;--tertiary-color:#68181f;--quaternary-color:#c12b36;--quinary-color:#211717;--senary-color:#2d0000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{transition:background-color .8s ease-in-out}body,h1,h2,h3,h4,p,li,a,svg path,.additional-thoughts,.eocjs-newsticker,.eocjs-newsticker-one,.eocjs-newsticker-two{transition:color .18s,background-color .18s,border-color .18s,fill .18s}.theme-picker{-webkit-user-select:none;user-select:none;z-index:100;inset-inline-end:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));border:1px solid var(--primary-color);background:var(--secondary-color);color:var(--primary-color);border-radius:.375rem;align-items:center;gap:.75rem;padding:.5rem .75rem;font:500 .875rem/1.25 Roboto,sans-serif;display:flex;position:fixed}.theme-select-wrap{display:inline-flex;position:relative}.theme-picker select{border:1px solid var(--primary-color);appearance:none;background:var(--secondary-color);max-width:9rem;min-height:36px;color:var(--primary-color);font:inherit;cursor:pointer;border-radius:.375rem;outline:none;padding:.25rem 2.25rem .25rem .625rem}.theme-select-wrap svg{pointer-events:none;width:12px;height:8px;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.theme-picker-circles:focus-within{border-width:2px;padding:calc(.5rem - 1px) calc(.75rem - 1px)}.theme-picker select:focus-visible{border-width:2px;padding:calc(.25rem - 1px) calc(2.25rem - 1px) calc(.25rem - 1px) calc(.625rem - 1px)}a:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}@media (prefers-reduced-motion:reduce){html,body,h1,h2,h3,h4,p,li,a,svg path,.additional-thoughts,.eocjs-newsticker,.eocjs-newsticker-one,.eocjs-newsticker-two{transition:none}}@media print{:root[data-theme],:root{--primary-color:#111;--secondary-color:#fff;--tertiary-color:#595959;--quaternary-color:#111;--quinary-color:#111;--senary-color:#f5f5f5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.theme-picker{display:none}body{padding-bottom:0}}[data-case-brand=samsung]{--brand-color:var(--samsung-color)}[data-case-brand=sweaty]{--brand-color:var(--sweaty-color)}[data-case-brand=smartthings]{--brand-color:var(--smartthings-color)}header[data-case-brand]{background-color:#0000}.case-study-subject svg path[fill=white]:not(mask path){transition:fill .8s ease-in-out}:root[data-case-intro=false] .case-study-subject svg path[fill=white]:not(mask path){fill:var(--primary-color)}:root{--illustration-ink:var(--primary-color);--illustration-paper:var(--secondary-color);--illustration-accent:#00787c}:root[data-theme=sage]{--illustration-ink:#fff}:root[data-theme=dark],:root[data-theme=sage],:root[data-theme=sand],:root[data-theme=glacier],:root[data-theme=scarlet]{--illustration-accent:#0ff}.theme-artwork{color:var(--illustration-ink);display:block}.theme-artwork-map{color:var(--primary-color)}.theme-picker-circles{gap:0}.theme-reveal{min-height:36px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0}.theme-reveal:focus{outline:none}.theme-swatches{opacity:0;visibility:hidden;pointer-events:none;gap:.25rem;max-width:0;margin-inline-start:0;transition:max-width .7s cubic-bezier(.4,0,.2,1),margin .7s cubic-bezier(.4,0,.2,1),opacity .5s,transform .7s,visibility .7s;display:flex;overflow:hidden;transform:translate(.4rem)}.theme-picker-circles[data-open=true] .theme-swatches{opacity:1;visibility:visible;pointer-events:auto;max-width:260px;margin-inline-start:.75rem;transform:none}.theme-swatch{width:32px;height:36px;color:var(--primary-color);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.theme-swatch span{border:1px solid var(--primary-color);background:var(--swatch);border-radius:50%;width:22px;height:22px;display:block}.theme-swatch[aria-pressed=true] span{outline:2px solid var(--primary-color);outline-offset:3px}.theme-swatch:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:380px){.theme-picker-circles{padding-inline:.5rem}.theme-swatches{gap:.125rem}.theme-swatch{width:30px}.theme-picker-circles[data-open=true] .theme-swatches{margin-inline-start:.5rem}}@media (prefers-reduced-motion:reduce){.theme-swatches,header[data-case-brand],.case-study-subject svg path[fill=white]:not(mask path){transition:none}}
.announcement-track{width:max-content;animation:0s linear 1s infinite portfolio-marquee;display:flex}.announcement-track>span{flex:none}@keyframes portfolio-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.announcement-track{width:auto;animation:none;display:block;white-space:normal!important;height:auto!important;position:static!important}.announcement-track span[aria-hidden]{display:none}.portfolio-announcement .eocjs-newsticker-container{height:auto}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}