:root{--paper:#f1f0f6;--alternate:#e6e6f2;--navy:#263754;--blue:#00a9e5;--text:#414141}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,blockquote{margin-top:0}h1,h2{line-height:1.12;letter-spacing:-.04em;color:var(--navy)}h1{font-size:44px}h2{font-size:32px;margin-bottom:36px}h3{font-size:12px;line-height:1.5;margin:16px 0 4px}p{margin-bottom:20px}ul{padding-left:18px;margin:0 0 16px}blockquote{font-style:italic;font-weight:600;line-height:1.5}button{border:0}.header{position:relative;width:61.6%;height:100px;margin:auto;display:flex;align-items:flex-start;justify-content:space-between;z-index:5}.header>a{width:8.3%;margin-top:5px}.header nav{display:flex;gap:34px;padding-top:35px;align-items:center}.header nav a{font-size:13px;font-weight:800;letter-spacing:1px;line-height:1.3}.header nav>a,.work-nav>a{display:block;padding:10px 0}.has-hero .header{position:absolute;left:19.2%;height:5.6vw}.has-hero .header>a{width:8.3%;margin-top:.3vw}.has-hero .header nav{padding-top:1.5vw;gap:2vw}.has-hero .header>a img,.has-hero .header nav>a span,.has-hero .work-nav>a span{opacity:0}.header a:hover{text-decoration:underline;text-underline-offset:10px}.work-nav{position:relative}.dropdown{display:none;position:absolute;right:-15px;top:100%;width:220px;background:#fff;box-shadow:0 8px 24px #0002;padding:14px}.dropdown a{display:block;padding:12px;font-size:12px!important;color:#263754}.work-nav:hover .dropdown,.work-nav:focus-within .dropdown{display:block}.hero{position:relative;line-height:0}.hero>img{width:100%;height:auto}.work-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,25vw)}.intro{grid-column:2;grid-row:1;align-content:center;padding:4vw 7.4vw;background:#f1f0f6}.intro h2{color:#363636;font-size:clamp(25px,2.6vw,48px);margin-bottom:22px}.intro p{font-size:clamp(16px,1.45vw,27px);line-height:1.65;margin:0}.platform-card{grid-column:1;grid-row:1/span 2}.watch-card{grid-column:2;grid-row:2}.mobile-card{grid-column:1;grid-row:3}.other-card{grid-column:1;grid-row:4}.ets-card{grid-column:2;grid-row:3/span 2}.work-card{position:relative;overflow:hidden}.work-card>img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.work-card>span{position:absolute;inset:0;display:grid;place-items:center;background:#263754bb;color:white;font-size:28px;font-weight:700;opacity:0;transition:opacity .25s}.work-card:hover>span,.work-card:focus-visible>span{opacity:1}.work-card:hover>img{transform:scale(1.025)}footer{background:#252525;color:#888}.footer-inner{width:61.6%;margin:auto;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner>a{flex:0 0 51px}.footer-inner nav{display:flex;gap:14px;align-items:center;font-size:13px;line-height:1.3}.footer-inner nav a:hover{color:white}.footer-inner .social{background:none;color:#999;font-weight:bold;padding:0}.footer-inner i{border-right:1px solid #666;height:16px}footer small{display:block;text-align:center;background:#1c1c1c;padding:9px;font-size:11px}.to-top{position:fixed;bottom:30px;right:24px;border:2px solid #bbb;background:#252525aa;color:#ddd;width:48px;height:48px;border-radius:50%;font-size:28px;line-height:1;opacity:0;pointer-events:none;transition:opacity .2s}.to-top.visible{opacity:1;pointer-events:auto}.about-layout{width:45%;max-width:800px;margin:85px auto 55px;display:grid;grid-template-columns:1.45fr 1fr;gap:46px}.about-layout article h1{margin-bottom:20px}.about-layout article p{margin-bottom:28px}.about-layout blockquote{position:relative;padding-left:54px;color:#5b5875;font-size:16px;margin:30px 0 36px}.about-layout blockquote:before{content:'❞';position:absolute;left:10px;top:-10px;font-size:36px;color:#6c748d}.about-layout aside>img{width:100%;border-radius:2px;margin:9px 0 36px}.about-layout aside{font-size:12px;line-height:2.15;color:#858298}.about-layout aside h3{color:#68718b;letter-spacing:1px;font-size:14px;margin-top:28px}.social-links{display:flex;border-top:1px solid #bfc1d0;gap:20px;width:max-content;padding-top:12px;margin-top:72px}.social-links button{padding:0;background:none;color:var(--blue);font-size:18px;font-weight:bold;line-height:1.5}.contact-layout{padding:93px 0 130px;min-height:1110px}.contact-layout h1{text-align:center;margin-bottom:65px}.contact-layout form{width:32.5%;max-width:580px;margin:auto}.contact-layout label{display:block;color:#888;margin-bottom:18px}.contact-layout input,.contact-layout textarea{display:block;width:100%;border:0;border-bottom:1px solid #ccc;padding:15px;background:white;border-radius:0;min-height:55px;color:#333}.contact-layout textarea{height:175px;resize:vertical}.contact-layout form>.button{display:block;margin:20px auto 0;padding:14px 27px;border-radius:3px;box-shadow:0 2px 5px #0002}.contact-layout .social-links{margin:145px auto 0;justify-content:center;width:200px}#form-status{color:#6a4565;margin-top:20px;text-align:center}.button{display:inline-block;background:var(--blue);color:#fff;padding:9px 14px;font-size:11px;font-weight:bold;line-height:1.3;border-radius:1px}.button:hover{background:#008ac0}.lede{text-align:center;width:36%;max-width:650px;margin:90px auto 85px}.overview{background:var(--navy);color:#ddd;width:61.6%;max-width:1100px;margin:0 auto 80px;border-radius:7px;padding:54px 70px}.overview h2{text-align:center;color:#fff;margin-bottom:52px;font-size:38px}.overview-grid{display:grid;grid-template-columns:2.1fr 1fr;gap:42px}.overview-grid h3{color:#fff}.overview-grid aside{background:#20304a;border-radius:5px;padding:24px 28px}.overview-grid aside p{margin-bottom:26px}.overview-grid strong{font-size:12px}.section{padding:70px 0 80px}.section-inner{width:61.6%;max-width:1100px;margin:auto}.section h2{text-align:center}.section h2:empty{display:none}.alternate{background:var(--alternate)}.stage{display:block;font-size:14px;font-weight:700;color:#f39531;text-align:center;line-height:1.6}.stage.define{color:#78b367}.stage.ideate{color:#2d9fbd}.stage.prototype{color:#b46bcc}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.split img{width:100%;max-width:480px;margin:auto}.split p{margin-bottom:16px}.narrow{width:65%;margin:0 auto 28px}.narrow>blockquote{text-align:center;font-size:18px}.narrow>.button{display:table;margin:20px auto 0}.section p.narrow{text-align:center}.section-inner>.button{display:table;margin:16px auto}.figure{display:block;padding:0;background:none;max-width:86%;margin:40px auto 0;border:0}.figure>img{width:100%;height:auto}.figure:hover{filter:brightness(.98)}.split .figure{max-width:100%;margin:0}.process{width:62%;margin:auto}.process img{width:100%}.artifacts{width:160px}.artifacts img{width:100%}.video{display:block;padding:0;background:transparent;width:70%;margin:0 auto}.video img{width:100%}.video-section{background:var(--navy)}.dark{background:#303030;color:#eee}.dark h2{color:#fff}.dark .overview{margin-top:45px}.dark .section{padding:40px 0 55px}.dark .moodboard{margin:0 auto 36px}.dark .moodboard blockquote{width:66%;margin:0 auto 16px;font-size:14px;font-style:normal;font-weight:400}.dark .moodboard .figure{margin-top:0;max-width:100%}.dark .section-inner{width:63%}.dark .figure{max-width:100%;margin-top:35px}.dark .section:nth-of-type(4) .figure{max-width:55%}.watch-lifestyle img{width:100%}.other-work .section-inner{width:45%;max-width:800px}.other-work .split{gap:40px;align-items:start}.other-work h2{text-align:left;font-size:24px;letter-spacing:.025em;margin-bottom:16px;color:#3e3e3e}.other-work .figure{margin:0;max-width:100%}.other-work p{font-size:14px}.other-work{padding:85px 0}.sr-only{position:absolute!important;clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}dialog{border:0;padding:50px;max-width:90vw;max-height:90vh;background:#f1f0f6;color:#414141;border-radius:4px}dialog::backdrop{background:#101827db}dialog .close{position:absolute;right:10px;top:5px;background:none;color:#263754;font-size:32px;line-height:1}.close-notice{margin-top:10px}#lightbox{padding:35px 15px 15px;max-width:96vw;max-height:96vh}#lightbox img{max-width:90vw;max-height:none}#notice{width:460px}#notice h2{font-size:26px}.video .figure{max-width:100%;margin:0}
@media(min-width:1900px){body{font-size:16px}.section-inner,.overview{max-width:1300px}.about-layout{max-width:950px}.other-work .section-inner{max-width:950px}.header{height:120px}}
@media(max-width:1100px){.header{width:78%}.has-hero .header{width:61.6%}.header nav{gap:20px}.footer-inner{width:80%}.footer-inner nav{gap:10px;font-size:11px}.section-inner,.overview{width:76%}.overview{padding:40px}.about-layout{width:65%;gap:32px}.contact-layout form{width:46%}.contact-layout{min-height:850px;padding-top:60px;padding-bottom:90px}.contact-layout .social-links{margin-top:90px}.lede{width:55%}.other-work .section-inner{width:65%}.intro{padding:4vw 6vw}.intro p{font-size:15px}.intro h2{font-size:26px;margin-bottom:14px}h2{font-size:28px}.overview h2{font-size:32px}}
@media(max-width:640px){body{font-size:15px}.header,.has-hero .header{width:100%;height:76px;position:relative;left:auto;padding:8px 6%;align-items:center;background:var(--paper)}.header>a,.has-hero .header>a{width:52px;margin:0}.header nav,.has-hero .header nav{padding:0;gap:20px}.header nav a{font-size:11px}.has-hero .header>a img,.has-hero .header nav>a span,.has-hero .work-nav>a span{opacity:1}.hero{overflow:hidden}.hero>img{width:135%;max-width:none;margin-left:-17.5%;margin-top:-8%}.home .hero>img{margin-top:-8%;width:145%;margin-left:-22.5%}.work-grid{display:flex;flex-direction:column}.intro{order:-1;padding:38px 28px}.intro h2{font-size:30px}.intro p{font-size:17px}.work-card{height:auto}.work-card>img{height:auto}.work-card>span{opacity:1;inset:auto 0 0;background:linear-gradient(transparent,#1c2939cc);padding:35px 20px 15px;font-size:21px;justify-content:start}.platform-card{order:0}.mobile-card{order:1}.ets-card{order:2}.watch-card{order:3}.other-card{order:4}.work-card>img{max-height:440px;object-fit:cover}.footer-inner{width:88%;padding:25px 0;align-items:flex-start}.footer-inner>a{flex-basis:42px}.footer-inner nav{flex-wrap:wrap;font-size:12px;gap:15px}.to-top{width:40px;height:40px;font-size:24px;right:15px;bottom:15px}.about-layout{display:flex;flex-direction:column;width:86%;margin:42px auto;gap:25px}.about-layout h1{font-size:36px}.about-layout aside{font-size:14px}.about-layout aside>img{max-width:280px;margin:0 auto 30px}.about-layout blockquote{padding-left:33px;font-size:17px}.about-layout blockquote:before{left:0}.contact-layout{padding:48px 0 65px;min-height:0}.contact-layout h1{font-size:32px;margin-bottom:40px}.contact-layout form{width:86%}.contact-layout .social-links{margin-top:65px}.lede{width:84%;margin:42px auto}.overview{width:88%;padding:30px 24px;margin-bottom:20px}.overview h2{font-size:27px;margin-bottom:28px}.overview-grid{grid-template-columns:1fr;gap:25px}.overview-grid aside{padding:20px}.overview-grid aside p{margin-bottom:15px}.section{padding:44px 0}.section-inner,.dark .section-inner{width:88%}.section h2{font-size:26px;margin-bottom:26px}.split{grid-template-columns:1fr;gap:26px}.split>div:empty{display:none}.split img{max-width:350px}.narrow{width:100%}.figure{max-width:100%;margin-top:28px}.process{width:100%}.stage{font-size:12px}.video{width:100%}.dark .moodboard blockquote{width:95%;font-size:14px}.dark .section{padding:35px 0}.other-work .section-inner{width:86%}.other-work{padding:42px 0}.other-work .split{display:flex;flex-direction:column}.other-work .split>div:has(.figure){order:-1;width:100%}.other-work .split img{max-width:none}.other-work h2{font-size:25px}.other-work p{font-size:15px}.dropdown{right:-70px;width:210px}.button{font-size:11px;padding:12px 17px}.social-links{margin-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:1101px){.header:not(.has-hero .header){width:min(1100px,88%)}.about-layout{width:min(800px,86%)}.section-inner,.overview{width:min(1100px,88%)}.other-work .section-inner{width:min(800px,86%)}.contact-layout form{width:min(580px,86%)}.lede{width:min(650px,80%)}.dark .section-inner{width:min(1120px,88%)}.about-layout{margin-top:85px}.footer-inner{width:min(1100px,88%)}}
@media(max-width:640px){.work-card{display:block;flex:none;width:100%;aspect-ratio:2/1;min-height:190px}.work-card.platform-card,.work-card.ets-card{aspect-ratio:1/1}.work-card>img{width:100%;height:100%;max-height:none;object-fit:cover}}