.page-set-up{display:grid;grid-template-columns:1fr 10fr 1fr;grid-template-rows:auto auto 8em;grid-template-areas:"head   head    head" ".      main    ." "footer footer  footer"}header{grid-area:head}main{grid-area:main}footer{grid-area:footer}.product-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));grid-gap:2rem;padding:2rem 0}.multi-product-article-grid{display:grid;grid-template-columns:3fr, 9fr;grid-gap:0 2em;grid-template-areas:"company               products" "table-of-contents     case-study"}.single-product-article-grid{display:grid;grid-template-columns:3fr, 9fr;grid-gap:0 2em;grid-template-areas:"table-of-contents     company" "table-of-contents     case-study"}.company{grid-area:company;padding-top:2em}.product-switcher{grid-area:products;padding-top:2em}.table-of-contents{grid-area:table-of-contents}.main-content{grid-area:case-study;overflow-x:scroll}@media only screen and (max-width: 1140px){.page-set-up{grid-template-columns:2em 1fr 2em}.multi-product-article-grid{grid-gap:0 1em}}@media only screen and (max-width: 960px){.table-of-contents{display:none}.multi-product-article-grid{grid-template-columns:1fr;grid-template-areas:"company"        "products" "case-study"}.single-product-article-grid{grid-template-columns:1fr;grid-template-areas:"company"        "case-study"}}header{box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075)}.logo-lockup{position:relative;display:flex}.logo-icon{width:5rem;height:5rem;margin-right:1rem}.wordmark-lockup{display:flex;flex-direction:column;justify-content:center}.my-name{color:#343a40;font-size:1.25rem;font-weight:700;line-height:1.2;margin:0}.my-name:hover{color:#343a40}.title{color:#6c757d;margin-bottom:0}.icon-embellish--primary,.icon-embellish--success,.icon-embellish--warning,.icon-embellish--info{width:2em;padding:.5em .0 .5em 0;text-align:center;border-radius:50%}.gozengo-preview{background-image:url(../../images/projects/gozengo/gozengo-project-preview-devices.svg);background-size:contain;background-color:#0387BF;background-blend-mode:multiply}.article-three-column{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:3em}.icon-embellish--primary{color:#007bff;background:rgba(0,123,255,0.2)}.icon-embellish--success{color:#28a745;background:rgba(40,167,69,0.2)}.icon-embellish--warning{color:#ffc107;background:rgba(255,193,7,0.2)}.icon-embellish--info{color:#17a2b8;background:rgba(23,162,184,0.2)}.hierarchy{display:flex;align-items:flex-start;height:7em}.hierarchy__element{box-sizing:content-box;font-size:2rem;width:1em;height:1em;line-height:1em;text-align:center;border-radius:.5rem}@keyframes shrink{0%{padding:.5em}25%{padding:.25em}50%{padding:.25em}75%{padding:.5em}100%{padding:.5em}}@keyframes grow{0%{padding:.5em}25%{padding:1em}50%{padding:1em}75%{padding:.5em}100%{padding:.5em}}.hierarchy__element--large{padding:1em;color:#28a745;background:rgba(40,167,69,0.2);animation-name:grow;animation-duration:8s;animation-iteration-count:infinite}.hierarchy__element--small{padding:.25em;color:#ffc107;background:rgba(255,193,7,0.2);animation-name:shrink;animation-duration:8s;animation-iteration-count:infinite}.gsheet{border:none;width:100%;overflow-x:scroll}#inputs{max-width:245px;height:182px}#fit{max-width:839px;height:258px}.screenshot-with-caption{display:flex;align-items:start}.screenshot-with-caption figcaption{display:flex;flex-direction:column;background-color:#f8f9fa;align-items:start;justify-content:stretch;width:12em;padding:.75em;order:2}.screenshot-with-caption figcaption .icon-label-lockup{display:flex;width:100%;align-items:center;padding-bottom:.2em}.screenshot-with-caption figcaption i{font-size:1.25rem}.screenshot-with-caption figcaption .label{padding:0;margin:0 0 0 .5em;text-transform:uppercase;font-weight:600}.screenshot-with-caption figcaption p{color:#6c757d;font-size:.8rem;margin:0}.screenshot-with-caption .img-div{background-color:#f8f9fa;width:calc(100% - 12em);order:1;margin-right:1rem}.screenshot-with-caption .img-div img{width:100%;height:auto}.screenshot-with-caption .img-div .multi-base-img{background-image:url("../../images/projects/voyant/conferencing/controls/controls-clear.png"),url("../../images/projects/voyant/conferencing/controls/controls-hidden.png");background-position:top 0px left 0px, top 0px left 0px;background-size:contain;background-repeat:no-repeat;transition:background-image 0.5s ease}.screenshot-with-caption .img-div .multi-base-img:hover{background-image:url("../../images/projects/voyant/conferencing/controls/controls-only.png"),url("../../images/projects/voyant/conferencing/controls/controls-hidden.png")}.scatter-plot{width:100%;overflow-x:scroll;border:1px solid rgba(0,0,0,0.125);margin:0 auto}.engagement-metrics{margin:1em 0}.engagement-metrics .card .card-header{cursor:pointer}.engagement-metrics .card .card-header dt:hover{text-decoration:underline}.engagement-metrics .card .card-header dd{margin-bottom:0}.figma-holder{display:flex;justify-content:center;overflow-x:scroll;background-color:#4F5B67;margin:2rem 0}#figma-controls{width:100%;max-width:700px;height:540px;border:none}.controls-comparison{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"header-hardware    header-situational" "example-hardware   example-situational" "pro-hardware       pro-situational" "con-hardware       con-situational";border-width:0 1px 1px 0;border-style:solid;border-color:#dee2e6}.controls-comparison .header-hardware{grid-area:header-hardware}.controls-comparison .header-situational{grid-area:header-situational}.controls-comparison .example-hardware{grid-area:example-hardware}.controls-comparison .example-situational{grid-area:example-situational}.controls-comparison .pro-hardware{grid-area:pro-hardware}.controls-comparison .pro-situational{grid-area:pro-situational}.controls-comparison .con-hardware{grid-area:con-hardware}.controls-comparison .con-situational{grid-area:con-situational}.controls-comparison div{border-width:1px 0 0 1px;border-style:solid;border-color:#dee2e6;padding:1em}.controls-comparison .controls-comparison__header{text-align:center;background-color:#f8f9fa}.controls-comparison ul{padding-left:1.5em}.controls-comparison figure{display:flex;justify-content:center;align-items:center;width:100%;overflow:scroll}.controls-comparison figure img{margin-right:.5em}@media only screen and (max-width: 624px){.controls-comparison{grid-template-columns:1fr;grid-template-areas:"header-hardware" "example-hardware" "pro-hardware" "con-hardware" "header-situational" "example-situational" "pro-situational" "con-situational"}}.formula-overview .card-header{cursor:pointer}.formula-overview .card-header h6:hover{text-decoration:underline}.formula-overview img{width:100%;height:auto}.formula-overview .comparison{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:2em}@media only screen and (max-width: 960px){.formula-overview .comparison{grid-template-columns:1fr 1fr}.formula-overview .article-three-column{grid-gap:2em}}.formula-overview .two-column{display:grid;grid-template-columns:1fr 1fr;grid-gap:2em 3em}.formula-overview .two-column .span-two{grid-column:1 / span 2}.formula-overview .area-compare{display:grid;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));grid-gap:0 2em}.formula-overview .area-compare img{width:100%;height:auto}.formula-overview .area-compare figcaption{height:1em}.admin-user-stories{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));grid-gap:1rem;font-size:.9rem}.admin-user-stories h5,.admin-user-stories h6{font-size:.9rem}.admin-user-stories ul{padding-left:1.2em}