/** Custom fonts */
@font-face { font-family: 'ScalaSansWebBold'; src: url("fonts/30009E_0_0.eot"); src: url("fonts/30009E_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/30009E_0_0.woff2") format("woff2"), url("fonts/30009E_0_0.woff") format("woff"), url("fonts/30009E_0_0.ttf") format("truetype"); }

@font-face { font-family: 'ScalaSansWebItalic'; src: url("fonts/30009E_1_0.eot"); src: url("fonts/30009E_1_0.eot?#iefix") format("embedded-opentype"), url("fonts/30009E_1_0.woff2") format("woff2"), url("fonts/30009E_1_0.woff") format("woff"), url("fonts/30009E_1_0.ttf") format("truetype"); }

@font-face { font-family: 'ScalaSansWebRegular'; src: url("fonts/30009E_2_0.eot"); src: url("fonts/30009E_2_0.eot?#iefix") format("embedded-opentype"), url("fonts/30009E_2_0.woff2") format("woff2"), url("fonts/30009E_2_0.woff") format("woff"), url("fonts/30009E_2_0.ttf") format("truetype"); }

/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Basic styling */
body { font: 18px/1.389 ScalaSansWebRegular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #3B6581; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; font-variant-numeric: oldstyle-nums; /* as of 2018-12-15, supported in Firefox and Safari Mozilla recommends this property over font-feature-setting */ -ms-font-feature-settings: "onum" 1; -o-font-feature-settings: "onum" 1; }

@media screen and (min-width: 768px) { body { font-size: 20px; line-height: 1.5; } }

em { font-style: normal; font-family: ScalaSansWebItalic, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

strong { font-weight: normal; font-family: ScalaSansWebBold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

/** Set `margin-bottom` to maintain vertical rhythm */
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 10px; }

/** `main` element */
main { display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ }

/** Images */
img { max-width: 100%; min-width: 100%; vertical-align: middle; }

video { max-width: 100%; min-width: 100%; }

/** Figures */
figure > img { display: block; }

figcaption, .caption { font-size: 16px; }

/** Lists */
ul, ol { margin-left: 30px; }

li > ul, li > ol { margin-bottom: 0; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: ScalaSansWebBold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; margin-bottom: 0.7rem; padding-top: 0.25em; color: #3B6581; }

h1 { font-size: 43.2px; font-size: 31.5px; line-height: 1.1em; margin-top: 1.5rem; }

@media screen and (min-width: 768px) { h1 { font-size: 48px; } }

h2 { font-size: 30.6px; font-size: 27px; line-height: 1.2em; margin-top: 1.2rem; }

@media screen and (min-width: 768px) { h2 { font-size: 34px; } }

h3 { font-size: 21.6px; font-size: 19.8px; line-height: 1.25em; }

@media screen and (min-width: 768px) { h3 { font-size: 24px; } }

h4 { line-height: 1.5em; }

.multiproject-heading { font-family: ScalaSansWebRegular; margin-bottom: 15px; color: #0091F2; font-variant-numeric: lining-nums; /* as of 2018-12-15, supported in Firefox and Safari Mozilla recommends this property over font-feature-setting */ -ms-font-feature-settings: "onum" 0; -o-font-feature-settings: "onum" 0; }

@media screen and (min-width: 800px) { .multiproject-heading { width: 24%; margin-bottom: 30px; } }

/** Links */
a { text-decoration: none; border-bottom: 1px solid #7FC8F8; color: #3B6581; }

a:visited { border-bottom: 1px dashed #D4D8DB; }

a:hover { color: #0091F2; text-decoration: none; border-bottom: none; }

/** Blockquotes */
blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 22.5px; letter-spacing: -1px; font-style: italic; }

blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 18.75px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }

code { padding: 1px 5px; }

pre { padding: 8px 12px; overflow-x: auto; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

/** Wrapper */
.wrapper { max-width: -webkit-calc(790px - (30px)); max-width: calc(790px - (30px)); margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }

@media screen and (min-width: 600px) { .wrapper { max-width: -webkit-calc(790px - (30px * 3)); max-width: calc(790px - (30px * 3)); padding-right: 30px; padding-left: 30px; } }

.wrapper--wide { max-width: -webkit-calc(790px - (30px)); max-width: calc(790px - (30px)); margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }

@media screen and (min-width: 600px) { .wrapper--wide { max-width: -webkit-calc(926px - (30px * 3)); max-width: calc(926px - (30px * 3)); padding-right: 30px; padding-left: 30px; } }

/** Utility */
.wrapper--projects:after, .wrapper:after, .wrapper--wide:after { content: ""; display: table; clear: both; }

.hidden { display: none; }

.bare-bones { list-style-type: none; margin: 0; padding: 0; }

.push-b-half { margin-bottom: 11.25px; }

@media screen and (min-width: 768px) { .push-b-half { margin-bottom: 15px; } }

.push-b-1 { margin-bottom: 22.5px; }

@media screen and (min-width: 768px) { .push-b-1 { margin-bottom: 30px; } }

.push-b-2 { margin-bottom: 45px; }

@media screen and (min-width: 768px) { .push-b-2 { margin-bottom: 60px; } }

.push-b-3 { margin-bottom: 67.5px; }

@media screen and (min-width: 768px) { .push-b-3 { margin-bottom: 90px; } }

.push-b-4 { margin-bottom: 90px; }

@media screen and (min-width: 768px) { .push-b-4 { margin-bottom: 120px; } }

.push-b-6 { margin-bottom: 135px; }

@media screen and (min-width: 768px) { .push-b-6 { margin-bottom: 180px; } }

.push-t-half { margin-top: 11.25px; }

@media screen and (min-width: 768px) { .push-t-half { margin-top: 15px; } }

.push-t-1 { margin-top: 22.5px; }

@media screen and (min-width: 768px) { .push-t-1 { margin-top: 30px; } }

.push-t-2 { margin-top: 45px; }

@media screen and (min-width: 768px) { .push-t-2 { margin-top: 60px; } }

.border-1 { border: 1px solid #F8F8F9; }

.border-2 { border: 1px solid #F2F3F4; }

.border-3 { border: 1px solid #E6E8EA; }

.shadow-1 { box-shadow: 0px 2px 12px -4px rgba(0, 0, 0, 0.28); }

/** Tables */
table { margin-bottom: 30px; width: 100%; text-align: left; color: #3f3f3f; border-collapse: collapse; border: 1px solid #e8e8e8; }

table tr:nth-child(even) { background-color: #f7f7f7; }

table th, table td { padding: 10px 15px; }

table th { background-color: #f0f0f0; border: 1px solid #dedede; border-bottom-color: #c9c9c9; }

table td { border: 1px solid #e8e8e8; }

/** Site header */
.site-header { min-height: 46px; box-shadow: 0 1px 0 rgba(48, 62, 71, 0.06); background-color: rgba(255, 255, 255, 0.96); position: fixed; width: 100%; z-index: 900; }

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) { .site-header { background-color: rgba(255, 255, 255, 0.7); -webkit-backdrop-filter: saturate(1.8) blur(20px); } }

@media screen and (min-width: 600px) { .site-header { min-height: 64px; } }

.site-nav { margin-top: 2px; }

.site-nav ul { display: flex; justify-content: space-evenly; }

@media screen and (min-width: 600px) { .site-nav ul { justify-content: flex-start; } }

.site-nav ul li { margin: 0 1px; }

.site-nav ul li:first-child { margin-left: 0; }

.site-nav ul li .site-nav__page-link { height: 42px; padding: 0 20px; font-family: ScalaSansWebBold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #818D95; display: table-cell; vertical-align: middle; border: none; border-radius: 12px; transition: background-color 0.4s, color 0.4s; }

@media screen and (min-width: 600px) { .site-nav ul li .site-nav__page-link { height: 60px; } }

.site-nav ul li .site-nav__page-link:hover { transition: none; background-color: #E6E8EA; color: #0091F2; }

.site-nav ul li .site-nav__page-link:active { opacity: 0.75; box-shadow: inset 0 0 0 5px rgba(0, 145, 242, 0.2); }

/** Site footer */
.site-footer { text-align: right; color: #D4D8DB; font-size: 14.4px; }

@media screen and (min-width: 768px) { .site-footer { font-size: 16px; } }

.site-footer .site-footer__border { border-top: 1px solid #E6E8EA; padding-top: 30px; padding-bottom: 90px; }

.site-footer a { color: #D4D8DB; border-bottom: 1px solid #D4D8DB; }

.site-footer a:hover { text-decoration: none; border: none; color: #0091F2; }

/** Content and footer */
.content-and-footer { padding-top: 46px; display: flex; min-height: -webkit-calc(100vh - 46px); min-height: calc(100vh - 46px); flex-direction: column; }

@media screen and (min-width: 600px) { .content-and-footer { padding-top: 64px; min-height: -webkit-calc(100vh - 64px); min-height: calc(100vh - 64px); } }

/** Page content */
.page-content { padding-top: 15px; padding-bottom: 15px; flex: 1; }

@media screen and (min-width: 600px) { .page-content { padding: 30px 0; } }

.page-heading { font-size: 40px; }

.post-list-heading { font-size: 35px; }

.post-list { margin-left: 0; list-style: none; }

.post-list > li { margin-bottom: 30px; }

.post-meta { font-size: 14.4px; color: #828282; }

@media screen and (min-width: 768px) { .post-meta { font-size: 16px; } }

.post-link { display: block; font-size: 30px; border: none; }

/** Projects */
.project-header { display: flex; align-items: center; margin-bottom: 30px; }

.button { height: 52px; display: flex; align-items: center; justify-content: center; background-color: #F8F8F9; border-radius: 16px; border-bottom: none; color: #818D95; transition: background-color 0.4s, color 0.4s; }

.button:hover { background-color: #F2F3F4; color: #0091F2; transition: none; }

.button:active { opacity: 0.75; box-shadow: inset 0 0 0 5px rgba(0, 145, 242, 0.2); }

.button .button__icon { width: 18px; height: 18px; fill: #818D95; }

.button:hover .button__icon { fill: #0091F2; }

.button .button__text { padding-top: 3px; margin-left: .5em; }

.project-nav { width: 54px; flex: 0 0 auto; }

@media screen and (min-width: 800px) { .project-nav { width: 22%; } }

.project-nav .button__text { display: none; }

@media screen and (min-width: 800px) { .project-nav .button__text { display: flex; } }

.project-title { flex: 1 1 auto; margin: 0 0 0 30px; font-size: 27px; color: #0091F2; }

@media screen and (min-width: 768px) { .project-title { font-size: 30px; } }

@media screen and (min-width: 800px) { .project-title { margin: 0 0 0 60px; } }

.enclosed-section { background-color: #F2F3F4; }

@media screen and (min-width: 600px) { .enclosed-section { padding: 15px; } }

@media screen and (min-width: 800px) { .enclosed-section { padding: 30px; } }

.enclosed-bleeding { background-color: #F2F3F4; padding: 15px; margin-right: -15px; margin-left: -15px; }

@media screen and (min-width: 600px) { .enclosed-bleeding { padding: 30px; margin-left: -30px; margin-right: -30px; } }

@media screen and (min-width: 1190px) { .enclosed-bleeding { margin-right: 0; margin-left: 0; } }

.enclosed-bleeding.dark { background-color: #303E47; }

.enclosed-bleeding.dark h2, .enclosed-bleeding.dark a { color: #00C2EF; }

.enclosed-bleeding.dark p, .enclosed-bleeding.dark ul, .enclosed-bleeding.dark ol { color: #9DB2C0; }

.enclosed-bleeding.dark figcaption { color: #8da6b6; }

.enclosed-bleeding.dark .media-wrapper { background-color: #3a4b56; }

.media-wrapper { background-color: #F2F3F4; }

.callout-sandwich { color: #0091F2; padding-top: 0.5em; border-top: 3px solid #0091F2; border-bottom: 1px solid #0091F2; font-size: .83em; line-height: 1.33; margin: 30px 0; }

@media screen and (min-width: 800px) { .callout-sandwich { float: left; width: 24%; margin-top: 0; } }

.callout__ruled-title { font-family: ScalaSansWebBold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; font-size: .72em; margin: 0; padding: .5em 0 .25em 0; opacity: .75; border-top: 1px solid #7FC8F8; }

.callout__ruled-title:first-child { border-top: none; }

.callout__padded-def { margin: -0px 0 1.25em 0; line-height: 1.33em; }

.wrapper--projects { max-width: -webkit-calc(790px - (30px)); max-width: calc(790px - (30px)); margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }

@media screen and (min-width: 600px) { .wrapper--projects { max-width: -webkit-calc(1220px - (30px * 4)); max-width: calc(1220px - (30px * 4)); padding-right: 30px; padding-left: 30px; } }

@media screen and (min-width: 800px) { .left-margined { margin-left: 36.36363636%; margin-left: 28%; } }

.hero { margin-bottom: 60px; margin-left: -15px; margin-right: -15px; }

@media screen and (min-width: 600px) { .hero { margin-left: -30px; margin-right: -30px; } }

@media screen and (min-width: 1190px) { .hero { margin-left: 0; margin-right: 0; } }

figcaption, .caption { font-family: ScalaSansWebItalic; margin-top: 15px; opacity: 0.6; text-align: right; }

.contain-to-iphone5 { max-width: 100%; min-width: 100%; display: block; margin: 0 auto; }

@media screen and (min-width: 321px) { .contain-to-iphone5 { max-width: 320px; min-width: 320px; } }

.contain-to-iphone5-horizontal { max-width: 100%; min-width: 100%; display: block; margin: 0 auto; }

@media screen and (min-width: 480px) { .contain-to-iphone5-horizontal { max-width: 480px; min-width: 480px; } }

.contain-to-nexus5 { max-width: 100%; min-width: 100%; display: block; margin: 0 auto; }

@media screen and (min-width: 384px) { .contain-to-nexus5 { max-width: 384px; min-width: 384px; } }

.photo-focused-segment { display: flex; flex-direction: column; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 600px) { .photo-focused-segment { flex-direction: row; } }

.photo-focused-segment__photo { flex: auto; background-color: #3a4b56; }

@media screen and (min-width: 600px) { .photo-focused-segment__photo { flex: 0 1 auto; width: 50%; background-color: transparent; } }

.photo-focused-segment__description { padding-top: 30px; }

@media screen and (min-width: 600px) { .photo-focused-segment__description { width: 50%; padding-top: 0; padding-left: 30px; } }

.photo-focused-segment__description p, .photo-focused-segment__description ul, .photo-focused-segment__description ol { font-size: 16px; color: #9DB2C0; }

.photo-focused-segment__description strong { color: #b3c3ce; }

.photo-focused-segment__divider { border-top: 3px solid #263138; border-bottom: none; border-left: none; border-right: none; margin-bottom: 30px; margin-top: 30px; margin-right: -15px; margin-left: -15px; }

@media screen and (min-width: 600px) { .photo-focused-segment__divider { margin-right: -30px; margin-left: -30px; } }

/** Home / Index */
.post-title { font-size: 36px; }

@media screen and (min-width: 768px) { .post-title { font-size: 40px; } }

.home { font-size: 25.2px; }

@media screen and (min-width: 768px) { .home { font-size: 28px; } }

.home .page-heading { position: absolute; top: -9999px; left: -9999px; }

.home .intro-line { font-family: ScalaSansWebBold; color: #0091F2; margin-top: 45px; font-size: 36px; line-height: 40px; }

@media screen and (min-width: 768px) { .home .intro-line { font-size: 40px; line-height: 48px; } }

.home .intro-line span { color: #73c7ff; }

.home .custom-cta .button { height: auto; padding: .5em 1.25em; color: #0091F2; }

@media screen and (min-width: 600px) { .home .custom-cta .button { display: inline-block; } }

.social-media-list { list-style-type: none; display: flex; justify-content: space-evenly; }

@media screen and (min-width: 600px) { .social-media-list { justify-content: flex-start; } }

.social-media-list a { display: block; line-height: 0px; border-bottom: none; }

.social-media-list a:active { opacity: 0.75; }

.social-media-list li:not(:last-child) { margin-right: 7.5px; }

.social-media-list__username { display: none; }

.social-media-list__icon { color: #D4D8DB; transition: color 0.4s; }

.social-media-list__icon:hover { color: #0091F2; transition: none; }

@-webkit-keyframes staggered-fade { 0% { opacity: 0;
    -webkit-transform: translateY(16px);
    transform: translateY(16px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes staggered-fade { 0% { opacity: 0;
    -webkit-transform: translateY(16px);
    transform: translateY(16px); }
  to { opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.animate-w-staggered-fade > * { -webkit-animation: staggered-fade 0.75s forwards; animation: staggered-fade 0.75s forwards; opacity: 0; }

.animate-w-staggered-fade > :nth-child(2) { -webkit-animation-delay: 75ms; animation-delay: 75ms; }

.animate-w-staggered-fade > :nth-child(3) { -webkit-animation-delay: 150ms; animation-delay: 150ms; }

.animate-w-staggered-fade > :nth-child(4) { -webkit-animation-delay: 225ms; animation-delay: 225ms; }

.animate-w-staggered-fade > :nth-child(5) { -webkit-animation-delay: 300ms; animation-delay: 300ms; }

/** Posts */
.grid-wrapper { display: grid; margin: 0 auto 90px auto; column-gap: 16px; row-gap: 16px; grid-auto-columns: minmax(auto, 278px); grid-auto-rows: auto; grid-template-columns: minmax(200px, 1fr); }

@media screen and (min-width: 420px) { .grid-wrapper { grid-template-columns: 1fr 1fr; } }

@media screen and (min-width: 768px) { .grid-wrapper { grid-template-columns: 1fr 1fr 1fr; } }

.proj-cover { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; border-radius: 16px; overflow: hidden; text-decoration: none; background-color: #F2F3F4; background-repeat: no-repeat; background-size: contain; border: none; color: #0091F2; transition: background-color .6s, color .6s, box-shadow .6s; }

.proj-cover:before { content: ''; display: block; height: 0; width: 0; padding-bottom: 96%; }

.proj-cover:hover { background-color: #E6E8EA; transition: none; }

.proj-cover:hover .proj-cover__title { color: #007fd3; }

.proj-cover:active { opacity: .75; box-shadow: inset 0 0 0 5px rgba(0, 145, 242, 0.2); }

.proj-cover .proj-cover__title, .proj-cover .proj-cover__subtitle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.proj-cover .proj-cover__title { margin: 0 0 0 1rem; font-size: 21px; padding: 0; color: #0091F2; }

.proj-cover .proj-cover__subtitle { font-family: ScalaSansWebItalic, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #9da6ac; margin: 0 0 0 1rem; font-size: 17px; }

.proj-cover .proj-cover__year { color: #9da6ac; margin: 0 0 1rem 1rem; font-size: 16px; letter-spacing: .33px; }

#aptihealth.proj-cover { background-image: url("images/cover--aptihealth.svg"); }

#bento.proj-cover { background-image: url("images/cover--virtual-assistant.svg"); }

#virtual-assistant.proj-cover { background-image: url("images/cover--bento.svg"); }

#core.proj-cover { background-image: url("images/cover--core.svg"); }

#courbanize.proj-cover { background-image: url("images/cover--courbanize-2x.png"); }

#myh-overview.proj-cover { background-image: url("images/cover--myh-overview.svg"); }

#walkadoo.proj-cover { background-image: url("images/cover--walkadoo.svg"); }

#wd-responsive.proj-cover { background-image: url("images/cover--walkadoo-responsive.svg"); }

#teambuilding.proj-cover { background-image: url("images/cover--teambuilding-2x.png"); }

#wd-cheers.proj-cover { background-image: url("images/cover--cheer-ons.svg"); }

#snap.proj-cover { background-image: url("images/cover--snap.svg"); }

#territory.proj-cover { background-image: url("images/cover--territory-2x.png"); }

#hello200.proj-cover { background-image: url("images/cover--hello-200.svg"); }

#roster.proj-cover { background-image: url("images/cover--roster-2x.png"); }

#photoworks.proj-cover { background-image: url("images/cover--photoworks-2x.png"); }

#trademarks.proj-cover { background-image: url("images/cover--trademarks.svg"); }

#ksu-wayfinding.proj-cover { background-image: url("images/cover--ksu-wayfinding-2x.png"); }

#portage.proj-cover { background-image: url("images/cover--portage-2x.png"); }

#wendy-park.proj-cover { background-image: url("images/cover--wendy-park.svg"); }

#print.proj-cover { background-image: url("images/cover--print-design-2x.png"); }

@-webkit-keyframes staggered-fade-n-scale { 0% { opacity: 0;
    -webkit-transform: scale(1.02, 1.02) translateY(16px);
    transform: scale(1.02, 1.02) translateY(16px); }
  to { opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0); } }

@keyframes staggered-fade-n-scale { 0% { opacity: 0;
    -webkit-transform: scale(1.02, 1.02) translateY(16px);
    transform: scale(1.02, 1.02) translateY(16px); }
  to { opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0); } }

.animate-w-staggered-fade-n-scale > * { -webkit-animation: staggered-fade-n-scale 0.75s forwards; animation: staggered-fade-n-scale 0.75s forwards; opacity: 0; }

.animate-w-staggered-fade-n-scale > :nth-child(2) { -webkit-animation-delay: .05s; animation-delay: .05s; }

.animate-w-staggered-fade-n-scale > :nth-child(3) { -webkit-animation-delay: .1s; animation-delay: .1s; }

.animate-w-staggered-fade-n-scale > :nth-child(4) { -webkit-animation-delay: .15s; animation-delay: .15s; }

.animate-w-staggered-fade-n-scale > :nth-child(5) { -webkit-animation-delay: .2s; animation-delay: .2s; }

.animate-w-staggered-fade-n-scale > :nth-child(6) { -webkit-animation-delay: .25s; animation-delay: .25s; }

.animate-w-staggered-fade-n-scale > :nth-child(7) { -webkit-animation-delay: .3s; animation-delay: .3s; }

.animate-w-staggered-fade-n-scale > :nth-child(8) { -webkit-animation-delay: .35s; animation-delay: .35s; }

.animate-w-staggered-fade-n-scale > :nth-child(9) { -webkit-animation-delay: .4s; animation-delay: .4s; }

.animate-w-staggered-fade-n-scale > :nth-child(10) { -webkit-animation-delay: .45s; animation-delay: .45s; }

.animate-w-staggered-fade-n-scale > :nth-child(11) { -webkit-animation-delay: .5s; animation-delay: .5s; }

.animate-w-staggered-fade-n-scale > :nth-child(12) { -webkit-animation-delay: .55s; animation-delay: .55s; }

.animate-w-staggered-fade-n-scale > :nth-child(13) { -webkit-animation-delay: .6s; animation-delay: .6s; }

.animate-w-staggered-fade-n-scale > :nth-child(14) { -webkit-animation-delay: .65s; animation-delay: .65s; }

.animate-w-staggered-fade-n-scale > :nth-child(15) { -webkit-animation-delay: .7s; animation-delay: .7s; }

.animate-w-staggered-fade-n-scale > :nth-child(16) { -webkit-animation-delay: .75s; animation-delay: .75s; }

.animate-w-staggered-fade-n-scale > :nth-child(17) { -webkit-animation-delay: .8s; animation-delay: .8s; }

.animate-w-staggered-fade-n-scale > :nth-child(18) { -webkit-animation-delay: .85s; animation-delay: .85s; }

.animate-w-staggered-fade-n-scale > :nth-child(19) { -webkit-animation-delay: .85s; animation-delay: .9s; }

.animate-w-staggered-fade-n-scale > :nth-child(20) { -webkit-animation-delay: .85s; animation-delay: .95s; }

/** Syntax highlighting styles */
.highlight { background: #fff; }

.highlighter-rouge .highlight { background: #eef; }

.highlight .c { color: #998; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .nv { color: #008080; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

/** aptihealth */
#aptihealth.project .two-up { display: flex; }

#aptihealth.project .large { opacity: .75; font-size: 30px; line-height: 1.5em; letter-spacing: -.5px; }

#aptihealth.project .mobile-screens { display: grid; grid-template-columns: 1fr; column-gap: 15px; row-gap: 30px; }

@media screen and (min-width: 380px) { #aptihealth.project .mobile-screens { grid-template-columns: 1fr 1fr; } }

@media screen and (min-width: 800px) { #aptihealth.project .mobile-screens { grid-template-columns: 1fr 1fr 1fr 1fr; } }

#aptihealth.project .image-row { display: flex; flex-direction: column; }

@media screen and (min-width: 600px) { #aptihealth.project .image-row { flex-direction: row; } }

#aptihealth.project .image-row div { flex: 0 1 auto; margin: 0 0 15px 0; }

@media screen and (min-width: 600px) { #aptihealth.project .image-row div { margin: 0 2%; } }

@media screen and (min-width: 600px) { #aptihealth.project .image-row div:first-child { margin-left: 0; } }

@media screen and (min-width: 800px) { #aptihealth.project .image-row div:first-child { margin-left: 2%; } }

@media screen and (min-width: 600px) { #aptihealth.project .image-row div:last-child { margin-right: 0; } }

@media screen and (min-width: 800px) { #aptihealth.project .image-row div:last-child { margin-right: 2%; } }

#aptihealth.project .featured-icons { display: grid; grid-template-columns: 1fr; max-width: 524px; margin: 30px auto 30px auto; row-gap: 28px; column-gap: 28px; font-size: 16px; line-height: 18px; color: #00624F; }

#aptihealth.project .featured-icons div { display: flex; gap: 8px; }

#aptihealth.project .featured-icons div img { display: block; min-width: auto; flex: 0 0 54px; }

#aptihealth.project .featured-icons div p { flex: 0 1 auto; display: flex; align-items: center; margin: 0; padding: 4px 0 0 0; }

@media screen and (min-width: 380px) { #aptihealth.project .featured-icons { grid-template-columns: 1fr 1fr; } }

@media screen and (min-width: 600px) { #aptihealth.project .featured-icons { grid-template-columns: 1fr 1fr 1fr; } }

#aptihealth.project .icon-set div { margin: 0 0 0 0 !important; }

#aptihealth.project .icon-set div:nth-child(2) { margin: -2px 0 0 0 !important; }

@media (min-width: 600px) { #aptihealth.project .icon-set div:nth-child(2) { margin: 0 0 0 -2px !important; } }

#aptihealth.project .grid-icon-features { display: grid; column-gap: 5%; row-gap: 30px; grid-template-columns: 1fr; margin: 2em 0 0 0; }

@media screen and (min-width: 321px) { #aptihealth.project .grid-icon-features { grid-template-columns: 1fr 1fr; } }

@media screen and (min-width: 768px) { #aptihealth.project .grid-icon-features { column-gap: 3%; grid-template-columns: 1fr 1fr 1fr; } }

#aptihealth.project .grid-sms { display: grid; column-gap: 3%; row-gap: 30px; grid-template-columns: 1fr; margin: 2em 0 0 0; }

#aptihealth.project .grid-sms div { margin: 0 5% 0 5%; }

@media screen and (min-width: 321px) { #aptihealth.project .grid-sms { grid-template-columns: 1fr 1fr; } }

@media screen and (min-width: 768px) { #aptihealth.project .grid-sms { margin: 0; grid-template-columns: 1fr 1fr 1fr; } #aptihealth.project .grid-sms div { margin: 14% 0 4% 0; } }

#aptihealth.project .grid-2-up { display: grid; column-gap: 3%; row-gap: 60px; background-color: #F2F3F4; padding: 2%; grid-template-columns: 1fr; }

@media screen and (min-width: 768px) { #aptihealth.project .grid-2-up { grid-template-columns: 1fr 1.77fr; } }

#aptihealth.project .grid-cal-problems { display: grid; column-gap: 3%; grid-template-columns: 1fr; font-size: 16px; }

@media screen and (min-width: 768px) { #aptihealth.project .grid-cal-problems { grid-template-columns: 1fr 1fr; } }

#aptihealth.project .grid-cal-problems ul { margin: 0; }

#aptihealth.project .grid-cal-problems li { margin: 0 0 0.75em 0; padding: 0 0 0 32px; list-style-type: none; }

#aptihealth.project .grid-cal-problems li.no-weekly { background: url(/portfolio/aptihealth/images/icons/calendar.svg) top 1px left 0px/24px 24px no-repeat; }

#aptihealth.project .grid-cal-problems li.no-hours { background: url(/portfolio/aptihealth/images/icons/clock.svg) top 1px left 0px/24px 24px no-repeat; }

#aptihealth.project .grid-cal-problems li.error-prone { background: url(/portfolio/aptihealth/images/icons/exclamation-triangle.svg) top 1px left 0px/24px 24px no-repeat; }

#aptihealth.project .grid-cal-problems li.availability-control { background: url(/portfolio/aptihealth/images/icons/filter.svg) top 1px left 0px/24px 24px no-repeat; }

#aptihealth.project .metric-callout--arrow, #aptihealth.project .metric-callout--number { font-size: 52pt; font-family: system-ui, 'Segoe-UI', Roboto, Helvetica, Arial, sans-serif; }

@media screen and (min-width: 768px) { #aptihealth.project .metric-callout--arrow, #aptihealth.project .metric-callout--number { font-size: 68pt; } }

#aptihealth.project .color-scale { display: flex; flex-direction: column; align-items: center; gap: 2px; }

#aptihealth.project .color-scale li { height: 32px; display: flex; align-items: center; }

#aptihealth.project p.swatch, #aptihealth.project .color-scale li { font-size: 12px; color: #3B6581; opacity: .6; font-family: monospace; }

#aptihealth.project p.swatch { display: absolute; transform: rotate(-45deg); align-items: right; text-align: right; }

#aptihealth.project .grid-scales .swatch { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 7px; justify-content: center; }

/** Bento */
#wayfair-bento.project { /* Animate immages illustrating section titled "Multi-Channel" */ /* Animate cards illustrating section titled "Iintegrations" */ /* animation: durat | easing | delay | iteration-count | direction | fill-mode | play-state | name */ }

#wayfair-bento.project .hero { padding: 30px; padding-inline: 30px; background: #2A475A; background: -webkit-linear-gradient(top, #708592, #87abc6); background: -moz-linear-gradient(top, #708592, #87abc6); background: linear-gradient(to bottom, #708592, #87abc6); height: 160px; overflow: hidden; border-bottom: 1px solid #9bbdd6; }

@media screen and (min-width: 768px) { #wayfair-bento.project .hero { height: 294px; } }

@media screen and (min-width: 1190px) { #wayfair-bento.project .hero { border-radius: 16px; } }

@media screen and (min-width: 800px) { #wayfair-bento.project .hero { padding-inline: 60px; } }

#wayfair-bento.project .large { opacity: .75; font-size: 30px; line-height: 1.25em; letter-spacing: -.5px; }

#wayfair-bento.project .enclosed-bleeding { border-radius: 22px; }

@keyframes fade-in-hero-img { from { opacity: 33%;
    transform: translateY(40px) scale(0.94); }
  to { opacity: 100%;
    transform: translateY(0px) scale(1); } }

#wayfair-bento.project .hero img { animation: 3s cubic-bezier(0.165, 0.855, 0.395, 1) fade-in-hero-img; }

#wayfair-bento.project h2 { color: #7f187f; }

#wayfair-bento.project .photo-focused-segment__description { padding-top: 0; }

#wayfair-bento.project .photo-focused-segment__description p { color: #8e728e; }

#wayfair-bento.project .photo-focused-segment__photo { display: flex; align-items: center; justify-content: center; background-color: transparent; }

#wayfair-bento.project .multi-channel { display: flex; align-items: center; justify-content: center; position: relative; height: 300px; }

@media screen and (min-width: 906px) { #wayfair-bento.project .multi-channel { height: 420px; } }

#wayfair-bento.project .multi-channel > img { height: 100%; min-width: unset; position: absolute; }

@keyframes multichannel-img-1 { 0% { opacity: 100%;
    transform: scale(1);
    z-index: 3; }
  30% { opacity: 100%;
    transform: scale(1);
    z-index: 3; }
  33% { opacity: 0%;
    transform: scale(1.2);
    z-index: 3; }
  63% { opacity: 0%;
    transform: scale(1.2);
    z-index: 3; }
  66% { opacity: 0%;
    transform: scale(0.7);
    z-index: 1; }
  97% { opacity: 0%;
    transform: scale(0.7);
    z-index: 1; }
  100% { opacity: 100%;
    transform: scale(1);
    z-index: 3; } }

@keyframes multichannel-img-2 { 0% { opacity: 0%;
    transform: scale(0.7);
    z-index: 1; }
  30% { opacity: 0%;
    transform: scale(0.7);
    z-index: 1; }
  33% { opacity: 100%;
    transform: scale(1);
    z-index: 2; }
  63% { opacity: 100%;
    transform: scale(1);
    z-index: 2; }
  66% { opacity: 0%;
    transform: scale(1.2);
    z-index: 3; }
  97% { opacity: 0%;
    transform: scale(1.2);
    z-index: 3; }
  100% { opacity: 0%;
    transform: scale(0.7);
    z-index: 1; } }

@keyframes multichannel-img-3 { 0% { opacity: 0%;
    transform: scale(1.2);
    z-index: 3; }
  30% { opacity: 0%;
    transform: scale(1.2);
    z-index: 3; }
  33% { opacity: 0%;
    transform: scale(0.7);
    z-index: 1; }
  63% { opacity: 0%;
    transform: scale(0.7);
    z-index: 1; }
  66% { opacity: 100%;
    transform: scale(1);
    z-index: 2; }
  97% { opacity: 100%;
    transform: scale(1);
    z-index: 2; }
  100% { opacity: 0%;
    transform: scale(1.2);
    z-index: 3; } }

#wayfair-bento.project .multi-channel-1 { animation: 10s ease-in-out infinite multichannel-img-1; }

#wayfair-bento.project .multi-channel-2 { animation: 10s ease-in-out infinite multichannel-img-2; }

#wayfair-bento.project .multi-channel-3 { animation: 10s ease-in-out infinite multichannel-img-3; }

#wayfair-bento.project .integrations { display: flex; align-items: center; justify-content: center; position: relative; height: 340px; }

#wayfair-bento.project .integrations .cards { position: absolute; min-width: unset; max-width: 204px; }

@media screen and (min-width: 600px) { #wayfair-bento.project .integrations .cards { max-width: 292px; } }

@keyframes integrations-carousel-card-1 { 0% { opacity: 100%;
    transform: translateX(0px) scale(1);
    z-index: 3; }
  30% { opacity: 100%;
    transform: translateX(0px) scale(1);
    z-index: 3; }
  33% { opacity: 0%;
    transform: translateX(100px) scale(1);
    z-index: 3; }
  63% { opacity: 0%;
    transform: translateX(100px) scale(1);
    z-index: 3; }
  66% { opacity: 0%;
    transform: translateX(-56px) scale(0.8);
    z-index: 2; }
  97% { opacity: 60%;
    transform: translateX(-56px) scale(0.8);
    z-index: 2; }
  100% { opacity: 100%;
    transform: translateX(0px) scale(1);
    z-index: 3; } }

@keyframes integrations-carousel-card-2 { 0% { opacity: 0%;
    transform: translateX(-56px) scale(0.8);
    z-index: 2; }
  30% { opacity: 60%;
    transform: translateX(-56px) scale(0.8);
    z-index: 2; }
  33% { opacity: 100%;
    transform: translateX(0px) scale(1);
    z-index: 3; }
  63% { opacity: 100%;
    transform: translateX(0px) scale(1);
    z-index: 3; }
  66% { opacity: 0%;
    transform: translateX(100px) scale(1);
    z-index: 3; }
  97% { opacity: 0%;
    transform: translateX(100px) scale(1);
    z-index: 3; }
  100% { opacity: 0%;
    transform: translateX(-56px) scale(0.8);
    z-index: 3; } }

@keyframes integrations-carousel-card-3 { 0% { opacity: 0%;
    transform: translateX(100px) scale(1);
    z-index: 3; }
  30% { opacity: 0%;
    transform: translateX(100px) scale(1);
    z-index: 3; }
  33% { opacity: 0%;
    transform: translateX(-56px) scale(0.8);
    z-index: 2; }
  63% { opacity: 60%;
    transform: translateX(-56px) scale(0.8);
    z-index: 2; }
  66% { opacity: 100%;
    transform: translateX(0px) scale(1);
    z-index: 3; }
  97% { opacity: 100%;
    transform: translateX(0px) scale(1);
    z-index: 3; }
  100% { opacity: 0%;
    transform: translateX(100px) scale(1);
    z-index: 3; } }

#wayfair-bento.project .card-1 { animation: 10s ease-in-out infinite integrations-carousel-card-1; }

#wayfair-bento.project .card-2 { animation: 10s ease-in-out infinite integrations-carousel-card-2; }

#wayfair-bento.project .card-3 { animation: 10s ease-in-out infinite integrations-carousel-card-3; }

#wayfair-bento.project .pfs-w-lg-img { display: flex; flex-direction: column; }

#wayfair-bento.project .pfs-w-lg-img .photo-focused-segment__description, #wayfair-bento.project .pfs-w-lg-img h2 { padding-left: 0; }

#wayfair-bento.project .pfs-w-lg-img .photo-focused-segment__description { padding-top: 0; }

@media screen and (min-width: 600px) { #wayfair-bento.project .pfs-w-lg-img div:nth-child(1) { order: 2; } #wayfair-bento.project .pfs-w-lg-img h2 { order: 1; padding-left: calc(50% + 16px); } #wayfair-bento.project .pfs-w-lg-img .photo-focused-segment__description { order: 3; padding-top: 24px; padding-left: calc(50% + 16px); } }

/** Virtual Assistant */
#wayfair-s-virtual-assistant.project .hero { padding: 15px; background: #2A475A; background: -webkit-linear-gradient(top, #2A475A, #7993A7); background: -moz-linear-gradient(top, #2A475A, #7993A7); background: linear-gradient(to bottom, #2A475A, #7993A7); }

@media screen and (min-width: 1190px) { #wayfair-s-virtual-assistant.project .hero { border-radius: 16px; } }

@keyframes animate-w-fade-in { 0% { opacity: 0;
    -webkit-transform: scale(1.02, 1.02) translateY(16px);
    transform: scale(1.02, 1.02) translateY(16px); }
  to { opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
    transform: scale(1, 1) translateY(0); } }

#wayfair-s-virtual-assistant.project .hero .fade-in { -webkit-animation: animate-w-fade-in 0.75s forwards; animation: animate-w-fade-in 0.75s forwards; opacity: 0; animation-delay: 0.3s; }

#wayfair-s-virtual-assistant.project .dark { background-color: #3B6581; }

#wayfair-s-virtual-assistant.project .dark figcaption { text-align: center; color: white; opacity: 0.8; }

@media screen and (min-width: 600px) { #wayfair-s-virtual-assistant.project .dark figcaption { text-align: left; } }

#wayfair-s-virtual-assistant.project .image-row { display: flex; flex-direction: column; }

@media screen and (min-width: 600px) { #wayfair-s-virtual-assistant.project .image-row { flex-direction: row; margin-bottom: 30px; } #wayfair-s-virtual-assistant.project .image-row:last-child { margin-bottom: 0; } }

#wayfair-s-virtual-assistant.project .image-row div { flex: 0 1 auto; margin: 0 0 30px 0; }

@media screen and (min-width: 600px) { #wayfair-s-virtual-assistant.project .image-row div { margin: 0 1%; } }

@media screen and (min-width: 600px) { #wayfair-s-virtual-assistant.project .image-row div:first-child { margin-left: 0; } }

#wayfair-s-virtual-assistant.project .image-row div:last-child { margin-bottom: 0; }

@media screen and (min-width: 600px) { #wayfair-s-virtual-assistant.project .image-row div:last-child { margin-right: 0; } }

@media screen and (min-width: 600px) { #wayfair-s-virtual-assistant.project .image-row .contain-to-iphone5 { min-width: unset; width: 100%; } }

#wayfair-s-virtual-assistant.project .large { opacity: .75; font-size: 30px; line-height: 1.25em; letter-spacing: -.5px; }

/** Ledarship & Team Building */
#leadership-team-building.project quote { font-size: 1.625em; font-family: ScalaSansWebBold; line-height: 120%; opacity: .75; float: left; padding-top: .425em; padding-bottom: .425em; margin: .75em 0 1em 0; border-top: 4px solid #3B6581; border-bottom: 1px solid #9DB2C0; }

@media screen and (min-width: 800px) { #leadership-team-building.project quote { width: 24%; float: left; margin: 0 4% 0 0; align-items: flex-start; height: intrinsic; } }

/** coRE */
#core.project .hero { height: 358px; position: relative; overflow: hidden; /* top row */ /* top row */ /* middle */ /* middle */ /* middle */ /* middle */ /* bottom */ /* bottom */ /* delay here compensates for page-level, barba animation */ }

@media screen and (min-width: 800px) { #core.project .hero { border-radius: 20px; } }

#core.project .hero .icon { height: 132px; width: 132px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(/portfolio/core/images/core-app-icon.svg) top left no-repeat; }

#core.project .hero .icon .badge { font-family: -apple-system, BlinkMacSystemFont, sans-serif; font-size: 32px; line-height: 39px; color: white; background-color: red; display: inline-block; padding: 6px 18px; border-radius: 90px; top: -15%; right: -15%; position: absolute; opacity: 0; }

#core.project .hero .workspace-card { display: block; padding: 0; margin: 0; position: absolute; left: 50%; top: 50%; width: 346px; max-width: unset; min-width: unset; height: 188px; }

#core.project .hero #card-1 { transform: rotate(-16deg) translateX(-497px) translateY(-363px); }

#core.project .hero #card-2 { transform: rotate(-16deg) translateX(-116px) translateY(-363px); }

#core.project .hero #card-3 { transform: rotate(-16deg) translateX(-850px) translateY(-138px); }

#core.project .hero #card-4 { transform: rotate(-16deg) translateX(-470px) translateY(-138px); }

#core.project .hero #card-5 { transform: rotate(-16deg) translateX(150px) translateY(-138px); }

#core.project .hero #card-6 { transform: rotate(-16deg) translateX(530px) translateY(-138px); }

#core.project .hero #card-7 { transform: rotate(-16deg) translateX(-96px) translateY(87px); }

#core.project .hero #card-8 { transform: rotate(-16deg) translateX(282px) translateY(87px); }

@-webkit-keyframes show-badge { 0% { opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5); }
  to { opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes show-badge { 0% { opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5); }
  to { opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

#core.project .hero .show-badge { -webkit-animation: show-badge 0.5s cubic-bezier(0, 0.43, 0.44, 1.52) forwards; animation: show-badge 0.5s cubic-bezier(0, 0.43, 0.44, 1.52) forwards; opacity: 0; -webkit-animation-delay: 1s; animation-delay: 1s; }

@keyframes hero-load-anim-1 { 0% { transform: rotate(-16deg) translateX(-497px) translateY(-363px); }
  to { transform: rotate(-16deg) translateX(-523px) translateY(-363px); } }

@keyframes hero-load-anim-2 { 0% { transform: rotate(-16deg) translateX(-116px) translateY(-363px); }
  to { transform: rotate(-16deg) translateX(-142px) translateY(-363px); } }

@keyframes hero-load-anim-3 { 0% { transform: rotate(-16deg) translateX(-850px) translateY(-138px); }
  to { transform: rotate(-16deg) translateX(-824px) translateY(-138px); } }

@keyframes hero-load-anim-4 { 0% { transform: rotate(-16deg) translateX(-470px) translateY(-138px); }
  to { transform: rotate(-16deg) translateX(-444px) translateY(-138px); } }

@keyframes hero-load-anim-5 { 0% { transform: rotate(-16deg) translateX(150px) translateY(-138px); }
  to { transform: rotate(-16deg) translateX(176px) translateY(-138px); } }

@keyframes hero-load-anim-6 { 0% { transform: rotate(-16deg) translateX(530px) translateY(-138px); }
  to { transform: rotate(-16deg) translateX(556px) translateY(-138px); } }

@keyframes hero-load-anim-7 { 0% { transform: rotate(-16deg) translateX(-96px) translateY(87px); }
  to { transform: rotate(-16deg) translateX(-122px) translateY(87px); } }

@keyframes hero-load-anim-8 { 0% { transform: rotate(-16deg) translateX(282px) translateY(87px); }
  to { transform: rotate(-16deg) translateX(256px) translateY(87px); } }

#core.project .hero .hero-load-anim-1 { animation: hero-load-anim-1 .33s ease-out forwards; animation-delay: 0.25s; }

#core.project .hero .hero-load-anim-2 { animation: hero-load-anim-2 .33s ease-out forwards; animation-delay: 0.25s; }

#core.project .hero .hero-load-anim-3 { animation: hero-load-anim-3 .33s ease-out forwards; animation-delay: 0.25s; }

#core.project .hero .hero-load-anim-4 { animation: hero-load-anim-4 .33s ease-out forwards; animation-delay: 0.25s; }

#core.project .hero .hero-load-anim-5 { animation: hero-load-anim-5 .33s ease-out forwards; animation-delay: 0.25s; }

#core.project .hero .hero-load-anim-6 { animation: hero-load-anim-6 .33s ease-out forwards; animation-delay: 0.25s; }

#core.project .hero .hero-load-anim-7 { animation: hero-load-anim-7 .33s ease-out forwards; animation-delay: 0.25s; }

#core.project .hero .hero-load-anim-8 { animation: hero-load-anim-8 .33s ease-out forwards; animation-delay: 0.25s; }

#core.project .four-up { display: grid; margin: 0 auto 0 auto; column-gap: 3%; row-gap: 60px; grid-template-columns: 1fr; }

@media screen and (min-width: 321px) { #core.project .four-up { grid-template-columns: 1fr 1fr; } }

@media screen and (min-width: 600px) { #core.project .four-up { margin-bottom: 30px; } }

@media screen and (min-width: 768px) { #core.project .four-up { grid-template-columns: 1fr 1fr 1fr 1fr; } }

#core.project .dark { background-color: #3B6581; }

#core.project .dark figcaption { color: white; opacity: 0.8; }

@media screen and (min-width: 1190px) { #core.project .enclosed-bleeding .left-margined { margin-left: calc(28% - 15px); } }

/** coUrbanize */
#courbanize.project .hero { background: #2A475A; background: -webkit-linear-gradient(top, #7993A7, #2A475A); background: -moz-linear-gradient(top, #7993A7, #2A475A); background: linear-gradient(to bottom, #7993A7, #2A475A); padding: 5.5% 5.5% 0 5.5%; position: relative; }

#courbanize.project h2 { font-family: ScalaSansWebRegular; color: #7FC8F8; }

#courbanize.project .photo-focused-segment__description.textless { display: flex; align-items: center; justify-content: center; }

@media screen and (min-width: 800px) { #courbanize.project .photo-focused-segment__description.textless { align-items: start; justify-content: start; } }

#courbanize.project .photo-focused-segment__description.textless .contain-to-iphone5 { margin: 0 auto; }

@media screen and (min-width: 800px) { #courbanize.project .photo-focused-segment__description.textless .contain-to-iphone5 { margin: 0; } }

/** MYH Overview */
#meyou-health-overview.project .project-title { max-width: 600px; line-height: 1.4em; }

#meyou-health-overview.project .hero { height: 360px; background: #F2F3F4 url("/portfolio/meyou-health-overview/images/myh-overview-hero.svg") -472px 0 no-repeat; }

@media screen and (min-width: 800px) { #meyou-health-overview.project .hero { background-position: center; border-radius: 12px; margin-left: 0; margin-right: 0; } }

@media screen and (min-width: 800px) { #meyou-health-overview.project .callout-sandwich { margin-top: 82px; } }

@media screen and (min-width: 800px) { #meyou-health-overview.project .research-photo { float: left; width: 33%; margin-left: -38%; } }

#meyou-health-overview.project .research-photo figcaption { text-align: left; }

#meyou-health-overview.project h2 { position: relative; }

#meyou-health-overview.project h2 img.decorative { position: absolute; min-width: unset; display: inline; }

#meyou-health-overview.project #creating-engagement .decorative { left: -164px; top: -84px; }

#meyou-health-overview.project #validating-effectiveness .decorative { left: -182px; top: -84px; }

#meyou-health-overview.project #scaling-across .decorative { left: -194px; top: -76px; }

#meyou-health-overview.project #demonstrating-business-value .decorative { left: -144px; top: -148px; }

@media screen and (min-width: 800px) { #meyou-health-overview.project #creating-engagement .decorative { left: -180px; top: -68px; } #meyou-health-overview.project #validating-effectiveness .decorative { left: -180px; top: -68px; } #meyou-health-overview.project #scaling-across .decorative { left: -180px; top: -68px; } #meyou-health-overview.project #demonstrating-business-value .decorative { left: -180px; top: -108px; } }

/** Snap */
@media screen and (min-width: 600px) { #meyou-health-snap.project .photo-focused-segment__photo { width: 80%; flex: 0 1 auto; } }

@media screen and (min-width: 600px) { #meyou-health-snap.project .photo-focused-segment__description { width: 20%; } }

#meyou-health-snap.project #cycler { position: relative; }

#meyou-health-snap.project #cycler img { position: absolute; z-index: 1; display: none; top: 0; left: 0; }

#meyou-health-snap.project #cycler img.active { z-index: 3; }

#meyou-health-snap.project #cycler img.base { z-index: -1 !important; position: static; display: block; }

#meyou-health-snap.project .double-photo { display: flex; flex-direction: column; align-items: flex-start; }

@media screen and (min-width: 600px) { #meyou-health-snap.project .double-photo { flex-direction: row; } }

#meyou-health-snap.project .double-photo img { min-width: unset; margin: 0 auto; margin-bottom: 15px; }

#meyou-health-snap.project .double-photo img:last-child { margin-bottom: 0; }

@media screen and (min-width: 600px) { #meyou-health-snap.project .double-photo img { width: 48%; margin-bottom: 0; } }

/** Walkadoo Derbies for Android */
#walkadoo-derbies-for-android.project .image-row { display: flex; flex-direction: column; }

@media screen and (min-width: 600px) { #walkadoo-derbies-for-android.project .image-row { flex-direction: row; } }

#walkadoo-derbies-for-android.project .image-row div { flex: 0 1 auto; margin: 0 0 15px 0; }

@media screen and (min-width: 600px) { #walkadoo-derbies-for-android.project .image-row div { margin: 0 1%; } }

@media screen and (min-width: 600px) { #walkadoo-derbies-for-android.project .image-row div:first-child { margin-left: 0; } }

@media screen and (min-width: 600px) { #walkadoo-derbies-for-android.project .image-row div:last-child { margin-right: 0; } }

@media screen and (min-width: 600px) { #walkadoo-derbies-for-android.project .image-row .contain-to-nexus5 { min-width: unset; width: 100%; } }

#walkadoo-derbies-for-android.project .double-photo { display: flex; flex-direction: column; align-items: flex-start; }

@media screen and (min-width: 600px) { #walkadoo-derbies-for-android.project .double-photo { flex-direction: row; } }

#walkadoo-derbies-for-android.project .double-photo img { min-width: unset; margin-bottom: 15px; }

#walkadoo-derbies-for-android.project .double-photo img:last-child { margin-bottom: 0; }

@media screen and (min-width: 600px) { #walkadoo-derbies-for-android.project .double-photo img { width: 48%; margin-bottom: 0; } }

/** Walkadoo Responsive Update */
#walkadoo-responsive-update.project .hero { background: #2A475A; background: -webkit-linear-gradient(top, #2A475A, #7993A7); background: -moz-linear-gradient(top, #2A475A, #7993A7); background: linear-gradient(to bottom, #2A475A, #7993A7); padding: 5.5%; }

#walkadoo-responsive-update.project ul li p { font-family: ScalaSansWebItalic; color: #9DB2C0; font-size: 14.4px; }

@media screen and (min-width: 768px) { #walkadoo-responsive-update.project ul li p { font-size: 16px; } }

/** Walkadoo Cheer Ons in TC */
#cheer-on-in-team-competitions.project .hero { background: #2A475A; background: -webkit-linear-gradient(top, #2A475A, #7993A7); background: -moz-linear-gradient(top, #2A475A, #7993A7); background: linear-gradient(to bottom, #2A475A, #7993A7); padding: 3%; }

@media screen and (min-width: 600px) { #cheer-on-in-team-competitions.project .photo-focused-segment__photo { width: 80%; flex: 0 1 auto; } }

@media screen and (min-width: 600px) { #cheer-on-in-team-competitions.project .photo-focused-segment__description { width: 20%; } }

#cheer-on-in-team-competitions.project .goals { display: flex; flex-direction: column; }

@media screen and (min-width: 600px) { #cheer-on-in-team-competitions.project .goals { flex-direction: row; } }

#cheer-on-in-team-competitions.project .goals .col-1, #cheer-on-in-team-competitions.project .goals .col-2 { padding: 0 15px 15px 15px; width: auto; border-bottom: 1px solid #D4D8DB; }

@media screen and (min-width: 600px) { #cheer-on-in-team-competitions.project .goals .col-1, #cheer-on-in-team-competitions.project .goals .col-2 { width: 50%; } }

#cheer-on-in-team-competitions.project .goals .col-1 { transform: rotate(-2.5deg); }

@media screen and (min-width: 600px) { #cheer-on-in-team-competitions.project .goals .col-1 { margin-right: 2%; } }

#cheer-on-in-team-competitions.project .goals .col-2 { transform: rotate(1.5deg); margin-top: 30px; }

@media screen and (min-width: 600px) { #cheer-on-in-team-competitions.project .goals .col-2 { margin-top: 0; margin-left: 2%; } }

#cheer-on-in-team-competitions.project .goals li { margin-bottom: 0.8em; line-height: 1.33em; }

#cheer-on-in-team-competitions.project .goals p { margin-top: 30px; text-align: center; }

#cheer-on-in-team-competitions.project .media-wrapper { background-color: rgba(127, 200, 248, 0.33); }

#cheer-on-in-team-competitions.project .metrics li { font-variant-numeric: lining-nums; /* as of 2018-12-15, supported in Firefox and Safari Mozilla recommends this property over font-feature-setting */ -ms-font-feature-settings: "onum" 0; -o-font-feature-settings: "onum" 0; }

#cheer-on-in-team-competitions.project video.cheer-on-limit { display: block; min-width: 100%; max-width: 100%; }

@media screen and (min-width: 1024px) { #cheer-on-in-team-competitions.project video.cheer-on-limit { min-width: unset; max-width: 628px; margin: 0 auto; } }

/** Teritory */
#territory.project .hero { background: #303E47; background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 2%, rgba(0, 0, 0, 0.5) 100%); padding: 6% 9% 6% 9%; display: flex; flex-direction: column; }

@media screen and (min-width: 600px) { #territory.project .hero { flex-direction: row; } }

#territory.project .hero .left { margin-right: 0; margin-bottom: 30px; background-color: #e6e6e6; }

@media screen and (min-width: 600px) { #territory.project .hero .left { margin-right: 2%; margin-bottom: 0; } }

#territory.project .hero .right { margin-left: 0; }

@media screen and (min-width: 600px) { #territory.project .hero .right { margin-left: 2%; } }

#territory.project .enclosed-section { background-color: transparent; }

@media screen and (min-width: 306px) { #territory.project .enclosed-section { background-color: #F2F3F4; } }

#territory.project .no-photo-available { min-width: 100%; max-width: 100%; display: block; margin-left: auto; margin-right: auto; }

@media screen and (min-width: 306px) { #territory.project .no-photo-available { min-width: 276px; max-width: 276px; } }

#territory.project .no-photo-available + figcaption { padding-bottom: 15px; text-align: center; }

/** Hello-200 */
#hello-200.project .hero { background: #fdfdfd; background: -webkit-linear-gradient(top, #fdfdfd 50%, #F2F3F4 100%); background: -moz-linear-gradient(top, #fdfdfd 50%, #F2F3F4 100%); background: linear-gradient(to bottom, #fdfdfd 50%, #F2F3F4 100%); border-bottom: 1px solid #E6E8EA; height: 320px; overflow: hidden; }

#hello-200.project .hero img { width: 614px; min-width: 320px; display: block; margin: 0 auto; }

#hello-200.project .photo-focused-segment { max-width: 790px; }

@media screen and (min-width: 600px) { #hello-200.project .photo-focused-segment__photo { width: 320px; flex: 0 0 auto; } }

@media screen and (min-width: 600px) { #hello-200.project .photo-focused-segment__description { width: auto; } }

#hello-200.project .image-row { display: flex; flex-direction: column; }

@media screen and (min-width: 600px) { #hello-200.project .image-row { flex-direction: row; } }

#hello-200.project .image-row div { flex: 0 1 auto; margin: 0 0 15px 0; }

@media screen and (min-width: 600px) { #hello-200.project .image-row div { margin: 0 2%; } }

@media screen and (min-width: 600px) { #hello-200.project .image-row div:first-child { margin-left: 0; } }

@media screen and (min-width: 800px) { #hello-200.project .image-row div:first-child { margin-left: 2%; } }

@media screen and (min-width: 600px) { #hello-200.project .image-row div:last-child { margin-right: 0; } }

@media screen and (min-width: 800px) { #hello-200.project .image-row div:last-child { margin-right: 2%; } }

@media screen and (min-width: 600px) { #hello-200.project .image-row .contain-to-iphone5 { min-width: unset; width: 100%; } }

#hello-200.project .four-up { display: grid; margin: 0 auto 0 auto; column-gap: 3%; row-gap: 60px; grid-template-columns: 1fr; }

@media screen and (min-width: 321px) { #hello-200.project .four-up { grid-template-columns: 1fr 1fr; } }

@media screen and (min-width: 600px) { #hello-200.project .four-up { margin-bottom: 30px; } }

@media screen and (min-width: 768px) { #hello-200.project .four-up { grid-template-columns: 1fr 1fr 1fr 1fr; } }

/** Attendance Roster */
#attendance-roster.project .hero { padding: 0; }

@media screen and (min-width: 600px) { #attendance-roster.project .hero { padding: 0 100px; } }

#attendance-roster.project .photo-focused-segment { max-width: 790px; }

@media screen and (min-width: 600px) { #attendance-roster.project .photo-focused-segment__photo { width: 320px; flex: 0 0 auto; } }

@media screen and (min-width: 600px) { #attendance-roster.project .photo-focused-segment__description { width: auto; } }

#attendance-roster.project .double-photo { display: flex; flex-direction: column; align-items: flex-start; }

@media screen and (min-width: 600px) { #attendance-roster.project .double-photo { flex-direction: row; } }

#attendance-roster.project .double-photo img { min-width: unset; }

@media screen and (min-width: 600px) { #attendance-roster.project .double-photo img { width: 48%; margin-bottom: 15px; } }

#attendance-roster.project h2 { font-family: ScalaSansWebRegular; color: #9DB2C0; margin-top: 0.25rem; margin-bottom: 1rem; opacity: 0.4; }

#attendance-roster.project .coupled-photo { display: block; margin-top: 0; }

@media screen and (min-width: 600px) { #attendance-roster.project .coupled-photo { margin-top: 30px; } }

#attendance-roster.project .enclosed-bleeding.dark { padding-bottom: 60px; }

/** Photoworks */
#photoworks.project ol li p { font-family: ScalaSansWebItalic; color: #9DB2C0; font-size: 14.4px; }

@media screen and (min-width: 768px) { #photoworks.project ol li p { font-size: 16px; } }

/** Trademarks */
#trademarks.project img { border-top: 3px solid #E6E8EA; }

#trademarks.project .enclosed-section { margin-top: 0; padding: 0 30px 30px 30px; background-color: #F8F8F9; }

@media screen and (min-width: 800px) { #trademarks.project .enclosed-section { margin-top: -30px; } }

#trademarks.project p { text-align: center; }

@media screen and (min-width: 800px) { #trademarks.project p { max-width: 440px; margin: 0 auto; } }

/** Kent State Wayfinding */
/** Portage-Trail */
#the-portage-trail.project .hero { border-top: 1px solid #DEE3C6; border-bottom: 1px solid #DEE3C6; }

/** Wendy Park */
/** Print Design */
#print-design.project .callout-sandwich { clear: left; margin-top: 0; }

#print-design.project .callout-sandwich span { display: inline; }

#print-design.project .callout-sandwich span:after { content: ","; }

#print-design.project .callout-sandwich span:last-child:after { content: none; }

@media screen and (min-width: 800px) { #print-design.project .callout-sandwich span { display: block; } #print-design.project .callout-sandwich span:after { content: none; } }

/*# sourceMappingURL=main.css.map */