/* ================================================================================ */
/*  Project: Red Hat - Design Site
/*  Author: Digital Experience
/*  Date: Mon Aug 04 2025 14:46:48 GMT-0400 (Eastern Daylight Time)
/*  
/*  Copyright © 2025 Red Hat, Inc.
/*  https://design.redhat.com
/* ================================================================================ */

.rh-design li.story a.active,.rh-design-nav-shelf .nav-group-wrapper a.active,.rh-design-nav-shelf .nav-group-wrapper a:hover{background-color:#f6f6f6;border-left:2px solid #e00}.nav-discipline-filter li a,.rh-design li.story:last-of-type{margin-bottom:0!important}#nurture-images,.dp-blocks .prioritize-form-func__headline h2{grid-template-columns:1fr;display:grid}.rh-design li.story a{padding-left:4px}.rh-design .overview{padding-right:157px}.rh-design-nav-top{position:fixed;background-color:#000;width:100%;z-index:var(--pfe-theme--zindex--navigation,103)}.rh-design-nav-toggle-wrapper{display:flex;justify-content:flex-end}.rh-design-nav-toggle-wrapper .btn-toggle{display:inline-flex;align-items:center;padding:0 5px;margin-bottom:0;color:#fff;transition:.3s ease-in-out;right:0}.rh-design-nav-toggle-wrapper .btn-toggle .menu-bar{width:30px;height:3px;background-color:#fff;display:block;margin:8px 6px;transition:.4s ease-in-out;border-radius:3px}.rh-design-nav-toggle-wrapper .btn-toggle.active .menu-bar{margin:5px 6px}.rh-design-nav-toggle-wrapper .btn-toggle.active .menu-bar:nth-child(1){transform:rotate(45deg) translate(6px,5px)}.rh-design-nav-toggle-wrapper .btn-toggle.active .menu-bar:nth-child(2){opacity:0}.rh-design-nav-toggle-wrapper .btn-toggle.active .menu-bar:nth-child(3){transform:rotate(-45deg) translate(6px,-5px)}.rh-design-nav-toggle-wrapper .btn-toggle:focus{outline:dotted 1px;outline-offset:2px}.rh-design-nav-shelf{position:fixed;top:95px;bottom:0;left:-100%;z-index:var(--pfe-theme--zindex--modal,1001);width:100%;background-color:#fff;color:#fff;transition:.4s ease-in-out}.rh-design-nav-shelf.shelf-open{left:0}.rh-design-nav-shelf a:not(.btn),.rh-design-nav-shelf button{color:#000;border-left:2px solid #fff}.rh-design-nav-shelf .nav-container{height:100%;overflow-y:scroll}.rh-design-nav-shelf .nav-group-wrapper{background-size:cover;background-position:left 100px;background-repeat:no-repeat;transition:.4s ease-in-out}.rh-design-nav-shelf .accordion-panel.collapsing.showing,.rh-design-nav-shelf .accordion-panel.show,.rh-design-nav-shelf .accordion-toggle,.rh-design-nav-shelf .accordion-toggle.collapsed{background-color:transparent;border-top:none;border-bottom:none;border-left:2px solid #fff;box-shadow:none}.rh-design-nav-shelf .accordion-panel.collapsing.showing.nav-button:hover,.rh-design-nav-shelf .accordion-panel.show.nav-button:hover,.rh-design-nav-shelf .accordion-toggle.collapsed.nav-button:hover,.rh-design-nav-shelf .accordion-toggle.nav-button:hover{background-color:#f6f6f6;border-left:2px solid #e00}.rh-design-nav-shelf .accordion-toggle.collapsed{font-weight:400;border-left:2px solid #fff}.rh-design-nav-shelf .accordion-toggle.active{background-color:#f6f6f6;border-left:2px solid #e00}.rh-design-nav-shelf .accordion-toggle:focus{text-decoration:none}.rh-design-nav-shelf .accordion-panel.collapsing,.rh-design-nav-shelf .accordion-toggle:hover{border:none}.rh-design-nav-shelf-screen{position:fixed;top:0;height:100%;width:100%;z-index:var(--pfe-theme--zindex--overlay,97);background-color:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.5,0,.5,1)}.rh-design-nav-shelf-screen.shelf-open{opacity:1;pointer-events:initial}.design-footer{margin-bottom:-30px}.header.main{display:none!important}#rh-sticky-nav.sticky{box-shadow:0 0 5px rgba(0,0,0,.5)}#rh-sticky-nav.sticky .nav{border-color:#fff!important}#rh-sticky-nav.sticky .nav-link{margin-top:-3px;border-top:3px solid transparent}#rh-sticky-nav.sticky .nav-link.active{border-color:#e00}#rh-sticky-nav .nav-link{padding:26px 0}.back-btn::after{position:absolute;left:-33px;transform:scaleX(-1)}.designer-img{border:8px solid #fff;border-radius:50%}.nav-pills .nav-item{padding-right:12px}.nav-pills .nav-item:last-child{padding-right:0}.nav-pills .nav-link{background-color:#fff;color:#06c;border-radius:50rem;padding:4px 6px;font-size:16px;font-weight:700;margin-bottom:16px;border:1px solid #06c}.nav-pills .nav-link.active,.nav-pills .nav-link:hover{background-color:#06c;color:#fff}.nav-pills .nav-link:focus{outline:#fff dotted 1px;outline-offset:2px}.designer-list-view .card-wrapper{display:flex}.designer-list-view .card-wrapper:not(.active){display:none}.designer-list-view .card-wrapper .card-header{position:relative;transition:.5s cubic-bezier(.5,0,.5,1)}.designer-list-view .card-wrapper .card-header:hover{opacity:.7}.designer-list-view .card-wrapper.designer .card-header:before{opacity:0;transition:opacity .3s cubic-bezier(.5,0,.5,1);pointer-events:none;position:absolute;z-index:50;top:50%;left:50%;width:72px;height:72px;content:" ";transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.5)}.designer-list-view .card-wrapper.designer .card-header:after{opacity:0;transition:opacity .3s cubic-bezier(.5,0,.5,1);pointer-events:none;position:absolute;z-index:60;top:50%;left:50%;width:24px;height:24px;content:" ";transform:translate(calc(-50% + 4px),-50%);border-top:16px solid transparent;border-right:0 solid transparent;border-bottom:15px solid transparent;border-left:28px solid #fff}#designers.active,.designer-list-view .card-wrapper.designer .card-header:hover:after,.designer-list-view .card-wrapper.designer .card-header:hover:before{opacity:1}.designer-profile-image{width:129px}#designers{opacity:0;transition:opacity .3s ease-in-out}.nav-discipline-filter li{padding-right:0!important;margin-right:13px!important;margin-bottom:10px!important}.nav-discipline-filter li:focus-within{outline:#06c solid 1px;outline-offset:2px}#stories-btn{width:100%!important;border-right:0!important}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@keyframes dash{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes fadeIn{to{opacity:1;margin-top:0}}.top-10{top:10px}.right-10{right:10px}.bg-light-red{background-color:#feeded}.dp-blocks{display:grid;grid-template-columns:100%;row-gap:50px}.dp-blocks__block{width:100%;min-height:250px}.dp-blocks__block:focus{outline:#06c solid 2px;outline-offset:2px}.dp-blocks .start-intentionally__headline h2{font-size:36px}.dp-blocks .start-intentionally:focus .start-intentionally__headline h2 span,.dp-blocks .start-intentionally:focus-within .start-intentionally__headline h2 span,.dp-blocks .start-intentionally:hover .start-intentionally__headline h2 span{animation:1s infinite blink}.dp-blocks .lean-on-research__headline{border-radius:40px;width:95%;transition:margin-bottom .2s cubic-bezier(.25,.46,.45,.94);margin-bottom:70px!important}.dp-blocks .be-honest__headline h2 img{width:20px;margin-top:-12px}.dp-blocks .be-honest__headline #info-icon{right:41%;bottom:12%}.dp-blocks .be-honest__headline .hidden-info{border-radius:4px;box-shadow:0 2px 6px 0 rgba(0,0,0,.25);left:-44px;top:55px;width:185px}.dp-blocks .be-honest__headline .hidden-info::before{position:absolute;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #e00;top:-10px;left:46px}.dp-blocks .be-honest:focus-within .be-honest__headline .hidden-info,.dp-blocks .be-honest:hover .be-honest__headline .hidden-info{opacity:1;transition:opacity .2s ease-in-out,max-height .8s ease-in-out;max-height:500px}.dp-blocks .embrace-collab__headline h2{line-height:1.1}.dp-blocks .embrace-collab__headline h2 span#embrace{display:inline-block;font-size:clamp(34px,7.5vw,60px)}.dp-blocks .embrace-collab__headline h2 span#collab{font-size:clamp(36px,10vw,75px);display:flex}.dp-blocks .embrace-collab__headline h2 span#collab span{display:flex;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.dp-blocks .design-brave{background-color:#e00}.dp-blocks .design-brave img{filter:brightness(0) invert(1)}.dp-blocks .design-brave__headline h2{color:#fff;font-weight:lighter}.dp-blocks .design-brave__headline h2 span{font-weight:900}.dp-blocks .design-brave:focus-within,.dp-blocks .design-brave:hover{background-color:#e00}.dp-blocks .design-brave:focus-within img,.dp-blocks .design-brave:hover img{filter:brightness(0) invert(1)}.dp-blocks .design-brave:focus-within .design-brave__headline h2,.dp-blocks .design-brave:hover .design-brave__headline h2{color:#fff}.dp-blocks .prioritize-form-func__bg{height:50%;width:100%;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.dp-blocks .share-early__headline{left:30px;bottom:-27%}.dp-blocks .share-early__headline p{min-width:600px}.dp-blocks .share-early__headline p span{text-decoration:line-through}.dp-blocks .nurture__headline h2 #versions span:not(:nth-of-type(1)){opacity:.5;transition:opacity 0 ease-in-out .1s}.expand-icon,.shrink-icon{right:20px}.expand-icon:hover,.shrink-icon:hover{cursor:pointer}.expand-icon{top:20px}.shrink-icon{width:45px;top:45px}.shrink-icon:focus{outline:#06c solid 2px;outline-offset:2px}.expanded-block h3{font-size:54px}.dots-animated{animation:30s linear infinite dash}#research-dotted-red-line{left:50%;transform:translateX(-50%);bottom:-45px;z-index:-1}#collab-dots-top{right:23%;top:155px}#collab-dots-bottom{left:24%;bottom:385px}#start-intentionally-dots{right:-25px;top:160px}#nurture-shapes{grid-area:nurture-shapes}#nurture-library{grid-area:nurture-library}#nurture-grays{grid-area:nurture-grays}#nurture-images{row-gap:20px;padding-left:15px;padding-right:15px;grid-template-areas:"nurture-shapes" "nurture-grays" "nurture-library"}.dp-blocks button,.expanded-block button{color:inherit;border:none;padding:0;text-align:unset;outline:inherit}.expanded-block button{background-color:unset}.expanded-block__content{opacity:0;margin-top:-15px}.expanded-block__content.active{animation:.3s cubic-bezier(.25,.46,.45,.94) forwards fadeIn}@media (min-width:768px){.rh-design-nav-shelf{width:275px}.hero .home-h1{font-size:82px!important}.hero .interior-h1{font-size:60px!important}#how-we-work .border-top{border-top:none!important}#how-we-work .row.d-flex{height:2730px;max-height:2730px}#how-we-work .pb-3{flex:initial;display:block}.dp-blocks .start-intentionally__headline h2{font-size:55px}.dp-blocks .be-honest__headline #info-icon{right:0}.dp-blocks .prioritize-form-func__bg{height:100%;width:50%;-webkit-clip-path:polygon(0 0,50% 0,50% 100%,0 100%);clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.dp-blocks .prioritize-form-func__headline h2{grid-template-columns:1fr 1fr}.dp-blocks .prioritize-form-func__headline h2 span#function{align-self:end;justify-self:end}.dp-blocks .share-early__headline{left:60px;bottom:-26%}.dp-blocks .share-early__headline p{min-width:800px}}@media (min-width:992px){#how-we-work .row.d-flex{height:2600px;max-height:2600px}.design-job-middle-card{border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7}.nav-pills .nav-link{padding:6px 20px}.dp-blocks{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,minmax(250px,auto));-moz-column-gap:50px;column-gap:50px;row-gap:80px;grid-auto-flow:row;grid-template-areas:"start-intentionally start-intentionally lean-on-research" "be-honest embrace-collab embrace-collab" "be-honest design-brave prioritize-form-func" "share-early share-early prioritize-form-func" "nurture nurture prioritize-form-func"}.dp-blocks .start-intentionally{grid-area:start-intentionally}.dp-blocks .start-intentionally__headline span{height:60px;width:28px;margin-left:8px;margin-bottom:-10px}.dp-blocks .lean-on-research{grid-area:lean-on-research}.dp-blocks .lean-on-research__headline{margin-bottom:20px!important;width:auto}.dp-blocks .lean-on-research__sub{opacity:0;transition:opacity .1s ease-in-out}.dp-blocks .lean-on-research:focus-within .lean-on-research__headline,.dp-blocks .lean-on-research:hover .lean-on-research__headline{margin-bottom:60px!important}.dp-blocks .lean-on-research:focus-within .lean-on-research__sub,.dp-blocks .lean-on-research:hover .lean-on-research__sub{opacity:1;transition:opacity .2s ease-in-out}.dp-blocks .be-honest{grid-area:be-honest}.dp-blocks .be-honest__headline #info-icon{right:42%;bottom:15%}.dp-blocks .be-honest__headline .hidden-info{opacity:0;left:-63px;max-height:45px;transition:opacity .2s ease-in-out,max-height .2s ease-in-out}.dp-blocks .be-honest__headline .hidden-info::before{left:64px}.dp-blocks .embrace-collab{grid-area:embrace-collab;min-height:0;max-height:175px}.dp-blocks .embrace-collab__headline h2 span#embrace{transform:translate(25px,75px);transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.dp-blocks .embrace-collab__headline h2 span#collab{font-size:clamp(36px,10vw,70px);transform:translateY(-15px);margin-right:50px;transition:transform .2s cubic-bezier(.25,.46,.45,.94),margin-right .2s cubic-bezier(.25,.46,.45,.94)}.dp-blocks .embrace-collab__headline h2 span#collab span#collab-c{transform:translate(60px,-60px)}.dp-blocks .embrace-collab__headline h2 span#collab span#collab-o1{transform:translate(63px,-65px)}.dp-blocks .embrace-collab__headline h2 span#collab span#collab-l1{transform:translate(65px,-30px)}.dp-blocks .embrace-collab__headline h2 span#collab span#collab-l2{transform:translate(68px,-50px)}.dp-blocks .embrace-collab__headline h2 span#collab span#collab-a1{transform:translate(72px,-71px)}.dp-blocks .embrace-collab__headline h2 span#collab span#collab-b{transform:translate(72px,-25px)}.dp-blocks .embrace-collab__headline h2 span#collab span#collab-o2{transform:translate(65px,-50px)}.dp-blocks .embrace-collab__headline h2 span#collab span#collab-r{transform:translate(60px,-15px)}.dp-blocks .embrace-collab__headline h2 span#collab span#collab-a2{transform:translate(60px,-5px)}.dp-blocks .embrace-collab__headline h2 span#collab span#collab-t{transform:translate(45px,-45px)}.dp-blocks .embrace-collab__headline h2 span#collab span#collab-i{transform:translate(49px,-50px)}.dp-blocks .embrace-collab__headline h2 span#collab span#collab-o3{transform:translate(50px,-30px)}.dp-blocks .embrace-collab__headline h2 span#collab span#collab-n{transform:translate(51px,-15px)}.dp-blocks .embrace-collab:focus-within .embrace-collab__headline h2 span#embrace,.dp-blocks .embrace-collab:hover .embrace-collab__headline h2 span#embrace{transform:none}.dp-blocks .embrace-collab:focus-within .embrace-collab__headline h2 span#collab,.dp-blocks .embrace-collab:hover .embrace-collab__headline h2 span#collab{margin-right:10px}.dp-blocks .embrace-collab:focus-within .embrace-collab__headline h2 span#collab span,.dp-blocks .embrace-collab:hover .embrace-collab__headline h2 span#collab span{transform:none!important}.dp-blocks .design-brave{grid-area:design-brave;background-color:#fff}.dp-blocks .design-brave img{filter:none}.dp-blocks .design-brave__headline h2{color:#e00}.dp-blocks .prioritize-form-func{grid-area:prioritize-form-func;max-height:820px}.dp-blocks .prioritize-form-func__bg{height:50%;width:100%;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .2s cubic-bezier(.25,.46,.45,.94),height .2s cubic-bezier(.25,.46,.45,.94),-webkit-clip-path .2s cubic-bezier(.25,.46,.45,.94)}.dp-blocks .prioritize-form-func__headline h2{grid-template-columns:1fr}.dp-blocks .prioritize-form-func:focus-within .prioritize-form-func__bg,.dp-blocks .prioritize-form-func:hover .prioritize-form-func__bg{height:100%;-webkit-clip-path:polygon(0 0,100% 0,0 100%,0 50%);clip-path:polygon(0 0,100% 0,0 100%,0 50%)}.dp-blocks .share-early{grid-area:share-early;max-height:215px;min-height:0}.dp-blocks .share-early__headline{bottom:-31%}.dp-blocks .share-early__headline p{opacity:.5;transition:opacity .2s ease-in-out,text-decoration .2s ease-in-out,-webkit-text-decoration .2s ease-in-out}.dp-blocks .share-early__headline p span{text-decoration:none}.dp-blocks .share-early:focus-within .share-early__headline p,.dp-blocks .share-early:hover .share-early__headline p{opacity:1}.dp-blocks .share-early:focus-within .share-early__headline span,.dp-blocks .share-early:hover .share-early__headline span{text-decoration:line-through}.dp-blocks .nurture{grid-area:nurture;max-height:200px;min-height:200px!important;align-self:end;top:-89px}.dp-blocks .nurture__headline h2{transition:transform .2s cubic-bezier(.25,.46,.45,.94);transform:translateY(70px)}.dp-blocks .nurture__headline h2 #versions span:not(:nth-of-type(1)){opacity:0}.dp-blocks .nurture:focus-within .nurture__headline h2,.dp-blocks .nurture:hover .nurture__headline h2{transform:translateY(30px)}.dp-blocks .nurture:focus-within .nurture__headline h2 #versions span:not(:nth-of-type(1)),.dp-blocks .nurture:hover .nurture__headline h2 #versions span:not(:nth-of-type(1)){opacity:.5;transition:opacity .2s ease-in-out .1s}.dp-blocks__block.expanded{position:fixed!important;top:95px;left:0;min-height:100%!important;max-height:none!important;width:100%;z-index:1}#nurture-images{grid-template-columns:repeat(2,1fr);-moz-column-gap:80px;column-gap:80px;row-gap:0;grid-auto-flow:row;grid-template-areas:"nurture-shapes nurture-grays" "nurture-library nurture-grays"}}@media (min-width:1200px){.nav-pills .nav-item{padding-right:13px}.dp-blocks .be-honest__headline .hidden-info{left:-45px}.dp-blocks .be-honest__headline .hidden-info::before{left:47px}.dp-blocks .embrace-collab{max-height:165px}.shrink-icon{position:fixed!important;width:auto;top:120px}.expanded-block h3{font-size:80px}#lean-on-research--expanded .expanded-block__sub-intro p{max-width:66%}#honest-open-culture-guide,#research-rosa-screenshot{border:1px solid #707070}}@media (min-width:1400px){.rh-design-nav-toggle-wrapper{display:none}.rh-design-nav-shelf{width:275px;left:0;height:100%}.design-footer{padding-left:275px}}@media all and (min-width:1400px){.offset-xxl-2{margin-left:16.66666667%}.pl-xxl-0{padding-left:0}#research-top-photo{margin-left:-6%!important}#lean-on-research--expanded .expanded-block__sub-intro p{margin-left:0!important}}@media all and (min-width:1550px){#research-top-photo{margin-left:0!important}#lean-on-research--expanded .expanded-block__sub-intro p{margin-left:auto!important;margin-right:auto!important}}@media (max-width:1200px){.hero-img{width:100%}}@media (max-width:991.98px){.design-job-middle-card{padding:40px 0;border-bottom:1px solid #e7e7e7;border-top:1px solid #e7e7e7}}@media (max-width:767.98px){.hero .home-h1,.hero .interior-h1{font-size:48px!important}}@media (max-width:576px){.rh-design-nav-shelf .accordion-toggle{width:60%!important}.designer-cards{margin:0 10px}.designer-img{width:30%}.designer-question{font-size:30px!important}}