:root{--t3: #568000;--t4: #f6f6f6;--t5: #666666;--t6: #424242;--t7: #ffffff;--t8: #dddddd;--t9: #424242;--t10: rgba(154, 205, 50, .05);--t11: rgba(154, 205, 50, .1);--t12: rgba(154, 205, 50, 0.825);--t13: #f5faeb;--black: #000000;--dark-grays-500: #5c5c5c;--width-portfolio-column: 258px;--width-project-overview: 320px;--transition-speed: .3s;--transition-speed-faster: .2s;--transition-speed-slow: .5s;--transition-speed-slower: .7s;--transition-speed-slowest: 1.2s;--hover-brightness-amount: 150%;--hover-brightness-amount-less: 120%;--portfolio-img-outline: #eee;--box-shadow-initial: 0px 0px 32px rgba(0, 0, 0, .22);--box-shadow-hover: 0px 8px 56px rgba(0, 0, 0, .26)}.hidden{display:none}@keyframes fadeinfromtop{from{top:-30px;opacity:0}to{top:0px;opacity:1}}@keyframes fadeinfrombottom{from{bottom:-30px;opacity:0}to{bottom:0px;opacity:1}}@keyframes scaleUp{100%{transform:scale(1);opacity:1}}@keyframes scaleDownAndHide{100%{transform:scale(0.6);opacity:0}}@keyframes loaderSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}html{-webkit-font-smoothing:antialiased}html,body{font:normal 16px/1.6 "Source Sans 3",sans-serif;color:var(--t5)}h1,h2,h3,h4,h5,h6,.site-title,.value-statement p{font:normal 400 1rem/1 "Bitter",sans-serif;margin:0;text-rendering:optimizeLegibility;text-wrap:pretty}h2{color:var(--t6);font-size:1.5rem}h3{color:var(--t6);font-size:1.125rem}h4{color:var(--t5);font:normal 400 100%/1.6180339888 "Bitter",sans-serif}p{text-wrap:pretty}.site-info{text-wrap:pretty}.project-list-view p.title{font:400 1.6rem/1.2 Bitter,sans-serif}.project-list-view p.description span{color:var(--t6);font:normal 100%/1.6180339888 "Oswald",sans-serif}.site-title{color:var(--t12);font-size:1.6rem;font-weight:700;letter-spacing:.5rem;margin:0 0 -0.5rem 0;text-transform:uppercase;white-space:nowrap;width:100%}main.home-page h1{font-size:2rem;margin:.5rem 0}main header h1{color:var(--t6);font-size:2rem;line-height:1.2;margin:0}main header h2{font:normal 700 1.3125rem/1.4 "Bitter",sans-serif;margin:.5rem 0}main header .divider{color:var(--t5);font:500 1.625rem/1 "Oswald","Bitter",sans-serif}main .selects header h2{font-size:2rem;font-weight:400;line-height:1;margin:0;padding:0 .15rem 0}main .selects header p{font-size:1.125rem;line-height:1.4;margin:.5rem .33rem .75rem;padding:0;text-align:center;text-wrap:pretty}.taxonomy-categories h2{margin:1.33rem 0 .25rem}.site-description{color:var(--t7);font:normal 1.125rem/1 "Oswald",sans-serif;margin:1rem 0 0}.site-description span{color:var(--t3)}p:empty{display:none}.nowrap{white-space:nowrap}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}*:active{outline:none !important}html,body{background-attachment:fixed;background-color:var(--t9);background-image:url(images/backgrounds/tile.webp);height:100%;margin:0;overflow-anchor:none;padding:0;transition:background-color .3s ease-out;width:100%}body{margin:0;min-height:100%;position:relative}main{background-color:var(--t4);margin:0 auto;min-height:20rem;padding:0;transition:background-color .3s ease-out;width:100%}.home main{background-color:rgba(0,0,0,0);padding-top:0}section{width:100%}section.thumbnails{min-height:16rem}.container{margin:0 auto;max-width:1182px;padding:0 1rem;position:relative;width:100%}.container.portfolio-page,.container.taxonomy-project-page{max-width:none}.container .thumbnail-previews .container{padding:0}img{border-style:none;display:block}body>header .container{height:auto}body .wrapper{padding-top:0}@media only screen and (min-width: 640px){body>header{position:relative}body>header .container{min-height:6rem}}.stage .display-column{flex:none;min-width:100%;text-align:center;width:100%}.stage .display-column div{max-width:100%}.stage .display-column p:first-of-type{margin-top:0}.stage .project-details{flex:0 0 35.1945854484%;padding-bottom:2rem;min-width:100%}@media only screen and (min-width: 980px){.stage .display-column{flex:0 1 63.4517766497%;min-width:320px;text-align:left}.stage .project-details{min-width:0}.stage #main .stage .business-card img,.stage #main .stage .promo-postcard img{max-width:none}}main header.error-message{margin:0;padding:2rem 0}body>header{color:var(--t7);width:100%}body>header .container{flex-direction:column;justify-content:center;overflow:visible;position:relative;text-align:center}body>header .container .site-branding{display:block;padding:1rem 0 0}body>header .container .site-description{margin:.25rem 0 0}@media only screen and (min-width: 840px){body>header .container{display:flex;flex-flow:row nowrap;justify-content:space-between;text-align:left}}body>header .site-branding{align-items:flex-start;display:flex;flex-flow:row wrap;justify-content:flex-start}header nav ul{list-style-type:none;font:normal 1.3125rem/1 "Oswald",sans-serif;margin:.25rem auto .5rem;padding:0;display:flex;flex-flow:row nowrap;justify-content:center}header nav ul li{margin:0;position:relative}header nav ul li a{color:var(--t12);display:inline-block;padding:.5rem 1rem .75rem;position:relative;white-space:nowrap;transition:color var(--transition-speed-faster) ease-in-out}header nav ul li a:hover{color:var(--t7)}header nav ul li [aria-current]{color:var(--t7);transition:none}@media only screen and (min-width: 840px){header nav ul{margin:0;padding:0;position:absolute;bottom:.65rem;right:0}}.intro{padding:2em 0 0;opacity:0;position:relative;animation:fadeinfrombottom var(--transition-speed-slowest);animation-fill-mode:forwards;animation-delay:.6s}.intro p{font:normal 1.5em/1.6180339888 "Bitter",sans-serif;margin:0;text-wrap:pretty}.intro p+p{margin-top:.5em}main header{padding:2rem 0 1rem;width:100%}main .taxonomy-meta p:first-of-type{margin-top:.5em}main .taxonomy-meta p:last-of-type{margin-bottom:0}article+header{margin-top:0}.phone-email{align-items:center;display:flex;flex-flow:row nowrap;font-size:.875rem;gap:1rem;justify-content:center;margin:1rem auto 0;white-space:nowrap}.phone-email p{display:none}@media screen and (min-width: 580px){.phone-email p{display:block;color:var(--t7);margin:0}.phone-email p span{color:#bcbaba;margin-right:.5rem;text-transform:uppercase}}@media only screen and (min-width: 840px){header .phone-email{margin:0;position:absolute;right:1rem;top:.33rem}}footer .phone-email{margin-bottom:1rem}.showcase-list{display:grid;grid-gap:.5rem;grid-template-columns:repeat(auto-fit, minmax(196px, 1fr));grid-template-rows:auto;list-style-type:none;margin:1rem 0;padding:0}.showcase-list li{margin:0;min-height:9rem;min-width:0;position:relative;text-align:center}.showcase-list a{background-color:var(--t7);clip-path:polygon(calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%, 0 0);display:grid;height:100%;padding:0;place-items:center;position:absolute;transition:color var(--transition-speed-slower) linear;width:100%}.showcase-list a::before{background:var(--t3);content:"";display:block;height:300%;width:300%;position:absolute;left:-240%;bottom:-240%;transform:rotate(45deg);z-index:-10;transition:left var(--transition-speed-slow) ease-out,bottom var(--transition-speed-slow) ease-out}.showcase-list a:hover{color:var(--t7)}.showcase-list a:hover::before{left:-125%;bottom:-125%;transition:left var(--transition-speed-slow) ease-in,bottom var(--transition-speed-slow) ease-in}.showcase-list .taxonomy-name{font-weight:700;line-height:1.2;text-wrap:pretty}.showcase-list .count{font-size:.75rem}.capabilities{background-color:var(--t13)}.capabilities .container{align-items:center;display:flex;flex-flow:row wrap;font:normal 400 1.5em/1.4 "Bitter",sans-serif;justify-content:space-between}.capabilities .strategy,.capabilities .design,.capabilities .development{animation:fadeinfrombottom .6s;animation-fill-mode:forwards;color:var(--t6);flex:1;margin:.5em .25em;opacity:0;padding:.5em 0;position:relative;text-align:center}.capabilities .strategy{animation-delay:.3s}.capabilities .design{animation-delay:.9s}.capabilities .development{animation-delay:1.5s}.capabilities .plus{color:var(--t3);font-size:1.4em;font-weight:700;margin:.5em .25em;padding:.5em 0;text-align:center}@media only screen and (max-width: 810px){.capabilities .container{flex-direction:column;padding:1.5em 1em 1.75em}.capabilities .strategy,.capabilities .design,.capabilities .development,.capabilities .plus{margin:0;padding:0;width:100%}.capabilities br{display:none}}@media only screen and (max-width: 430px){.capabilities br{display:inherit}}.selects{background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover}.selects header{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;margin:0;padding:1rem 0 .5rem}.selects section.selected-taxonomy-items{margin:1rem 0 2.75rem}.selects .showcase-list{margin:0 auto}.selects .showcase-list :nth-child(n+6){display:none}.additional-info h2{font-size:2rem;font-weight:400;margin:0;padding:0 .15rem 0;text-align:center}.additional-info h3{color:var(--t6);font-size:1.125rem;line-height:1.4;margin:0 0 .33rem}.additional-info p{margin:0 0 1rem;text-wrap:pretty}.additional-info header{align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;margin:0;padding:0 0 .5rem}.additional-info .info-list{columns:1;padding:1.5rem 0 2rem}@media(min-width: 768px){.additional-info .info-list{columns:2}}.additional-info .info-list li{break-inside:avoid;margin-bottom:1rem}.additional-info .info-list li>ul{margin-bottom:2rem}.value-statement{background:var(--t7)}.value-statement .text{margin:0 auto;max-width:54rem;padding:4rem 2rem 4.5rem}.value-statement p{color:var(--t6);display:inline-block;font-size:1.4rem;font-weight:400;line-height:1.4;padding:0;text-align:center}@media only screen and (min-width: 420px){.value-statement p{font-size:1.6rem}}@media only screen and (min-width: 640px){.value-statement p{font-size:1.8rem}}@media only screen and (min-width: 810px){.value-statement p{font-size:2rem}}.selected-projects{background:var(--t7)}.selected-projects .container{padding:2em 1em}.selected-projects h2{color:var(--t6);display:block;font-size:2em;font-weight:400;margin:0;padding:0;text-align:center}.selected-projects .project{background-color:var(--t13);box-shadow:0px 0px 0px 50px var(--t7) inset;height:525px;margin:2em auto;position:relative;display:flex;justify-content:flex-start;align-content:center;align-items:center}.selected-projects .project:nth-child(odd){justify-content:flex-end}@media only screen and (max-width: 1079px){.selected-projects .project{box-shadow:0px 0px 0px 20px var(--t7) inset;height:auto}}.selected-projects .collage{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}@media only screen and (max-width: 1079px){.selected-projects .collage{display:none}}.selected-projects .insightly-responsive-site-development .collage{background-image:url(images/collages/insightly.webp);background-position:center center;background-repeat:no-repeat;background-size:100%}.selected-projects .reputation-promotional-banner-ads .collage{background-image:url(images/collages/reputation.webp);background-position:center center;background-repeat:no-repeat;background-size:cover}.selected-projects .adobe-echosign-web-contracts-conference .collage{background-image:url(images/collages/web-contracts-conference.webp);background-position:center center;background-repeat:no-repeat;background-size:100%}.selected-projects .yahoo-lender-search .collage{background-image:url(images/collages/yahoo-lender-search.webp);background-position:center center;background-repeat:no-repeat;background-size:100%}.selected-projects .text{margin:1em 4em;max-width:340px;padding:2em}@media only screen and (max-width: 1140px){.selected-projects .text{margin:1em 3em}}@media only screen and (max-width: 1079px){.selected-projects .text{margin:3em;max-width:none;padding:0}}.selected-projects h3{color:var(--t6);display:block;font-size:1.3em;line-height:1.3}.selected-projects p{color:var(--t5);margin:.5em 0 1em}.selected-projects .btn{background-color:var(--t7);color:var(--t3);display:inline-block;margin:0;overflow:hidden;padding:.5em 1em;position:relative;z-index:1}.selected-projects .btn span{z-index:3}.selected-projects .btn::before{border:0 solid var(--t3);content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:all var(--transition-speed) ease-out;width:100%;z-index:-1}.selected-projects .btn:hover{color:var(--t7)}.selected-projects .btn:hover::before{border:1.55em solid var(--t3)}.footer-heart{vertical-align:text-top}#heart-path{fill:none;stroke:var(--t12);stroke-width:1px;stroke-linejoin:round}a{color:var(--t3);transition:all var(--transition-speed-faster)}a::before,a::after{transition:all var(--transition-speed-faster)}a,a:visited,a:hover{text-decoration:none}a:active,a:focus{outline:none !important}a.site-title{color:var(--t12);display:inline-block}a.site-title:hover{color:var(--t7)}main header h1 a:hover{color:var(--t12)}.phone-email{align-items:center;display:flex;flex-flow:row nowrap;font-size:.875rem;gap:1rem;justify-content:center;margin:1rem auto 0;white-space:nowrap}.phone-email p{display:none}@media screen and (min-width: 580px){.phone-email p{display:block;color:var(--t7);margin:0}.phone-email p span{color:#bcbaba;margin-right:.5rem;text-transform:uppercase}}.phone-email a{color:var(--t12);display:inline-block;padding-left:1.25rem;position:relative}.phone-email a::before{content:"";position:absolute;top:0;left:0}.phone-email a span{position:relative}.phone-email a span::after{background:#fff;bottom:0;content:"";height:1px;left:0;opacity:0;position:absolute;right:0;transform:translateY(-0.3rem);transition:transform .3s ease,opacity .3s ease}.phone-email a:hover{color:#fff}.phone-email a:hover span::after{transform:translateY(0);opacity:1}.phone-email a.phone::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='10.996' height='15.547'%3E%3Cg fill='%23FFF'%3E%3Cellipse cx='5.498' cy='14.311' rx='1.23' ry='1.236'/%3E%3Cellipse cx='1.23' cy='1.236' rx='1.23' ry='1.236'/%3E%3Cellipse cx='1.23' cy='5.595' rx='1.23' ry='1.236'/%3E%3Cellipse cx='1.23' cy='9.955' rx='1.23' ry='1.236'/%3E%3Cpath d='M9.767 2.474a1.238 1.238 0 0 0 0-2.474 1.238 1.238 0 0 0 0 2.474z'/%3E%3Cellipse cx='5.498' cy='9.955' rx='1.23' ry='1.236'/%3E%3Cellipse cx='9.767' cy='9.955' rx='1.23' ry='1.236'/%3E%3Cellipse cx='9.767' cy='5.595' rx='1.23' ry='1.236'/%3E%3Cellipse cx='5.498' cy='5.595' rx='1.23' ry='1.236'/%3E%3Cellipse cx='5.498' cy='1.236' rx='1.23' ry='1.236'/%3E%3C/g%3E%3C/svg%3E");height:15.547px;transform:translateY(34%);width:10.996px}.phone-email a.phone::before::before{background-position:center;background-repeat:no-repeat;background-size:contain}.phone-email a.email::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='14.484' height='11.787'%3E%3Cpath fill='%23FFF' d='M12.635 11.787H1.848A1.85 1.85 0 0 1 0 9.938v-8.09C0 .83.829 0 1.848 0h10.787c1.02 0 1.85.83 1.85 1.849v8.09a1.85 1.85 0 0 1-1.85 1.848zM1.848 1A.85.85 0 0 0 1 1.849v8.09c0 .467.38.848.848.848h10.787a.85.85 0 0 0 .85-.849v-8.09a.85.85 0 0 0-.85-.848H1.848z'/%3E%3Cpath fill='%23FFF' d='M7.242 7.23a.352.352 0 0 1-.211-.071l-4.667-3.53a.35.35 0 0 1 .422-.559l4.456 3.37 4.456-3.37a.35.35 0 0 1 .422.559l-4.667 3.53a.352.352 0 0 1-.211.07z'/%3E%3C/svg%3E");height:11.787px;transform:translateY(50%);width:14.484px}.phone-email a.email::before::before{background-position:center;background-repeat:no-repeat;background-size:contain}p a,p a:link,p a:visited,p a:hover,p a:active,.project-details .display-column a,.project-details .display-column a:link,.project-details .display-column a:visited,.project-details .display-column a:hover,.project-details .display-column a:active,.project-details .expando a,.project-details .expando a:link,.project-details .expando a:visited,.project-details .expando a:hover,.project-details .expando a:active,.taxonomy-list a,.taxonomy-list a:link,.taxonomy-list a:visited,.taxonomy-list a:hover,.taxonomy-list a:active,.selected-taxonomy-items p a,.selected-taxonomy-items p a:link,.selected-taxonomy-items p a:visited,.selected-taxonomy-items p a:hover,.selected-taxonomy-items p a:active,.taxonomy-meta a,.taxonomy-meta a:link,.taxonomy-meta a:visited,.taxonomy-meta a:hover,.taxonomy-meta a:active,.sidebar-info a,.sidebar-info a:link,.sidebar-info a:visited,.sidebar-info a:hover,.sidebar-info a:active,.contact-info a,.contact-info a:link,.contact-info a:visited,.contact-info a:hover,.contact-info a:active,.about-references a,.about-references a:link,.about-references a:visited,.about-references a:hover,.about-references a:active{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2rem;display:inline-block}p a:hover,p a:link:hover,p a:visited:hover,p a:hover:hover,p a:active:hover,.project-details .display-column a:hover,.project-details .display-column a:link:hover,.project-details .display-column a:visited:hover,.project-details .display-column a:hover:hover,.project-details .display-column a:active:hover,.project-details .expando a:hover,.project-details .expando a:link:hover,.project-details .expando a:visited:hover,.project-details .expando a:hover:hover,.project-details .expando a:active:hover,.taxonomy-list a:hover,.taxonomy-list a:link:hover,.taxonomy-list a:visited:hover,.taxonomy-list a:hover:hover,.taxonomy-list a:active:hover,.selected-taxonomy-items p a:hover,.selected-taxonomy-items p a:link:hover,.selected-taxonomy-items p a:visited:hover,.selected-taxonomy-items p a:hover:hover,.selected-taxonomy-items p a:active:hover,.taxonomy-meta a:hover,.taxonomy-meta a:link:hover,.taxonomy-meta a:visited:hover,.taxonomy-meta a:hover:hover,.taxonomy-meta a:active:hover,.sidebar-info a:hover,.sidebar-info a:link:hover,.sidebar-info a:visited:hover,.sidebar-info a:hover:hover,.sidebar-info a:active:hover,.contact-info a:hover,.contact-info a:link:hover,.contact-info a:visited:hover,.contact-info a:hover:hover,.contact-info a:active:hover,.about-references a:hover,.about-references a:link:hover,.about-references a:visited:hover,.about-references a:hover:hover,.about-references a:active:hover{color:var(--t12);text-underline-offset:.3rem}p a[target=_blank]::after,p a:link[target=_blank]::after,p a:visited[target=_blank]::after,p a:hover[target=_blank]::after,p a:active[target=_blank]::after,.project-details .display-column a[target=_blank]::after,.project-details .display-column a:link[target=_blank]::after,.project-details .display-column a:visited[target=_blank]::after,.project-details .display-column a:hover[target=_blank]::after,.project-details .display-column a:active[target=_blank]::after,.project-details .expando a[target=_blank]::after,.project-details .expando a:link[target=_blank]::after,.project-details .expando a:visited[target=_blank]::after,.project-details .expando a:hover[target=_blank]::after,.project-details .expando a:active[target=_blank]::after,.taxonomy-list a[target=_blank]::after,.taxonomy-list a:link[target=_blank]::after,.taxonomy-list a:visited[target=_blank]::after,.taxonomy-list a:hover[target=_blank]::after,.taxonomy-list a:active[target=_blank]::after,.selected-taxonomy-items p a[target=_blank]::after,.selected-taxonomy-items p a:link[target=_blank]::after,.selected-taxonomy-items p a:visited[target=_blank]::after,.selected-taxonomy-items p a:hover[target=_blank]::after,.selected-taxonomy-items p a:active[target=_blank]::after,.taxonomy-meta a[target=_blank]::after,.taxonomy-meta a:link[target=_blank]::after,.taxonomy-meta a:visited[target=_blank]::after,.taxonomy-meta a:hover[target=_blank]::after,.taxonomy-meta a:active[target=_blank]::after,.sidebar-info a[target=_blank]::after,.sidebar-info a:link[target=_blank]::after,.sidebar-info a:visited[target=_blank]::after,.sidebar-info a:hover[target=_blank]::after,.sidebar-info a:active[target=_blank]::after,.contact-info a[target=_blank]::after,.contact-info a:link[target=_blank]::after,.contact-info a:visited[target=_blank]::after,.contact-info a:hover[target=_blank]::after,.contact-info a:active[target=_blank]::after,.about-references a[target=_blank]::after,.about-references a:link[target=_blank]::after,.about-references a:visited[target=_blank]::after,.about-references a:hover[target=_blank]::after,.about-references a:active[target=_blank]::after{content:"";width:11px;height:11px;margin-left:5px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23568000' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;display:inline-block}.url-path-headline a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.25rem;display:inline-block}.url-path-headline a:hover{color:var(--t12);text-underline-offset:.35rem}.project-list-view p.title a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.25rem}.project-list-view p.title a:hover{color:var(--t12);text-underline-offset:.35rem}.project-additional-samples a,.project-additional-samples a:visited,.project-additional-samples a:hover{text-decoration:none}body>footer .site-info a,body>footer .site-info a:link,body>footer .site-info a:visited,body>footer .site-info a:hover,body>footer .site-info a:active{color:var(--t12);text-decoration:underline;text-underline-offset:.2rem}body>footer .site-info a[target=_blank]::after,body>footer .site-info a:link[target=_blank]::after,body>footer .site-info a:visited[target=_blank]::after,body>footer .site-info a:hover[target=_blank]::after,body>footer .site-info a:active[target=_blank]::after{content:"";width:11px;height:11px;margin-left:5px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239acd32' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;display:inline-block}body>footer .site-info a:hover{color:var(--t7);text-underline-offset:.28rem;filter:brightness(500%)}body>footer .site-info a:hover [target=_blank]::after{filter:brightness(150%)}.prev-next a,.selects header a,.taxonomy-categories a,.prev-next-sample-navigation a,.url-path-headline a{color:#4b7000}ul{list-style-type:none;margin:0;padding:0}li{margin:0}.csv{display:inline}.csv li{display:inline-block;margin-right:.33rem;white-space:nowrap}.colored-bullets{margin:1rem 0}.colored-bullets li{padding-left:.7rem;position:relative}.colored-bullets li+li{margin-top:1rem}.colored-bullets li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;background-color:var(--t3);border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.gray-bullets{margin:1rem 0}.gray-bullets li{padding-left:.7rem;position:relative}.gray-bullets li+li{margin-top:1rem}.gray-bullets li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;background-color:#999;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.taxonomy-list ul.colored-bullets{column-count:2;column-gap:1rem}.taxonomy-list ul.colored-bullets li{flex:none;margin:0 0 .5rem 0}.taxonomy-list p+ul.colored-bullets{margin-top:-0.5rem}.taxonomy-meta ul.colored-bullets{column-count:4;column-gap:1rem}@media only screen and (max-width: 980px){.taxonomy-meta ul.colored-bullets{column-count:3}}@media only screen and (max-width: 820px){.taxonomy-meta ul.colored-bullets{column-count:2}}@media only screen and (max-width: 600px){.taxonomy-meta ul.colored-bullets{column-count:1}}.taxonomy-meta ul.colored-bullets li{flex:none;margin:0 0 .5rem 0}.prev-next{background-color:var(--t4);flex:none;margin:0 auto;padding:1rem 0;transition:background-color var(--transition-speed) ease-out;width:100%}.prev-next .container{margin:0 auto;overflow:auto;padding:0 1em}.prev-next p{margin:0 0 -0.25em;padding:0;text-wrap:balance}.prev-next span.prev-next-label{color:var(--t6);display:block;font:700 .75em/1.6180339888 "Bitter",sans-serif;letter-spacing:.25em;position:relative;text-transform:uppercase;white-space:nowrap;width:100%}.prev-next span.truncate{display:block;line-height:1.4;max-width:90%;width:100%}.prev-next ul{list-style-type:none;margin:0;overflow:hidden;padding:0;display:flex;flex-flow:row nowrap}.prev-next ul li{flex:1;max-width:50%}.prev-next ul li a{display:block;height:100%;overflow:hidden;padding:1em 2em;position:relative}.prev-next ul li a:before,.prev-next ul li a:after{background-color:var(--t3);bottom:0;height:2.65em;margin:auto;opacity:0;position:absolute;top:0;transition:all var(--transition-speed) ease-in-out;width:2.25em}.prev-next ul li a:hover{background-color:var(--t7);transition:all var(--transition-speed) ease-in-out}.prev-next ul li a:hover:before,.prev-next ul li a:hover:after{opacity:1}.prev-next ul li.prev{border-right:1px solid var(--t8);order:1;text-align:right}.prev-next ul li.prev span.prev-next-label{right:-0.25em}.prev-next ul li.prev span.truncate{display:inline-block;text-wrap:balance}.prev-next ul li.prev a{padding-left:4em}.prev-next ul li.prev a:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='115' viewBox='0 0 41.8 115'><style>.a{fill:white;}</style><polygon points='30.5 0 36.2 0 41.8 0 11.3 57.5 41.8 115 36.2 115 30.5 115 0 57.5' class='a'/></svg>");background-position:center center;background-repeat:no-repeat;background-size:10px;content:"";left:2em}.prev-next ul li.prev a:hover:before{left:1em}.prev-next ul li.next{order:2;text-align:left}.prev-next ul li.next a{padding-right:4em}.prev-next ul li.next a:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='42' height='115' viewBox='0 0 41.8 115'><style>.a{fill:white;}</style><polygon points='11.3 115 5.7 115 0 115 30.5 57.5 0 0 5.7 0 11.3 0 41.8 57.5' class='a'/></svg>");background-position:center center;background-repeat:no-repeat;background-size:10px;content:"";left:auto;right:2em}.prev-next ul li.next a:hover:after{right:1em}@media only screen and (max-width: 640px){.prev-next ul li{max-width:none}.prev-next ul li.prev{border:none;text-align:left}.prev-next ul li.next{text-align:right}.prev-next ul li.next a,.prev-next ul li.prev a{padding:.75em}.prev-next ul li.next a:before,.prev-next ul li.next a:after,.prev-next ul li.prev a:before,.prev-next ul li.prev a:after{background-image:none;display:none}.prev-next ul li.next a span.prev-next-label,.prev-next ul li.prev a span.prev-next-label{color:var(--t3);white-space:normal}.prev-next ul li.next a span.truncate,.prev-next ul li.prev a span.truncate{display:none;max-width:none}.prev-next ul li.next a span .sort-order,.prev-next ul li.prev a span .sort-order{display:block}}.prev-next:first-of-type{padding-bottom:0}ul.grid li.grid-item{background:var(--t7);box-shadow:var(--box-shadow-initial);margin:.86rem;padding:0;width:258px;transform:translateY(50px) scale(0.5);opacity:0;transition:opacity .5s ease-out,transform .5s ease-out,box-shadow .3s ease-in-out}ul.grid li.grid-item.in-view{transform:translateY(0) scale(1);opacity:1}ul.grid li.grid-item:hover{box-shadow:var(--box-shadow-hover);transform:scale(1.1)}ul.grid li.grid-item:hover figcaption{background-color:var(--t3)}ul.grid li.grid-item:hover .sub-title{background-color:rgba(255,255,255,.3)}ul.grid figure{margin:0 0 -1px 0;padding:0;overflow:hidden;text-overflow:ellipsis}ul.grid img{padding:0;width:var(--width-portfolio-column)}ul.grid figcaption{background-color:var(--t9);font-size:.8125rem;margin:0;position:relative;width:100%}ul.grid h2,ul.grid .sub-title{line-height:1.3819660113;margin:0;padding:.9rem 1.2rem 1.1rem}ul.grid h2{color:var(--t7);font:normal 100%/1.6180339888 "Source Sans Pro",sans-serif}ul.grid .sub-title{background-color:var(--dark-grays-500);color:var(--t7);padding:.8rem 1.2rem 1rem}ul.grid .text-wrapper{color:var(--t5);display:block;opacity:0;padding:.75rem 1rem;position:absolute;width:100%}ul.grid .text-wrapper p{margin:0}ul.grid .text-wrapper p+p{margin-top:.5rem}ul.grid .text-wrapper .description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}ul.grid .text-wrapper .description span{color:var(--t9)}ul.grid .text-wrapper .click-to-view{color:var(--t3);display:block;text-decoration:underline}.sub-nav{background:var(--t3);font-size:1.125rem;line-height:1.4;font-family:"Oswald",sans-serif}.sub-nav .container{align-items:center;color:var(--t7);display:flex;flex-flow:column nowrap;justify-content:space-between}.sub-nav .container .totals{margin:.5rem 0 0}.sub-nav .container .totals p{margin:0}.sub-nav .container .dropdown{margin:.75rem 0 .5rem}.sub-nav .container .portfolio-sub-tabs{display:none}@media only screen and (min-width: 900px){.sub-nav .container{flex-direction:row}.sub-nav .container .totals{margin:1rem 0;text-align:left}.sub-nav .container .dropdown{display:none}.sub-nav .container .portfolio-sub-tabs{display:block}.sub-nav .container .portfolio-sub-tabs ul{align-items:flex-start;display:flex;flex-flow:row wrap;justify-content:flex-start;margin-top:.5rem}.sub-nav .container .portfolio-sub-tabs ul li{margin:0 2.5px;padding:0}.sub-nav .container .portfolio-sub-tabs ul li:last-of-type{margin-right:0}.sub-nav .container .portfolio-sub-tabs ul li a{clip-path:polygon(calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0 100%, 0 0);color:var(--t7);display:block;margin:0;overflow:hidden;padding:.5rem 1rem 1rem;position:relative;transition:background-image var(--transition-speed) ease-out;white-space:nowrap}}@media only screen and (min-width: 900px)and (max-width: 1040px){.sub-nav .container .portfolio-sub-tabs ul li a{padding:.5rem .5rem 1rem}}@media only screen and (min-width: 900px){.sub-nav .container .portfolio-sub-tabs ul li a::before{background:rgba(255,255,255,.3);bottom:-330%;content:"";display:block;height:400%;left:-330%;position:absolute;transform:rotate(45deg);transition:left var(--transition-speed-slow),bottom var(--transition-speed-slow) ease-out;width:330%;z-index:-10}.sub-nav .container .portfolio-sub-tabs ul li a:hover{color:var(--t7)}.sub-nav .container .portfolio-sub-tabs ul li a:hover::before{left:-150%;bottom:-150%}.sub-nav .container .portfolio-sub-tabs ul li [aria-current]{background-color:var(--t4);color:var(--t3)}.sub-nav .container .portfolio-sub-tabs ul li [aria-current]:hover{color:var(--t3)}.sub-nav .container .portfolio-sub-tabs ul li.prompt{padding:.5rem 1rem 1rem}}.dropdown{position:relative}.dropdown p{display:inline-block;margin:0 .125em 0 1em;white-space:nowrap}.dropdown .dropdown-wrapper{display:inline-block;position:relative}.dropdown .dropdown-wrapper:hover ul.current{border-color:var(--t11)}.dropdown .dropdown-wrapper:hover ul.menu{display:block}.dropdown ul{margin:0;padding:0;z-index:2}.dropdown ul a{color:var(--t3);cursor:pointer;display:block;margin:0;padding:.5em 1em}.dropdown ul a:hover{background-color:var(--t13)}.dropdown .current{border:1px solid rgba(0,0,0,0);border-bottom:none}.dropdown .current li.current-selection a{color:var(--t3)}.dropdown .current li.current-selection a:after{color:var(--t3);content:"▼︎";display:inline-block;font-size:.75em;margin:.25em 0 0 .5em;vertical-align:middle}.dropdown .menu{display:flex;flex-flow:column nowrap;justify-content:center;position:absolute;width:100%;display:none;background-color:var(--t7);border:1px solid var(--t11);border-color:var(--t11);border-top:none}.dropdown .menu li{width:100%}.dropdown.portfolio-sub-nav{margin:1em 0}.dropdown.portfolio-sub-nav .prompt{font:normal 1.125em/1.4 "Oswald",sans-serif}.dropdown.portfolio-sub-nav .dropdown-wrapper{width:8em}.dropdown.portfolio-sub-nav ul.current{background-color:var(--t7);border-color:var(--t11);color:var(--t3)}.dropdown.portfolio-sub-nav ul.current div{padding:.5em 1em;position:relative}.dropdown.portfolio-sub-nav ul.current div:after{color:var(--t3);content:"▼︎";display:inline-block;font-size:.65em;position:absolute;right:1em;margin-top:.5em}.pagination-bar{align-items:center;background-color:var(--t7);display:flex;flex-flow:column nowrap;font-size:.8125rem;justify-content:center;margin:0 0 1rem;min-height:3.75rem;padding:.5rem 1rem;width:100%}.pagination-bar:last-child{margin:1rem 0 0 0}@media only screen and (min-width: 900px){.pagination-bar{flex-flow:row wrap}}.total-items{margin:0}.total-items p{color:var(--black);margin:0;white-space:nowrap}@media only screen and (min-width: 900px){.total-items{margin-right:auto}}.pagination{margin:0;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.pagination .items-sort{margin:.5rem 1rem .5rem}.pagination .items-sort label{margin-right:.25rem}.pagination .items-sort select{appearance:none;border-color:var(--t8);border-radius:.25rem;cursor:pointer;font-size:.75rem;padding:.25rem 1.75rem .25rem .5rem;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><path d='M5 8l5 5 5-5z' fill='%23568000' /></svg>") no-repeat;background-position:right .25rem center;background-size:1.25rem auto}.pagination .step-links,.pagination .back-links,.pagination .forward-links{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin:0}.pagination .ellipsis{padding:.25rem 1rem}.pagination .pagination-label{margin-right:.5rem}.pagination p{margin:0;display:none;padding:0}@media only screen and (min-width: 900px){.pagination p{margin-left:1rem;margin-right:.25rem;display:block}}.pagination .page-numbers{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start;list-style-type:none;margin:0;padding:0}.pagination .page-numbers li:last-of-type a{margin-right:0}.pagination .page-numbers span{display:block}.pagination .page-numbers .current{background-color:var(--t4);color:var(--t5);min-width:1.75rem;padding:.25rem .5rem;text-align:center}.pagination .page-numbers .dots{padding:.75rem .25rem 0}.pagination .page-number,.pagination .prev,.pagination .next{cursor:pointer;display:block;margin:0;min-width:1.75rem;padding:.25rem .5rem;text-align:center}.pagination .page-number:hover,.pagination .prev:hover,.pagination .next:hover{background-color:var(--t11)}.pagination span.arrow{display:block;font-size:21px;line-height:1;padding-bottom:.15rem}@media only screen and (min-width: 900px){.pagination{flex-flow:row nowrap}}.expando{background-color:var(--t7);margin:0;padding:0;position:relative}.expando input[type=checkbox]{display:none}.expando::after{border:.75rem solid rgba(0,0,0,0);border-top-color:rgba(0,0,0,.14);border-left-color:rgba(0,0,0,.14);content:"";height:0px;width:0px;position:absolute;right:0px;bottom:-1.5rem}.expando+.expando{margin:1rem 0 0 0}.expando-trigger{cursor:pointer;font-size:1.125rem;padding:.75rem 1rem .75rem 2.15rem}.expando-trigger::before{color:var(--t3);content:"▶︎";display:inline-block;font-size:.7rem;transition:all 1s ease-in-out,transform var(--transition-speed-slow) ease-in-out .5s;position:absolute;left:1.15rem;top:.975rem}.expando-trigger:hover::before{color:var(--t12)}.expando-content{margin:-0.25rem 0 0;padding:0 1rem 0;width:100%;opacity:0;max-height:0;overflow:hidden;transition:opacity .5s ease-in-out,max-height .6s ease-in-out .3s,padding .5s ease-in-out .6s}.expando:has(.expando-toggle:checked) .expando-content{opacity:1;max-height:600px;padding:0 1rem 1rem;transition:opacity .5s ease-in-out .6s,max-height .5s ease-in-out}.expando:has(.expando-toggle:checked) .expando-trigger::before{transform:rotate(90deg);transition:transform var(--transition-speed-faster) ease-in-out}body>footer .container{padding:2rem 1rem}body>footer nav{margin-bottom:1rem}body>footer nav ul{display:flex;flex-flow:row nowrap;justify-content:center;list-style-type:none;gap:1rem;margin:0;padding:0}body>footer nav a{background-color:var(--t1);color:var(--t12);font:400 1.1rem/1.2 Bitter,sans-serif;padding:.25rem 1rem}body>footer nav a span{position:relative}body>footer nav a span::after{background:#fff;bottom:0;content:"";height:1px;left:0;opacity:0;position:absolute;right:0;transform:translateY(-0.3rem);transition:transform .3s ease,opacity .3s ease}body>footer nav a[aria-current],body>footer nav a:hover{color:var(--t7)}body>footer nav a[aria-current] span::after,body>footer nav a:hover span::after{transition:transform .3s ease,opacity .3s ease}body>footer nav a[aria-current]:hover span::after{opacity:0}body>footer nav a:hover span::after{transform:translateY(0);opacity:1}body>footer .badges{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:center}body>footer .badges a{display:block;height:60px;text-indent:-99999rem;color:rgba(0,0,0,0)}body>footer .badges li{margin:.5rem}body>footer .badges li.illustrator{background:url(images/badges/Certified_Expert_Illustrator_CC_badge.webp) 0 0 no-repeat;background-size:216px;width:216px}body>footer .badges li.photoshop{background:url(images/badges/Certified_Expert_Photoshop_CC_badge.webp) 0 0 no-repeat;background-size:216px;width:216px}.site-info{color:#999;font-family:verdana,sans-serif;font-size:x-small;margin-right:-0.2rem;text-align:center}.project-list-view ol{list-style-type:none;margin:0;padding:0}.project-list-view ol li{border-bottom:1px dashed #ccc;margin:0;padding:2em 0}.project-list-view ol li:first-of-type{margin-top:0;padding-top:1em}.project-list-view ol li:last-of-type{border-bottom:none}.project-list-view figure{align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:flex-start;margin:0}.project-list-view img{left:-0.2em;max-width:330px;position:absolute;top:-0.5em;transform:rotate(-3deg) scale(1);transition:all var(--transition-speed) ease-in-out}.project-list-view p.title{display:inline-block;margin:0}.project-list-view p.description{margin-top:0}.project-list-view p.description span{margin-right:.1em}.project-list-view .count{font-size:.8em}.project-list-view .thumbnail{background-color:var(--t7);box-shadow:var(--box-shadow-initial);height:220px;margin-right:1.5em;overflow:hidden;position:relative;width:258px;flex:0 0 258px}.project-list-view .thumbnail:hover{box-shadow:var(--box-shadow-hover)}.project-list-view .thumbnail:hover img{left:-1.75em;top:-1.5em;transform:rotate(-7deg) scale(1.2)}@media only screen and (max-width: 640px){.project-list-view figure{align-items:center;flex-flow:column nowrap}.project-list-view .thumbnail{margin-right:0}.project-list-view p.title{margin:1em 0 .25em}.project-list-view p.description{margin-bottom:0}}.project-details-page .stage table.banner-ads{margin:0 auto;width:100%}.project-details-page .stage table.banner-ads+.banner-ads{border-top:1px solid #ddd;margin-top:2rem;padding-top:2rem}.project-details-page .stage table.banner-ads th,.project-details-page .stage table.banner-ads td{padding:.5rem;text-align:left;vertical-align:top}.project-details-page .stage table.banner-ads th{font-weight:500}.project-details-page .stage table.banner-ads .reduce-height th,.project-details-page .stage table.banner-ads .reduce-height td{padding:0 1rem}.project-details-page .stage table.banner-ads .divider{padding:1rem .5rem}.project-details-page .stage table.banner-ads .divider span{background-color:#ddd;display:block;height:1px}.project-details-page .stage table.banner-ads .presentation-title{color:var(--t9)}.project-details-page .stage table.banner-ads img{margin:0;max-width:100%}.project-details-page .stage table.banner-ads.center-images img{margin:1rem auto}.project-details-page .stage table.banner-ads object{max-width:100%}.project-details-page .stage table.banner-ads.skyscrappers .column{width:220px}.project-details-page .stage table.banner-ads.cellpad0 th,.project-details-page .stage table.banner-ads.cellpad0 td{padding:0}.project-details-page .stage table.banner-ads.cellpad25 th,.project-details-page .stage table.banner-ads.cellpad25 td{padding:.25rem}.project-details-page .stage table.with-left-descript{width:100%}.project-details-page .stage table.with-left-descript .text{text-align:left}.project-details-page .stage table.with-left-descript .image{text-align:center}.project-details-page .stage table.with-left-descript img{margin:0 auto}.project-details-page .stage table .banner-ads{margin:0;padding-bottom:0;width:auto}.project-details-page .stage table .banner-ads tr:first-of-type{height:250px}.project-details-page .stage table .banner-ads tr+tr td{padding:0 .5rem}.project-details-page .stage .cisco-mmn-pcn-banners{align-items:flex-start;display:flex;flex-flow:row wrap;justify-content:center}.project-details-page .stage .cisco-mmn-pcn-banners img{margin:.5rem}article .stage .email-demo{border-collapse:collapse;margin:0 auto}article .stage .email-demo tbody,article .stage .email-demo td{margin:0;padding:0;vertical-align:top}article .stage .email-demo img{display:inline-block}article .stage .email-demo-598{width:598px}article .stage .imvu-email{background:var(--t7);width:600px}article .stage .imvu-email td{font-family:arial,helvetica,sans-serif;text-align:left;vertical-align:top}article .stage .imvu-header{background:#000;color:var(--t7);margin-top:1em}article .stage .imvu-header td{padding:.5em .25em}article .stage .imvu-header h1{font-size:18px;margin:0 0 0 10px;padding:0;font-weight:normal}article .stage .imvu-legal{color:#000;font-family:verdana,arial,helvetica,sans-serif;font-size:.9em}article .stage .imvu-legal td{padding:1em}article .stage .imvu-legal.imvu-legal2{color:#666;font-size:9px;text-align:center}.project-detail-page section.stage .content-two-up-table th,.project-detail-page section.stage .content-two-up-table td{padding:.5rem 1rem;text-align:left;vertical-align:top}.project-detail-page section.stage .content-two-up-table th{font-weight:500}.project-detail-page section.stage .content-two-up-table td.divider{padding:1rem}.project-detail-page section.stage .content-two-up-table td.divider span{background-color:#ddd;display:block;height:1px}.project-detail-page section.stage .content-two-up-table td.version-and-note p+p{margin-bottom:0}.project-detail-page section.stage .content-two-up-table td.description-with-image{font-size:.8rem}.project-detail-page section.stage .content-two-up-table td.description-with-image img{margin-top:.5rem;padding:.25rem}.project-detail-page section.stage .content-two-up-table .presentation-title,.project-detail-page section.stage .content-two-up-table .version{color:var(--t9)}.project-detail-page section.stage .content-two-up-table img{max-width:100%}.project-detail-page section.stage .imvu-persuasion-table{border-collapse:collapse;font-size:.8rem;margin:0 auto}.project-detail-page section.stage .imvu-persuasion-table th,.project-detail-page section.stage .imvu-persuasion-table td{color:#666;padding:.5rem;text-align:left;vertical-align:top}.project-detail-page section.stage .imvu-persuasion-table h3{background-color:#999;color:var(--t7);font-weight:700;padding:.75rem .5rem}.project-detail-page section.stage .imvu-persuasion-table .vs{display:block;margin:.75rem 0 0 .75rem}.project-detail-page section.stage .imvu-persuasion-table ul{margin:1rem;padding:0}.project-detail-page section.stage .imvu-persuasion-table ul li{margin:.5rem 0}.project-detail-page section.stage .imvu-persuasion-table .halo{box-shadow:inset 0 0 26px rgba(51,204,0,.3)}.project-detail-page section.stage .imvu-persuasion-table .halo h3{background-color:#3c0}.project-detail-page section.stage .imvu-persuasion-table .halo li:before{content:"• ";color:#3c0}.project-detail-page section.stage .imvu-persuasion-table .halo:hover{box-shadow:inset 0 0 32px rgba(51,204,0,.7)}.project-detail-page section.stage .imvu-persuasion-table .halo:hover h3{background-color:#02b70b}.project-detail-page section.stage .matrix-example{text-align:left}.project-detail-page section.stage .matrix-example h4{color:var(--black);font-weight:500}.project-detail-page section.stage .matrix-example th h4{font-weight:700}.project-detail-page section.stage .matrix-example p{margin:0;text-align:left}.project-detail-page section.stage .matrix-example+table.matrix-example{border-top:none;margin-top:1rem}.project-detail-page section.stage .align-left-text p{text-align:left}.project-details-page section.stage .fgw-lp{background-color:#fff;font-family:arial,sans-serif;padding-top:.5rem;text-align:center}.project-details-page section.stage .fgw-lp-themetext{color:#039}.project-details-page section.stage .fgw-lp-passport-bar{font-size:.625rem;margin:0px auto .75rem;text-align:right;width:560px}.project-details-page section.stage .fgw-lp-header{background:url("images/adteractive-landing-page-images/fgw-lp-hdr.webp");font-size:26px;font-weight:bold;height:52px;line-height:2;margin:0 auto;text-align:left;text-indent:16px;width:620px}.project-details-page section.stage .fgw-lp-content-stage{background:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:0 auto;padding:0 0 .33rem;width:620px}.project-details-page section.stage .fgw-lp-content-stage img{padding:.5rem}.project-details-page section.stage .fgw-lp-when-you{color:#999;font-size:.625rem;margin:0 auto}.project-details-page section.stage .fgw-lp-themebar{background-color:#039;color:#fff;font-family:arial,sans-serif;font-size:11pt;font-weight:bold;margin:.625rem auto 0;padding:.2rem;text-align:left;text-indent:.625rem;width:620px}.project-details-page section.stage .fgw-lp-sponsors{background:#fff;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:0 auto;width:620px}.project-details-page section.stage .fgw-lp-bottomNav{font-size:11px;margin:0 auto;padding-top:1rem;width:620px}.project-details-page section.stage .fgw-lp-disclaimer{color:#999;font-size:.625rem;margin:15px auto 20px;text-align:left;width:600px}.project-details-page section.stage .fgw-lp-form-area{background:#f4f4f4;border-top:none;border:1px solid #ccc;margin:0 auto .5rem;padding-top:1rem;width:620px}.project-details-page section.stage .fgw-lp-form-area p.fgw-lp-reg-text{color:#000;margin-bottom:.5rem}.project-details-page section.stage .fgw-lp-email-field{margin:.5rem auto}.project-details-page section.stage .fgw-lp-email-field img{display:inline;margin-top:.35rem;vertical-align:middle}.project-details-page section.stage .fgw-lp-email-field input{font-size:1rem;padding:.33rem;vertical-align:top}.project-details-page section.stage .fgw-lp-check-box span.fgw-lp-text{color:#999;display:inline-block;font-size:.625rem;line-height:1.4;text-align:left}.project-details-page section.stage .fgw-lp-btn input{background-color:#039;border-radius:.5rem;border:0;color:#fff;cursor:pointer;font-size:1rem;font-weight:bold;line-height:1.3;outline:0;padding:.65rem 1rem;text-decoration:underline}.project-details-page section.stage .product-photos figure+figure{margin:0}.project-details-page section.stage .product-photos img{margin:0 auto;padding:1.5rem 2rem}.project-details-page section.stage .product-photos figure img{margin:0 auto;padding:1.5rem 2rem}.project-details-page section.stage .product-photos p{margin-bottom:0}.color-bullets{list-style-type:none;margin:1em 0;padding:0 0 0 .25em}.color-bullets li{padding-left:1em;text-indent:-0.7em}.color-bullets li+li{margin-top:.5em}.color-bullets li:before{color:var(--t3);content:"• ";font-size:125%;line-height:1;vertical-align:-0.06em}main.home-page{margin:0;padding:0}main.home-page .welcome{background-image:url(images/photos/dan-poynor-photo-202001.webp);background-position:center 0;background-repeat:no-repeat;background-size:cover;color:var(--t7)}@media only screen and (max-width: 960px){main.home-page .welcome{background-position:calc(100% + 16em) 0}}@media only screen and (max-width: 830px){main.home-page .welcome{background-position:calc(100% + 20em) 0}}@media only screen and (max-width: 780px){main.home-page .welcome{background-position:calc(100% + 22em) 0}}@media only screen and (max-width: 680px){main.home-page .welcome{background-image:none}}main.home-page .welcome .container{display:flex;align-items:center}main.home-page .welcome .text{border:1em solid rgba(0,0,0,0);margin:2em 1em 3em;max-width:580px}@media only screen and (max-width: 960px){main.home-page .welcome .text{max-width:460px}}@media only screen and (max-width: 680px){main.home-page .welcome .text{border:none;margin:1em 0;max-width:100%}}main.home-page .welcome .header{background-image:linear-gradient(45deg, var(--t7, var(--t7)) 0%, var(--t7, var(--t7)) 92%, transparent 92%, transparent 100%);padding:1.5em 1.5em 1em}@media only screen and (max-width: 680px){main.home-page .welcome .header{padding:1em 1em .5em}}main.home-page .welcome .body{background-color:var(--t13);border-top:none;border:1em solid var(--t7);border:1em solid var(--t7);padding:1em 2em .5em}@media only screen and (max-width: 680px){main.home-page .welcome .body{padding:1em}}main.home-page .welcome h1{color:var(--t6);column-span:all;font-size:42px;font-weight:700;letter-spacing:.2em;line-height:1.2;margin:0;text-align:center;text-transform:uppercase}@media only screen and (max-width: 470px){main.home-page .welcome h1{line-height:1}}main.home-page .welcome h1 span{display:block;font-size:27px;font-weight:400;letter-spacing:.07em;margin:0;padding:0 0 0 1em;text-transform:none}main.home-page .welcome h1 span.nowrap{display:inline-block;padding:0}main.home-page .welcome h2{font-size:2em;text-align:center}main.home-page .welcome p{color:var(--t5);font-size:1.125em;margin:0 0 .5em 0;width:100%}main.home-page .welcome p.cta{margin-bottom:0;text-align:center}main.home-page .welcome .btn{background-color:var(--t3);color:var(--t7);color:var(--t7);display:inline-block;overflow:hidden;padding:.5em 1em;position:relative;text-decoration:none;z-index:1}main.home-page .welcome .btn span{z-index:3}main.home-page .welcome .btn::before{border:0 solid var(--t7);content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:all var(--transition-speed) ease-out;width:100%;z-index:-1}main.home-page .welcome .btn:hover{color:var(--t3)}main.home-page .welcome .btn:hover::before{border:1.55em solid var(--t7)}main.portfolio-page header.page-header{margin:0;padding:0;width:0;height:0;overflow:hidden}main.portfolio-page header.page-header h1{color:rgba(0,0,0,0);height:0;width:0}.project-details{margin-bottom:2rem}.project-details h3{color:var(--t6);display:inline;font:normal 100%/1.6180339888 "Oswald",sans-serif;margin-right:.25rem}.project-details h3:after{content:":"}.project-details p{display:inline;margin:0}.project-details .project-client-description p{display:block;margin:1rem 0}.project-details .project-client-description p:first-of-type{margin-top:0}.project-details .project-client-description p:last-of-type{margin-bottom:0}.project-overview-page .project-details .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start}.project-overview-page .project-details .container>section{width:48%}.project-overview-page .project-details .container>section+section{margin-top:0}.project-details-page .project-details section:last-of-type{margin-bottom:0}.project-overview-page .thumbnails-header h3{margin:0 0 .5em 0}.project-details-page article{display:flex;flex-flow:column wrap;justify-content:space-between;align-items:flex-start}.project-details-page article .stage>.container{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;margin:0 auto}@supports(display: grid) and (not (display: -ms-grid)){.project-details-page article .stage>.container{display:grid;grid-template-columns:66% 33%;grid-template-rows:auto;grid-gap:1rem}}@media only screen and (max-width: 1040px){.project-details-page article .stage>.container{grid-template-columns:100%}}.project-details-page article .stage .display-column{background:var(--t7);margin:0 0 1rem 0;padding:1rem}.project-details-page article .stage .display-column>img{display:block}.project-details-page article .stage p.sample-description{padding:.75rem;text-align:left}.project-details-page article .stage p.sample-description+table{margin-top:-1rem}.project-details-page article .stage p.sample-description+img{margin-top:-1rem}.project-details-page article .stage img{margin:0 auto;max-width:100%}.project-details-page article .stage img.outline{border:1px solid var(--portfolio-img-outline)}.project-details-page article .stage .center-images img{display:block;margin:1rem auto}.project-details-page article .stage .center-images img:first-of-type{margin-top:0}.project-details-page article .stage .center-images img:last-of-type{margin-bottom:0}.project-details-page article .stage .max-width-80 img{max-width:80%}.project-details-page article .stage .aol-2market-promos{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:flex-start;padding:.5rem 0}.project-details-page article .stage .aol-2market-promos img{margin:.5rem .5rem 1.5rem}.project-details-page article .stage .aol-2market-promos img:first-of-type{margin-top:.5rem}.project-details-page article .stage .avs-logo{background-color:#921d92;padding:2rem 1rem}.project-details-page article .stage .bugs-n-friends{padding:2rem}.project-details-page article .stage .business-card img{margin:2rem auto;max-width:480px}.project-details-page article .stage .expedia-popup-ads{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:flex-start}.project-details-page article .stage .expedia-popup-ads img{margin:1rem}.project-details-page article .stage .promo-postcard img{margin:2rem auto;max-width:540px}.project-details-page article .stage .promo-postcard img+img{margin-top:0}.project-details-page article .stage .usps-interactive-flash-app,.project-details-page article .stage .blue-note-interactive-flash-app{background-color:#ddd;width:552px;height:402px;margin:2rem auto;padding:1px}.project-details-page article .stage .vdo-phone-interface{padding:2rem 1rem}.project-details-page article .stage .inline-block-images img{display:inline-block}.project-details-page .project-details>.container{padding:0}.project-details-page .project-details .expando+.expando{margin-top:2rem}.project-details-page .project-additional-samples{flex:0 0 100%;margin:2rem 0 0}.project-details-page .project-additional-samples h2{font-size:1.125rem;margin-left:2px}.project-details-page .project-additional-samples>section{margin-top:.5rem}.project-details-page .project-additional-samples .prev-next-sample-navigation{background-color:var(--t7);display:flex;flex-flow:row wrap;list-style-type:none;margin:0 0 .5rem 0;padding:.5rem .33rem}.project-details-page .project-additional-samples .prev-next-sample-navigation a{margin:.25rem}.project-details-page .project-additional-samples .prev-next-sample-navigation a.samples-overview{width:100%}.project-details-page .project-additional-samples .prev-next-sample-navigation a.previous-sample,.project-details-page .project-additional-samples .prev-next-sample-navigation a.next-sample{flex:1 0 0}.project-details-page .project-additional-samples .prev-next-sample-navigation a.previous-sample span:before,.project-details-page .project-additional-samples .prev-next-sample-navigation a.next-sample span:before{color:var(--t3);content:"◀︎";display:inline-block;font-size:.7rem;transition:transform var(--transition-speed) ease;position:absolute;left:1rem;top:-0.5rem;bottom:0;width:1rem;height:1rem;margin:auto;margin-right:.5rem}.project-details-page .project-additional-samples .prev-next-sample-navigation a.next-sample span:before{content:"▶︎";left:auto;right:1rem;margin-left:.5rem}.project-details-page .project-additional-samples .prev-next-sample-navigation a{background-color:var(--t13);display:block;padding:.33rem 1rem;position:relative;text-align:center;white-space:nowrap;transition:color var(--transition-speed) ease-in-out,background-color var(--transition-speed) ease-in-out;width:100%}.project-details-page .project-additional-samples .prev-next-sample-navigation a:hover{color:var(--t7);background-color:var(--t3)}.project-details-page .project-additional-samples .prev-next-sample-navigation a:hover span:before{color:var(--t7);transition:color var(--transition-speed) ease-in-out}.project-details-page .project-additional-samples .also-part-of-this-project{list-style-type:none;margin:0;padding:0;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}@supports(display: grid) and (not (display: -ms-grid)){.project-details-page .project-additional-samples .also-part-of-this-project{margin:1rem 0;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:auto;grid-gap:.5rem}}.project-details-page .project-additional-samples .also-part-of-this-project li{flex:0 1 49%;margin:0;padding:.5rem}@supports(display: grid) and (not (display: -ms-grid)){.project-details-page .project-additional-samples .also-part-of-this-project li{flex:none;margin:0}}.project-details-page .project-additional-samples .also-part-of-this-project li.selected{background-color:var(--t11)}.project-details-page .project-additional-samples .also-part-of-this-project li.selected img{border:none;opacity:1;filter:blur(0)}@media only screen and (max-width: 1040px){.project-details-page .project-additional-samples .also-part-of-this-project li.selected img{padding:.5rem}}.project-details-page .project-additional-samples .also-part-of-this-project li.selected figcaption{background:none}.project-details-page .project-additional-samples .also-part-of-this-project li.selected span{display:none}.project-details-page .project-additional-samples .also-part-of-this-project li.selected span.youarehere{background:var(--t12);position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:60%;width:60%;text-align:center;transition:all var(--transition-speed) cubic-bezier(0.165, 0.78, 0.395, 1.52);opacity:0;display:flex;align-items:center;justify-content:center}.project-details-page .project-additional-samples .also-part-of-this-project figure{margin:0;overflow:hidden;position:relative;transition-property:left,color;transition-duration:var(--transition-speed)}.project-details-page .project-additional-samples .also-part-of-this-project img{background-color:var(--t7);border:1px solid #ddd;max-width:100%;padding:.5rem;opacity:.5;filter:blur(1px);transition-property:opacity,blur;transition-duration:var(--transition-speed)}.project-details-page .project-additional-samples .also-part-of-this-project figcaption{background:var(--t10);color:var(--t7);display:block;font-size:.8rem;line-height:1.4;text-align:left;position:absolute;top:0;left:0;margin:0;width:100%;height:100%;transition:var(--transition-speed)}@media only screen and (max-width: 1040px){.project-details-page .project-additional-samples .also-part-of-this-project figcaption{font-size:1rem}}.project-details-page .project-additional-samples .also-part-of-this-project span{background:var(--t12);position:absolute;width:100%;padding:.66rem .75rem;opacity:1}.project-details-page .project-additional-samples .also-part-of-this-project figure:hover img{opacity:1;filter:blur(0);transition:all var(--transition-speed) ease-in-out}.project-details-page .project-additional-samples .also-part-of-this-project li:nth-of-type(even) figure:hover figcaption{left:100%}.project-details-page .project-additional-samples .also-part-of-this-project li:nth-of-type(odd) figure:hover figcaption{left:-100%}.project-details-page .project-additional-samples .also-part-of-this-project li.selected figure:hover figcaption{left:0}.project-details-page .project-additional-samples .also-part-of-this-project li.selected figure:hover .youarehere{opacity:1;height:calc(100% - .5rem);width:calc(100% - .5rem)}main.portfolio-projects-page{padding-bottom:2rem}.taxonomy-categories{padding-bottom:2em}.taxonomy-categories .taxonomy-list{width:100%;column-gap:2em;column-width:220px}.taxonomy-categories .taxonomy-list li{margin-bottom:.5em}.taxonomy-highlights .container{padding:0}.roles-page.taxonomy-categories h2{margin-bottom:1.5rem}.roles-page.taxonomy-categories .taxonomy-list{columns:1}@media(min-width: 768px){.roles-page.taxonomy-categories .taxonomy-list{columns:2}}@media(min-width: 1024px){.roles-page.taxonomy-categories .taxonomy-list{columns:3}}.roles-page.taxonomy-categories .taxonomy-list li{break-inside:avoid;margin-bottom:1rem}.roles-page.taxonomy-categories .taxonomy-list h3{margin:0 0 .33rem}.roles-page.taxonomy-categories .taxonomy-list p{margin:0 0 1rem;text-wrap:balance}.about-me-page{padding-bottom:3em}.about-me-page header{padding-top:1em}.about-me-page h2{margin:1.5em 0 0}.about-me-page h3{margin:1.5em 0 0}.about-me-page h2+h3{margin-top:1em}.about-me-page .content .container{display:grid;grid-template-columns:66% 33%;justify-items:stretch;grid-gap:1em}@media only screen and (max-width: 640px){.about-me-page .content .container{grid-template-columns:100%}}.about-me-page .content .column{background-color:var(--t7);padding:2em 2em 1em}.about-me-page .content .column.prose{flex:0 0 66%;order:1;margin-bottom:1em}.about-me-page .content .column.prose h2{margin-top:0}.about-me-page .content .column.prose h2 span{color:var(--t5);font-size:.5833333333em}.about-me-page .content .column.sidebar-info{flex:0 0 31%;order:2;min-width:210px}.about-me-page .content .column.sidebar-info h2{margin:0}.about-me-page .content .column.sidebar-info p{font-size:.875em;margin:.75em 0}.about-me-page .content section+section{border-top:1px solid var(--t8);margin-top:1em;padding-top:2em}.about-me-page .photo .container{padding:0 2em;height:516px}.about-me-page .about-references{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;gap:1rem;margin-top:1.5rem}.about-me-page .about-references li{text-align:center;flex:1 0 200px;padding:1rem}.about-me-page .about-references .svg-wrapper{display:block;margin:0 auto .25rem;width:50px;height:auto}.about-me-page .about-references svg{width:100%;height:auto}.about-me-page .professional-recognitions ul{column-gap:1.25em;column-count:2;column-fill:balance;margin-bottom:-1em}@media only screen and (max-width: 640px){.about-me-page .professional-recognitions ul{column-count:1}}.about-me-page .professional-recognitions ul li{margin:0 0 1em;padding-right:.5em}main.contact-page{padding-bottom:3rem}main.contact-page header{padding-top:1rem}main.contact-page .contact-info{margin:0 -0.5em;columns:1;column-gap:1rem}@media only screen and (min-width: 840px){main.contact-page .contact-info{columns:2}}main.contact-page .contact-info div{display:inline-block;width:100%;background-color:var(--t7);margin-bottom:1rem;padding:2rem;text-align:left}main.contact-page .contact-info p{margin-bottom:0}.key-areas{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start}.key-areas .taxonomy-highlights{flex:3;margin:0 1.5em 0 0}.key-areas .taxonomy-highlights .showcase-list li{flex:0 0 32.29%}.key-areas .taxonomy-categories{flex:1;min-width:240px;padding-bottom:0}.key-areas .taxonomy-categories h2{margin:0}@media only screen and (max-width: 780px){.key-areas{display:block}.key-areas .taxonomy-categories h2{margin-top:1.33em}}main.error-404-page .page-content{margin-top:1em}main.error-404-page h1{font-size:2.5em;margin-bottom:.5em}img{vertical-align:top}