/* The dashboard illustration follows the reference's 2048x1152 composition. */
.consumer-workspace aside{width:15cqw;border:0;padding:1.5cqw 1.4cqw;gap:1.35cqw;font:.72cqw/1.3 DieGrotesk;color:#b5b5b5}
.consumer-workspace-logo{width:6cqw;margin:0 0 .7cqw}
.consumer-workspace aside small{font:.62cqw/1.2 DieGrotesk;color:#777;margin-top:.7cqw}
.consumer-workspace aside .is-selected{border-radius:.7cqw;padding:.55cqw;margin:-.55cqw}
.consumer-workspace-main{padding:.85cqw .85cqw 0 1.4cqw}
.consumer-workspace-bar{font:.9cqw/1.3 DieGrotesk;color:#d8d8d8;height:2.6cqw}
.consumer-workspace-bar>a{padding:.7cqw 1cqw;border-radius:1cqw;font-size:.72cqw}
.consumer-workspace-row-title{display:flex;align-items:baseline;gap:.7cqw;margin:2.45cqw 0 1.35cqw;font:.72cqw/1.2 DieGrotesk;color:#777}
.consumer-workspace-row-title h3{font:1.3cqw/1 DieGrotesk;letter-spacing:0;margin:0;color:#eee}
.consumer-workspace-row-title b{margin-left:auto;font-weight:400;color:#888}
.consumer-workspace-tools{display:flex;gap:.75cqw}
.consumer-workspace-tool{width:calc((100% - 2.25cqw)/4);height:9.5cqw;display:flex;align-items:start;justify-content:space-between;gap:.3cqw;background:#141414;border-radius:2.4cqw;padding:.55cqw .65cqw .55cqw 1.35cqw;flex:none;overflow:hidden}
.consumer-workspace-tool>div{display:flex;flex-direction:column;gap:.3cqw;padding-top:.8cqw;min-width:0;font:.7cqw/1.25 DieGrotesk;color:#888}
.consumer-workspace-tool strong{font-weight:400;color:#ddd}
.consumer-workspace-tool>div>span{white-space:nowrap;max-width:7.7cqw;overflow:hidden}
.consumer-workspace-icon{flex:none;display:grid;place-items:center;position:relative;width:8.25cqw;height:8.25cqw;border-radius:24%;overflow:hidden;background:#21481a;font-style:normal;box-shadow:inset 0 0 .9cqw #f6ffe8a8,inset 0 .1cqw .3cqw #fff8}
.consumer-workspace-icon:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 1.25cqw #fff7;pointer-events:none}
.consumer-workspace-icon--leaf b{font:2.6cqw/1 DieGrotesk;color:#faffec;animation:consumer-workspace-leaf 8.0167s ease-in-out infinite}
.consumer-workspace-icon--photo{background:#a5b597 url('/assets/consumer/lower/everyday-photography.jpg') 100% 100%/400% 200%;background-blend-mode:luminosity;filter:saturate(.65)}
.consumer-workspace-icon--photo span{position:absolute;bottom:1cqw;font:.3cqw/1 DieGrotesk;color:white}
.consumer-workspace-icon--praxa{background:#193d22 url('/assets/consumer/lower/everyday-photography.jpg') 0% 0%/400% 200%;background-blend-mode:luminosity}
.consumer-workspace-icon--praxa img{width:75%;filter:invert(1)}
.consumer-workspace-icon--glass{background:#9eae89;animation:consumer-workspace-glass 8.0167s linear infinite}
.consumer-workspace-projects{display:flex;gap:.75cqw;height:34.5cqw;overflow:hidden}
.consumer-workspace-project{position:relative;width:calc((100% - 2.25cqw)/4);flex:none;border-radius:1.7cqw 1.7cqw 0 0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#e8ece0;color:#23401c}
.consumer-workspace-project small{position:absolute;bottom:2cqw;left:1.5cqw;right:1.5cqw;font:.6cqw/1.3 DieGrotesk}
.consumer-workspace-project--nature{background:#40872d;isolation:isolate}
.consumer-workspace-project--nature:before{content:"";position:absolute;inset:-15%;background:url('/assets/consumer/lower/everyday-photography.jpg') 100% 100%/400% 200%;filter:grayscale(1) contrast(1.5);mix-blend-mode:luminosity;z-index:-1;animation:consumer-workspace-nature 8.0167s ease-in-out infinite,consumer-workspace-image 8.0167s steps(1) infinite}
.consumer-workspace-project--nature>span{width:72%;filter:invert(1);transform:translateY(1.8cqw)}
.consumer-workspace-project--nature img,.consumer-workspace-project--brand img{width:100%;height:auto}
.consumer-workspace-project--nature small{color:white}
.consumer-workspace-project--brief{background:#e9ece5}
.consumer-workspace-line{background:#204119;color:#e1ead4;border-radius:3cqw;width:93%;font:.84cqw/1 ABCDiatype;letter-spacing:.14cqw;text-align:center;padding:1cqw .3cqw;animation:consumer-workspace-label 8.0167s ease-in-out infinite}
.consumer-workspace-project--brand{background:#204119;color:#dae7cf}
.consumer-workspace-project--brand>img{width:53%;filter:invert(1);animation:consumer-workspace-brand 8.0167s ease-in-out infinite}
.consumer-workspace-project--type{background:#f1f5e9;align-items:start;padding-top:1.3cqw}
.consumer-workspace-project--type>span{font:2cqw/1.5 DieGrotesk;letter-spacing:.15cqw;word-spacing:.2cqw;white-space:nowrap;text-align:center;animation:consumer-workspace-type 8.0167s linear infinite}
@keyframes consumer-workspace-leaf{0%,100%{transform:translate(1.1cqw,-1.9cqw) scale(.25)}40%,60%{transform:translate(-1cqw,1.2cqw) scale(1.1) rotate(160deg)}}
@keyframes consumer-workspace-glass{0%,100%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(35deg);box-shadow:inset 0 0 2.4cqw #f6ffe8aa}}
@keyframes consumer-workspace-nature{0%,100%{transform:scale(1.05) translateY(-2%)}50%{transform:scale(1.18) translateY(3%)}}
@keyframes consumer-workspace-label{0%,100%{transform:translateY(2cqw)}40%,65%{transform:translateY(-.5cqw)}}
@keyframes consumer-workspace-brand{0%,100%{transform:scale(.95)}50%{transform:scale(1.12)}}
@keyframes consumer-workspace-type{0%{transform:translateY(0) skewY(0deg)}50%{transform:translateY(-8cqw) skewY(-4deg)}100%{transform:translateY(0) skewY(0deg)}}
@media(prefers-reduced-motion:reduce){.consumer-workspace *,.consumer-workspace *:before{animation:none!important}}

.consumer-workspace-project--brief:before{content:"";position:absolute;inset:0;background:url('/assets/consumer/personalization/praxa-outline.svg') 50% 50%/180% auto;opacity:.85;animation:consumer-workspace-outline 8.0167s linear infinite}
.consumer-workspace-line{position:relative;z-index:1}
.consumer-workspace *,.consumer-workspace *:before{animation-play-state:inherit}
@keyframes consumer-workspace-image{0%,100%{background-position:100% 100%}12.5%,62.5%{background-position:0% 0%}25%,87.5%{background-position:66.666% 0%}37.5%,75%{background-position:100% 100%}50%{background-position:33.333% 100%}}
@keyframes consumer-workspace-outline{from{transform:rotate(0deg) scale(1.2)}to{transform:rotate(360deg) scale(1.2)}}